*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none}

/* NAV */

/* HERO */
.book-hero{padding:120px 5% 48px;background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 80%);border-bottom:1px solid var(--line);text-align:center;position:relative;overflow:hidden}
.book-hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,color-mix(in srgb, var(--cream) 55.00000000000001%, transparent) 0%,color-mix(in srgb, var(--cream) 80%, transparent) 100%),radial-gradient(ellipse 60% 50% at 50% 0%,color-mix(in srgb, var(--tint) 15%, transparent) 0%,transparent 60%),url('/assets/hero-book.jpg') center/cover no-repeat,var(--cream);pointer-events:none}
.book-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.book-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:0.22em;text-transform:none;color:var(--link);margin-bottom:14px}
.book-hero-eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--tint)}
.book-hero h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(40px,7vw,80px);line-height:0.9;color:var(--ink);margin-bottom:18px;letter-spacing:0.01em}
.book-hero h1 em{font-style:normal;color:var(--goldtext)}
.book-hero p{font-size:17px;color:var(--ink);line-height:1.6;max-width:580px;margin:0 auto 28px}
.book-hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:8px}
.bh-stat{text-align:center}
.bh-stat-num{font-family:var(--font-body);font-weight:600;font-size:32px;color:var(--link);line-height:1}
.bh-stat-lbl{font-size:11px;letter-spacing:0.12em;text-transform:none;color:var(--ink);margin-top:3px}

/* MAIN COLUMN, single-column vertical flow (was a right-side-heavy 2-col grid).
   Each section sits below the next in a clean narrative: schedule → what to expect → deposit → FAQ */
.book-main{padding:60px 5%;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
/* Section header pattern shared across the vertical flow */
.book-section-head{text-align:center;margin-bottom:6px}
.book-section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:0.22em;text-transform:none;color:var(--goldtext);margin-bottom:8px;padding:5px 12px;border:1px solid var(--line);border-radius:30px;background:color-mix(in srgb, var(--tint) 5%, transparent)}
.book-section-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(28px,4vw,40px);color:var(--ink);line-height:1;margin-bottom:8px;text-transform:none;letter-spacing:0.005em}
.book-section-sub{font-size:14.5px;color:var(--ink);line-height:1.55;max-width:540px;margin:0 auto}
/* Expect-grid, horizontal cards instead of vertical stack */
.expect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:8px}
.expect-card{background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:18px 16px;text-align:left;transition:border-color 0.2s,transform 0.2s}
.expect-card:hover{border-color:var(--line);transform:translateY(-2px)}
.expect-card .expect-num{display:inline-block;font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:0.18em;color:var(--link);margin-bottom:8px}
.expect-card h4{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--goldtext);margin-bottom:6px;letter-spacing:0.01em;text-transform:none}
.expect-card p{font-size:12.5px;color:var(--ink);line-height:1.5;margin:0}
@media(max-width:980px){.expect-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.expect-grid{grid-template-columns:1fr}}
/* FAQ two-column on desktop */
.book-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
@media(max-width:760px){.book-faq-grid{grid-template-columns:1fr}}
.book-card{background:var(--cream);border:2px solid var(--line);border-radius:14px;overflow:hidden}
.book-card-head{padding:24px 28px;border-bottom:1px solid var(--line);background:var(--cream)}
.book-card-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:none;color:var(--link);margin-bottom:8px}
.book-card-title{font-family:var(--font-heading);font-weight:600;font-size:24px;color:var(--ink);letter-spacing:0.01em;line-height:1.05}
.book-card-body{padding:24px 28px}

