/* Homepage only. Shared tokens, header, menu, footer and buttons live in /css/site.css (load it first). */


/* ===== HERO: 3D card ===== */
.hero{position:relative;height:220vh;color:var(--on)}
.hero .stick{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
.hero .bg{position:absolute;inset:-5%;background:url(/assets/home/tex.webp) center/cover;opacity:.55}
.hero .bg::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 70% 45%,rgba(14,14,16,.2),rgba(14,14,16,.92) 75%)}
#gl{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:pan-y}
#gl:active{cursor:grabbing}
.hero .copy{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:center;padding-top:40px}
.hero h1{font-size:clamp(46px,7.2vw,128px);line-height:.96;letter-spacing:-.035em;text-shadow:0 2px 30px rgba(14,14,16,.55)}
.hero h1 .ln{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .ln>span{display:inline-block;transform:translateY(110%);animation:rise 1.3s var(--ease) forwards;animation-delay:calc(var(--i)*110ms + var(--d0,300ms))}
.hero h1 .l2{padding-left:9vw}
.hero h1 em{font-style:italic;color:var(--gold-soft)}
@keyframes rise{to{transform:none}}
.hero .foot{position:absolute;left:0;right:0;bottom:44px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:30px}
.hero .sub{font-size:19px;color:var(--on-mute);max-width:34ch;opacity:0;animation:fade 1s var(--ease) calc(var(--d0,300ms) + .8s) forwards}
.hero .ctas{display:flex;align-items:center;gap:28px;opacity:0;animation:fade 1s var(--ease) calc(var(--d0,300ms) + .95s) forwards}
html:not(.go) .hero h1 .ln>span,html:not(.go) .hero .sub,html:not(.go) .hero .ctas{animation-play-state:paused}
.hero .tlink{color:var(--on)}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cardfallback{position:absolute;right:7vw;top:56%;width:min(30vw,420px);translate:0 -50%;z-index:2;display:none;opacity:.92;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}

/* ===== STATEMENT ===== */
.statement{padding:220px 0 200px}
.statement p{font:clamp(34px,4.4vw,72px)/1.12 var(--serif);letter-spacing:-.025em;max-width:22ch}
.statement .w{color:rgba(243,242,239,.16);transition:color .25s}
.statement .w.on{color:var(--on)}
.statement .w.g.on{color:var(--gold-soft);font-style:italic}

/* ===== MAKEOVER ===== */
.mk{position:relative;height:340vh}
.mk .stick{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.mk .cap{position:absolute;top:96px;left:0;right:0;text-align:center;color:var(--on-mute);font-size:15px;z-index:2;display:grid;justify-items:center;gap:14px}
.mine{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:rgba(23,23,27,.86);border:1px solid var(--cline);border-radius:999px;padding:6px 6px 6px 18px;backdrop-filter:blur(10px)}
.mine label{font-size:13px;color:var(--on-mute)}
.mine input{background:transparent;border:0;border-bottom:1px solid #4a4a52;color:var(--on);font:500 15px var(--sans);width:150px;padding:6px 2px;outline:none}
.mine input:focus{border-bottom-color:var(--gold)}
.mine input::placeholder{color:#7d7a73}
.chips{display:flex;gap:4px}
.chip{background:transparent;border:1px solid transparent;color:var(--on-mute);font:500 13.5px var(--sans);padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.chip:hover{color:var(--on)}.chip.on{background:var(--on);color:var(--ink)}
.mkcta{position:absolute;left:50%;bottom:36px;translate:-50% 0;display:flex;align-items:center;gap:14px;background:var(--gold);color:var(--ink);text-decoration:none;padding:12px 14px 12px 22px;border-radius:999px;font-size:15px;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.mkcta b{background:var(--ink);color:var(--gold-soft);padding:8px 14px;border-radius:999px;font-weight:600}
.mkcta.show{pointer-events:auto}
.mk .cap b{display:block;font:clamp(28px,3vw,46px)/1.1 var(--serif);color:var(--on);font-weight:400;margin-bottom:8px}
.win{width:min(78vw,calc((100dvh - 380px) * 1.6));margin-top:180px;border-radius:14px;overflow:hidden;background:#1d1d22;box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px #2e2e35;transform-origin:center 60%;will-change:transform}
.win .bar{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8c887f;font-size:12.5px;border-bottom:1px solid #2e2e35}
.site{position:relative;aspect-ratio:16/10;container-type:inline-size;background:#e9e9e9;overflow:hidden;font-family:'Times New Roman',serif;color:#000}
.site *{position:absolute;margin:0}
.o-banner{left:0;top:0;width:100%;height:13%;background:linear-gradient(#3a6fd8,#1c3f9a);border-bottom:.4cqw ridge #999;display:grid;place-items:center}
.o-banner b{position:static;font:700 3.1cqw 'Comic Sans MS','Comic Neue',cursive;color:#ff0;text-shadow:.2cqw .2cqw #000;white-space:nowrap}
.o-nav{left:0;top:13.6%;width:100%;height:4.6%;background:#c8c8c8;font-size:1.15cqw;padding:.9cqw 1.2cqw;color:#00e;text-decoration:underline;white-space:nowrap}
.o-side{left:1%;top:20.5%;width:22%;height:76%;background:#ffffe0;border:.1cqw solid #999;padding:1.2cqw;font-size:1.1cqw;line-height:1.35}
.o-side *{position:static}.o-side .red{color:red;font-weight:700}
.o-offer{display:block;border:.25cqw dashed red;text-align:center;padding:.8cqw;margin:1.2cqw 0;font-weight:700}
.o-count{background:#000;color:#0f0;font-family:monospace;padding:.2cqw .5cqw}
.o-h{left:25%;top:21.5%;font:700 2.6cqw 'Times New Roman',serif;color:#900}
.o-p{left:25%;top:27.5%;width:42%;font-size:1.2cqw;line-height:1.35}
.o-sv{left:25%;top:45%;width:42%;font-size:1.15cqw;line-height:1.5;columns:2}.o-sv *{position:static}
.o-btn{left:31%;top:62%;background:red;color:#fff;font:700 1.7cqw Arial;padding:1cqw 2.4cqw;border:.3cqw outset #f66;white-space:nowrap}
.o-gal{left:25%;top:74%;width:42%;height:15%;display:flex;gap:.8cqw}
.o-gal i{position:static;flex:1;background:url(/assets/home/coach.webp) center 25%/cover;border:.2cqw solid #333;filter:saturate(2.2) hue-rotate(25deg) contrast(1.4)}
.o-gal i:nth-child(2){filter:sepia(.8) saturate(2)}.o-gal i:nth-child(3){filter:contrast(1.8) brightness(1.2)}
.o-foot{left:25%;top:92%;font-size:1cqw;color:#666}
.photo{left:52%;top:9%;width:44%;height:85%;overflow:hidden;clip-path:inset(18% 0% 43% 40%)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:62% 22%;filter:saturate(2) contrast(1.35);transform:scale(1.18)}
.n-nav{left:6%;top:4%;width:88%;display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);opacity:0}
.n-nav *{position:static}
.n-nav .lg{font:2cqw var(--serif);color:#1f2a24}
.n-nav .lk{display:flex;gap:2.6cqw;font-size:1.15cqw;color:#46524b}
.n-pill{background:#2f4a3b;color:#f1efe6;padding:.8cqw 1.6cqw;border-radius:99px;font-size:1.05cqw;font-weight:600}
.n-h{left:6%;top:22%;width:44%;font:4.3cqw/1.06 var(--serif);letter-spacing:-.02em;color:#1f2a24}
.n-h span{position:relative;display:inline-block;opacity:0}.n-h em{position:relative;font-style:italic;color:#2f4a3b}
.n-p{left:6%;top:61%;width:40%;font:1.45cqw/1.55 var(--sans);color:#46524b;opacity:0}
.n-cta{left:6%;top:75%;display:flex;gap:2cqw;align-items:center;font-family:var(--sans);opacity:0}
.n-cta *{position:static}
.n-cta b{background:#2f4a3b;color:#f1efe6;padding:1.2cqw 2.2cqw;border-radius:99px;font-size:1.3cqw;font-weight:600}
.n-cta u{font-size:1.25cqw;font-weight:600;text-decoration:none;border-bottom:.12cqw solid}
.mk .meter{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--on-mute);width:min(78vw,calc((100dvh - 380px) * 1.6))}
.mk .mtrack{flex:1;height:1px;background:var(--cline);position:relative}
.mk .fill{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.mk .meter b{color:var(--on);font-weight:500;min-width:16ch;text-align:right}

/* ===== FOUNDER ===== */
section.ins{padding:160px 0}
.me{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:end}
.me h2{font-size:clamp(50px,7.4vw,124px);line-height:.95;letter-spacing:-.04em}
.me h2 em{font-style:italic;color:var(--gold-ink)}
.me .lead{margin-top:36px}
.fvid{margin:0;transform:rotate(1.5deg)}
.fvid video{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:var(--r);box-shadow:0 40px 70px -40px rgba(23,23,26,.6);background:#ddd9d0;display:block}
.fvid figcaption{margin-top:14px;font-size:14px;color:var(--mute);transform:rotate(-1.5deg)}
.slot{aspect-ratio:4/5;border-radius:var(--r);border:1.5px dashed #b6b1a6;background:#ecebe6;display:grid;place-items:center;text-align:center;color:var(--mute);font-size:14.5px;padding:24px;transform:rotate(1.5deg);box-shadow:0 30px 60px -40px rgba(23,23,26,.5)}
.slot i{font-size:44px;display:block;margin:0 auto 10px;color:#9c988f}
.slot b{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-bottom:4px}
.sig{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.sig .name{font:italic 32px/1.1 var(--serif)}.sig .role{font-size:14.5px;color:var(--mute);margin-top:6px}
.reach{display:flex;gap:22px;font-size:15.5px;flex-wrap:wrap}
.reach a{display:inline-flex;gap:8px;align-items:center;text-decoration:none}.reach i{font-size:20px;color:var(--gold-ink)}

/* ===== WORK: full-screen chapters ===== */
.work{position:relative}
.work .intro{padding-top:150px;padding-bottom:90px}
.work .intro h2{font-size:clamp(48px,7vw,120px);line-height:.95;letter-spacing:-.04em;max-width:12ch}
.work .intro p{color:var(--on-mute);margin-top:22px;max-width:40ch}
.chapters{position:relative;height:100vh;height:100dvh;overflow:hidden}
.ch{position:absolute;inset:0;overflow:hidden;background:var(--cover)}
.ch .wash{position:absolute;inset:-8%;background-size:cover;background-position:center top;filter:blur(28px) saturate(1.2) brightness(.42);transform:scale(1.1)}
.ch .wash::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,.2),rgba(14,14,16,.85))}
.ch .inner{position:relative;height:100%;display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:4vw;padding-top:60px}
.ch .name{font:clamp(54px,8.4vw,150px)/.92 var(--serif);letter-spacing:-.045em}
.ch .kind{font-size:14px;color:var(--on-mute);display:block;margin-bottom:18px}
.ch p{color:var(--on-mute);max-width:34ch;margin-top:22px;font-size:17.5px}
.ch .tlink{margin-top:28px;color:var(--on)}
.rig{position:relative;padding-right:9%}
.lap{border-radius:14px 14px 4px 4px;background:#1b1b20;padding:1.4% 1.4% 0;box-shadow:0 80px 100px -50px rgba(0,0,0,.95),0 0 0 1px #2e2e35}
.lap .scr{aspect-ratio:16/10;overflow:hidden;border-radius:6px 6px 0 0;background:#111}
.lap .scr img{width:100%;animation:pan var(--d,28s) cubic-bezier(.45,0,.55,1) infinite alternate}
.scr video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lap::after{content:"";display:block;height:14px;margin:0 -6%;background:linear-gradient(#2b2b31,#151518);border-radius:0 0 18px 18px}
@keyframes pan{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + var(--h,10px)))}}
.mph{position:absolute;right:0;bottom:-26px;width:22%;aspect-ratio:9/19.3;background:#0a0a0c;border-radius:14% / 6.6%;padding:2.2%;box-shadow:0 40px 60px -26px rgba(0,0,0,.95),0 0 0 1px #36363d}
.mph .scr{height:100%;border-radius:11% / 5.4%;overflow:hidden;background:#fff}
.mph img{width:100%;animation:pan var(--d,24s) cubic-bezier(.45,0,.55,1) infinite alternate;animation-delay:-6s}
.chnav{position:absolute;left:48px;right:48px;bottom:36px;z-index:5;display:flex;gap:10px}
.chnav i{flex:1;height:2px;background:rgba(243,242,239,.18);position:relative;overflow:hidden}
.chnav i b{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.ch.end .inner{grid-template-columns:1fr;max-width:900px}
.ch.end .name{font-size:clamp(50px,7vw,120px)}
.ch.end .btn{margin-top:40px}
.track{display:none}

/* facts, services, process, edit, close */
.facts3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:56px;margin-top:64px;padding-top:36px;border-top:1px solid var(--ink)}
.fact .big{font:clamp(30px,3vw,44px)/1.06 var(--serif)}
.facts3 .fact:first-child .big{font-size:clamp(38px,4vw,62px)}
.fact p{color:var(--mute);margin-top:10px;max-width:34ch}.fact a{font-weight:600}
.whohead{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.rows{margin-top:56px;border-top:1px solid var(--ink)}
.row{position:relative;display:grid;grid-template-columns:6fr 5fr 1fr;align-items:center;gap:32px;padding:40px 0;border-bottom:1px solid var(--line);text-decoration:none;overflow:hidden}
.row::before{content:"";position:absolute;inset:0;background:var(--cover);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}
.row>*{position:relative;transition:color .4s,transform .6s var(--ease)}
.row .t{font:clamp(34px,4.2vw,66px)/1 var(--serif);letter-spacing:-.03em}
.row p{color:var(--mute)}
.row .go{justify-self:end;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:20px}
.row:hover::before{transform:scaleY(1)}
.row:hover .t{color:var(--on);transform:translateX(24px)}.row:hover p{color:var(--on-mute)}
.row:hover .go{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:rotate(-45deg) translateX(-18px)}
.help{display:grid;grid-template-columns:1fr 1fr;gap:44px 80px;margin-top:100px}
.help h3{font:600 18px var(--sans);letter-spacing:0;display:flex;gap:12px;align-items:center}
.help i{font-size:24px;color:var(--gold-ink)}
.help p{color:var(--mute);margin-top:8px;max-width:48ch;padding-left:36px}
.band{position:relative;height:100vh;min-height:560px;overflow:hidden;color:var(--on)}
.band img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,16,0) 30%,rgba(14,14,16,.85) 78%)}
.band .wrap{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.band .copy{max-width:600px}
.band h2{font-size:clamp(46px,5.8vw,96px);line-height:.98}
.band p{color:var(--on-mute);margin-top:22px;font-size:19px}
.stack{padding:110px 0 160px}
.card{position:sticky;top:110px;margin-bottom:56px;background:var(--sheet);border-radius:20px;box-shadow:0 40px 70px -50px rgba(23,23,26,.55),0 0 0 1px rgba(23,23,26,.06);display:grid;grid-template-columns:5fr 7fr;gap:56px;padding:52px;align-items:center;transform-origin:center top;min-height:520px}
.card:nth-child(2){top:132px}.card:nth-child(3){top:154px}.card:nth-child(4){top:176px}
.card .n{font:italic 20px var(--serif);color:var(--gold-ink)}
.card h3{font-size:clamp(42px,4.4vw,68px);margin:10px 0 18px}
.card p{color:var(--mute);max-width:38ch}
.card .get{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:15.5px}.card .get b{font-weight:600}
.card img{border-radius:12px;box-shadow:0 26px 50px -36px rgba(23,23,26,.7)}
.edit{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:center}
.scene{position:relative}
.scene>img{border-radius:20px;aspect-ratio:4/3.4;object-fit:cover;object-position:40% 50%;width:100%}
.ephone{position:absolute;right:-48px;bottom:-60px;width:262px;aspect-ratio:9/18.5;background:#0e0e10;border-radius:44px;padding:10px;box-shadow:0 50px 80px -30px rgba(23,23,26,.75)}
.ephone .scr{background:#f6f5f2;border-radius:35px;height:100%;padding:50px 14px 14px;display:flex;flex-direction:column;gap:11px;font-size:13px;position:relative;overflow:hidden}
.etop{display:flex;justify-content:space-between;align-items:center}.etop b{font-weight:600}.etop span{font-size:11.5px;color:var(--mute)}
.ecard{background:#fff;border-radius:14px;padding:13px;box-shadow:0 1px 2px rgba(23,23,26,.06)}
.ecard .k{font-size:11.5px;color:var(--mute);margin-bottom:6px}
.field{position:relative;display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:10px;padding:9px 11px;font:600 18px var(--sans);transition:border-color .3s,box-shadow .3s}
.field.on{border-color:var(--ink);box-shadow:0 0 0 4px rgba(23,23,26,.07)}
.old{color:var(--mute);text-decoration:line-through;font-weight:400;font-size:13px;margin-left:auto;opacity:0;transition:opacity .4s}
.caret{width:2px;height:20px;background:var(--ink);opacity:0}
.field.on .caret{animation:blink 1s steps(1) infinite}
@keyframes blink{0%{opacity:1}50%{opacity:0}}
.tap{position:absolute;left:30%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:rgba(23,23,26,.18);transform:scale(0);opacity:0}
.tap.go{animation:tap .7s var(--ease)}
@keyframes tap{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.6);opacity:0}}
.pub{margin-top:auto;height:46px;border-radius:999px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:600;transition:transform .2s}
.pub.go{transform:scale(.96)}
.stamp{position:absolute;left:50%;top:44%;translate:-50% -50%;border:2px solid var(--ink);color:var(--ink);border-radius:12px;padding:10px 16px;font:600 14px var(--sans);display:flex;gap:8px;align-items:center;background:rgba(246,245,242,.92);transform:rotate(-8deg) scale(1.6);opacity:0;transition:transform .5s cubic-bezier(.2,1.6,.4,1),opacity .3s}
.stamp.go{transform:rotate(-8deg) scale(1);opacity:1}.stamp i{color:var(--gold-ink);font-size:18px}
.edit .lead{margin-top:24px}
.edit ul{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-direction:column;gap:14px}
.edit li{display:flex;gap:12px;align-items:flex-start}.edit li i{color:var(--gold-ink);font-size:20px;margin-top:3px}
.close{position:relative;overflow:hidden}
.close .bg{position:absolute;inset:-6%;background:url(/assets/home/tex.webp) center/cover;opacity:.75;transform:scaleX(-1)}
.close .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,.2),rgba(14,14,16,.88))}
.close .wrap{position:relative;padding-top:200px;padding-bottom:160px}
.close h2{max-width:14ch;font-size:clamp(50px,8vw,140px);line-height:.95;letter-spacing:-.04em}
.close h2 em{font-style:italic;color:var(--gold-soft)}
.close .ctas{display:flex;gap:30px;align-items:center;margin-top:56px;flex-wrap:wrap}
.close .tlink{color:var(--on)}


/* intro */
#intro{position:fixed;inset:0;z-index:200;background:var(--cover);display:grid;place-items:center;color:var(--gold-soft)}
#intro .box{display:grid;justify-items:center;gap:22px}
#intro .imono{width:clamp(70px,8vw,120px);opacity:0;transform:scale(.8);filter:drop-shadow(0 10px 30px rgba(198,161,91,.25))}
#intro .wm{font:clamp(40px,6.2vw,104px)/1 var(--serif);letter-spacing:-.02em;display:flex;gap:.28em;overflow:clip;padding-bottom:.1em}
#intro .wm span{display:inline-block;transform:translateY(110%)}
#intro .line{width:min(60vw,520px);height:1px;background:rgba(198,161,91,.18);position:relative;overflow:hidden}
#intro .line i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
#intro .pct{font:500 12px var(--sans);letter-spacing:.2em;color:var(--on-mute);font-variant-numeric:tabular-nums;min-width:4ch;text-align:center}
#intro .tag{font:500 13px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--on-mute);opacity:0}
html.nointro #intro{display:none}
/* kinetic headings */
.kin .kw{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.kin .kw>span{display:inline-block;transition:transform 1.1s var(--ease);transition-delay:calc(var(--k)*45ms)}
.js .kin:not(.in) .kw>span{transform:translateY(105%)}
/* curtain */
.curtain{will-change:clip-path}
/* marquee */
.marq{overflow:hidden;padding:70px 0 80px;border-top:1px solid var(--cline);border-bottom:1px solid var(--cline);background:var(--cover)}
.marq .row{display:flex;width:max-content;gap:0;will-change:transform}
.marq .item{display:flex;align-items:center;gap:.5em;padding-right:.5em;font:clamp(56px,8vw,140px)/1 var(--serif);letter-spacing:-.04em;white-space:nowrap;color:var(--on)}
.marq .item.o{color:transparent;-webkit-text-stroke:1px rgba(243,242,239,.42)}
.marq .item img{width:.62em;height:.62em;opacity:.9}


@media (prefers-reduced-motion:reduce){
  #intro{display:none}.js .kin:not(.in) .kw>span{transform:none}
  .hero,.mk{height:auto}.hero .stick,.mk .stick{position:relative;height:auto;min-height:100dvh}
  .statement .w{color:var(--on)}
}

/* ===== MOBILE ===== */
@media (max-width:860px){
  .hero{height:180vh}
  .hero .copy{justify-content:flex-start;padding-top:96px}
  .hero h1{font-size:13vw;line-height:.98}
  .hero h1 .l2{padding-left:0}
  .cardfallback{right:auto;left:50%;top:62%;width:min(44vw,220px);translate:-50% -50%}
  .hero .foot{flex-direction:column;align-items:stretch;bottom:28px;gap:18px}
  .hero .sub{font-size:16px}
  .hero .ctas{flex-direction:column;align-items:stretch;gap:14px}.hero .btn{justify-content:center;height:52px}.hero .tlink{align-self:flex-start}
  .statement{padding:130px 0 120px}.statement p{font-size:34px}
  .mk{height:260vh}
  .mk .cap{top:84px;padding:0 20px}.mk .cap b{font-size:26px}
  .win,.mk .meter{width:92vw}.win{margin-top:110px}
  .mine{border-radius:20px;padding:10px 12px;gap:8px}.mine input{width:120px}.chip{padding:7px 10px;font-size:12.5px}
  .mkcta{bottom:20px;font-size:13px;padding:10px 10px 10px 16px}.mkcta b{padding:7px 11px}
  .mk .meter{font-size:12.5px}.mk .meter b{min-width:0}
  section.ins{padding:100px 0}
  .me,.edit{grid-template-columns:1fr;gap:48px}
  .me h2{font-size:54px}
  .slot{max-width:280px}.fvid{max-width:320px}
  .reach{flex-direction:column;gap:10px}
  .work .intro{padding-top:100px;padding-bottom:10px}.work .intro h2{font-size:56px}
  .chapters{display:none}
  .track{display:flex;gap:14px;padding:36px 20px 26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
  .track::-webkit-scrollbar{display:none}
  .panel{flex:none;width:84vw;display:grid;gap:34px;scroll-snap-align:start;align-content:start}
  .panel.end{align-content:center;background:#17171b;border-radius:18px;padding:28px}
  .panel h3{font-size:32px;margin:6px 0 10px}.panel .kind{font-size:13px;color:var(--on-mute)}.panel p{font-size:15.5px;color:var(--on-mute)}.panel .tlink{margin-top:16px;color:var(--on)}
  .panel.end h3{font-size:36px}.panel.end .btn{margin-top:22px}
  .rig{padding-right:12%}
  .mprog{margin:0 20px 90px;height:1px;background:var(--cline);position:relative}.mprog i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(.08);transition:transform .5s var(--ease)}
  .swipe{display:flex!important;justify-content:space-between;align-items:center;margin:18px 20px 14px;font-size:13.5px;color:var(--on-mute)}
  .facts3{grid-template-columns:1fr;gap:30px;margin-top:40px}
  .row{grid-template-columns:1fr auto;gap:8px 14px;padding:26px 0}
  .row p{grid-column:1;grid-row:2;font-size:15px}.row .go{grid-row:1 / span 2;grid-column:2;width:46px;height:46px}
  .help{grid-template-columns:1fr;gap:30px;margin-top:72px}
  .band{height:70vh;min-height:440px}.band::after{background:linear-gradient(180deg,rgba(14,14,16,.1) 20%,rgba(14,14,16,.9) 75%)}
  .band .wrap{justify-content:flex-end;padding-bottom:48px;align-items:flex-start}.band h2{font-size:46px}
  .stack{padding:70px 0 100px}
  .card{grid-template-columns:1fr;gap:26px;padding:28px 22px;min-height:0;top:84px!important;margin-bottom:28px}
  .card h3{font-size:40px}
  .scene{margin-right:40px}
  .ephone{width:180px;right:-40px;bottom:-50px;border-radius:32px;padding:7px}
  .ephone .scr{border-radius:26px;padding:36px 10px 10px;gap:8px;font-size:11px}
  .field{font-size:15px;padding:7px 9px}.ecard{padding:9px}.pub{height:38px}
  .stamp{font-size:11px;padding:6px 10px;white-space:nowrap;gap:5px}.stamp i{font-size:14px}
  .close .wrap{padding-top:120px;padding-bottom:100px}.close h2{font-size:56px}
  .close .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.hero,.mk{height:auto}}
.swipe,.mprog{display:none}
@media (max-width:860px){.mprog{display:block}}


html.menu-open .nav{background:transparent;color:var(--on)}html.menu-open .nav .in{color:var(--on)}