.reel,.snap,.story{background-color:#0e0e0e;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:72px 72px;color:#fff}.story{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;background-attachment:local}.beat,.close,.gate{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always}.gate{position:relative;overflow:hidden;flex-direction:column;text-align:center;padding:calc(20px + env(safe-area-inset-top)) 16px 0}.bar,.gate{display:flex;align-items:center}.bar{order:1;justify-content:center;width:100%}.bar nav{display:none}.gate-mark{display:block;height:32px;width:auto;color:#fff}.gate-copy{display:contents}.gate h1,.go{font-family:var(--font-bebas),"Bebas Neue",sans-serif;font-weight:400;letter-spacing:1px}.gate h1{order:2;margin:clamp(18px,4vh,36px) 0 0;font-size:clamp(56px,15vw,88px);line-height:.86}.gate h1 span{color:#b1fa63}.gate-copy p,.quiet,.sheet{font-family:var(--font-nunito),"Nunito Sans",sans-serif}.gate-copy p{order:3;margin:14px 0 0;color:#a2a2a2;font-size:16px}.dock{order:4;flex:1 1 auto;min-height:0;width:100%;margin-top:8px;container-type:size;display:grid;place-items:center}.handset{box-sizing:border-box;height:min(100cqh,calc(100cqw * 19.5 / 9));width:auto;aspect-ratio:9/19.5;max-width:100%;display:flex;background:#1a1a1a;border:3px solid #3a3a3a;border-radius:28px;padding:11px 7px 9px;box-shadow:inset 0 0 0 1px #111}.glass,.handset{position:relative}.glass{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border-radius:22px;background:#000}.island{z-index:2;top:6px;left:50%;width:28%;height:8px;transform:translateX(-50%);background:#0a0a0a;border-radius:20px}.island,.screen{position:absolute}.screen{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.screen.rise{animation:in .35s ease}@keyframes in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.screen.rise{animation:none}}.gate-copy .go{order:5;position:relative;z-index:3;flex:none;margin:10px 0 calc(14px + env(safe-area-inset-bottom))}.go{width:max-content;border:0;border-radius:999px;background:#b1fa63;color:#111;font-size:28px;line-height:1;min-height:52px;padding:8px 34px 6px;cursor:pointer}.go:disabled{opacity:.45}.reel{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.reel::-webkit-scrollbar{display:none}.snap{position:relative;height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.snap-pic{position:absolute;inset:0 0 92px 0;display:grid;place-items:center;container-type:size}.stage{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;max-height:100%;line-height:0}.stage img{display:block;max-width:100%;max-height:100cqh;width:auto;height:auto}.cap{position:absolute;left:5%;right:5%;margin:0;text-align:center;font-family:Archivo Black,sans-serif;font-size:clamp(16px,4.4vw,32px);letter-spacing:-.03em;line-height:1.05;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #141414,-2px 2px 0 #141414,2px -2px 0 #141414,-2px -2px 0 #141414}.cap.top{top:4%}.cap.bot{bottom:5%}.snap>.go{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:2;transform:translateX(-50%)}.sheet{z-index:3;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;padding:22px 16px 16px;background:#fff;border-radius:22px}.sheet,.sheet .x{position:absolute;color:#111}.sheet .x{top:8px;right:10px;width:32px;height:32px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}.sheet input[type=text]{width:100%;border:0;border-bottom:1px solid #e6e6e6;background:transparent;color:#111;padding:8px 28px 8px 0;font-size:17px}.sheet input[type=text]:focus{outline:none;border-bottom-color:#111}.sheet input::placeholder{color:#9a9a9a}.sheet-row{display:flex;gap:16px}.quiet{border:0;background:transparent;color:#444;font-size:15px;padding:0;cursor:pointer}.quiet input{display:none}.sheet .go{width:100%;max-width:none}.sheet-note{margin:0;color:#666;font-size:14px}.beat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:28px 20px 32px;overflow:hidden}.beat-pic{width:min(92vw,440px);height:min(42dvh,380px);display:grid;place-items:center;overflow:hidden}.beat-pic .stage{max-width:100%;max-height:100%}.beat-pic .stage img{width:auto;height:auto;max-width:min(92vw,440px);max-height:min(42dvh,380px);object-fit:contain}.beat h2,.close-card h2{font-family:var(--font-bebas),"Bebas Neue",sans-serif;font-weight:400;letter-spacing:1px}.beat h2{margin:0;flex:none;font-size:clamp(44px,12vw,60px);line-height:.86}.beat h2 span{display:block}.beat p,.fine{font-family:var(--font-nunito),"Nunito Sans",sans-serif}.beat p{max-width:280px;margin:0;flex:none;color:#a2a2a2;font-size:16px;line-height:1.45}.close{gap:32px;padding:24px 16px 28px;overflow:hidden}.close,.close-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.close-card{width:min(100%,480px);gap:28px;background:#b1fa63;color:#111;border-radius:28px;padding:48px 22px 24px;text-align:center}.close-card h2{margin:0;font-size:clamp(64px,16vw,92px);line-height:.88}.close-card .go{width:100%;margin:8px 0 0;border-radius:18px;background:#111;color:#b1fa63}.fine{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0}.fine-mark{display:block;height:28px;width:auto;color:#fff}.fine nav{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;font-family:var(--font-mont),Montserrat,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#a2a2a2}@media (min-width:980px){.bar{justify-content:space-between;padding:4px 8px 0}.bar nav{display:flex;gap:28px;font-family:var(--font-mont),Montserrat,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#d6d6d6}.bar nav a:hover{color:#b1fa63}.gate{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);grid-template-rows:auto minmax(0,1fr);align-items:center;text-align:left;grid-column-gap:32px;column-gap:32px;padding:28px 64px 36px}.bar{grid-column:1/-1;grid-row:1}.dock{grid-column:1;height:100%;margin:0}.dock,.gate-copy{grid-row:2;order:0}.gate-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-column:2;min-width:0}.gate h1,.gate-copy .go,.gate-copy p{order:0}.gate h1{margin:0;font-size:clamp(88px,7.4vw,128px)}.gate-copy p{margin:18px 0 0;font-size:18px}.gate-copy .go{margin:28px 0 0}.beat{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;justify-items:start;text-align:left;grid-column-gap:56px;column-gap:56px;grid-row-gap:12px;row-gap:12px;padding:0 8vw}.beat-pic{grid-column:1;grid-row:1/span 2;width:100%;height:min(68dvh,640px);justify-self:center}.beat-pic .stage img{max-width:min(44vw,640px);max-height:min(68dvh,640px)}.beat h2{grid-column:2;grid-row:1;align-self:end;font-size:clamp(64px,5.2vw,96px)}.beat p{grid-column:2;grid-row:2;align-self:start;max-width:380px;font-size:18px}.beat:nth-child(odd){grid-template-columns:.9fr 1.1fr}.beat:nth-child(odd) .beat-pic{grid-column:2}.beat:nth-child(odd) h2,.beat:nth-child(odd) p{grid-column:1}.close{padding:40px 64px 36px}.close-card{width:min(72vw,760px);padding:64px 48px 32px}.close-card h2{font-size:clamp(84px,7vw,124px)}.snap-pic{inset:40px 0 120px}.stage{max-width:min(72vw,880px)}.sheet{left:50%;right:auto;width:min(440px,calc(100% - 48px));transform:translateX(-50%)}}