.page-bandb .bb-answer__h{text-align:center;margin:0 auto .4rem;}
    .page-bandb .bb-answer p{margin:0;}
    .page-bandb .home-footer-cta__sub p{margin:0;}
    .page-bandb .bb-hero-trust{margin:1.4rem 0 0;font-family:var(--sans);font-size:.82rem;letter-spacing:.02em;color:rgba(255,255,255,.82);}
    .page-bandb .bb-hero-trust strong{color:#fff;}
    .page-bandb .bb-stars{color:var(--gold);letter-spacing:2px;}

    /* Trust strip — warm dark band, gold hairlines */
    .page-bandb .bb-trust{background:var(--dark);color:var(--cream);padding:0;}
    .page-bandb .bb-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0;}
    .page-bandb .bb-trust__i{padding:26px 22px;text-align:center;border-right:1px solid rgba(196,160,82,.22);}
    .page-bandb .bb-trust__i:last-child{border-right:none;}
    .page-bandb .bb-trust__i b{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:500;color:#fff;}
    .page-bandb .bb-trust__i span{display:block;font-size:.8rem;color:rgba(245,241,236,.62);margin-top:4px;}

    /* Front-loaded answer */
    .page-bandb .bb-answer{max-width:760px;margin:1.2rem auto 0;text-align:center;font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.5;color:var(--ink);}

    /* Reasons cards */
    /* ── Why guests choose us ───────────────────────────────────────────
       Same asymmetric split as What's Included, so the two read as a pair,
       but kept distinct by the numerals — a ledger rather than a tick list.
       Sits on the mauve because four cream sections ran back to back at the
       top of the page and the whole opening went flat. */
    .page-bandb .bb-why__list{list-style:none;margin:0;padding:0;
      border-top:1px solid rgba(255,255,255,.18);}
    .page-bandb .bb-why__list li{display:grid;grid-template-columns:auto 1fr;
      gap:var(--space-6);align-items:start;padding:var(--space-7) 0;
      border-bottom:1px solid rgba(255,255,255,.18);}
    .page-bandb .bb-why__n{font-family:var(--serif);font-weight:300;
      font-size:clamp(2rem,3.6vw,2.9rem);line-height:.9;color:rgba(255,255,255,.42);
      letter-spacing:-.02em;transition:color var(--mid-speed);}
    .page-bandb .bb-why__list li:hover .bb-why__n{color:var(--gold);}
    .page-bandb .bb-why__list h3{font-family:var(--serif);font-weight:500;
      font-size:clamp(1.3rem,2vw,1.6rem);color:#fff;margin:0 0 var(--space-3);line-height:1.18;}
    .page-bandb .bb-why__list p{font-size:var(--text-sm);line-height:1.8;
      color:rgba(255,255,255,.78);margin:0;}
    /* the lead column can breathe while the list scrolls past it */
    .page-bandb .bb-why .bb-inc__lead{position:sticky;top:var(--space-9);align-self:start;}

    /* ── Segments — no card. Four columns of type, separated by a single
       hairline, sitting on the section background. The only ornament is a
       short gold rule under each name that extends on hover. ────────── */
    .page-bandb .bb-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
      margin-top:var(--space-10);border-top:1px solid var(--border);}
    .page-bandb .bb-seg{position:relative;padding:var(--space-8) var(--space-7) var(--space-8) 0;
      background:transparent;}
    .page-bandb .bb-seg:not(:last-child)::before{content:'';position:absolute;top:var(--space-8);
      right:var(--space-6);bottom:var(--space-8);width:1px;background:var(--border);}
    .page-bandb .bb-seg h4{font-family:var(--serif);font-weight:300;
      font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.1;color:var(--ink);margin:0;
      transition:color var(--mid-speed);}
    .page-bandb .bb-seg h4::after{content:'';display:block;width:26px;height:1px;background:var(--gold);
      margin:var(--space-5) 0 var(--space-5);transition:width .5s var(--ease-out);}
    .page-bandb .bb-seg p{font-size:var(--text-base);line-height:1.75;color:var(--mid);margin:0;}

    /* the whole column is the link — tint and rule do the work, nothing lifts */
    .page-bandb .bb-seg--link{display:block;text-decoration:none;color:inherit;}
    .page-bandb .bb-seg--link:hover h4{color:var(--pink-dark);}
    .page-bandb .bb-seg--link:hover h4::after{width:64px;}
    .page-bandb .bb-seg__go{display:inline-block;margin-top:var(--space-6);font-family:var(--sans);
      font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;
      color:var(--pink-dark);border-bottom:1px solid transparent;padding-bottom:2px;
      transition:border-color var(--mid-speed);}
    .page-bandb .bb-seg--link:hover .bb-seg__go{border-bottom-color:var(--pink-light);}

    /* ── Guide hub — set like the contents page of a book. Two columns of
       hairline-ruled rows, the title large in Cormorant, a dotted leader
       running out to a thin chevron that steps on hover. ─────────────── */
    .page-bandb .bb-guides{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-11);
      margin-top:var(--space-10);}
    .page-bandb .bb-guide{display:block;text-decoration:none;padding:var(--space-7) 0 var(--space-6);
      border-bottom:1px solid var(--border);transition:border-color var(--mid-speed);}
    .page-bandb .bb-guide:hover{border-bottom-color:var(--pink-light);}
    .page-bandb .bb-guide h4{display:flex;align-items:baseline;gap:var(--space-4);margin:0 0 var(--space-3);
      font-family:var(--serif);font-weight:300;font-size:clamp(1.4rem,2.1vw,1.75rem);line-height:1.15;
      color:var(--ink);transition:color var(--mid-speed);}
    .page-bandb .bb-guide:hover h4{color:var(--pink-dark);}
    .page-bandb .bb-guide h4::before{content:'';flex:1 1 auto;order:2;height:0;
      border-bottom:1px dotted var(--stone);transform:translateY(-.3em);opacity:.85;}
    .page-bandb .bb-guide h4::after{content:'\2192';order:3;flex:none;
      display:inline-flex;align-items:center;justify-content:center;
      width:44px;height:44px;border-radius:50%;
      border:1px solid var(--gold);background:transparent;
      font-family:var(--sans);font-size:1.45rem;line-height:1;color:var(--gold);
      transform:translateY(.12em);
      transition:transform .45s var(--ease-out),background var(--mid-speed),
                 color var(--mid-speed),border-color var(--mid-speed);}
    .page-bandb .bb-guide:hover h4::after{transform:translateY(.12em) translateX(8px);
      background:var(--pink-dark);border-color:var(--pink-dark);color:#fff;}
    .page-bandb .bb-guide p{font-size:var(--text-base);line-height:1.75;color:var(--mid);margin:0;max-width:44ch;}

    /* All-day guest lounge (the differentiator) */
    .page-bandb .bb-lounge{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:2.2rem;}
    .page-bandb .bb-lounge__photo{border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -34px rgba(42,15,26,.55);aspect-ratio:4/3;}
    .page-bandb .bb-lounge__photo img{display:block;width:100%;height:100%;object-fit:cover;}
    .page-bandb .bb-lounge__copy p{font-size:1.06rem;line-height:1.72;color:var(--mid);margin:0 0 1rem;}
    .page-bandb .bb-lounge__copy em{color:var(--pink-dark);font-style:italic;}
    .page-bandb .bb-lounge__vs{color:var(--ink);}
    .page-bandb .bb-lounge__vs strong{color:var(--pink-dark);}
    .page-bandb .bb-lounge__grid{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;}
    .page-bandb .bb-lounge__grid li{position:relative;padding:6px 0 6px 22px;font-family:var(--sans);font-size:.95rem;color:var(--ink);}
    .page-bandb .bb-lounge__grid li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--gold);}
    .page-bandb .bb-lounge__freedom{max-width:760px;margin:2.6rem auto 0;text-align:center;font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.45;color:var(--ink);}
    .page-bandb .bb-lounge__freedom em{color:var(--pink-dark);font-style:italic;}

    /* Comparison table */
    /* ── Honest comparison ──────────────────────────────────────────────
       Contrast is structural, not tonal: our column is a solid cream band
       running the full height of the table with the answers in dark ink,
       so it comes forward off the mauve. Theirs sits back on the ground.
       Gold ticks against grey dashes carry the verdict at a glance. */
    .page-bandb .bb-cmp .section-header{text-align:center;margin-bottom:var(--space-9);}
    .page-bandb .bb-cmp__eyebrow{color:var(--gold);}
    .page-bandb .bb-cmp__title{margin-bottom:0;}

    /* Each ROW is its own grid and carries the single dividing rule. The first
       version put the rule on every cell and relied on all three stretching to
       exactly the same height — which they didn't, so the label column's rule
       sat off the line. One rule per row makes misalignment impossible. */
    .page-bandb .bb-cmp__table{margin-top:var(--space-9);position:relative;}
    /* the raised plinth behind OUR column */
    .page-bandb .bb-cmp__table::before{content:'';position:absolute;z-index:0;
      /* stands proud of the column on all four sides, not just top and bottom */
      left:calc((.55 / 2.55 * 100%) - 12px);width:calc((1 / 2.55 * 100%) + 24px);
      top:-26px;bottom:-26px;border-radius:3px;
      background:linear-gradient(180deg,#fbf8f4 0%,var(--cream) 42%,#efe9e1 100%);
      /* four layers: a wide ambient cast, a mid shadow, a tight contact shadow
         at the base, and a lit top edge — that combination is what actually
         reads as height rather than a single soft blur */
      box-shadow:0 60px 90px -28px rgba(0,0,0,.66),
                 0 26px 44px -16px rgba(0,0,0,.44),
                 0 4px 10px -2px rgba(0,0,0,.30),
                 inset 0 1px 0 rgba(255,255,255,.95),
                 inset 0 -1px 0 rgba(42,15,26,.10);}
    .page-bandb .bb-cmp__row{position:relative;z-index:1;}
    .page-bandb .bb-cmp__row{display:grid;
      grid-template-columns:minmax(0,.55fr) minmax(0,1fr) minmax(0,1fr);
      column-gap:0;align-items:stretch;}
    /* one rule, drawn per cell but ONLY on the two mauve columns, so the left
       and right always share a line and the plinth interrupts it cleanly */
    .page-bandb .bb-cmp__row:not(:last-child) > .bb-cmp__label,
    .page-bandb .bb-cmp__row:not(:last-child) > .bb-cmp__them,
    .page-bandb .bb-cmp__row--head > .bb-cmp__label,
    .page-bandb .bb-cmp__row--head > .bb-cmp__them,
    .page-bandb .bb-cmp__row--head > span:first-child{
      border-bottom:1px solid rgba(255,255,255,.16);}
    .page-bandb .bb-cmp__row--head > *{border-bottom-color:rgba(255,255,255,.34);}
    .page-bandb .bb-cmp__row > *{display:flex;align-items:center;
      padding:var(--space-6);}

    /* header band */
    .page-bandb .bb-cmp__row--head > *{padding-top:var(--space-5);padding-bottom:var(--space-5);
      font-family:var(--sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;
      text-transform:uppercase;}
    .page-bandb .bb-cmp__row--head .bb-cmp__us{color:var(--pink-dark);}
    .page-bandb .bb-cmp__row--head .bb-cmp__them{color:rgba(255,255,255,.92);}

    /* row label */
    .page-bandb .bb-cmp__label{font-family:var(--sans);font-size:var(--text-xs);letter-spacing:.16em;
      text-transform:uppercase;color:rgba(255,255,255,.82);}

    /* OURS — the cream column, continuous because rows sit flush */
    .page-bandb .bb-cmp__us{color:var(--ink);
      font-family:var(--serif);font-size:clamp(1.15rem,1.85vw,1.5rem);font-weight:400;line-height:1.32;
      position:relative;padding-left:calc(var(--space-6) + 26px)!important;}
    /* the cream needs its own hairline, dark on light — inset so it stops at the
       column edges rather than crossing the mauve */
    .page-bandb .bb-cmp__row:not(:last-child) .bb-cmp__us::after{content:'';position:absolute;
      left:0;right:0;bottom:0;height:1px;background:rgba(42,15,26,.10);z-index:2;}
    .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__us::before{content:'\2713';
      position:absolute;left:var(--space-6);top:50%;transform:translateY(-50%);
      font-family:var(--sans);font-size:.95rem;color:var(--gold);font-weight:600;}

    /* THEIRS — quieter, en-dash instead of a tick */
    .page-bandb .bb-cmp__them{font-family:var(--sans);font-size:var(--text-base);line-height:1.65;
      color:rgba(255,255,255,.78);position:relative;padding-left:calc(var(--space-6) + 26px)!important;}
    .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__them::before{content:'\2014';
      position:absolute;left:var(--space-6);top:50%;transform:translateY(-50%);
      color:rgba(255,255,255,.34);}

    /* Social proof */
    .page-bandb .bb-proof{max-width:720px;margin:0 auto;text-align:center;}
    .page-bandb .bb-stars--big{font-size:1.7rem;letter-spacing:5px;display:block;margin-bottom:1rem;}
    .page-bandb .bb-proof__lead{font-size:1.12rem;line-height:1.7;color:var(--ink);margin:.6rem auto 1.7rem;max-width:600px;}

    /* FAQ */
    .page-bandb .bb-faq{max-width:800px;margin:0 auto;}


    
    

    /* Italic keyword in section headings — the single cheapest way to make a
       heading read as editorial rather than templated. */
    .page-bandb .section-header__title em{font-style:italic;color:var(--pink-dark);}

    /* Press wall — asymmetric split, photography doing the work. No card, no
       shadow, no border: just a square image, a big serif quote and a rule. */
    .page-bandb .bb-press{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);
      gap:var(--space-10);align-items:center;margin:var(--space-10) 0 0;}
    .page-bandb .bb-press--flip .bb-press__img{order:2;}
    .page-bandb .bb-press--flip .bb-press__quote{order:1;}
    /* A plain drop shadow would read as a default card. Instead the photo is
       matted: a thin outlined frame offset behind it, so the print looks
       mounted on the page. The frame mirrors on the flipped row so it always
       falls to the outside edge. overflow lives on the picture, not the
       wrapper, or the frame gets clipped away. */
    .page-bandb .bb-press__img{position:relative;aspect-ratio:1/1;}
    .page-bandb .bb-press__img::before{content:'';position:absolute;z-index:0;
      inset:22px -22px -22px 22px;border:1px solid rgba(168,119,138,.55);
      transition:inset .5s var(--ease-out),border-color .5s var(--ease-out);}
    .page-bandb .bb-press--flip .bb-press__img::before{inset:22px 22px -22px -22px;}
    .page-bandb .bb-press:hover .bb-press__img::before{inset:30px -30px -30px 30px;
      border-color:var(--gold);}
    .page-bandb .bb-press--flip:hover .bb-press__img::before{inset:30px 30px -30px -30px;}

    .page-bandb .bb-press__img picture,
    .page-bandb .bb-press__img > img{position:relative;z-index:1;display:block;
      width:100%;height:100%;overflow:hidden;
      box-shadow:0 40px 70px -30px rgba(42,15,26,.62),
                 0 16px 30px -14px rgba(42,15,26,.40),
                 0 2px 6px -2px rgba(42,15,26,.22);}
    .page-bandb .bb-press__img img,
    .page-bandb .bb-press__img .placeholder-img{width:100%;height:100%;object-fit:cover;display:block;
      transition:transform 1.2s var(--ease-out);}
    .page-bandb .bb-press:hover .bb-press__img img{transform:scale(1.05);}
    .page-bandb .bb-press__quote{margin:0;}
    .page-bandb .bb-press__quote{display:flex;flex-direction:column;justify-content:center;}
    /* Quotes are length-banded in GuestQuotes, and the block reserves its
       height as well — so rotating the copy can never shift the page. */
    .page-bandb .bb-press__quote p{min-height:4.4em;font-family:var(--serif);font-weight:300;
      font-size:clamp(1.5rem,3.1vw,2.5rem);line-height:1.32;color:var(--ink);margin:0;text-indent:-.42em;}
    .page-bandb .bb-press__quote p::before{content:'\201C';color:var(--pink-light);}
    .page-bandb .bb-press__quote p::after{content:'\201D';color:var(--pink-light);}
    .page-bandb .bb-press__quote footer{display:flex;align-items:baseline;gap:var(--space-4);
      margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);}
    .page-bandb .bb-press__src{font-family:var(--sans);font-size:var(--text-sm);font-weight:500;
      letter-spacing:.16em;text-transform:uppercase;color:var(--pink-dark);}
    .page-bandb .bb-press__score{font-family:var(--sans);font-size:var(--text-sm);color:var(--muted);}

    /* Score strip — four figures, hairline separated, nothing shouting */
    .page-bandb .bb-press__strip{display:grid;grid-template-columns:repeat(4,1fr);
      margin-top:var(--space-10);border-top:1px solid var(--border);}
    .page-bandb .bb-press__strip div{padding:var(--space-7) var(--space-4);text-align:center;
      border-right:1px solid var(--border);}
    .page-bandb .bb-press__strip div:last-child{border-right:none;}
    .page-bandb .bb-press__strip b{display:block;font-family:var(--serif);font-weight:300;
      font-size:clamp(2rem,4vw,2.9rem);line-height:1;color:var(--pink-dark);}
    .page-bandb .bb-press__strip span{display:block;margin-top:var(--space-3);font-family:var(--sans);
      font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}

    /* ── What's Included — full-bleed dark band ─────────────────────── */
    .page-bandb .bb-inc{background:var(--pink-dark);color:var(--cream);}
    .page-bandb .bb-inc__accolade{max-width:760px;margin:0 auto;text-align:center;
      padding-bottom:var(--space-11);}
    .page-bandb .bb-inc__badge{display:block;font-family:var(--sans);font-size:var(--text-xs);
      font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.88);}
    .page-bandb .bb-inc__rule{display:block;width:1px;height:44px;margin:var(--space-6) auto;
      background:linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.55),rgba(255,255,255,.06));}
    .page-bandb .bb-inc__quote{margin:0;}
    .page-bandb .bb-inc__quote p{min-height:2.9em;font-family:var(--serif);font-style:italic;font-weight:300;
      font-size:clamp(1.4rem,2.9vw,2.15rem);line-height:1.42;color:#fff;margin:0;}
    .page-bandb .bb-inc__cite{display:block;font-family:var(--sans);font-size:var(--text-xs);
      letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.66);}

    .page-bandb .bb-inc__split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
      gap:var(--space-11);align-items:start;}
    .page-bandb .bb-inc__title{font-family:var(--serif);font-weight:300;
      font-size:clamp(2.4rem,5.2vw,4.1rem);line-height:1.02;color:#fff;margin:0 0 var(--space-6);}
    .page-bandb .bb-inc__title em{font-style:italic;color:var(--cream);opacity:.72;}
    .page-bandb .bb-inc__lead p{font-size:var(--text-base);line-height:1.85;
      color:rgba(255,255,255,.84);margin:0 0 var(--space-5);max-width:46ch;}
    .page-bandb .bb-inc__lead em{font-style:italic;color:#fff;}
    .page-bandb .bb-inc__cta{display:inline-block;margin:var(--space-4) 0 var(--space-7);
      padding:14px 30px;border:1px solid rgba(255,255,255,.45);color:#fff;text-decoration:none;
      font-family:var(--sans);font-size:var(--text-xs);font-weight:500;letter-spacing:.18em;
      text-transform:uppercase;transition:background var(--mid-speed),border-color var(--mid-speed);}
    .page-bandb .bb-inc__cta:hover{background:var(--cream);border-color:var(--cream);color:var(--pink-dark);}
    .page-bandb .bb-inc__note{font-size:var(--text-sm)!important;line-height:1.7!important;
      color:rgba(255,255,255,.58)!important;max-width:44ch;}

    /* ticked list — two columns, no bullets, no boxes */
    .page-bandb .bb-inc__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9) var(--space-8);
      list-style:none;margin:var(--space-2) 0 0;padding:0;}
    .page-bandb .bb-inc__grid li{position:relative;padding-left:var(--space-7);}
    .page-bandb .bb-inc__grid li::before{content:'\2713';position:absolute;left:0;top:.12em;
      font-family:var(--sans);font-size:.95rem;color:rgba(255,255,255,.85);}
    .page-bandb .bb-inc__grid h3{font-family:var(--serif);font-weight:500;font-size:1.3rem;
      color:#fff;margin:0 0 var(--space-3);line-height:1.2;}
    .page-bandb .bb-inc__grid p{font-size:var(--text-sm);line-height:1.78;
      color:rgba(255,255,255,.80);margin:0;}

    /* ── Breakpoints ────────────────────────────────────────────────
       These live at the very end on purpose: several section rules above
       share their specificity, so anything declared after them would win
       and silently kill the mobile layout. --*/
    @media(max-width:860px){
      .page-bandb .bb-trust__grid{grid-template-columns:1fr 1fr;}
      .page-bandb .bb-trust__i:nth-child(2){border-right:none;}
      .page-bandb .bb-trust__i{border-bottom:1px solid rgba(196,160,82,.18);}
      .page-bandb .bb-reasons{grid-template-columns:1fr;}
      .page-bandb .bb-segs{grid-template-columns:1fr 1fr;}
      .page-bandb .bb-seg{padding-right:var(--space-6);}
      .page-bandb .bb-seg:nth-child(2)::before{display:none;}
      .page-bandb .bb-seg:nth-child(3),.page-bandb .bb-seg:nth-child(4){border-top:1px solid var(--border);}
      .page-bandb .bb-guides{grid-template-columns:1fr 1fr;}
      .page-bandb .bb-press{grid-template-columns:1fr;gap:var(--space-7);}
      .page-bandb .bb-inc__split{grid-template-columns:1fr;gap:var(--space-9);}
      .page-bandb .bb-why .bb-inc__lead{position:static;}
      .page-bandb .bb-cmp__table::before{display:none;}
      .page-bandb .bb-cmp__us{background:var(--cream);
        box-shadow:0 14px 30px -14px rgba(0,0,0,.5);}
      .page-bandb .bb-cmp__row{grid-template-columns:1fr;}
      .page-bandb .bb-cmp__row--head{display:none;}
      .page-bandb .bb-cmp__row > *{padding:var(--space-4) var(--space-5);}
      .page-bandb .bb-cmp__label{padding-bottom:0!important;}
      /* The head row is hidden on mobile, so each cell has to say whose it is.
         ::before is already the tick / dash, so the caption reuses ::after
         (the desktop hairline) and flex order lifts it above the value. */
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__us,
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__them{
        display:flex;flex-direction:column;justify-content:center;}
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__us::after,
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__them::after{
        order:-1;position:static;height:auto;background:none;inset:auto;
        font-family:var(--sans);font-size:.58rem;font-weight:600;letter-spacing:.18em;
        text-transform:uppercase;margin:0 0 5px;}
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__us::after{
        content:"The Rosedene";color:var(--pink-dark);}
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__them::after{
        content:"A typical seafront B&B";color:rgba(255,255,255,.5);}
      /* tick sits on the value line, not the middle of caption+value */
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__us::before,
      .page-bandb .bb-cmp__row:not(.bb-cmp__row--head) .bb-cmp__them::before{
        top:auto;bottom:var(--space-4);transform:none;}
      .page-bandb .bb-inc__grid{gap:var(--space-8) var(--space-7);}
      .page-bandb .bb-press--flip .bb-press__img{order:1;}
      .page-bandb .bb-press--flip .bb-press__quote{order:2;}
      .page-bandb .bb-press__img{aspect-ratio:4/3;}
      .page-bandb .bb-press__img::before{inset:14px -14px -14px 14px;}
      .page-bandb .bb-press--flip .bb-press__img::before{inset:14px 14px -14px -14px;}
      .page-bandb .bb-press__strip{grid-template-columns:1fr 1fr;}
      .page-bandb .bb-press__strip div:nth-child(2){border-right:none;}
      .page-bandb .bb-lounge{grid-template-columns:1fr;gap:24px;}
    }

    /* bandb hero actions — side by side on phones. The global <=768px rule
       stacks them full-width, which pushed the trust line and the fold too
       far down. Scoped to this page so other heroes are untouched. */
    @media(max-width:768px){
      /* Hero on a phone: the sub was running four long lines and the two
         full-width stacked buttons pushed the trust line off the fold. */
      .page-bandb .hero__sub{font-size:.85rem!important;line-height:1.62!important;
        max-width:32ch;margin-left:auto;margin-right:auto;}
      .page-bandb .hero__actions{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:9px;}
      .page-bandb .hero__actions .btn{flex:1 1 0;min-width:0;width:auto;max-width:200px;
        display:flex;align-items:center;justify-content:center;text-align:center;
        padding:14px 7px;font-size:.6rem;letter-spacing:.06em;line-height:1.3;}
      .page-bandb .bb-answer__h{text-align:center;margin:0 auto .4rem;}
    .page-bandb .bb-answer p{margin:0;}
    .page-bandb .home-footer-cta__sub p{margin:0;}
    .page-bandb .bb-hero-trust{font-size:.72rem;line-height:1.5;}
    }
    @media(max-width:520px){
      .page-bandb .bb-segs{grid-template-columns:1fr;}
      .page-bandb .bb-seg::before{display:none !important;}
      .page-bandb .bb-seg:not(:first-child){border-top:1px solid var(--border);}
      .page-bandb .bb-guides{grid-template-columns:1fr;}
      .page-bandb .bb-inc__grid{grid-template-columns:1fr;}
    }


/* Was inline on the markup. Two classes so it clears the 0,1,0 base
   .section-header__title font-size in the build asset. */
.page-bandb .book-direct__title{font-size:clamp(1.6rem,2.8vw,2.2rem);}
.page-bandb .book-direct__cta{margin-top:var(--space-7);}