*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;color:#1d1d1f;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #0071e3;outline-offset:5px}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:56px;background:#f5f5f7cc;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid #00000012;transition:background .6s,color .6s,border-color .6s}.nav-content{max-width:1120px;height:100%;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.site-header[data-theme=dark]{background:#101113cc;color:#f5f5f7;border-color:#ffffff18}.brand{display:flex;align-items:center;min-height:44px;font-size:21px;font-weight:600;letter-spacing:-.6px}nav,.nav-scenes{display:flex;align-items:center;gap:32px}.nav-scenes a{display:flex;align-items:center;min-height:44px;font-size:12px;opacity:.75;transition:opacity .2s}.nav-scenes a:hover{opacity:1}.download{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 16px;border-radius:999px;background:#0071e3;color:#fff;font-size:12px;transition:background .2s}.download:hover{background:#0077ed}.story{height:1120svh;outline:none}.stage{height:100svh;min-height:500px;position:sticky;top:0;overflow:hidden;background:#f5f5f7}.hero-copy{position:absolute;top:15%;left:0;width:100%;z-index:3;text-align:center;pointer-events:none}h1{font-size:clamp(40px,4.4vw,68px);letter-spacing:-.045em;font-weight:600;line-height:1.15;margin:0}h1 span{display:block;color:#86868b;margin-top:9px}.device{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}canvas{width:100%;height:100%;display:block}.fallback{position:absolute;width:47%;max-height:64%;object-fit:contain;top:50%;right:5%;transform:translateY(-50%);border-radius:20px}.fallback.portrait{width:auto;height:57%;right:25%;transform:translate(50%,-50%)}.stage[data-layout=right] .fallback{right:auto;left:5%}.stage[data-layout=right] .fallback.portrait{left:25%;transform:translate(-50%,-50%)}.stage[data-layout=hero] .fallback,.stage[data-layout=center] .fallback{top:66%;right:50%;left:auto;max-height:57%;transform:translate(50%,-50%)}.stage[data-layout=hero] .fallback{height:48%}.chapter{position:absolute;inset:0 auto 0 max(7.5%,calc((100vw - 1240px)/2));width:38%;max-width:470px;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;z-index:4}.chapter-right{left:auto;right:max(7.5%,calc((100vw - 1240px)/2));width:34%}.chapter-center{left:0;right:0;top:13%;bottom:auto;width:100%;max-width:none;display:block;text-align:center}.chapter h2{font-size:clamp(40px,4.4vw,66px);letter-spacing:-.045em;line-height:1.2;margin:0;font-weight:600}.title-mask{display:block;overflow:hidden;padding-bottom:.08em}.title-line{display:block;will-change:transform,opacity}.secondary{color:#86868b}.chapter-dark{color:#f5f5f7}.chapter-dark .secondary{color:#a1a1a6}.chapter-center .title-mask{display:inline-block;margin:0 .12em}.chapter-center h2{font-size:clamp(36px,3.7vw,56px)}.skip{position:fixed;z-index:40;top:-80px;left:20px;background:#fff;padding:16px;font-size:16px;border-radius:12px}.skip:focus{top:8px}@media(max-width:1100px)and (min-height:601px),(max-width:699px){.nav-content{padding:0 28px}.hero-copy{top:15%}h1{font-size:clamp(38px,5.2vw,58px)}.device{top:25%;right:-8%;bottom:-1%;left:-8%}.chapter,.chapter-right{inset:14% 5% auto;width:90%;max-width:none;display:block;text-align:center}.chapter h2{font-size:clamp(36px,5.2vw,52px);line-height:1.18}.chapter-center .title-mask{display:block;margin:0}.fallback,.stage[data-layout=right] .fallback{width:76%;max-height:72%;right:50%;left:auto;top:54%;transform:translate(50%,-50%)}.fallback.portrait,.stage[data-layout=right] .fallback.portrait{width:auto;right:50%;left:auto;height:72%;transform:translate(50%,-50%)}.stage[data-layout=hero] .fallback,.stage[data-layout=center] .fallback{top:54%;max-height:72%;height:auto}.stage[data-layout=hero] .fallback{height:68%}}@media(max-width:600px){.site-header{height:52px}.nav-content{padding:0 22px}.brand{font-size:20px}.download{padding:0 14px}.nav-scenes{display:none}nav{gap:0}.hero-copy{top:16%;padding:0 16px}h1{font-size:40px;line-height:1.18}.chapter,.chapter-right{top:16%}.chapter h2{font-size:38px}.device{top:27%;right:-8%;bottom:2%;left:-8%}.story{height:1020svh}}@media(max-height:600px)and (min-width:700px){.site-header{height:48px}.hero-copy{top:17%}h1{font-size:34px}.stage{min-height:350px}.chapter h2{font-size:34px}.chapter-center{top:18%}.chapter-center h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.title-line{will-change:auto}}