/* CALENDAR CTA, compact pop-up trigger (replaces the oversized inline embed) */
.calendar-cta-wrap{background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 100%);position:relative;overflow:hidden;border-top:1px solid var(--line)}
.cal-cta-card{padding:28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,0.95fr);gap:22px;align-items:center;text-align:left}
.cal-cta-kicker{font-size:10.5px;font-weight:600;letter-spacing:0.18em;text-transform:none;color:var(--goldtext);margin-bottom:8px}
.cal-cta-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,3vw,34px);color:var(--ink);margin-bottom:8px;letter-spacing:0.01em;line-height:1.05;text-transform:none}
.cal-cta-desc{font-size:14.5px;line-height:1.55;color:var(--ink);max-width:510px;margin:0}
.calendar-cta-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;border:0;width:100%;max-width:none}
.calendar-trust-item{text-align:left;min-width:0;padding:11px 12px;background:color-mix(in srgb, var(--card) 3.5000000000000004%, transparent);border:1px solid var(--line);border-radius:8px}
.calendar-trust-num{display:block;font-family:var(--font-body);font-weight:600;font-size:17px;color:var(--link);line-height:1;margin-bottom:4px}
.calendar-trust-lbl{display:block;font-size:9.5px;letter-spacing:0.1em;text-transform:none;color:var(--ink);line-height:1.25}
.cal-cta-actions{display:flex;flex-direction:column;align-items:stretch;padding:18px;background:color-mix(in srgb, var(--cream) 42%, transparent);border:1px solid var(--line);border-radius:10px}
.cal-cta-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,color-mix(in srgb, var(--tint) 98%, transparent) 0%,var(--tint) 100%);color:var(--ink);padding:16px 22px;border-radius:8px;border:none;font-family:var(--font-body);font-weight:600;font-size:14px;letter-spacing:0.04em;box-shadow:0 12px 26px color-mix(in srgb, var(--line) 28.000000000000004%, transparent);cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;line-height:1.1;width:100%;justify-content:center;min-height:52px;text-decoration:none;-webkit-appearance:none;appearance:none}
.cal-cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb, var(--line) 40%, transparent)}
.cal-cta-button:focus-visible{outline:3px solid var(--line);outline-offset:3px;transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb, var(--line) 40%, transparent)}
.cal-cta-button:active{transform:translateY(0);box-shadow:0 8px 18px color-mix(in srgb, var(--line) 25%, transparent)}
.cal-cta-button-text{text-align:center;white-space:nowrap}
.cal-cta-button-arrow{font-family:var(--font-body);font-weight:600;font-size:22px;line-height:1;flex-shrink:0}
.cal-cta-note{font-size:11.5px;color:var(--ink);letter-spacing:0.02em;text-align:center;line-height:1.45}
.cal-fallback{font-size:12px;color:var(--ink);text-align:center;line-height:1.45}
.cal-fallback a{color:var(--goldtext);font-weight:600;text-decoration:none}
.cal-fallback a:hover{text-decoration:underline}
.cal-direct-link{margin-top:10px;color:var(--goldtext);font-size:11.5px;font-weight:700;text-align:center;text-decoration:none}
.cal-direct-link:hover,.cal-direct-link:focus-visible{text-decoration:underline}
@media(max-width:600px){
  .cal-cta-card{grid-template-columns:1fr;padding:20px 18px 18px;gap:14px}
  .cal-cta-title{font-size:26px}
  .cal-cta-desc{font-size:14px}
  .cal-cta-actions{padding:12px}
  .cal-cta-button{padding:15px 20px;font-size:13.5px}
  .calendar-cta-trust{gap:8px;margin-top:16px}
  .calendar-trust-item{padding:9px 8px;text-align:center}
  .calendar-trust-num{font-size:16px}
  .calendar-trust-lbl{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

/* DEPOSIT CARD */
.deposit-card{padding:24px 28px;background:linear-gradient(160deg,color-mix(in srgb, var(--tint) 8%, transparent) 0%,color-mix(in srgb, var(--tint) 5%, transparent) 100%);border:2px solid var(--line);border-radius:14px;margin-bottom:24px}
.deposit-eyebrow{display:inline-block;font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:none;color:var(--goldtext);padding:4px 10px;background:color-mix(in srgb, var(--tint) 12%, transparent);border:1px solid var(--line);border-radius:3px;margin-bottom:14px}
.deposit-title{font-family:var(--font-heading);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:10px;letter-spacing:0.01em;line-height:1.1}
.deposit-desc{font-size:13.5px;color:var(--ink);line-height:1.6;margin-bottom:18px}
.deposit-tiers{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.deposit-tier{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:color-mix(in srgb, var(--cream) 50%, transparent);border:1px solid var(--line);border-radius:6px;font-size:13px}
.deposit-tier-name{font-family:var(--font-body);font-weight:600;color:var(--ink);letter-spacing:0.06em;text-transform:none}
.deposit-tier-amt{font-family:var(--font-body);font-weight:600;color:var(--goldtext);font-size:16px}
.deposit-stripe-btn{display:block;width:100%;background:var(--tint);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0.1em;text-transform:none;padding:14px;border-radius:6px;border:none;cursor:pointer;text-align:center;transition:all 0.2s;text-decoration:none;line-height:1}
.deposit-stripe-btn:hover{background:var(--card);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb, var(--line) 30%, transparent)}
.deposit-stripe-note{font-size:11px;color:var(--ink);margin-top:10px;text-align:center;line-height:1.5}

/* WHAT TO EXPECT */
.expect-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.expect-list li{display:flex;gap:12px;font-size:13.5px;color:var(--ink);line-height:1.55}
.expect-list li::before{content:'✓';color:var(--link);font-weight:600;flex-shrink:0;margin-top:1px}
.expect-list li strong{color:var(--ink);font-weight:700}

/* SIDEBAR, DEPRECATED. Old 2-col layout removed; kept for any back-compat */
.book-sidebar{display:flex;flex-direction:column;gap:24px}
.book-trust{background:var(--cream);border:2px solid var(--line);border-radius:14px;padding:24px 26px}
.book-trust h3{font-family:var(--font-heading);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:14px;letter-spacing:0.01em}
.book-trust ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.book-trust li{font-size:13px;color:var(--ink);line-height:1.55;padding-left:18px;position:relative}
.book-trust li::before{content:'→';position:absolute;left:0;color:var(--link);font-weight:600}
.book-trust li strong{color:var(--goldtext)}

/* FAQ MINI */
.book-faq{background:var(--cream);border:2px solid var(--line);border-radius:14px;padding:24px 26px}
.book-faq h3{font-family:var(--font-heading);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:14px;letter-spacing:0.01em}
.book-faq details{padding:12px 0;border-bottom:1px solid var(--line)}
.book-faq details:last-child{border-bottom:none}
.book-faq summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:0.01em;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.book-faq summary::after{content:'+';color:var(--link);font-size:18px;line-height:1;flex-shrink:0;font-weight:300}
.book-faq details[open] summary::after{content:'−'}
.book-faq p{font-size:13px;color:var(--ink);line-height:1.6;margin-top:8px;padding-right:20px}

/* FOOTER */
.book-footer{padding:32px 5%;background:var(--cream);border-top:1px solid var(--line);text-align:center}
.book-footer p{font-size:13px;color:var(--ink);line-height:1.6;max-width:520px;margin:0 auto}
.book-footer a{color:var(--link);font-weight:600}

@media(max-width:920px){
  .book-main{gap:32px}
}
@media(max-width:600px){
  .book-hero{padding:104px 5% 36px}
  .book-hero-stats{gap:18px}
  .bh-stat-num{font-size:26px}
  .book-main{padding:40px 5%}
  .book-card-head{padding:20px 22px}
  .book-card-body{padding:20px 22px}
  .deposit-card,.book-trust,.book-faq{padding:20px 22px}
}


@media(max-width:680px){
  /* === 5-second test: smaller hero, less padding === */
  /* Big hero classes keep their native sizing - only generic h1s get trimmed */
  h1:not(.hero-title):not(.ex-hero-title){font-size:clamp(44px,9vw,64px) !important;line-height:0.95 !important}
  .page-hero h1,.gay-hero h1,.book-hero h1,.about-hero h1,.safety-hero-inner h1,.hero h1,.t-hero h1,.chef-hero h1,.article-hero h1{font-size:clamp(64px,14vw,96px) !important;line-height:0.92 !important;letter-spacing:-0.005em !important}
  .hero-title{font-size:clamp(64px,15vw,96px) !important;line-height:0.85 !important}
  .ex-hero-title{font-size:clamp(56px,14vw,84px) !important;line-height:0.95 !important}
  .gay-hero,.hero,.page-hero,.about-hero,.t-hero,.chef-hero,.article-hero{padding-top:88px !important;padding-bottom:36px !important;min-height:auto !important}
  .hero-chips,.hero-creds,.chef-hero-creds{display:none !important}
  section{padding-top:40px !important;padding-bottom:40px !important}

  /* === One Ask Per Screen: hide secondary CTAs === */
  .btn-outline,.btn-secondary,.hero-actions .btn-outline{display:none !important}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:0 !important}
  .hero-actions .btn-primary{width:auto;min-width:200px}

  /* === Clamp wordy paragraphs in cards/tiles === */
  .exp-hook,.exp-tile-body p,.pkg-blurb,.way-hook,.ce-card p,.sec-text,.about-text p,.menu-card p,.feature-card p{font-size:13.5px !important;line-height:1.5 !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* === Hide noisy mid-page "deep dive" content on mobile === */
  .exp-deep,.deep-row,.exp-meta{display:none !important}

  /* === Tighter chips/badges === */
  .hero-chips span,.way-chip,.tier-badge{font-size:9.5px !important;padding:5px 9px !important}

  /* === Hero leads + section subs: keep concise === */
  .lead,.gay-hero .lead,.hero-lead,.section-sub,p.section-sub{font-size:14px !important;line-height:1.5 !important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

  /* === Ensure sticky CTA never gets covered === */
  .footer,.book-footer{padding-bottom:80px !important}
}

/* Hover effects moved from inline onmouseover/onmouseout (Netlify re-quotes inline attributes) */
.hv-lift2-bright110:hover{transform:translateY(-2px)!important;filter:brightness(1.10)!important}
.hv-lift3-yellow-border:hover{border-color:var(--line)!important;transform:translateY(-3px)!important}

/* One bounded 70% scrim, no backdrop blur. */
.book-hero-inner{background:transparent;box-shadow:none;isolation:isolate}
.book-hero-eyebrow{color:var(--link)}
body .book-hero h1{line-height:1.1!important}
.book-hero .bh-stat-num{color:var(--link)!important}
.book-hero .bh-stat-lbl{color:var(--ink)}
.book-hero-inner::after{content:"";position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--cream) 70%, transparent) 12px,color-mix(in srgb, var(--cream) 70%, transparent) calc(100% - 12px),transparent);mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
body .book-hero-bg,body.book-page .book-hero-bg{background:linear-gradient(180deg,color-mix(in srgb, var(--cream) 8%, transparent),color-mix(in srgb, var(--cream) 16%, transparent)),url("/assets/hero-book.jpg") center 30%/cover no-repeat!important}

@media(max-width:540px){
    .book-main > div:first-child{flex-direction:column!important;text-align:center;gap:14px!important}
    .book-main > div:first-child > div:nth-child(2){width:60px!important;height:60px!important}
  }

/* Reviews band + crew strip + steps + intake · scoped, defensive var fallbacks */
.bbe-rev-section,.bbe-crew-section,.bbe-steps-section{padding:72px 5%;background:var(--cream);border-top:1px solid var(--line)}
.bbe-rev-inner,.bbe-crew-inner,.bbe-steps-inner,.bbe-intake-inner{max-width:1100px;margin:0 auto}
.bbe-rev-eyebrow,.bbe-crew-eyebrow,.bbe-steps-eyebrow,.bbe-intake-eyebrow{font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:0.16em;text-transform:none;color:var(--goldtext);margin-bottom:10px}
.bbe-rev-h,.bbe-crew-h,.bbe-steps-h,.bbe-intake-h{font-family:var(--font-heading);font-weight:600;font-size:clamp(26px,3.6vw,38px);line-height:1.05;color:var(--ink);margin:0 0 26px}
.bbe-rev-h em,.bbe-crew-h em,.bbe-steps-h em,.bbe-intake-h em{font-family:var(--font-body);font-style:italic;font-weight:400;color:var(--goldtext)}
.bbe-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:820px){.bbe-rev-grid{grid-template-columns:1fr}}
.bbe-rev-card{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:14px}
.bbe-rev-quote{font-size:14px;line-height:1.6;color:var(--ink);margin:0;flex:1}
.bbe-rev-quote strong{color:var(--goldtext);font-weight:700}
.bbe-rev-person{display:flex;align-items:center;gap:11px;padding-top:12px;border-top:1px solid var(--line)}
.bbe-rev-avatar{width:38px;height:38px;border-radius:50%;background:var(--tint);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:14px;flex-shrink:0;background-size:cover;background-position:center;overflow:hidden}
.bbe-rev-avatar img{width:100%;height:100%;object-fit:contain;display:block}
.bbe-rev-name{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--ink);line-height:1.15}
.bbe-rev-meta{font-family:var(--font-body);font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:none;color:var(--ink);margin-top:2px}
.bbe-rev-more{display:inline-block;margin-top:20px;font-size:13.5px;font-weight:600;color:var(--link)}
.bbe-crew-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:920px){.bbe-crew-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.bbe-crew-grid{grid-template-columns:1fr}}
.bbe-crew-card{background:var(--cream);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bbe-crew-card img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}
.bbe-crew-body{padding:14px 16px 16px}
.bbe-crew-name{font-family:var(--font-body);font-weight:600;font-size:19px;color:var(--ink)}
.bbe-crew-role{font-size:12.5px;color:var(--ink);margin-top:3px}
.bbe-crew-note{font-size:13px;color:var(--ink);margin:20px 0 0}
.bbe-crew-note a,.bbe-rev-more{color:var(--link);font-weight:600}
.bbe-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:bbe-step}
@media(max-width:920px){.bbe-steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.bbe-steps-grid{grid-template-columns:1fr}}
.bbe-step-card{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:20px 18px;position:relative}
.bbe-step-num{font-family:var(--font-body);font-weight:600;font-size:30px;color:var(--link);line-height:1}
.bbe-step-t{font-family:var(--font-body);font-weight:600;font-size:17px;color:var(--ink);margin:8px 0 6px;line-height:1.15}
.bbe-step-p{font-size:13px;color:var(--ink);line-height:1.55;margin:0}
.bbe-intake-wrap{padding:0 5% 56px;background:var(--cream)}
.bbe-intake-card{background:linear-gradient(160deg,color-mix(in srgb, var(--tint) 10%, transparent),var(--cream) 60%);border:1.5px solid var(--line);border-radius:14px;padding:28px 30px}
.bbe-intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
@media(max-width:640px){.bbe-intake-grid{grid-template-columns:1fr}}
.bbe-intake-grid .bbe-intake-wide{grid-column:1/-1}
.bbe-intake-grid label{display:block;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:none;color:var(--ink);margin-bottom:5px}
.bbe-intake-grid input,.bbe-intake-grid select{width:100%;background:var(--cream);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:var(--font-body);font-size:14px;padding:11px 12px}
.bbe-intake-grid select{color-scheme:light}
.bbe-intake-grid select option{color:var(--ink);background:var(--cream)}
.bbe-intake-grid input:focus,.bbe-intake-grid select:focus{outline:none;border-color:var(--line)}
.bbe-intake-send{display:inline-flex;align-items:center;gap:8px;background:var(--tint);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:18px;letter-spacing:0.02em;padding:12px 26px;border-radius:9px;text-decoration:none;cursor:pointer;border:0}
.bbe-intake-note{font-size:13px;color:var(--ink);margin:12px 0 0}
.bbe-intake-note a{color:var(--link)}
.bbe-price-band{padding:34px 5%;background:linear-gradient(90deg,color-mix(in srgb, var(--tint) 10%, transparent),color-mix(in srgb, var(--tint) 12%, transparent));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bbe-price-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}
.bbe-price-txt{font-size:15px;color:var(--ink);line-height:1.55;margin:0;flex:1;min-width:260px}
.bbe-price-txt strong{color:var(--goldtext)}


    .cold-offramp-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
    @media(max-width:680px){.cold-offramp-grid{grid-template-columns:1fr!important}}
  

    .refer-inner{max-width:920px;margin:0 auto;text-align:center}
    .refer-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 auto;max-width:680px}
    .refer-tier{background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color 0.22s,transform 0.22s}
    .refer-tier:hover{border-color:var(--line);transform:translateY(-3px)}
    .refer-tier-name{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0.10em;text-transform:none;color:var(--ink)}
    .refer-tier-amt{font-family:var(--font-body);font-weight:600;font-size:clamp(34px,5vw,46px);line-height:0.9;color:var(--goldtext)}
    .refer-tier-lbl{font-size:11px;letter-spacing:0.08em;text-transform:none;color:var(--ink)}
    .refer-how{font-size:14px;color:var(--ink);line-height:1.6;max-width:560px;margin:24px auto 0}
    .refer-pdf-link{display:inline-block;margin-top:18px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0.14em;text-transform:none;color:var(--link);transition:color 0.2s}
    .refer-pdf-link:hover,.refer-pdf-link:focus-visible{color:var(--goldtext);outline:none}
    @media(max-width:540px){.refer-tiers{grid-template-columns:1fr;max-width:320px}}
  

  @media(max-width:760px){
    #deposit{grid-template-columns:1fr!important}
    #deposit > div{padding:24px 22px!important}
    #deposit .deposit-tiers{grid-template-columns:1fr!important}
  }

