/* One pinned viewport. Native page scrolling drives the scene timeline. */
.story-controls,.story-footer{display:none}
.story-scroll.is-pinned{height:500svh;background:#111b21;position:relative;--story-progress:0}
.story-scroll.is-pinned .story-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 50%,#1a394640,transparent 60%),#111b21}
.story-scroll.is-pinned .story-controls{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6%;position:relative;z-index:5;border-bottom:1px solid #ffffff12}
.story-kicker{font-size:8px;letter-spacing:.13em;color:#7ea29f;white-space:nowrap}
.story-controls nav{display:flex;gap:8px}
.story-controls button{border:1px solid transparent;background:none;color:#859fa8;padding:9px 12px;border-radius:30px;font-size:10px;transition:color .25s,background .25s,border-color .25s}
.story-controls button span{font-size:8px;margin-right:5px;color:#5e7f86}
.story-controls button[aria-current="step"]{background:#b2f6d810;border-color:#b2f6d840;color:var(--mint)}
.story-controls button[aria-current="step"] span{color:var(--mint)}
.story-controls button:hover{background:#b2f6d815;color:#fff}
.is-pinned .story-stage{height:calc(100svh - 136px);position:relative;max-width:1600px;margin:0 auto}
.story-scroll.is-pinned .chapter{position:absolute;inset:0;min-height:0;height:100%;padding:32px 6%;border:0;background:none!important;grid-template-columns:.82fr 1.2fr;gap:7%;opacity:var(--scene-opacity,0);transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1));pointer-events:none;will-change:opacity,transform;transition:none;overflow:visible}
.story-scroll.is-pinned .chapter.is-current{pointer-events:auto}
.is-pinned .chapter-copy h2{font-size:clamp(26px,3vw,46px);margin:20px 0}
.is-pinned .chapter-visual,.is-pinned .chapter.seen .chapter-visual{opacity:1;transform:none;transition:none;max-width:680px;width:100%;justify-self:center}
.is-pinned .chapter-copy{transform:translate3d(0,calc((1 - var(--copy-reveal,1))*20px),0);opacity:var(--copy-reveal,1)}
.is-pinned .text-demo{max-width:600px}
.is-pinned .prompt-block{margin:18px;padding:16px}
.is-pinned .prompt-block p{min-height:72px;font-size:11px;margin-top:9px}
.is-pinned .result-block,.is-pinned .text-demo.ready .result-block{opacity:var(--text-reveal,0);transform:translate3d(0,calc((1 - var(--text-reveal,0))*24px),0);transition:none;padding:5px 30px 22px}
.is-pinned .result-block h3{font-size:30px;margin:18px 0 12px}
.is-pinned .result-block>p{font-size:11px}
.is-pinned .photo-demo{height:min(590px,calc(100svh - 205px))}
.is-pinned .photo-source{opacity:var(--source-reveal,0);transform:translate3d(calc((1 - var(--source-reveal,0))*-45px),0,0) rotate(calc(-6deg * var(--source-reveal,0))) scale(calc(.92 + .08 * var(--source-reveal,0)))}
.is-pinned .photo-campaign{opacity:var(--campaign-reveal,0);transform:translate3d(0,calc((1 - var(--campaign-reveal,0))*50px),0) rotate(calc(4deg * var(--campaign-reveal,0))) scale(calc(.92 + .08 * var(--campaign-reveal,0)))}
.story-scroll.is-pinned .product-card{opacity:var(--card-reveal,0);transform:translate3d(calc((1 - var(--card-reveal,0))*60px),calc((1 - var(--card-reveal,0))*20px),0) rotate(calc(7deg - 9deg * var(--card-reveal,0))) scale(calc(.86 + .14 * var(--card-reveal,0)));transition:none;width:min(55%,calc((100svh - 245px)*.75))}
.is-pinned .photo-arrow{opacity:var(--card-reveal,0);transform:scale(var(--card-reveal,0))}
.is-pinned .website-demo{opacity:var(--website-reveal,0);transform:perspective(1000px) rotateY(calc(-12deg * (1 - var(--website-reveal,0)))) translate3d(0,calc((1 - var(--website-reveal,0))*40px),0)}
.is-pinned .website-demo>img{clip-path:inset(0 calc((1 - var(--website-reveal,0))*100%) 0 0)}
.story-scroll.is-pinned .story-footer{height:60px;display:flex;align-items:center;gap:25px;padding:0 6%;color:#819ba4;position:relative;z-index:5}
.story-stage-label{width:150px;font-size:9px;letter-spacing:.12em;color:var(--mint);white-space:nowrap}
.story-track{flex:1;height:2px;background:#ffffff15;overflow:hidden}
.story-track>span{display:block;height:100%;background:var(--mint);width:calc(var(--story-progress)*100%);box-shadow:0 0 14px #b2f6d8}
.story-scroll-hint{font-size:8px;letter-spacing:.1em;display:flex;align-items:center;gap:12px;white-space:nowrap}
.story-scroll-hint i{font-size:20px;font-style:normal;animation:scroll-cue 1.8s ease-in-out infinite}
/* Staggered section entrances and tactile hover details. */
.motion-ready .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease var(--reveal-delay,0s),transform .9s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0s)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.button,.header-cta,.plan-button{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s,border-color .3s;position:relative;overflow:hidden}
.button:before,.plan-button:before{content:'';position:absolute;top:-80%;left:-70%;height:260%;width:40%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:rotate(25deg);transition:left .55s;pointer-events:none}
.button span,.header-cta span{transition:transform .3s;display:inline-block}
.hero-art{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s;will-change:transform}
.hero-sneaker{transition:transform .8s;transform-origin:70% 60%}
.hero-art{overflow:visible}
.hero-sneaker{border-radius:24px}
.floating-label{animation:label-drift 6s ease-in-out infinite}
.label-two{animation-name:label-drift-two;animation-delay:-2.5s}
.logo-mark{display:inline-block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.plan,.possibility,.review{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.possibility img,.photo-source img,.photo-campaign img,.product-card img,.website-demo>img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}
.product-card img{transform-origin:center}
.text-link{position:relative;transition:color .25s,letter-spacing .3s}
.faq-list summary span,.plan summary span{transition:transform .3s,color .3s}
details[open]>summary span{transform:rotate(45deg);color:#278e73}
.faq-list summary{transition:color .25s}
@media(hover:hover) and (pointer:fine){
 .button:hover,.header-cta:hover,.plan-button:hover{transform:translateY(-4px);box-shadow:0 12px 28px #10171d20}
 .mint:hover,.plan-featured .plan-button:hover{box-shadow:0 10px 35px #b2f6d840;background:#c9ffe7}
 .button:hover:before,.plan-button:hover:before{left:140%}
 .button:hover span,.header-cta:hover span{transform:translate(4px,-2px)}
 .hero-art:hover{transform:rotate(-1deg) translateY(-8px);box-shadow:0 35px 100px #0008}
 .hero-art:hover .hero-sneaker{transform:scale(1.025)}
 .logo:hover .logo-mark{transform:rotate(180deg)}
 .plan:hover,.possibility:hover,.review:hover,.motion-ready .plan.reveal.is-visible:hover,.motion-ready .possibility.reveal.is-visible:hover,.motion-ready .review.reveal.is-visible:hover{transform:translateY(-7px);box-shadow:0 22px 45px #253c2d18;border-color:#83b69b;transition-delay:0s}
 .plan-featured:hover{box-shadow:0 25px 45px #10171d30;border-color:#7cb79f}
 .possibility:hover img,.photo-source:hover img,.photo-campaign:hover img{transform:scale(1.04)}
 .product-card:hover img{transform:rotate(2deg) scale(1.025);filter:brightness(1.06)}
 .website-demo:hover>img{transform:scale(1.025)}
 .text-link:hover{letter-spacing:.03em;color:#ddfff1}
 .faq-list summary:hover{color:#278e73}
}
@media(max-width:1100px){.story-kicker{display:none}.story-scroll.is-pinned .story-controls{justify-content:center}.is-pinned .chapter-copy h2{font-size:28px}.is-pinned .chapter-copy>p:not(.eyebrow){font-size:12px}.is-pinned .chapter-skills{gap:5px;margin:19px 0}.is-pinned .chapter-skills span{font-size:8px;padding:6px 9px}.story-scroll.is-pinned .chapter{gap:5%;padding:24px 5%}.is-pinned .result-block h3{font-size:25px}}
@media(min-width:641px) and (max-height:750px){.is-pinned .chapter-copy h2{font-size:28px}.is-pinned .prompt-block{margin:12px;padding:12px}.is-pinned .prompt-block p{font-size:10px;line-height:1.65;min-height:62px}.is-pinned .result-block,.is-pinned .text-demo.ready .result-block{padding:0 22px 16px}.is-pinned .result-block h3{font-size:24px;margin:12px 0}.is-pinned .result-block>p{font-size:10px}.is-pinned .window-bar{padding:11px 16px}.is-pinned .demo-note{padding:10px 16px;font-size:7px}.is-pinned .film-copy h3{font-size:40px}.is-pinned .chapter-copy .eyebrow{font-size:8px}}
@media(max-width:640px){
 .story-scroll.is-pinned{height:540svh}
 .story-scroll.is-pinned .story-controls{height:58px;padding:0 4%}
 .story-controls nav{gap:0;width:100%;justify-content:space-between}
 .story-controls button{font-size:8px;padding:8px 7px;display:flex;flex-direction:column;align-items:center;gap:2px}
 .story-controls button span{font-size:8px;margin:0}
 .is-pinned .story-stage{height:calc(100svh - 108px)}
 .story-scroll.is-pinned .chapter{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:center;gap:16px;padding:20px 6%;align-items:center}
 .is-pinned .chapter-copy h2{font-size:25px;line-height:1.15;margin:12px 0}
 .is-pinned .chapter-copy>p:not(.eyebrow){font-size:10px;line-height:1.65;max-width:none}
 .is-pinned .chapter-copy .eyebrow{font-size:8px}
 .is-pinned .chapter-skills{display:none}
 .is-pinned .chapter-copy .text-link{font-size:9px;display:inline-block;margin-top:9px}
 .is-pinned .chapter-visual{align-self:center;max-height:360px}
 .is-pinned .photo-demo{height:min(350px,42svh)}
 .story-scroll.is-pinned .product-card{width:55%;max-width:230px}
 .is-pinned .photo-arrow{font-size:55px;top:38%}
 .is-pinned .prompt-block{margin:10px;padding:10px}
 .is-pinned .prompt-block p{font-size:9px;line-height:1.65;margin-top:6px;min-height:58px}
 .is-pinned .mini-label{font-size:7px}
 .is-pinned .window-bar{font-size:7px;padding:10px 14px}
 .is-pinned .result-block,.is-pinned .text-demo.ready .result-block{padding:1px 22px 15px}
 .is-pinned .result-block h3{font-size:22px;margin:11px 0 9px}
 .is-pinned .result-block>p{font-size:9px;line-height:1.65}
 .is-pinned .result-block .result-end{margin-top:9px}
 .is-pinned .demo-note{font-size:6px;padding:8px 12px}
 .is-pinned .motion-film{aspect-ratio:1.5}
 .is-pinned .film-copy h3{font-size:36px;margin-top:15px}
 .is-pinned .film-copy p{margin-top:15px}
 .story-scroll.is-pinned .story-footer{height:50px;padding:0 6%;gap:12px}
 .story-stage-label{font-size:7px;width:95px}
 .story-scroll-hint{font-size:0;gap:0}
 .story-scroll-hint i{font-size:17px}
}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(3px);opacity:1}}
#plan-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto}
[hidden]{display:none!important}
.brand-link{line-height:0;flex-shrink:0}
.brand-logo{display:block;object-fit:contain;width:164px;height:76px;transition:transform .35s,filter .35s}
.header .brand-logo{filter:brightness(0) invert(1);opacity:.96}
.brand-link:hover .brand-logo{transform:translateY(-2px) scale(1.025)}
footer .brand-logo{width:154px;height:71px}
.hero-mentor img{width:72px;height:72px;object-fit:cover;object-position:50% 15%;padding:0;border:1px solid #b2f6d85c;box-shadow:0 0 0 5px #b2f6d808}
.hero-mentor b{font-size:13px}
.mentor-photo{min-height:560px;aspect-ratio:3/4;max-width:490px;border-radius:28px;border:1px solid #557f7660;background:#10222d;box-shadow:0 22px 65px #19382e1c}
.mentor-photo-bg{display:none}
.mentor-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 25%}
.mentor-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#051820b3,transparent);z-index:1;pointer-events:none}
.mentor-name{left:22px;bottom:22px;border:1px solid #b2f6d83d;background:#0c252ccc;backdrop-filter:blur(10px);padding:12px 20px;font-size:9px}
@media(max-width:760px){.header .brand-logo{width:119px;height:55px}.hero-mentor img{width:64px;height:64px}.mentor-photo{min-height:0;max-height:none;width:100%;max-width:490px;margin:auto;border-radius:22px}.mentor-photo img{width:100%;height:100%;max-height:none}.mentor-name{left:18px;bottom:18px}footer .brand-logo{width:138px;height:64px}}
@media(min-width:761px) and (max-height:780px){.hero{padding-top:125px;padding-bottom:85px}.hero-mentor{margin-top:24px}.hero h1{font-size:clamp(44px,4.4vw,64px)}}
@media(prefers-reduced-motion:reduce){.brand-logo{transition:none}.brand-link:hover .brand-logo{transform:none}}
#plan-dialog h2{font-size:clamp(23px,3vw,32px);margin:15px 0}
.lead-intro{font-size:12px!important;line-height:1.7!important;margin-bottom:22px}
#lead-fields{border:0;padding:0;display:grid;gap:15px}
#lead-form label:not(.lead-consent){display:grid;gap:7px;font-size:10px;font-weight:600;color:#314b42}
.lead-row{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}
#lead-form input:not([type="checkbox"]),#lead-form select,#lead-form textarea{width:100%;padding:12px;border:1px solid #d0ddd4;border-radius:9px;background:#fff;color:#142a22;font:inherit;font-size:12px}
#lead-form textarea{resize:vertical;min-height:75px}
#lead-form input:focus,#lead-form select:focus,#lead-form textarea:focus{outline:2px solid #3c9274;outline-offset:2px}
.lead-consent{display:flex;align-items:flex-start;gap:10px;font-size:10px;color:#52675d;line-height:1.6}
.lead-consent input{margin-top:3px;accent-color:#24583f;flex-shrink:0}
.lead-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#lead-status{font-size:12px;line-height:1.7;margin:18px 0 12px}
#lead-status:empty{display:none}
#lead-status[data-state="success"]{color:#226342;background:#e1f3e5;padding:14px;border-radius:9px}
#lead-status[data-state="error"]{color:#923e32;background:#fff0ec;padding:14px;border-radius:9px}
#lead-submit{width:100%;justify-content:center;margin-top:8px}
#lead-submit:disabled{opacity:.65;cursor:wait;transform:none}
.lead-note{font-size:9px!important;color:#66796e!important;margin-top:13px;line-height:1.65!important}
@media(max-width:640px){.lead-row{grid-template-columns:1fr}#plan-dialog{padding:30px 20px 25px}#lead-fields{gap:13px}}
.generated-film,.is-pinned .generated-film{aspect-ratio:16/9}
.samba-video{display:block;width:100%;height:100%;object-fit:contain;background:#0a141b}
.generated-film .film-shade{background:linear-gradient(0deg,#03131ae0,transparent 48%);pointer-events:none}
.generated-film .film-copy{top:auto;bottom:8%;left:6%;pointer-events:none}
.generated-film .film-copy h3,.is-pinned .generated-film .film-copy h3{font-size:clamp(22px,3vw,38px);margin:7px 0;animation:none}
.generated-film .film-copy p,.is-pinned .generated-film .film-copy p{font-size:7px;margin:6px 0 0;animation:none}
.generated-film .film-copy>span{font-size:6px}
.generated-film .film-line{animation:none;width:100%;transform:scaleX(0);transform-origin:left}
@keyframes label-drift{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-9px)}}
@keyframes label-drift-two{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(7px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.floating-label{animation:none}.hero-art,.hero-sneaker,.button,.plan,.possibility,.review{transition:none}.button:hover,.plan:hover,.possibility:hover,.review:hover,.motion-ready .reveal.is-visible:hover{transform:none}}