/* v23 · Art-direction pass (Nov 9 2026). Spacing scale 8/16/24/32/48/72/96.
   Button logic: filled = opens WhatsApp, outline = moves down the page. All buttons 48px high, Manrope 13/600. */
.launch-page{--ink:#163A39;--muted:#4C635C;--rule:#C9CFC4;--panel:#EDEAE1;--panel-line:#B8C1B6;--btn-w:216px}
.launch-page p,.launch-page dd,.launch-page li{text-wrap:pretty}
.launch-page h1,.launch-page h2,.launch-page h3{text-wrap:balance}

/* Header */
.launch-page .launch-header{padding:32px 0 24px}

/* Hero */
.launch-page .draft-hero{padding:72px 0 72px;align-items:center}
.launch-page #launch-title{white-space:nowrap;margin:0 0 24px;font-size:clamp(60px,6.1vw,92px)}
.launch-page .draft-lead{margin:0 0 48px}
.launch-page .draft-art{align-self:center}
.launch-page .draft-art svg{width:min(100%,460px);margin:0 0 0 auto}
.launch-page .draft-offer{padding:24px 0;align-items:center}
.launch-page .draft-offer h2{font-size:24px;font-weight:300;margin:0 0 8px;display:flex;align-items:baseline;gap:12px}
.launch-page .draft-offer p{font-size:15px;line-height:1.5;color:var(--muted)}
.launch-page .offer-free{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.launch-page .draft-note{font-size:12px;line-height:1.5;margin-top:16px;color:var(--muted)}

/* Buttons: one system */
.launch-page .btn,.launch-page .draft-offer a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  width:var(--btn-w);min-height:48px;padding:0 20px;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1;text-decoration:none;border-radius:0;flex:0 0 auto}
.launch-page .btn{background:var(--ink);color:#F3EFE6;border:1px solid var(--ink)}
html[data-theme="light"] .launch-page .draft-offer a,html[data-theme="light"] .launch-page .draft-offer:nth-child(2) a{background:transparent;color:var(--ink);border:1px solid var(--ink)}
html[data-theme="light"] .launch-page .draft-offer a:hover{background:var(--ink);color:#F3EFE6}
.launch-page .btn:hover{background:#0F2C2B}

/* Section rhythm: Club and Capsule share one header pattern */
.launch-page .launch-club,.launch-page .launch-capsule-deck{border-top:1px solid var(--rule);padding-top:72px}
.launch-page .launch-club{padding-bottom:96px;align-items:start}
.launch-page .launch-capsule-deck{margin-bottom:0;padding-bottom:96px}
.launch-page .launch-club .eyebrow,.launch-page .lc-head .eyebrow{margin:0}
.launch-page #club-title,.launch-page #capsule-title{margin:16px 0 0;font-size:48px}
.launch-page .lc-head{margin-bottom:48px}
.launch-page .launch-description{margin-top:24px;max-width:30em}
.launch-page .club-facts{margin-top:32px;gap:16px}
.launch-page dt,.launch-page .lc-facts dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}

/* Club panel matches the Capsule cards */
html[data-theme="light"] .launch-page .launch-form-panel{background:var(--panel);border:1px solid var(--panel-line);padding:40px;align-self:start;margin-top:35px}
.launch-page .launch-form-panel h3{font-size:28px}
.launch-page .launch-form-panel>p{font-size:15px;line-height:1.6;margin:16px 0 32px;color:var(--muted)}
.launch-page .launch-form-panel .btn{margin-top:0}

/* Capsule cards */
.launch-page .lc-nav{margin:0 0 24px}
html[data-theme="light"] .launch-page .lc-track>.launch-capsule{background:var(--panel);border-color:var(--panel-line)}
.launch-page .launch-capsule-copy .eyebrow{margin:0}
.launch-page .launch-capsule-copy .lc-title{margin:16px 0 0;font-size:40px}
.launch-page .launch-date{margin-top:24px}
.launch-page .launch-room{margin-top:24px;padding-top:24px;font-size:15px}
.launch-page .launch-capsule-copy .btn{margin-top:32px}
.launch-page .launch-status{font-size:12px;line-height:1.5;margin-top:16px;color:var(--muted)}
.launch-page .launch-capsule-tagline{font-size:22px;line-height:1.35}

@media(min-width:1001px){
  .launch-page .lc-track>.launch-capsule{padding:56px;align-items:center}
  .launch-page .lc-track>.launch-capsule:not(.lc-offer) .launch-capsule-copy{padding-top:0}
}
@media(max-width:1000px){
  .launch-page .draft-art svg{margin:0 auto}
}
@media(max-width:760px){
  .launch-page{--btn-w:100%}
  .launch-page .launch-header{padding:24px 0 16px}
  .launch-page .draft-hero{padding:48px 0 56px}
  .launch-page #launch-title{font-size:min(11.6vw,52px);margin-bottom:24px}
  .launch-page .draft-art svg{width:72%}
  .launch-page .draft-offer{flex-direction:column;align-items:stretch;gap:16px}
  .launch-page .launch-club,.launch-page .launch-capsule-deck{padding-top:48px;padding-bottom:56px}
  .launch-page #club-title,.launch-page #capsule-title{font-size:38px}
  .launch-page .lc-head{margin-bottom:32px}
  .launch-page .launch-form-panel{padding:28px 24px;margin-top:40px}
  .launch-page .launch-capsule-copy .lc-title{font-size:32px}
  .launch-page .launch-description{font-size:18px}
}
/* card 2 subline: body voice, so it does not compete with the title */
.launch-page .lc-track .launch-capsule-copy>.launch-capsule-tagline{font-family:"Newsreader",Georgia,serif!important;font-size:19px!important;line-height:1.5!important;letter-spacing:0!important;word-spacing:0!important;color:var(--muted)!important;margin-top:16px}
@media(min-width:761px){.launch-page .lc-partners ul{justify-content:flex-start;gap:16px 56px;flex:1}}
@media(max-width:1000px){.launch-page .lc-track{align-items:flex-start}}
@media(max-width:1000px){.launch-page .lc-track{transition:height .35s ease}}
@media(max-width:760px){.launch-page .draft-lead{margin-bottom:32px}}
/* Tablet: same order as phone (headline, ring, line, offers), offers keep text left / button right */
@media(min-width:761px) and (max-width:1000px){
  .launch-page .launch-selected-hero{grid-template-columns:1fr;gap:40px;padding:64px 0 72px}
  .launch-page .launch-selected-hero .draft-copy{display:contents}
  .launch-page .launch-selected-hero .draft-copy h1{order:0;margin:0;font-size:72px}
  .launch-page .launch-selected-hero .draft-art{order:1;max-width:380px;width:100%;margin:0 auto}
  .launch-page .launch-selected-hero .draft-art svg{width:100%;padding:0}
  .launch-page .launch-selected-hero .draft-lead{order:2;margin:0}
  .launch-page .launch-selected-hero .draft-offers{order:3}
  .launch-page .launch-selected-hero .draft-note{order:4;margin:-24px 0 0}
  .launch-page .draft-offer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}
  .launch-page .draft-offer>div,.launch-page .draft-offer a{grid-row:auto;grid-column:auto}
}
@media(max-width:760px){.launch-page .launch-selected-hero .draft-note{margin-top:-8px}.launch-page .launch-selected-hero .draft-art svg{padding:0;width:80%}}
@media(min-width:761px) and (max-width:1000px){.launch-page .launch-capsule-copy .lc-title{font-size:34px}}
/* Locked title spacing (+.005em, 1.12) wins over older per-element rules */
.launch-page #launch-title,.launch-page #club-title,.launch-page #capsule-title,.launch-page .lc-title,.launch-page .draft-offer h2,.launch-page .launch-form-panel h3,.launch-page .lc-price strong{letter-spacing:.005em!important;word-spacing:.04em;line-height:1.12!important}
.launch-page #launch-title{font-size:clamp(56px,5.4vw,80px)}
@media(min-width:761px) and (max-width:1000px){.launch-page #launch-title{font-size:64px}}
@media(max-width:760px){.launch-page #launch-title{font-size:min(10.2vw,48px)}}