@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{
  font-family:Manrope,Arial,sans-serif;font-synthesis:none;color-scheme:light;
  --canvas:#f7f7f2;--surface:#fffefa;--ink:#292d28;--muted:#62685a;--line:#d7d9cd;
  --field-border:#888e7d;--accent:#687253;--action:#30372b;--action-ink:#fffefa;--action-hover:#454f3c;
  --focus:#677e4d;--selection:#dde5ce;--selection-ink:#25301c;
  background:var(--canvas);color:var(--ink)
}
:root[data-theme=dark]{
  color-scheme:dark;--canvas:#202226;--surface:#2b2e35;--ink:#f1f0ed;--muted:#babcc5;--line:#3b3e46;
  --field-border:#858b99;--accent:#c6c5dc;--action:#eeece6;--action-ink:#25272d;--action-hover:#fffdf8;
  --focus:#c6c5dc;--selection:#3c404b;--selection-ink:#f1f0ed
}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}
button,a,input{touch-action:manipulation}button{cursor:pointer}[hidden]{display:none!important}
button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
::selection{background:var(--selection);color:var(--selection-ink)}input{caret-color:var(--accent)}
::placeholder{color:var(--muted);opacity:1}.icon{width:20px;height:20px;flex-shrink:0}
.page{max-width:1440px;margin:auto;padding:35px 6.4% 28px}
.skip{position:fixed;left:20px;top:-100px;padding:12px;background:var(--surface);z-index:10}.skip:focus{top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:650;letter-spacing:-.03em;text-decoration:none}
.header-actions{display:flex;align-items:center;gap:28px}.header-actions>a{font-size:12px;text-decoration:none}
.theme-toggle{display:grid;place-items:center;width:42px;height:42px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%}
.theme-toggle:hover{background:var(--surface)}.sun-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}
main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9%;padding:70px 0 66px}
h1{font-size:clamp(48px,5vw,72px);line-height:1.09;letter-spacing:-.04em;font-weight:500;margin:0 0 27px;text-wrap:balance}
h1 em{font-style:normal;color:var(--accent)}.lede{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 30px}
.lede strong{font-weight:550;color:var(--ink)}
.letter{max-width:475px}.letter h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:550;margin:0 0 18px}
.letter p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.letter label:not(.consent){font-size:12px;font-weight:650;display:block;margin:0 0 8px}
.letter input[type=email],#share-link{width:100%;border:1px solid var(--field-border);background:var(--surface);padding:14px 13px;border-radius:5px;font-size:15px;color:var(--ink)}
.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.75;color:var(--muted);margin:14px 0 18px}
.consent input{width:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:var(--accent)}
.letter button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 16px;background:var(--action);color:var(--action-ink);border:1px solid var(--action);border-radius:5px;font-size:13px;min-height:46px}
.letter button:hover{background:var(--action-hover)}.letter .small{font-size:11px;line-height:1.8;margin:14px 0 0}
.letter .secondary{background:transparent;color:var(--ink);border-color:var(--field-border);margin-top:22px}
.letter .secondary:hover{background:var(--surface)}.letter .text-button{background:transparent;border:0;color:var(--accent);padding:12px 0;justify-content:start}
.letter .message{margin:15px 0 0;font-size:12px;line-height:1.7;color:var(--accent)}.letter .message:empty{margin:0}
.invited-note{padding:12px 0;font-weight:550}.queue{display:flex;gap:38px;border-block:1px solid var(--line);padding:20px 0;margin:22px 0}
.queue>div{flex:1}.queue>div+div{border-left:1px solid var(--line);padding-left:26px}
.queue span{font-size:11px;color:var(--muted);display:block}.queue strong{font-size:43px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.letter #share-link{font-size:12px;margin-bottom:9px}
.referral-promise{font-size:12px;color:var(--muted);margin:20px 0 0}
.studio-notes{display:flex;gap:26px;margin-top:29px}.studio-notes p{font-size:11px;line-height:1.8;margin:0}
.studio-notes p+p{border-left:1px solid var(--line);padding-left:26px}.studio-notes span{display:block;color:var(--muted);font-size:10px}
.studio-scene{align-self:stretch;position:relative;min-height:555px;max-height:730px;margin:0;overflow:hidden;border-radius:160px 160px 8px 8px;background:var(--surface)}
.studio-scene>.coast{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
[data-theme=dark] .coast{filter:brightness(.72) saturate(.8)}
[data-theme=dark] .brand img,[data-theme=dark] figcaption>img{filter:invert(.88) grayscale(1)}
figcaption{position:absolute;inset:auto 24px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);color:var(--ink);padding:20px 23px;border-radius:5px}
figcaption span{font-size:10px;color:var(--muted)}figcaption p{font-size:14px;line-height:1.6;margin:5px 0 0}
#how{max-width:780px;border-top:1px solid var(--line);padding:22px 0;margin:0 0 26px;font-size:12px;line-height:1.9;color:var(--muted)}
summary{cursor:pointer;color:var(--ink)}footer{border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted)}footer strong{font-weight:500;color:var(--ink)}
@media(max-width:760px){
  .page{padding:23px 6.4%}.brand{font-size:24px}.brand img{width:28px;height:28px}.header-actions{gap:14px}.header-actions>a{font-size:11px}
  main{grid-template-columns:1fr;gap:35px;padding:42px 0 32px}h1{font-size:clamp(38px,9.2vw,62px);line-height:1.1;margin-bottom:22px}
  .lede{font-size:13px;line-height:1.9;margin-bottom:26px}.letter{max-width:none}.letter h2{font-size:28px}
  .letter input[type=email]{font-size:16px}.letter #share-link{font-size:12px}.studio-notes{margin-top:24px}
  .studio-scene{min-height:390px;height:390px;border-radius:110px 110px 7px 7px}
  figcaption{inset:auto 17px 17px;padding:17px}figcaption p{font-size:13px}
  .queue{gap:18px}.queue>div+div{padding-left:18px}footer{flex-wrap:wrap;gap:14px}footer strong{flex-basis:100%}#how{margin-bottom:15px}
}