/* Coming soon (views/coming-soon.php) — no board: values taken from base, shell and the Home board */
img,video{display:block}
.g{--bg:#ffffff;--fg:#0a0a0a;--mute:#666666;--line:rgba(10,10,10,.14);--tint:#f1f1f1;--ease:cubic-bezier(.7,0,.2,1);--out:cubic-bezier(.16,1,.3,1);background:var(--bg);color:var(--fg);font-family:"Geist",system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:clip;transition:background-color .7s var(--ease),color .7s var(--ease)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,24px)}
.soon{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.soon>.wrap{width:100%}

/* top: logo, partner, clock, day/night (shell.css values, not fixed) */
.s-top{align-items:start;padding-top:20px}
.s-logo{grid-column:1 / 3;display:block;width:120px;height:44px;padding-top:2px}
.s-logo svg{width:116px;height:auto}
.s-logo svg path,.s-logo svg rect{fill:currentColor}
.s-meta{display:flex;flex-direction:column;gap:2px;padding-top:4px;grid-column:4 / 7}
.s-meta .k{opacity:.55}
.s-clock{grid-column:7 / 9}
.theme-b{grid-column:12 / 13;justify-self:end;width:44px;height:44px;margin-top:-10px;margin-right:-12px;display:flex;align-items:center;justify-content:center}

/* hero: Home h1 type */
.s-main{flex:1;align-content:center;row-gap:0;padding-top:clamp(100px,16vh,180px);padding-bottom:clamp(80px,12vh,140px)}
.s-hero{grid-column:1 / 9}
.eyebrow{display:flex;gap:10px;align-items:baseline;margin-bottom:26px}
.h1{margin:0;font-weight:400;font-size:clamp(34px,3.6vw,56px);line-height:1.04;letter-spacing:-.03em}
.ln{display:block;overflow:hidden;padding-bottom:.06em}
.ln>span{display:block;transform:translateY(108%);transition:transform 1.1s var(--ease)}
.in .ln>span{transform:none}
.in .ln:nth-child(2)>span{transition-delay:.08s}
.s-lede{margin:28px 0 0;color:var(--mute);font-size:clamp(17px,1.4vw,20px);line-height:1.4;letter-spacing:-.01em;max-width:36ch}
.rv{opacity:0;transform:translateY(16px);transition:opacity 1s var(--out),transform 1s var(--out)}
.in .rv{opacity:1;transform:none}
.in .d1{transition-delay:.15s}
.in .d2{transition-delay:.3s}
.g.still .ln>span,.g.still .rv{transform:none;opacity:1;transition:none}

/* sign-up: the Home notes block */
.s-notes{grid-column:1 / 9;margin-top:clamp(64px,10vh,110px);padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.s-notes-h{grid-column:1 / 5}
.s-notes-h p{margin:10px 0 0;color:var(--mute);font-size:14px;max-width:36ch}
.nform{grid-column:5 / 9;display:flex;flex-direction:column;gap:10px;align-self:end}
.nform label{color:var(--mute)}
.nfield{display:flex;align-items:center;border-bottom:1px solid var(--fg)}
.nfield input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--fg);font:inherit;font-size:15px;padding:12px 0;min-height:44px}
.nfield input::placeholder{color:var(--mute)}
.nfield button{min-height:44px;padding-left:16px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.nfield button svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.nfield button:hover svg{transform:translateX(4px)}
.nok{display:flex;gap:10px;align-items:center;min-height:56px;border-bottom:1px solid var(--fg)}
.nok svg{width:14px;height:14px}

/* foot: shell footer columns */
.s-foot{row-gap:28px;padding-bottom:40px}
.fcol{grid-column:span 3;display:flex;flex-direction:column;gap:4px;font-size:14px}
.fcol .mono{margin-bottom:8px;color:var(--mute)}
.fcol a{align-self:flex-start;min-height:26px;border-bottom:1px solid transparent;transition:border-color .3s}
.fcol a:hover{border-color:var(--fg)}
.fbase{grid-column:1 / 13;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;color:var(--mute)}

@media (max-width:820px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s-meta{display:none}
  .s-meta.s-clock{display:flex;grid-column:1 / 4;grid-row:2;margin-top:14px}
  .theme-b{grid-column:4 / 5}
  .s-hero,.s-notes,.fbase{grid-column:1 / 5}
  .s-main{padding-top:clamp(72px,12vh,120px)}
  .s-notes{grid-template-columns:1fr}
  .s-notes-h,.nform{grid-column:auto}
  .fcol{grid-column:span 2}
  .fbase{flex-direction:column;gap:4px;margin-top:40px}
}