.intro{height:370svh;position:relative}.intro-stage{height:100svh;position:sticky;top:0;overflow:hidden;container-type:size}.hero{background:var(--background);grid-template-columns:minmax(0,1fr);align-content:center;padding-block:40px;display:grid;position:absolute;inset:0}.hero-wrap{width:100%;max-width:80rem;padding-inline:max(1rem, env(safe-area-inset-left,0px));margin-inline:auto;container-type:inline-size}@media (min-width:40rem){.hero-wrap{padding-inline:2rem}}.hero-h{letter-spacing:-.05em;text-wrap:nowrap;font-variation-settings:"opsz" 96;font-size:min(17cqw,300px);font-weight:800;line-height:.86}.hero-line{white-space:nowrap;display:block}.hero-w{display:inline-block}.intro[data-dark] .hero-w{opacity:0}.intro-film{z-index:2;transform-origin:0 0;position:absolute;inset:0}.intro-hole{background:var(--frame);box-shadow:0 0 0 300vmax var(--frame);border-radius:50%;position:absolute}.intro-hole[data-open="1"]{background:0 0}.intro-mark{color:var(--mark);position:absolute}.intro-mark .wl{transform-box:fill-box;transform-origin:50% 60%}.intro-ui{z-index:3;pointer-events:none;position:absolute;inset:0}.intro-cue{left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom,0px));font-size:var(--text-small);color:var(--dim);text-align:center;justify-items:center;gap:10px;font-weight:650;display:grid;position:absolute}.intro-cue i{background:linear-gradient(var(--dim), transparent);width:1.5px;height:34px}.say{height:210svh;position:relative}.say-stage{align-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.say-p{letter-spacing:-.028em;text-wrap:pretty;max-width:29ch;font-weight:700;line-height:1.16}.say-p .w{opacity:var(--o,1)}.say[data-static]{height:auto}.say[data-static] .say-stage{height:auto;padding-block:clamp(96px,16vw,200px);position:relative}.ns{position:relative}.ns-stage{grid-template-rows:auto 1fr auto;height:100svh;padding-block:clamp(28px,5vh,56px) clamp(18px,3vh,32px);display:grid;position:sticky;top:0;overflow:hidden}.bed{--fw:clamp(240px, min(34vw, 58vh), 560px);--fh:calc(var(--fw) * 9 / 16);--sprocket:clamp(16px, 1.8vw, 24px);--gap:6px;height:calc(var(--fh) + var(--sprocket) * 2);align-self:center;position:relative}.strip-window{position:absolute;inset:0;overflow:clip}.strip{gap:var(--gap);padding:var(--sprocket) var(--gap);background-color:#120f0c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24'%3E%3Crect x='6' y='5' width='10' height='9' rx='2' fill='%2389826f'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24'%3E%3Crect x='6' y='11' width='10' height='9' rx='2' fill='%2389826f'/%3E%3C/svg%3E");background-position:0 0,0 100%;background-repeat:repeat-x;background-size:22px var(--sprocket);display:flex;position:absolute;top:0;left:0}.fframe{width:var(--fw);height:var(--fh);color:#f2f0ea;border-radius:3px;flex:none;text-decoration:none;position:relative}.fpic{background:#0d0b09;border-radius:3px;position:absolute;inset:0;overflow:hidden}.fpic img,.fpic>div{object-fit:cover;width:100%;height:100%}.fpic:after{content:"";opacity:var(--shade,.6);background:#000;position:absolute;inset:0}.fname{z-index:1;letter-spacing:-.03em;text-shadow:0 2px 12px #0009;opacity:calc(1 - var(--shade,.6));font-weight:800;line-height:1;position:absolute;bottom:12px;left:14px;right:14px}.fframe--leader .fpic{background:#0f0d0b}.fframe--yours .fpic{text-align:center;background:#2b2723;place-content:center;justify-items:center;gap:2px;display:grid}.fframe:focus-visible{outline-offset:3px;outline:2px solid #f2f0ea}.reel{z-index:2;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin-top:calc(var(--r) * -1);pointer-events:none;position:absolute;top:50%}.reel--take{--r:clamp(64px, 8.6vw, 128px);left:calc(var(--r) * -.55)}.reel--feed{--r:clamp(84px, 11.6vw, 172px);right:calc(var(--r) * -.5)}.gate-light{left:50%;top:calc(var(--sprocket) - 5px);z-index:1;width:calc(var(--fw) + 10px);height:calc(var(--fh) + 10px);pointer-events:none;border-radius:7px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1.5px #f2f0ea99,0 0 60px 6px #f2f0ea12}.ns-cap{text-align:center;justify-items:center;gap:8px;min-height:8.5em;display:grid}.ns[data-static] .ns-stage{gap:18px;height:auto;position:relative;top:auto}.ns[data-static] .strip-window{overscroll-behavior-x:contain;overflow-x:auto}.ns[data-static] .strip{position:relative}.ns[data-static] .bed{height:calc(var(--fh) + var(--sprocket) * 2 + 4px)}.ns[data-static] .reel,.ns[data-static] .gate-light,.ns[data-static] .fframe--leader{display:none}.ns[data-static] .fpic:after{opacity:0}.ns[data-static] .fname{opacity:1}@media (max-width:640px){.bed{--fw:72vw}.cap-log{display:none}}.how-head{align-content:center;gap:16px;min-height:86svh;display:grid}.how-step{position:relative}.how-pin{align-content:center;gap:clamp(22px,3vw,34px);padding-block:clamp(40px,7vw,88px);display:grid}.how-step[data-pinned] .how-pin{top:var(--head,72px);height:calc(100vh - var(--head,72px));height:calc(100svh - var(--head,72px));padding-block:24px;position:sticky}.how-pin--split{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(24px,3.4vw,48px)}.how-pin--split>.how-words{grid-area:1/1}.how-pin--split>.how-base{grid-area:2/1}.how-pin--split>.how-map{grid-area:1/2/span 2;align-self:center}@media (max-width:899px){.how-pin--split{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.how-pin--split>.how-words,.how-pin--split>.how-base,.how-pin--split>.how-map{grid-area:auto/1}}.slips{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:760px){.slips{grid-template-columns:minmax(0,1fr)}}.home-sa,.home-sb,.home-rv{opacity:0;transform:translateY(32px)}.home-sa[data-on],.home-sb[data-on],.home-rv[data-on]{opacity:1;transition:opacity .64s ease-out var(--d,0s), transform .92s var(--ease-focal,cubic-bezier(.16, 1, .3, 1)) var(--d,0s);transform:none}.home-end{align-content:center;min-height:100svh;padding-block:72px;display:grid}.ex-card{transition:scale .15s var(--ease-out), border-color .15s ease}.ex-log{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.home-sa,.home-sb,.home-rv{transform:none}.home-sa[data-on],.home-sb[data-on],.home-rv[data-on]{transition:opacity .25s ease-out}}@media (scripting:none){.intro{height:auto}.intro-stage{position:relative}.intro-film,.intro-ui{display:none}.intro[data-dark] .hero-w,.home-sa,.home-sb,.home-rv{opacity:1;transform:none}}