:root{--ink:#4a4570;--ink2:#6b6788;--mint:#b8ebd0;--peach:#ffcba4;--lav:#cdb4f6;--sky:#bfe6ff;--lemon:#ffe9a0;--coral:#ffa48c;--paper:#fffdf8;--fredoka:"Fredoka", ui-rounded, "Trebuchet MS", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;--hand:"Reenie Beanie", "Segoe Print", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}html.snap{scroll-snap-type:y mandatory}.chapter{scroll-snap-align:start;scroll-snap-stop:always}.marquee{scroll-snap-align:start}html,body{margin:0;background:var(--sky);color:var(--ink);font-family:var(--fredoka);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}.world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff4ee;opacity:0;pointer-events:none}main{position:relative;z-index:1}.nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}.nav>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 20px/1 var(--fredoka);color:#fff;text-shadow:0 2px 0 rgba(74,69,112,.3)}.bcar{display:inline-block;width:22px;height:14px;background:var(--coral);border-radius:0;position:relative;box-shadow:0 3px #4a45704d}.bcar:before{content:"";position:absolute;left:4px;right:4px;top:-6px;height:7px;background:#e9fff4}.bcar:after{content:"";position:absolute;left:2px;right:2px;bottom:-3px;height:4px;background:var(--ink);box-shadow:0 0 0 0 transparent}.bar{position:fixed;z-index:19;left:0;right:0;top:0;height:4px;pointer-events:none}.bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--mint),var(--lav),var(--peach));transform-origin:left}.bar .bcar{position:absolute;top:4px;width:14px;height:9px;transform:translate(-50%);box-shadow:none}.bar .bcar:before{top:-4px;height:5px;left:3px;right:3px}.bar .bcar:after{display:none}.play{position:relative;display:inline-flex;align-items:center;gap:14px;padding:16px 34px;border-radius:0;background:#fff;color:var(--ink);text-decoration:none;font:600 clamp(24px,6vw,32px)/1 var(--fredoka);box-shadow:0 6px #4a457047,0 18px 40px #4a457038;transition:transform .15s ease-out,box-shadow .15s ease-out;-webkit-tap-highlight-color:transparent}.play:hover{transform:translateY(-3px);box-shadow:0 9px #4a457047,0 24px 46px #4a457040}.play:active{transform:translateY(4px);box-shadow:0 2px #4a457047,0 8px 18px #4a457033}.play i{width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--coral);transition:transform .2s}.play:hover i{transform:translate(5px)}.play.sm{padding:9px 20px;font-size:18px;gap:0;box-shadow:0 4px #4a457047}.chapter{position:relative;min-height:100vh;min-height:100lvh;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 max(20px,6vw) calc(10svh + env(safe-area-inset-bottom))}.chapter.right{justify-content:flex-end}.chapter .card{max-width:min(520px,100%);padding:22px 26px 24px;background:#ffffffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:0;box-shadow:0 6px #4a45702e,0 20px 50px #4a45702e;opacity:0;transform:translateY(46px) rotate(-1.5deg) scale(.96);transition:opacity .6s ease,transform .8s cubic-bezier(.25,1.06,.4,1)}.chapter.right .card{transform:translateY(46px) rotate(1.5deg) scale(.96)}.chapter.in .card{opacity:1;transform:none}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}.chapter h2{margin:10px 0 8px;font:600 clamp(44px,9vw,76px)/.95 var(--fredoka);color:var(--ink);letter-spacing:.01em}.chapter p{margin:0;font:400 clamp(17px,3.9vw,21px)/1.35 var(--fredoka);color:var(--ink2)}.hero{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:8svh;padding-bottom:6svh;gap:0}.hero h1{margin:0;display:flex;flex-direction:column;align-items:center;font:600 clamp(76px,25vw,176px)/.9 var(--fredoka);letter-spacing:.01em;color:#fff}.hero h1 .w{display:flex;white-space:nowrap}@media (min-width:760px){.hero h1{flex-direction:row;gap:.28em;font-size:clamp(100px,12.5vw,188px)}}.hero .ch{display:inline-block;text-shadow:0 5px 0 rgba(74,69,112,.3),0 18px 40px rgba(74,69,112,.22);animation:pop .9s cubic-bezier(.25,1.06,.4,1) both,bob 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms + .2s),calc(var(--i) * .14s + 1.4s)}.hero .sp{width:.32em}.hero .tag{margin:22px 0 28px;max-width:520px;font:400 clamp(18px,4.4vw,24px)/1.3 var(--fredoka);color:#fff;text-shadow:0 2px 0 rgba(74,69,112,.35),0 8px 24px rgba(74,69,112,.3);animation:rise .9s .9s both}.hero .play{animation:rise .9s 1.1s both}.hero .note{margin:16px 0 0;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.9;text-shadow:0 1px 0 rgba(74,69,112,.35);animation:rise .9s 1.3s both}.scrollhint{position:absolute;bottom:calc(3svh + env(safe-area-inset-bottom));left:50%;width:26px;height:42px;margin-left:-13px;border:3px solid #fff;border-radius:0;opacity:.9;box-shadow:0 3px #4a45704d}.discover{position:absolute;left:50%;bottom:calc(3svh + 54px + env(safe-area-inset-bottom));transform:translate(-50%);color:#fff;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 0 rgba(74,69,112,.35);pointer-events:none}.scrollhint i{position:absolute;left:50%;top:6px;width:6px;height:9px;margin-left:-3px;background:#fff;animation:wheel 1.6s ease-in-out infinite}@keyframes pop{0%{opacity:0;transform:translateY(60px) scale(.4) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(16px)}}.rail{opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;z-index:18;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.rail button{position:relative;width:14px;height:14px;padding:0;border:0;background:#ffffffb3;box-shadow:0 2px #4a45704d;cursor:pointer;transition:transform .2s,background .2s}.rail button.on{background:var(--coral);transform:scale(1.35)}.rail button span{position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;font:600 14px/1 var(--fredoka);color:#fff;text-shadow:0 2px 0 rgba(74,69,112,.35);opacity:0;pointer-events:none;transition:opacity .2s}.rail button:hover span,.rail button.on span{opacity:1}@media (max-width:640px){.rail{gap:9px}.rail button{width:10px;height:10px}.rail button span{display:none}.chapter{padding-bottom:calc(8svh + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.marquee{position:relative;background:var(--ink);color:#fff;padding:clamp(20px,4vw,40px) 0;overflow:hidden;transform:rotate(-1.4deg) scale(1.04);margin:-2vw 0;z-index:3;box-shadow:0 -6px 0 var(--lav),0 6px 0 var(--peach)}.mq{display:flex;overflow:hidden}.mqt{display:flex;width:max-content;animation:mq 26s linear infinite}.mq.rev .mqt{animation-direction:reverse;animation-duration:32s}.mqs{display:flex;align-items:center;gap:clamp(18px,3vw,36px);padding-right:clamp(18px,3vw,36px)}.mqs span{font:600 clamp(44px,9vw,104px)/1.05 var(--fredoka);letter-spacing:.01em;white-space:nowrap}.mq.rev .mqs span{opacity:.55}.mqs i{width:clamp(16px,2.6vw,30px);height:clamp(16px,2.6vw,30px);flex:none;transform:rotate(45deg)}@keyframes mq{to{transform:translate(-50%)}}.paper{position:relative;background:#fbf3e0;background-image:linear-gradient(rgba(74,69,112,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(74,69,112,.06) 1px,transparent 1px);background-size:32px 32px;padding:clamp(80px,12vw,150px) 0 clamp(70px,10vw,130px)}.wrap{max-width:1100px;margin:0 auto;padding:0 max(20px,5vw)}.head .eyebrow{display:inline-block;padding:6px 12px;background:var(--ink);color:#fff;transform:rotate(-2deg)}.head h2{margin:18px 0 14px;font:600 clamp(44px,9.5vw,104px)/.95 var(--fredoka);color:var(--ink)}.head p{margin:0;max-width:560px;font:400 clamp(17px,3.8vw,22px)/1.4 var(--fredoka);color:var(--ink2)}.head>*{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .9s cubic-bezier(.25,1.06,.4,1)}.in .head>*{opacity:1;transform:none}.in .head h2{transition-delay:.1s}.in .head p{transition-delay:.2s}.ink{font-family:var(--hand)!important;font-weight:400!important;color:#2347b5;letter-spacing:.03em}.bookwrap{position:relative;margin-top:clamp(34px,6vw,70px)}.track{display:flex;gap:clamp(18px,3vw,34px);overflow-x:auto;scroll-snap-type:x mandatory;padding:46px max(20px,calc(50vw - 190px)) 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.track::-webkit-scrollbar{display:none}.page{position:relative;flex:0 0 min(80vw,380px);aspect-ratio:5 / 7.4;scroll-snap-align:center;background:#fffdf8;padding:26px 24px 22px 30px;color:#2a2848;background-image:repeating-linear-gradient(transparent 0 33px,#4a64b429 33px,#4a64b429 34px);background-position:0 38px;box-shadow:3px 3px #f7f2e3,3px 3px 0 1px #2a284838,6px 6px #f0ead7,6px 6px 0 1px #2a284833,9px 9px #e9e2cd,9px 9px 0 1px #2a28482e,12px 12px #e2dac3,12px 12px 0 1px #2a284829,0 24px 44px #4a457040;opacity:0;transform:translateY(80px) rotate(var(--rot, 2deg));transition:opacity .8s,transform 1s cubic-bezier(.25,1.06,.4,1);transition-delay:calc(var(--k, 0) * .14s + .2s)}.page:nth-child(1){--k:0;--rot:-3deg}.page:nth-child(2){--k:1;--rot:2deg}.page:nth-child(3){--k:2;--rot:-2deg}.page:nth-child(4){--k:3;--rot:3deg}.in .page{opacity:1;transform:none}.page:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1.5px;background:#e0646466}.pg{position:relative;height:100%;display:flex;flex-direction:column}.pgh{margin:0;font:600 clamp(34px,9vw,44px)/1 var(--fredoka);color:#2a2848}.pgsub{margin:4px 0 14px;font:500 12px/1.2 var(--mono);color:#6b6788}.tabs{position:absolute;z-index:2;left:50%;transform:translate(-50%);top:0;display:flex;gap:6px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0 0 10px;width:clamp(48px,12vw,68px);height:42px;background:var(--c);color:#2a2848;font:600 12px/1 var(--fredoka);cursor:pointer;transform:translateY(8px);transition:transform .25s cubic-bezier(.25,1.06,.4,1);box-shadow:inset 0 -6px #2a284824;display:flex;align-items:flex-end;justify-content:center}.tabs button.on,.tabs button:hover{transform:translateY(0)}.tabs button span{padding-bottom:6px}.bnav{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:8px}.bnav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:46px;height:46px;background:#fff;color:var(--ink);font-size:16px;cursor:pointer;box-shadow:0 4px #4a457040}.bnav button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #4a457040}.bnav button:disabled{opacity:.35;cursor:default}.dots{display:flex;gap:8px}.dots i{width:10px;height:10px;background:#4a457040;transition:background .2s,transform .2s}.dots i.on{background:var(--coral);transform:scale(1.3)}.todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3.4%}.td{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding-bottom:9px;border-bottom:1.5px solid #b9b6c4}.td .tk{width:17px;height:17px;border:1.5px solid #b9b6c4;display:flex;align-items:center;justify-content:center;position:relative}.td .chk{position:absolute;left:0;top:-5px;width:22px;height:22px;overflow:visible}.td .chk path{stroke-dasharray:1;stroke-dashoffset:1}.in .td.done .chk path{animation:draw .6s calc(var(--n) * .25s + 1.1s) ease-out forwards}.td .tt{position:relative;font:600 clamp(13px,3.6vw,16px)/1.2 var(--fredoka)}.td.done .tt{opacity:.72}.td.done .tt:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:3px;margin-top:-1px;background:#2347b5;transform:scaleX(0);transform-origin:left;opacity:.8}.in .td.done .tt:after{animation:strike .5s calc(var(--n) * .25s + 1.5s) ease-out forwards}.td em{font:500 12px/1 var(--mono);font-style:normal;color:#6b6788;display:inline-flex;align-items:center;gap:4px}.td em .ink{font-size:24px;line-height:.6}.note{margin:auto 0 4px;font-size:30px;line-height:1;transform:rotate(var(--r))}@keyframes draw{to{stroke-dashoffset:0}}@keyframes strike{to{transform:scaleX(1)}}.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;padding:0 4px}.cs{margin:0;padding:5px 5px 7px;background:#fffdf8;transform:rotate(var(--r));box-shadow:0 3px #4a457029,0 8px 16px #4a457024}.cs .img{position:relative;aspect-ratio:3 / 2;background:linear-gradient(#eaf6ee,#f4efdc);display:flex;align-items:center;justify-content:center;overflow:hidden}.cs img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.25,1.06,.4,1)}.cs:hover img{transform:scale(1.12) rotate(-3deg)}.cs.off .img{background:#d9d5e6}.cs.off img{filter:brightness(.2) contrast(.6) saturate(0);opacity:.55}.lock{position:absolute;font:600 34px/1 var(--fredoka);color:#8a86a3}.cs figcaption{display:flex;flex-direction:column;gap:2px;padding:5px 3px 0}.cs b{font:600 13px/1.1 var(--fredoka)}.cs small{font:500 10px/1.1 var(--mono);color:#6b6788}.cs{opacity:0}.in .cs{animation:stick .6s calc(var(--n) * .09s + .9s) cubic-bezier(.25,1.06,.4,1) forwards}@keyframes stick{0%{opacity:0;transform:scale(1.7) rotate(calc(var(--r) * 4))}to{opacity:1;transform:rotate(var(--r))}}.pgmap{position:relative;flex:1;margin-top:-4px}.pgmap>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.route{fill:none;stroke:#2347b5;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.in .route{animation:draw 3s 1s ease-in-out forwards}.route.dsh{stroke-dasharray:2.2 2.6;stroke-dashoffset:0;opacity:0}.in .route.dsh{animation:fadeIn .6s 4s forwards}.dot{fill:#2347b526;stroke:#2347b5;stroke-width:.9;opacity:0}.in .dot{animation:fadeIn .4s calc(var(--n) * .45s + 1s) forwards}.mn{position:absolute;transform:translate(-50%,-50%);font-size:25px;line-height:1;white-space:nowrap;opacity:0}.in .mn{animation:fadeIn .5s calc(var(--n) * .45s + 1.2s) forwards}.mehere,.mejob{position:absolute;width:12cqw;width:44px;height:44px;transform:translate(-50%,-50%) rotate(-7deg);display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 3px #4a457040;opacity:0}.mehere{background:#8fe3b8;color:#3d9a72}.mejob{background:#ffd27a;color:#b5832a;transform:translate(-50%,-50%) rotate(6deg)}.mehere svg,.mejob svg{width:62%;height:62%}.in .mehere{animation:stick2 .6s 3.4s cubic-bezier(.25,1.06,.4,1) forwards}.in .mejob{animation:stick2 .6s 4.3s cubic-bezier(.25,1.06,.4,1) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes stick2{0%{opacity:0;scale:2}to{opacity:1;scale:1}}.gauge{width:100%;max-width:340px;margin:6px auto 0;display:block;overflow:visible}.bzn{font:600 4.4px var(--fredoka);fill:#2a2848;letter-spacing:.02em}.needle{transform-origin:50px 52px;transform:rotate(var(--a));stroke:#2347b5;fill:#2347b5;stroke-width:1.5;stroke-linecap:round;transition:transform 1.4s cubic-bezier(.25,1.06,.4,1)}.needle path{fill:none}.bpk{list-style:none;margin:14px 4px 0;padding:0;display:flex;flex-direction:column;gap:9px}.bpk li{display:flex;align-items:center;gap:10px;font:600 clamp(13px,3.6vw,16px)/1.2 var(--fredoka);color:#2a2848;padding-bottom:7px;border-bottom:1.5px solid #b9b6c4}.bpk .tk{position:relative;width:17px;height:17px;flex:none;border:2px solid var(--c);background:var(--c);opacity:.55}.bpk .got .tk{opacity:1;background:#fffdf8}.bpk .chk{position:absolute;left:0;top:-5px;width:22px;height:22px;overflow:visible}.locals{position:relative;background-color:var(--bg, #bfe6ff);transition:background-color .9s ease;padding:clamp(80px,12vw,150px) 0 clamp(70px,10vw,120px);overflow:hidden}.locals:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff8c,#fff0 40%,#ffffff59);pointer-events:none}.locals .head,.garage .head,.shots .head{position:relative}.locals .head .eyebrow,.garage .head .eyebrow,.shots .head .eyebrow{background:var(--ink)}.locals .head h2,.garage .head h2,.shots .head h2{color:var(--ink)}.locals .head p,.garage .head p,.shots .head p{color:var(--ink);opacity:.78}.stagewrap,.gstage{position:relative;touch-action:pan-y;cursor:grab}.stagewrap{height:clamp(340px,62vh,560px);margin-top:clamp(10px,3vw,30px)}.stagec{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.arr{position:absolute;top:50%;z-index:2;width:50px;height:50px;margin-top:-25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#fff;color:var(--ink);font-size:16px;cursor:pointer;box-shadow:0 4px #4a457047}.arr.l{left:max(12px,3vw)}.arr.r{right:max(12px,3vw)}.arr:active{transform:translateY(3px);box-shadow:0 1px #4a457047}.who{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:-8px;animation:rise .6s both}.bubble{position:relative;max-width:min(480px,100%);padding:14px 20px;background:#fff;box-shadow:0 5px #4a457033}.bubble:after{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-9px;border:9px solid transparent;border-top-color:#fff;border-bottom:0}.bubble p{margin:0;font:600 clamp(17px,4vw,21px)/1.3 var(--fredoka);color:var(--ink)}.who h3{margin:18px 0 0;font:600 clamp(40px,8vw,62px)/1 var(--fredoka);color:#fff;text-shadow:0 4px 0 rgba(74,69,112,.3)}.role{font:500 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#ffffffb3;padding:7px 12px}.trust{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;justify-content:center}.trust button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff80;font:600 13px/1 var(--fredoka);color:var(--ink2);transition:background .4s,color .4s}.trust button i{width:10px;height:10px;background:#4a457040;transition:background .4s}.trust button.on,.trust button.cur{background:#fff;color:var(--ink)}.trust button.on i,.trust button.cur i{background:var(--coral)}.trust button.cur{box-shadow:0 3px #4a457040}.gbar{display:flex;gap:3px;width:min(420px,80%);height:10px;margin-top:12px}.gbar span{transition:opacity .4s}.pips{display:flex;justify-content:center;gap:10px;margin:26px 0 clamp(40px,7vw,80px)}.pips button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #fff;padding:0;width:22px;height:22px;background:var(--c);cursor:pointer;box-shadow:0 3px #4a457040;transition:transform .2s}.pips button.on{transform:scale(1.35) rotate(45deg)}.steps{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:820px){.steps{grid-template-columns:repeat(3,1fr);gap:24px}}.step{position:relative;padding:26px 24px;background:#ffffffd1;box-shadow:0 6px #4a45702e,0 20px 40px #4a457024;opacity:0;transform:translateY(50px) rotate(calc((var(--n) - 1) * 1.6deg));transition:opacity .7s,transform .9s cubic-bezier(.25,1.06,.4,1);transition-delay:calc(var(--n) * .13s)}.in .step{opacity:1;transform:rotate(calc((var(--n) - 1) * -.8deg))}.step:hover{transform:translateY(-6px) rotate(0)}.step .num{position:absolute;top:-14px;left:18px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font:600 18px/1 var(--fredoka)}.sic{width:56px;height:56px;display:block;margin-bottom:10px;animation:bob 3.4s ease-in-out infinite;animation-delay:calc(var(--n) * .5s)}.step h4{margin:0 0 6px;font:600 26px/1 var(--fredoka);color:var(--ink)}.step p{margin:0;font:400 16.5px/1.4 var(--fredoka);color:var(--ink2)}.perks{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:820px){.perks{grid-template-columns:repeat(3,1fr)}}.perks li{display:flex;flex-direction:column;gap:4px;padding:14px 18px;background:var(--ink);color:#fff;opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s cubic-bezier(.25,1.06,.4,1);transition-delay:calc(var(--n) * .12s + .5s)}.in .perks li{opacity:1;transform:none}.perks li{transition:opacity .6s,transform .8s cubic-bezier(.25,1.06,.4,1),background .5s}.perks li.got{background:#2f7d5f}.perks small{font:400 14px/1.3 var(--fredoka);opacity:.85}.perks b{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lemon)}.perks span{font:600 18px/1.25 var(--fredoka)}.garage{position:relative;background:linear-gradient(180deg,#ffd9bd,#ffe9d6 60%,#fff3e6);padding:clamp(80px,12vw,150px) 0 clamp(70px,10vw,120px);overflow:hidden}.gar{display:grid;gap:24px;margin-top:clamp(20px,4vw,40px);align-items:center}@media (min-width:900px){.gar{grid-template-columns:1.25fr 1fr;gap:48px}}.gstage{height:clamp(300px,52vh,520px);background:#ffffff73;box-shadow:0 6px #4a457026}.gstage:active{cursor:grabbing}.drag{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}.gctl h3{margin:0 0 16px;font:600 clamp(32px,6vw,48px)/1 var(--fredoka);color:var(--ink)}.swatches{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.swatches button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:46px;border:4px solid #fff;padding:0;cursor:pointer;box-shadow:0 4px #4a457040;position:relative;transition:transform .2s cubic-bezier(.25,1.06,.4,1)}.swatches button:after{content:"";position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;background:var(--a);border:3px solid #fff}.swatches button.on{transform:translateY(-6px) rotate(-6deg) scale(1.12)}.kinds{display:flex;flex-wrap:wrap;gap:8px}.kinds button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:10px 14px;background:#ffffffb3;color:var(--ink);font:600 15px/1 var(--fredoka);cursor:pointer;box-shadow:0 3px #4a457033;transition:transform .15s}.kinds button:hover{transform:translateY(-2px)}.kinds button.on{background:var(--ink);color:#fff}.shots{position:relative;background:linear-gradient(180deg,#fff3e6,#e6f4ff 55%,#e0f7ec);padding:clamp(80px,12vw,150px) 0 clamp(90px,12vw,160px);overflow:hidden}.sstage{--p:0;position:relative;margin:clamp(30px,6vw,70px) auto 0;width:min(1180px,100%);height:clamp(380px,62vw,700px)}.desk{position:absolute;left:50%;top:4%;width:min(76%,860px);margin:0;transform:translate(-50%) translateY(calc(var(--p) * var(--sp) * 1px)) rotate(calc(var(--p) * 1.5deg));background:#fff;box-shadow:0 10px #4a457033,0 40px 70px #4a457047}.chrome{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#efeaff}.chrome i{width:10px;height:10px;background:#ffa48c}.chrome i:nth-child(2){background:#ffe27a}.chrome i:nth-child(3){background:#8fe3b8}.chrome span{margin-left:10px;font:500 11px/1 var(--mono);color:var(--ink2);background:#fff;padding:5px 10px;flex:1;max-width:300px}.desk img{display:block;width:100%;height:auto;background:#bfe6ff}.phone{position:absolute;margin:0;width:clamp(120px,22%,230px);transform:translateY(calc(var(--p) * var(--sp) * 1px)) rotate(var(--rt, 0deg));transition:filter .3s}.phone .bezel{padding:clamp(5px,1vw,9px);background:var(--ink);box-shadow:0 8px #2a284873,0 30px 50px #4a457059}.phone img{display:block;width:100%;height:auto;background:#bfe6ff}.phone.a{left:2%;top:28%;--rt:-5deg;z-index:3}.phone.b{right:3%;top:6%;--rt:4deg;z-index:3}.phone.c{right:16%;top:44%;--rt:-3deg;z-index:4;width:clamp(110px,19%,200px)}@media (max-width:700px){.sstage{height:clamp(420px,120vw,560px)}.desk{width:92%;top:2%}.phone{width:34%}.phone.a{left:0;top:30%}.phone.b{right:0;top:20%}.phone.c{display:none}}.shots .desk,.shots .phone{opacity:0;transition:opacity .9s .2s}.shots.in .desk,.shots.in .phone{opacity:1}.finale{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:0 20px calc(4svh + env(safe-area-inset-bottom))}.fin{display:flex;flex-direction:column;align-items:center;gap:22px;margin-bottom:clamp(40px,12svh,120px)}.fin h2{margin:0;font:600 clamp(70px,17vw,190px)/.9 var(--fredoka);color:#fff;text-shadow:0 5px 0 rgba(74,69,112,.3),0 18px 40px rgba(74,69,112,.22)}.fin>*{opacity:0;transform:translateY(40px);transition:opacity .7s,transform .9s cubic-bezier(.25,1.06,.4,1)}.in .fin>*{opacity:1;transform:none}.in .fin .play{transition-delay:.15s}.in .fin .note{transition-delay:.3s}.finale .note{margin:0;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 rgba(74,69,112,.4)}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;width:100%;padding:14px;background:#ffffffb3;font:500 12px/1.2 var(--mono);color:var(--ink2)}.rail.on{opacity:1;pointer-events:auto}.nav.dark .brand{color:var(--ink);text-shadow:none}.nav.dark .brand .bcar{box-shadow:0 3px #4a45702e}.nav .brand,.nav .play{transition:color .3s}.nav.dark{background:#fbf3e0e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-bottom:10px;box-shadow:0 3px #4a45701a}.nav{transition:background .3s}.finale .note,.hero .note{letter-spacing:.06em;text-align:center;line-height:1.4;max-width:92vw}.stagewrap.group{cursor:default;touch-action:auto;height:clamp(340px,66vh,600px)}.legend{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.legend li{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffffbf;font:600 14px/1 var(--fredoka);color:var(--ink);box-shadow:0 3px #4a45702e}.legend i{width:12px;height:12px;box-shadow:inset 0 0 0 2px #ffffffb3}.soonb{display:inline-block;vertical-align:middle;margin-left:8px;padding:5px 10px;background:#ffe27a;color:var(--ink);font:600 12px/1 var(--fredoka);letter-spacing:.06em;text-transform:uppercase;transform:rotate(2.5deg);box-shadow:0 3px #4a457047}.pgh .soonb{font-size:11px;margin-left:10px}.legend .soon{background:transparent;box-shadow:none;border:2px dashed rgba(74,69,112,.45)}.legend .soon i{background:transparent;border:2px dashed var(--ink);box-shadow:none}.radio{box-sizing:border-box;display:flex;align-items:center;gap:14px;margin-top:18px;padding:10px 12px;width:min(380px,100%);background:#ffffff8c;box-shadow:inset 0 0 0 1.5px #fff9}.rcover{width:52px;height:52px;flex:none;border-radius:9px;display:block;background:#dcd6f2}.rtxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.rtxt small{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}.rtxt b{font:600 clamp(16px,4.2vw,19px)/1.15 var(--fredoka);color:var(--ink)}.rbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:none;width:46px;height:46px;border-radius:50%;background:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #2a284859;transition:transform .15s}.rbtn:active{transform:translateY(2px);box-shadow:0 1px #2a284859}.rbtn svg{width:22px;height:22px;fill:#fff}.rbtn svg path{transform:translate(1px)}.radio.on .rcover{box-shadow:0 0 0 3px var(--coral)}.chapter.more h2{font-size:clamp(34px,6.5vw,56px);line-height:1.05}.social{display:flex;gap:12px;margin-top:22px}.social a{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#fffc;color:var(--ink);box-shadow:0 3px #4a457040;transition:transform .15s}.social a:hover{transform:translateY(-2px)}.social a:active{transform:translateY(2px);box-shadow:0 1px #4a457040}.social svg{width:30px;height:30px;fill:currentColor}.social .cut{fill:#fff;stroke:#fff}.social a:nth-child(2) .cut{fill:#fffffff2}.social a:nth-child(2) path.cut{fill:none;stroke:#fffffff2}@media (max-width:640px){.chapter:not(.hero){align-items:flex-start;justify-content:flex-start;padding:calc(62px + env(safe-area-inset-top)) 20px 0}.chapter:not(.hero):before{content:"";position:absolute;left:0;right:0;top:0;height:min(56svh,400px);background:linear-gradient(180deg,#2a28489e,#2a284857 55%,#2a284800);pointer-events:none;opacity:0;transition:opacity .5s}.chapter.in:not(.hero):before{opacity:1}.chapter:not(.hero) .card{position:relative;width:100%;max-width:100%;padding:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(-14px)}.chapter.right:not(.hero) .card{transform:translateY(-14px)}.chapter.in:not(.hero) .card{transform:none}.chapter:not(.hero) .eyebrow{color:#ffffffd9}.chapter:not(.hero) h2{margin:8px 0 6px;font-size:clamp(36px,11vw,46px);color:#fff;text-shadow:0 2px 0 rgba(42,40,72,.35)}.chapter:not(.hero) .card>p{font-size:14.5px;line-height:1.35;color:#fff;text-shadow:0 1px 0 rgba(42,40,72,.4);max-width:34ch}.chapter.more h2{font-size:clamp(28px,8.4vw,36px)}.chapter:not(.hero) .card{display:flex;flex-direction:column;height:calc(100svh - 62px - env(safe-area-inset-top))}.chapter:not(.hero) .radio{margin-top:auto;margin-bottom:calc(30px + env(safe-area-inset-bottom));width:100%}}