/* Readability and interaction layer for the launch experience. */
#byond-intimate{font-size:16px;--bb-soft:#e8dce1;--bb-line:#807179}
#byond-intimate:before{opacity:.22}
#byond-intimate .ux-header{max-width:1200px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ffffff24}
#byond-intimate .ux-wordmark{font:700 25px 'Barlow Condensed',sans-serif;color:#ffb1c7}
#byond-intimate .ux-header-right{justify-content:flex-end}
#byond-intimate .ux-header nav{display:flex;align-items:center;gap:26px;font-size:14px}
#byond-intimate .ux-header a{display:inline-flex;align-items:center;min-height:44px}
#byond-intimate .ux-nav-join{background:#efd5df;color:#27151e;padding:0 18px}
#byond-intimate section{scroll-margin-top:24px}
#byond-intimate .bi-hero{padding:64px 24px 48px}
#byond-intimate .bi-hero-copy>p:last-of-type{font-size:17px;max-width:47ch;line-height:1.7}
#byond-intimate .bi-kicker{font-size:12px}
#byond-intimate .bi-link{font-size:16px;min-height:48px}
#byond-intimate .bi-product-intro{padding:40px 24px 48px;max-width:1100px;margin:auto}
#byond-intimate .product-choices{gap:12px;margin-top:24px}
#byond-intimate .product-choices button{padding:12px 18px;font-size:16px}
#byond-intimate .product-story{max-width:520px;min-height:130px}
#byond-intimate .product-story p{font-size:16px}
#byond-intimate .bi-signup{max-width:1160px;margin:0 auto;padding:48px 32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
#byond-intimate .bi-heading{font-size:42px}
#byond-intimate .bi-heading em{font-size:44px}
#byond-intimate .bi-intro>p:not(.bi-kicker){font-size:16px;max-width:34ch}
#byond-intimate .bi-intro .bi-quiet-link{font-size:15px}
#byond-intimate .bi-form{background:#191619;border:1px solid #67515b;padding:28px;border-radius:8px}
#byond-intimate .ux-form-title{font:600 28px/1.2 'Barlow Condensed',sans-serif;margin-bottom:10px}
#byond-intimate .ux-form-help{font-size:14px;line-height:1.6;color:#e8dce1;margin-bottom:24px}
#byond-intimate .bi-row{display:block;border:0;margin-top:18px;padding:0}
#byond-intimate .bi-row label{display:block;font-size:14px;text-transform:none;margin-bottom:8px}
#byond-intimate .bi-row label span{display:inline;margin-left:8px;font-size:13px}
#byond-intimate .bi-row input{border:1px solid #88727c;border-radius:4px;background:#100e10;padding:13px 14px;min-height:48px;font-size:16px}
#byond-intimate legend{font-size:16px;padding-top:24px;margin-bottom:12px}
#byond-intimate .bi-tiers label{font-size:15px;min-height:48px;cursor:pointer}
#byond-intimate .bi-tiers label:has(:focus-visible){outline:2px solid #ffb1c7;outline-offset:4px}
#byond-intimate .bi-note{font-size:14px;line-height:1.6;margin-top:14px;min-height:0}
#byond-intimate .simple-bottom>.eyebrow{font-size:12px;margin:20px 0 10px}
#byond-intimate .simple-bottom ul{font-size:15px}
#byond-intimate .bi-consent{font-size:14px;line-height:1.65;min-height:44px;margin-top:16px;cursor:pointer}
#byond-intimate .bi-consent input{width:20px;height:20px}
#byond-intimate .bi-submit{font-size:16px;min-height:52px;cursor:pointer;margin-top:24px}
#byond-intimate .bi-submit:disabled{opacity:.65;cursor:wait}
#byond-intimate #form-status{font-size:15px}
#byond-intimate .ux-support{font-size:14px;margin-top:18px;color:#e8dce1}
#byond-intimate .ux-support a,#byond-intimate .faq details p a{text-decoration:underline;text-underline-offset:3px}
#byond-intimate .ux-brand-invite{max-width:760px;margin:0 auto;padding:40px 24px 64px;text-align:center}
#byond-intimate .ux-brand-invite .bi-intro>p:not(.bi-kicker){max-width:52ch;margin:18px auto 0}
#byond-intimate .ux-brand-invite>.bi-link{margin-top:24px;color:#ffb1c7}
#byond-intimate .bi-signup h1.bi-heading{font-size:44px;line-height:1.1;color:#fff4f7}
#byond-intimate .ux-removal{scroll-margin-top:24px}
#byond-intimate .faq{max-width:1000px;margin:auto;padding:48px 32px}
#byond-intimate .faq-intro>p:last-child{font-size:16px}
#byond-intimate .faq-list{max-width:760px}
#byond-intimate .faq details{border-bottom:1px solid #65515a}
#byond-intimate .faq summary{font-size:16px;min-height:60px;padding:16px 0;cursor:pointer}
#byond-intimate .faq details p{font-size:15px;line-height:1.75;margin-bottom:20px;max-width:none}
#byond-intimate footer{max-width:1160px;margin:auto;font-size:14px;padding:28px 32px;gap:12px 24px;border-top:1px solid #ffffff24;align-items:center}
#byond-intimate footer>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
#byond-intimate .ux-removal{width:100%;max-width:700px;text-align:center;border:0}
#byond-intimate .ux-removal summary{min-height:44px;font-size:14px;cursor:pointer}
#byond-intimate .ux-removal p{font-size:14px;line-height:1.7}
#byond-intimate .ux-removal p a{text-decoration:underline}
@media(max-width:700px){#byond-intimate .ux-header{padding:12px 20px;flex-wrap:wrap;gap:4px}#byond-intimate .ux-header nav{width:100%;gap:16px;justify-content:space-between;font-size:13px}#byond-intimate .ux-nav-join{padding:0 10px}#byond-intimate .bi-signup{grid-template-columns:1fr;padding:32px 20px;gap:28px}#byond-intimate .bi-form{padding:22px 18px}#byond-intimate .bi-intro>p:not(.bi-kicker){max-width:none}#byond-intimate .bi-hero{padding:36px 20px}#byond-intimate .bi-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}#byond-intimate .faq{padding:32px 20px}#byond-intimate .product-choices{gap:4px}#byond-intimate .product-choices button{padding:12px 10px;font-size:15px}#byond-intimate footer{padding:24px 20px}}

/* A fluid golden-ratio scale: caption / body / statement / brand. */
.brand-page #byond-intimate{
  --phi:1.618;
  --type-base:clamp(1.125rem, .75rem + 1vw, 1.625rem);
  --type-statement:calc(var(--type-base) * var(--phi));
  --type-brand:calc(var(--type-statement) * var(--phi) * var(--phi) * var(--phi));
  min-height:100svh;
}
.brand-page #byond-intimate .bi-hero{
  min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;
  padding:clamp(32px,6svh,80px) clamp(20px,5vw,80px);
}
.brand-page #byond-intimate .bi-hero-copy{grid-column:1;width:100%;max-width:960px}
.brand-page #byond-intimate .bi-kicker{
  font-size:clamp(.75rem,.6rem + .35vw,1rem);
  line-height:1.618;letter-spacing:.16em;margin-bottom:clamp(24px,4svh,44px);
  text-wrap:balance;
}
.brand-page #byond-intimate h1{
  font-size:var(--type-brand);font-weight:800;line-height:.84;
  letter-spacing:-.025em;color:#ff9db7;
}
.brand-page #byond-intimate .bi-hero h2{
  font-family:'Instrument Serif',serif;font-size:var(--type-statement);
  font-weight:400;line-height:1.12;letter-spacing:.015em;
  margin-top:clamp(28px,4.5svh,52px);text-wrap:balance;
}
.brand-page #byond-intimate .bi-hero-copy>p:last-of-type{
  font-size:var(--type-base);line-height:1.618;
  margin:clamp(12px,2svh,22px) auto 0;text-wrap:balance;color:#ecdde3;
}
.brand-page #byond-intimate .bi-hero .bi-link{
  font-size:clamp(1rem,.875rem + .35vw,1.25rem);
  margin-top:clamp(24px,4svh,44px);padding:14px 0;gap:24px;
}
.brand-page #byond-intimate .bi-link svg{width:1.15em;height:1.15em}
@media(max-width:360px){.brand-page #byond-intimate{--type-base:1rem}}
@media(max-height:600px) and (min-width:700px){
  .brand-page #byond-intimate{--type-base:1.125rem}
  .brand-page #byond-intimate .bi-hero{padding-block:28px}
  .brand-page #byond-intimate .bi-kicker{margin-bottom:20px}
  .brand-page #byond-intimate .bi-hero h2{margin-top:24px}
  .brand-page #byond-intimate .bi-hero .bi-link{margin-top:18px}
}
