.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;
  padding:var(--frame);overflow:hidden;isolation:isolate}
.sky{position:absolute;inset:0;z-index:-1}
.top{flex:none;display:flex;align-items:center;height:48px}
.logo{height:32px;width:auto;display:block}

.top{position:relative}
.clock{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  align-items:center;gap:.75em;font-size:12px;
  height:2.67em;padding:0 .92em;border-radius:999px;box-sizing:border-box;
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  background:rgba(10,10,10,.16);border:1px solid rgba(255,255,255,.22)}
.clock.on{display:flex}
.clock input{-webkit-appearance:none;appearance:none;width:clamp(92px,12vw,190px);
  height:1.17em;background:none;cursor:pointer;--th:1em}
.clock input::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:rgba(255,255,255,.28)}
.clock input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--th);height:var(--th);
  margin-top:calc(1px - var(--th)/2);border:0;border-radius:50%;background:var(--red);cursor:pointer}
.clock input::-moz-range-track{height:2px;border-radius:2px;background:rgba(255,255,255,.28)}
.clock input::-moz-range-thumb{width:var(--th);height:var(--th);border:0;border-radius:50%;background:var(--red)}
.clock output{font:500 1em/1 Onest;color:var(--ink);font-variant-numeric:tabular-nums;min-width:2.92em}
.clock button{border:0;background:none;padding:0;cursor:pointer;font:400 1em/1 Onest;color:#bdbdbd}
.clock button:hover{color:var(--ink)}
.clock.live button{opacity:.3;pointer-events:none}

.hero-mid{flex:1;display:flex;flex-direction:column;justify-content:center;
  padding:40px 0;container-type:inline-size;
  --sub:clamp(14px,1.15vw,17px);--sub-lh:1.72;--h-lh:1.1;
  --gap:calc(var(--sub) * 2.6)}
.hero-h{margin:0 0 calc(var(--h-trim-b, .175) * -1em);
  font-family:Unbounded;font-weight:600;letter-spacing:-.03em;
  font-size:clamp(calc(26px*var(--k,1)),calc(6.2cqw*var(--k,1)),calc(120px*var(--k,1)));
  line-height:var(--h-lh)}
.hero-h span{display:block;white-space:nowrap}
.hero-h em{font-style:normal;color:var(--red)}
.hero-sub{margin:calc(var(--gap) - var(--sub-trim-t, .52) * 1em) 0
                 calc(var(--sub-trim-b, .5) * -1em);
  max-width:46ch;color:#e8ecf2;
  font-size:var(--sub);line-height:var(--sub-lh)}

.cue-row{flex:none;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px}
.sky-note{position:absolute;right:var(--frame);bottom:var(--frame);min-height:48px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
  font:500 11px/1.4 ui-monospace,monospace;letter-spacing:.04em;color:var(--dim);
  opacity:var(--night,0);pointer-events:none}
.sky-what{position:absolute;right:0;top:calc(50% + 1.4em);opacity:0;transition:opacity .5s}
.sky-what.on{opacity:1}
.cue{--ph:48px;display:inline-flex;align-items:center;text-decoration:none;
  height:var(--ph);padding:0 calc(var(--ph)*.375) 0 calc(var(--ph)*.104);
  gap:calc(var(--ph)*.23);border-radius:var(--r);background:#fafafa;color:#0a0a0a;
  font:500 calc(var(--ph)*.271)/1.35 Onest,system-ui,sans-serif;
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.cue i{--d:calc(var(--ph) - 10px);flex:none;width:var(--d);height:var(--d);
  border-radius:50%;background:var(--red);display:grid;place-items:center}
.cue:hover{transform:translateY(-2px)}
.cue svg{width:calc(var(--d)*.5429);height:calc(var(--d)*.4722);display:block;
  margin-top:calc(var(--d)*.0528);
  animation:cue-bob 2.4s cubic-bezier(.45,0,.55,1) infinite}
.cue path{fill:#fff}
@keyframes cue-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.btn-pill{--ph:48px;display:inline-flex;align-items:center;height:var(--ph);padding:0 calc(var(--ph)*.375);
  border:0;border-radius:var(--r);background:#fafafa;color:#0a0a0a;text-decoration:none;cursor:pointer;
  font:500 calc(var(--ph)*.271)/1.35 Onest,system-ui,sans-serif;
  transition:transform .25s cubic-bezier(.22,1,.36,1)}
.btn-pill:hover{transform:translateY(-2px)}

.arms{position:fixed;right:22px;top:86px;z-index:70;display:none;
  border:1px solid var(--line);background:rgba(8,8,10,.92);backdrop-filter:blur(6px);
  padding:14px 16px;font:500 11px/1.5 ui-monospace,monospace;color:var(--dim)}
.arms.on{display:block}
.arms table{border-collapse:collapse}
.arms th,.arms td{padding:3px 12px 3px 0;text-align:left;font-weight:500;white-space:nowrap}
.arms th{color:#5d5d5d;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-mark)}
.arms td.n{text-align:right}
.arms tr.now td{color:var(--ink)}
.arms button{margin-top:12px;border:1px solid var(--line);background:none;color:var(--dim);
  font:500 10px ui-monospace,monospace;padding:5px 9px;cursor:pointer;letter-spacing:.06em}
.arms button:hover{color:var(--ink);border-color:#3d3d3d}

.scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.scene canvas{display:block;width:100%;height:100%}
.scene-time{position:fixed;left:22px;bottom:64px;z-index:80;width:260px}
.scene-time-label{position:fixed;left:22px;bottom:92px;z-index:80;font:500 11px ui-monospace,monospace;color:#8a8a8a;letter-spacing:.06em}

.wall{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='912' height='823'%3E%3Cdefs%3E%3Cpattern id='h' width='5' height='5' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cline x1='0' y1='0' x2='0' y2='5' stroke='%23e1251b' stroke-opacity='.85' stroke-width='1.6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='7' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='81' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='81' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='334' y='81' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='81' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='661' y='81' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='661' y='81' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='666' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='7' y='103' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='103' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='211' y='103' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='211' y='103' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='216' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='538' y='103' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='538' y='103' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='543' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='7' y='125' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='125' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='136' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='334' y='125' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='125' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='136' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='7' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='460' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='460' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='211' y='460' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='211' y='460' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='216' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='538' y='460' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='538' y='460' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='543' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='7' y='482' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='482' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='334' y='482' width='133' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='482' width='133' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 200%3C/text%3E%3Crect x='474' y='482' width='133' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='474' y='482' width='133' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='479' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 200%3C/text%3E%3Crect x='614' y='482' width='197' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='614' y='482' width='197' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='619' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 200%3C/text%3E%3Crect x='7' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='596' width='128' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='596' width='128' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E768 &%23215; 200%3C/text%3E%3Crect x='142' y='596' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='142' y='596' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='147' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='469' y='596' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='469' y='596' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='474' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='7' y='636' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='636' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='647' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='334' y='636' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='636' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='647' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3C/svg%3E");
  background-attachment:fixed;
  -webkit-mask-image:radial-gradient(360px 360px at var(--mx,-500px) var(--my,-500px),
    #000 0%,rgba(0,0,0,.45) 42%,transparent 78%);
  mask-image:radial-gradient(360px 360px at var(--mx,-500px) var(--my,-500px),
    #000 0%,rgba(0,0,0,.45) 42%,transparent 78%);
  animation:drift 140s linear infinite}
.hero-h.wallfill{-webkit-text-stroke:1.1px rgba(238,240,255,.62);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='912' height='823'%3E%3Cdefs%3E%3Cpattern id='h' width='5' height='5' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cline x1='0' y1='0' x2='0' y2='5' stroke='%23e1251b' stroke-opacity='.85' stroke-width='1.6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='7' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='7' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='7' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='18' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='81' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='81' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='334' y='81' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='81' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='661' y='81' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='661' y='81' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='666' y='92' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='7' y='103' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='103' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='211' y='103' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='211' y='103' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='216' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='538' y='103' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='538' y='103' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='543' y='114' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='7' y='125' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='125' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='136' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='334' y='125' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='125' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='136' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='7' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='312' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='312' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='323' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='386' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='386' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='397' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='460' width='197' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='460' width='197' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 90%3C/text%3E%3Crect x='211' y='460' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='211' y='460' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='216' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='538' y='460' width='320' height='15' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='538' y='460' width='320' height='15' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='543' y='471' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 90%3C/text%3E%3Crect x='7' y='482' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='482' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='334' y='482' width='133' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='482' width='133' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 200%3C/text%3E%3Crect x='474' y='482' width='133' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='474' y='482' width='133' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='479' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 200%3C/text%3E%3Crect x='614' y='482' width='197' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='614' y='482' width='197' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='619' y='493' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1180 &%23215; 200%3C/text%3E%3Crect x='7' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='147' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='147' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='152' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='287' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='287' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='292' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='427' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='427' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='432' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='567' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='567' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='572' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='707' y='522' width='133' height='67' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='707' y='522' width='133' height='67' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='712' y='533' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E800 &%23215; 400%3C/text%3E%3Crect x='7' y='596' width='128' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='596' width='128' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E768 &%23215; 200%3C/text%3E%3Crect x='142' y='596' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='142' y='596' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='147' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='469' y='596' width='320' height='33' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='469' y='596' width='320' height='33' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='474' y='607' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 200%3C/text%3E%3Crect x='7' y='636' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='7' y='636' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='12' y='647' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3Crect x='334' y='636' width='320' height='180' fill='%23ffffff' fill-opacity='.07'/%3E%3Crect x='334' y='636' width='320' height='180' fill='url(%23h)' stroke='%23ff3b30' stroke-opacity='1' stroke-width='1'/%3E%3Ctext x='339' y='647' font-family='monospace' font-size='8' fill='%23ffd7d2'%3E1920 &%23215; 1080%3C/text%3E%3C/svg%3E");
  background-attachment:fixed;-webkit-background-clip:text;background-clip:text;
  color:transparent;animation:drift 140s linear infinite}
@keyframes drift{to{background-position:912px 823px}}

.stage{position:relative;min-height:100vh;overflow:hidden}
.stage-in{padding:44px 0;transform-origin:left center;
  transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease}
.stage.dim .stage-in{opacity:.28;transform:scale(.985);filter:blur(1px)}
.eyebrow{font:500 11px ui-monospace,monospace;color:#5d5d5d;margin:0 0 30px;
  letter-spacing:.08em;text-transform:uppercase}

.names{display:flex;flex-direction:column;gap:1px}
.name{font-family:Unbounded;font-weight:600;font-size:clamp(19px,5vw,58px);
  line-height:1.06;color:transparent;-webkit-text-stroke:1px #5f5f5f;
  background:none;border:0;padding:0;text-align:left;cursor:pointer;
  transition:color .2s ease,-webkit-text-stroke-color .2s ease}
.name:hover{-webkit-text-stroke-color:#c9c9c9}
.name.on{color:var(--ink);-webkit-text-stroke-color:var(--ink)}

.slot{margin-top:34px;max-width:560px}
.slot .box{border:1.5px solid var(--red);border-radius:8px;height:76px;
  display:flex;align-items:center;justify-content:center;color:var(--red);
  font:500 12px ui-monospace,monospace;letter-spacing:.08em}
.slot p{color:var(--dim);font-size:var(--fs-ui);margin:12px 0 0}

#page{transition:filter .28s ease}
.menu-on #page{filter:blur(30px) brightness(.85)}
@media (hover:none){
  #page{transition:none}
  .menu-on #page{filter:none}
  .overlay{background:rgba(0,0,0,.55)}
}
body.blur-off.menu-on #page{filter:none}
body.blur-slow #page{transition:filter .28s ease}
body.blur-slow.menu-on #page{filter:blur(30px) brightness(.85)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);
  opacity:0;pointer-events:none;will-change:opacity;transition:opacity .2s ease;z-index:20}
.overlay.on{opacity:1;pointer-events:auto}
.sheet{--pw:85px;--ph:48px;
  position:fixed;top:var(--frame);right:var(--frame);z-index:40;
  width:min(33%,620px);height:calc(100% - 2*var(--frame));
  border-radius:var(--r);background:#fafafa;color:#0a0a0a;overflow:hidden;cursor:pointer;
  clip-path:inset(0 0 calc(100% - var(--ph)) calc(100% - var(--pw)) round var(--r));
  will-change:clip-path;
  transition:clip-path .26s cubic-bezier(.22,1,.36,1)}
.sheet.on{clip-path:inset(0 round var(--r));cursor:default}

.sheet-label{position:absolute;top:0;right:0;width:var(--pw);height:var(--ph);
  display:flex;align-items:center;justify-content:center;
  font:500 13px Onest;opacity:1;will-change:opacity;transition:opacity .12s ease}
.sheet.on .sheet-label{opacity:0}
.sheet:focus{outline:none}
.sheet:focus-visible .sheet-label{box-shadow:inset 0 0 0 2px #0a0a0a;border-radius:var(--r)}
.sheet-close{position:absolute;top:0;right:0;width:calc(var(--pw) + 11px);height:var(--ph);border:0;background:none;
  color:#0a0a0a;font:500 13px Onest;cursor:pointer;opacity:0;pointer-events:none;z-index:3;
  display:flex;align-items:center;justify-content:center;will-change:opacity;transition:opacity .12s ease}
.sheet.on .sheet-close{opacity:1;pointer-events:auto}

.sheet-in{position:absolute;inset:0;width:min(33vw,620px);padding:34px;
  display:flex;flex-direction:column;justify-content:center;
  opacity:0;will-change:opacity;transition:opacity .14s ease}
.sheet.on .sheet-in{opacity:1;transition:opacity .16s ease .12s}

.sheet-in a{display:flex;align-items:center;font-family:Unbounded;font-weight:600;
  font-size:clamp(30px,2.9vw,54px);line-height:1.22;color:#0a0a0a;text-decoration:none;
  white-space:nowrap;transition:color .18s ease}
.sheet-in a svg{width:0;height:.42em;flex:none;overflow:visible;opacity:0;
  transform:translate(-.12em,.085em);
  transition:width .22s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.sheet-in a svg path{fill:var(--red)}
.sheet-in a:hover svg{width:.34em;opacity:1;transform:translate(0,.085em);margin-right:.16em}
.sheet-in a:hover{color:var(--red)}
.sheet-in .btn-pill{align-self:flex-start;margin-top:28px;background:#0a0a0a;color:#fafafa}
.sheet-foot .mail{font:500 20px/1 Onest,system-ui,sans-serif;color:#0a0a0a;text-decoration:none;
  border-bottom:1px solid #c9c9c9;padding-bottom:2px;transition:color .18s ease,border-color .18s ease}
.sheet-foot .mail:hover{color:var(--red);border-color:var(--red)}
.sheet-foot{position:absolute;left:34px;right:34px;bottom:28px;font-size:var(--fs-ui);color:#555;
  white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:16px}

.sndbtn{flex:none;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border:1px solid #dcdcdc;background:none;
  color:#777;border-radius:var(--r);cursor:pointer;
  transition:color .18s ease,border-color .18s ease}
.sndbtn:hover{color:#0a0a0a;border-color:#9a9a9a}
.sndbtn svg{width:16px;height:16px;flex:none}
.sndbtn svg .wave{transition:opacity .18s ease}
.sndbtn.off svg .wave{opacity:0}
.sndbtn.off svg .cross{opacity:1}
.sndbtn svg .cross{opacity:0;transition:opacity .18s ease}

@media (max-width:734px){
  .hero{padding:var(--frame) var(--frame) 66px}
  .sky-note{left:var(--frame);bottom:12px;min-height:0;align-items:flex-start}
  .top{height:auto;min-height:34px;flex-wrap:wrap;row-gap:32px}
  .clock{position:static;transform:none;flex-basis:100%;font-size:13px;height:40px;padding:0 1.1em}
  .clock input{flex:1 1 auto;width:auto;min-width:0;height:28px;--th:22px}
  .cue,.btn-pill{--ph:40px;font-size:var(--fs-ui)}
  .logo{height:24px}
  .hero-mid{padding:28px 0}
  .hero-h{font-size:clamp(calc(24px*var(--k,1)),calc(9.4vw*var(--k,1)),calc(52px*var(--k,1)));
    letter-spacing:-.03em}
  .hero-h span{display:inline;white-space:normal}
  .hero-h span+span::before{content:' '}

  .stage-in{padding:78px 0 90px}
  .eyebrow{margin-bottom:16px;font-size:var(--fs-mark)}
  .names{gap:3px}
  .name{-webkit-text-stroke-width:.8px;line-height:1.1;white-space:normal}
  .slot{margin-top:26px}
  .slot .box{height:64px}
  .sheet{--pw:72px;--ph:40px;top:16px;right:16px;
         width:calc(100% - 32px);height:calc(100% - 32px)}
  .sheet-label,.sheet-close{width:var(--pw);height:var(--ph);font-size:var(--fs-ui)}
  .sheet-in{width:calc(100vw - 32px);padding:22px}
  .sheet-in a{font-size:clamp(26px,8vw,40px);line-height:1.3}
  .sheet-foot{left:22px;right:22px;bottom:20px}
  .sheet-foot .mail{font-size:17px}
}

@media (max-width:400px){
  .name{font-size:clamp(19px,6.4vw,26px)}
  .sheet-in a{font-size:30px}
}