.phone-art{display:block;width:100%;height:auto;overflow:visible}
.people-hero{height:auto;aspect-ratio:1.02;min-height:0;margin:0}
.people-hero:before{inset:25px 10px 60px 5px;transform:rotate(3deg)}
.people-hero-image{left:0;top:15px;width:61%;height:auto;aspect-ratio:3/4;max-height:none;object-fit:cover;object-position:center;border-width:6px;transform:rotate(-3deg)}
.photo-label{top:0;right:0;font-size:12px;z-index:3;transform:rotate(2deg)}
.hero-phone-wrap{position:absolute;right:3%;top:10%;width:40%;z-index:2;transform:rotate(4deg)}
.hero-phone-wrap .animated-phone{border:3px solid #fff;border-radius:33px;overflow:hidden;background:#eee8ff;box-shadow:0 7px 18px #38244312,0 25px 45px #38244320}
.hero-phone-wrap>span{display:block;font-size:11px;color:#82708f;text-align:center;margin-top:10px}
.people-hero .photo-reminder{left:0;top:auto;bottom:36px;width:64%;max-width:64%;padding:12px;gap:9px;transform:translateY(6px) rotate(-2deg);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;animation:none;pointer-events:none}
.people-hero .photo-reminder.is-confirmed{opacity:1;visibility:visible;transform:translateY(0) rotate(-2deg)}
.people-hero .photo-reminder strong{font-size:14px}.people-hero .photo-reminder div>span{font-size:11px;white-space:nowrap}.people-hero .photo-reminder .assi-avatar{display:grid;width:33px;height:33px;font-size:26px}
.hero-motion{position:absolute;bottom:-7px;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#887a93}
.hero-motion button,.phone-motion{border:1px solid #ddd2eb;background:#fff;color:#75578c;border-radius:9px;min-height:35px;padding:5px 11px;font-size:12px;cursor:pointer}
.hero-motion button:hover,.phone-motion:hover{background:#f1eafa}
.whatsapp-raster .animated-phone{border:7px solid white;transform:rotate(2deg);border-radius:28px;overflow:hidden;box-shadow:0 4px 10px #4024580c,0 27px 60px #40245820;background:#ede6fc}
.phone-motion{margin-top:13px}.whatsapp-raster figcaption{margin-top:12px}
@media(max-width:1050px) and (min-width:781px){.people-hero{aspect-ratio:.86}.people-hero-image{top:30px}.people-hero .photo-reminder{width:76%;max-width:76%;bottom:38px}.photo-label{font-size:11px;padding:6px 10px}}
@media(max-width:780px){.people-hero{width:min(450px,100%);height:auto;aspect-ratio:1;min-height:0;margin:15px auto 0}.people-hero-image{width:61%;height:auto;top:15px;left:0;aspect-ratio:3/4;border-width:5px;border-radius:24px}.hero-phone-wrap .animated-phone{border-radius:27px}.people-hero .photo-reminder{bottom:33px;width:68%;max-width:68%;padding:10px}.photo-label{top:-4px;right:0;font-size:11px;padding:6px 10px}.hero-motion{bottom:-8px}.whatsapp-raster .animated-phone{border-width:5px;border-radius:24px}}
@media(max-width:440px){.people-hero{aspect-ratio:.92}.hero-phone-wrap>span{font-size:10px;margin-top:7px}.hero-phone-wrap .animated-phone{border-radius:22px;border-width:2px}.people-hero .photo-reminder{bottom:36px;width:84%;max-width:84%;padding:9px 11px}.people-hero .photo-reminder strong{font-size:13px}.people-hero .photo-reminder .assi-avatar{width:29px;height:29px;font-size:23px}.hero-motion{gap:8px;font-size:10px}.photo-label{font-size:10px}.hero-motion button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.people-hero .photo-reminder{transition:none;transform:none}.people-hero .photo-reminder.is-confirmed{transform:none}}
/* Reserve a real row beneath the portrait; the confirmation never covers it. */
.people-hero{height:auto;aspect-ratio:auto;padding-bottom:115px}
.people-hero-image{position:relative;left:0;top:0;margin:15px auto 0 0;width:61%;height:auto;aspect-ratio:3/4}
.people-hero .photo-reminder{bottom:45px}
.people-hero .photo-reminder .assi-avatar{background:#eee3ff;color:#7950ce;border-radius:10px;margin:0}
.hero-phone-wrap>span{display:none}
.hero-motion{bottom:0;font-size:12px}.hero-motion button{font-size:12px}
@media(max-width:440px){.hero-motion{font-size:11px}.people-hero{padding-bottom:115px}.people-hero .photo-reminder{bottom:45px}}
@media(max-width:780px){
 .people-hero-image{width:70.15%;left:-2%}
 .hero-phone-wrap{width:46%;right:-1.5%;top:10%}
}