.offering:after{display:none}
.hero-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}
.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(252,249,243,.85),rgba(252,249,243,.65) 21%,transparent 46%,transparent 64%,rgba(14,18,14,.55));z-index:1;pointer-events:none}
.hero-slide .offering-images img{transform:none;transition:none;opacity:1;pointer-events:none}
.hero-slide .offering-copy{animation:fluid-copy .85s cubic-bezier(.16,1,.3,1) both}
.hero-slide:not(.is-current) .offering-copy,.hero-slide:not(.is-current) .hero-proof *{animation:none!important}
.hero-slide .hero-request{animation:fluid-rise .85s .12s cubic-bezier(.16,1,.3,1) both}
.hero-slide .intro-outputs .hero-output{animation:fluid-rise .95s .35s cubic-bezier(.16,1,.3,1) both}
.hero-slide .intro-outputs .output-two{animation-delay:.58s}
.hero-slide .editor-result .before{animation:fluid-rise .95s .3s cubic-bezier(.16,1,.3,1) both}
.hero-slide .editor-result .after{animation:hero-edit-reveal .9s 1.5s cubic-bezier(.16,1,.3,1) both}
.hero-slide .direction-deck .hero-output{animation:fluid-rise .9s .35s cubic-bezier(.16,1,.3,1) both}
.hero-slide .direction-deck .direction-two{animation-delay:.52s}
.hero-slide .direction-deck .direction-three{animation-delay:.7s}
.hero-slide .brand-result{animation:fluid-rise .95s .4s cubic-bezier(.16,1,.3,1) both}
.hero-slide .hero-proof>.hero-bot{animation:fluid-rise .85s 1.3s cubic-bezier(.16,1,.3,1) both}
.offering .hero-slide .hero-proof{height:clamp(235px,38cqw,310px);grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1fr) auto}
.offering .hero-slide[data-theme="director"] .hero-proof{height:clamp(285px,47cqw,365px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}
.offering .hero-slide .offering-copy h1{font-size:clamp(37px,8.8cqw,70px)}
.offering .hero-slide[data-theme="director"] .offering-copy h1{font-size:clamp(34px,8cqw,65px)}
.offering .hero-slide[data-theme="manager"] .offering-copy h1{font-size:clamp(32px,7.8cqw,63px)}
.offering .hero-slide .offering-images img{object-position:50% 50%}
.offering .hero-slide[data-theme="intro"] .offering-images img,.offering .hero-slide[data-theme="editor"] .offering-images img{object-position:65% 50%}
.social-profile{width:min(590px,calc(100% - 40px));margin:52px auto 30px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 90px #10191130;animation:profile-in .45s cubic-bezier(.16,1,.3,1) both;touch-action:pan-y}
.profile-cover{height:225px;overflow:hidden;background:#d9dfd2}
.profile-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}
.profile-body{position:relative;padding:0 30px 15px}
.profile-avatar{position:relative;display:block;width:116px;height:116px;object-fit:cover;border:6px solid white;border-radius:50%;margin-top:-58px;background:#fff;box-shadow:0 3px 12px #0001}
.profile-handle{font-size:13px;color:#7b8177;margin:14px 0 5px}
.profile-body h2{font-size:33px;font-weight:500;letter-spacing:-1.1px;line-height:1.1;margin:0 0 16px}
.profile-bio{font-size:17px;line-height:1.55;letter-spacing:-.15px;margin:0;color:#30372c;max-width:480px}
.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 15px}
.profile-tags span{padding:7px 11px;border-radius:25px;background:#f1f3ee;color:#53604a;font-size:12px}
.profile-note{font-size:13px;line-height:1.5;color:#7b8474;margin:0 0 23px}
.profile-actions{display:flex;align-items:center;gap:19px}
.profile-actions .primary-button{background:#20271d;font-size:14px}
.profile-example{border:0;background:none;display:flex;align-items:center;gap:6px;padding:10px 0;font-size:14px;color:#4c5844}
.profile-example svg{width:16px;height:16px}
.profile-dots{display:flex;justify-content:center;gap:3px;margin-top:22px}
.profile-dots button{display:grid;place-items:center;width:36px;height:32px;padding:0;background:none;border:0}
.profile-dots span{width:7px;height:7px;border-radius:20px;background:#cdd3c6;transition:width .3s,background .3s}
.profile-dots .active span{width:22px;background:#26391c}
@keyframes fluid-copy{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes fluid-rise{from{opacity:0;translate:0 14px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes profile-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 .offering .hero-slide[data-theme="intro"] .offering-images img,.offering .hero-slide[data-theme="editor"] .offering-images img{object-position:100% 50%}
 .offering .hero-slide .offering-copy h1{font-size:clamp(35px,9.4cqw,58px)}
 .offering .hero-slide[data-theme="director"] .offering-copy h1{font-size:clamp(32px,8.6cqw,52px)}
 .offering .hero-slide[data-theme="manager"] .offering-copy h1{font-size:clamp(30px,8.2cqw,50px)}
 .offering .hero-slide .hero-proof{height:245px}
 .offering .hero-slide[data-theme="director"] .hero-proof{height:292px}
 .social-profile{width:calc(100% - 24px);margin:63px auto 20px;border-radius:22px}
 .profile-cover{height:195px}
 .profile-body{padding:0 22px 12px}
 .profile-avatar{width:100px;height:100px;margin-top:-50px;border-width:5px}
 .profile-body h2{font-size:30px}
 .profile-bio{font-size:16px}
 .profile-actions{gap:12px;flex-wrap:wrap}
 .profile-actions .primary-button,.profile-example{font-size:13px}
}
@media(min-width:761px) and (max-height:700px){
 .offering .hero-slide .offering-copy h1{font-size:clamp(32px,7cqw,52px)}
 .offering .hero-slide .hero-proof{height:210px}
 .offering .hero-slide[data-theme="director"] .hero-proof{height:255px}
}
@media(prefers-reduced-motion:reduce){.hero-track{scroll-behavior:auto}.hero-slide *,.social-profile{animation:none!important;transition:none!important}}