/* Center the hero action within the section and separate it from the facts. */
.book-hero-inner > .bbe-btn{display:flex;width:fit-content;max-width:100%;margin:24px auto 0;justify-content:center}
/* Deposit buttons: one layout on all four. Amount and caption on the left, one action word
   on the right, sized to its content, that never wraps, the badge inside the button above the amount. */
#deposit a.bbe-dep-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;min-width:0;padding:14px 14px 14px 16px;border-radius:6px;text-decoration:none;font-weight:900;font-size:15px;letter-spacing:0.04em;transition:transform 0.2s,filter 0.2s}
#deposit .bbe-dep-amt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1 1 auto}
#deposit .bbe-dep-num{display:block;font-size:15px;line-height:1.2;letter-spacing:0}
#deposit .bbe-dep-cap{display:block;font-size:11px;font-weight:700;letter-spacing:0.02em;line-height:1.3}
#deposit .bbe-dep-act{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:0.02em;line-height:1}
#deposit .bbe-dep-badge{display:inline-block;margin-bottom:4px;padding:2px 7px;border:1px solid currentColor;border-radius:3px;font-size:9px;font-weight:900;letter-spacing:0.16em;line-height:1.4;white-space:nowrap}
/* Portuguese amounts ("Depósito de US$ 1.050") are longer than the English ones: keep each on one line, and in the
   narrow two column band (761 to 819 px, about 225 to 245 px per button) set them at 13 px so they clear the action word. */
html[lang^="pt"] #deposit .bbe-dep-num{white-space:nowrap}
@media(min-width:761px) and (max-width:819px){html[lang^="pt"] #deposit .bbe-dep-num{font-size:13px}}