/* =========================================================================
   Bourbon Saturdays — FACELIFT. Homepage rhythm (v3.3).

   The homepage stops being one long dark scroll and starts breathing:

     DARK   ticker · masthead · hero · marquee        (the broadcast open)
     PAPER  This Weekend · Destinations               (browse the trips)
     DARK   The SEC, Mapped                           (the map moment)
     PAPER  Daily Tailgate · Planner · Eat & Drink    (the useful middle)
     DARK   Road Trip of the Week                     (the photo moment)
     PAPER  Latest · Stories                          (the reading end)
     DARK   Newsletter · footer                       (the sign-off)

   Scoped to body.home so only the front page changes. The paper tokens
   come from paper.css (:root-safe fallbacks included).
   ========================================================================= */

body.home{
  --pp-bg:#f4f0e7;--pp-panel:#FCFAF6;--pp-card:#ffffff;
  --pp-ink:#191820;--pp-mut:#66625a;
  --pp-line:rgba(25,24,32,.14);--pp-hair:rgba(25,24,32,.2);
  --pp-red:#b3121f;
}

/* ---- Hero: sized by its content, not the viewport ----------------------
   Prime pinned the hero at 92vh, which left a dark void under the index
   row. With the light/dark rhythm below, the hero ends when its content
   does and hands off to the marquee. */
body.home .tt-hero{min-height:0;
  padding-top:clamp(3.6rem,6.5vw,5.5rem);
  padding-bottom:clamp(2.4rem,4.5vw,3.6rem)}

/* ---- The light bands --------------------------------------------------- */
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories){
  background:var(--pp-bg) !important;color:var(--pp-ink);
}
body.home :is(.tt-daily,.tt-townguide){background:var(--pp-panel) !important}

/* Section heads on light bands */
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories)
  :is(.tt-headline,.tt-section-title){color:var(--pp-ink)}
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-kick__label{color:var(--pp-red) !important}
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-more{color:var(--pp-red) !important}

/* Primary buttons on light bands: red, not white */
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-townguide,
.tt-firehose,.tt-stories) .tt-btn--gold{
  background:var(--pr-red,#e11d2e) !important;color:#fff !important}

/* ---- THIS WEEKEND: white trip cards ------------------------------------ */
body.home .tt-week__card{background:var(--pp-card);border:1px solid var(--pp-line)}
body.home .tt-week__card:first-child{background:var(--pp-card)}
body.home .tt-week__vs{color:var(--pp-ink)}
body.home .tt-week__meta{color:var(--pp-mut)}
body.home .tt-week__where{color:var(--pp-mut)}
body.home .tt-week__go{color:var(--pp-red)}
body.home .tt-week__card:hover .tt-week__vs{color:var(--pp-red)}
/* The big first card keeps its photo-overlay style if v3 overlays text —
   text there sits on the image/duotone and stays white via its own rules. */

/* ---- DESTINATIONS: white cards, ink footers ---------------------------- */
body.home .tt-dest{background:var(--pp-card);border-color:var(--pp-line)}
body.home .tt-dest__footer{border-top-color:var(--pp-line)}
body.home .tt-dest__guides{color:var(--pp-ink)}
body.home .tt-dest:hover .tt-dest__guides{color:var(--pp-red)}
body.home .tt-dest__game-label{color:var(--pp-mut)}
body.home .tt-dest__game-date{color:var(--pp-red)}
body.home .tt-rail-btn{background:var(--pp-card);border:1px solid var(--pp-line);color:var(--pp-ink)}
body.home .tt-rail-btn:hover{border-color:var(--pp-red);color:var(--pp-red)}

/* ---- THE DAILY TAILGATE: the front page of the morning paper ----------- */
body.home .tt-daily__grid--v2{
  grid-template-columns:auto 1.7fr 1fr;gap:2.6rem;align-items:stretch}

/* The edition date — a masthead object, not a caption */
body.home .tt-daily__date{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding:0 1.6rem 0 0;border-right:1px solid var(--pp-hair);min-width:7.5rem}
body.home .tt-daily__dow{
  font-family:var(--font-cond);font-weight:700;letter-spacing:.3em;
  text-transform:uppercase;font-size:.85rem;color:var(--pp-red)}
body.home .tt-daily__dom{
  font-family:var(--font-black,'Anton',sans-serif);font-size:clamp(4.4rem,6vw,6.4rem);
  line-height:.9;color:var(--pp-ink);margin:.2rem 0}
body.home .tt-daily__mon{
  font-family:var(--font-cond);font-weight:700;letter-spacing:.3em;
  text-transform:uppercase;font-size:.85rem;color:var(--pp-mut)}
body.home .tt-daily__edn{
  margin-top:auto;padding-top:1rem;
  font-family:var(--font-cond);font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;font-size:.62rem;color:var(--pp-mut);
  writing-mode:vertical-rl;text-orientation:mixed}

/* The lead — photo-led, headline goes BIG */
body.home .tt-daily__lead{background:var(--pp-card);border:1px solid var(--pp-line);
  border-top:4px solid var(--pr-red,#e11d2e);padding:0;overflow:hidden;
  box-shadow:0 1px 2px rgba(25,24,32,.06),0 12px 32px rgba(25,24,32,.08)}
body.home .tt-daily__img{
  display:block;aspect-ratio:16/7;background-size:cover;background-position:center;
  position:relative}
body.home .tt-daily__img::before{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,rgba(120,8,25,.4),rgba(12,11,14,.35) 70%);
  mix-blend-mode:multiply}
body.home .tt-daily__leadbody{display:block;padding:1.5rem 1.7rem 1.7rem}
body.home .tt-daily__title{color:var(--pp-ink);
  font-size:clamp(1.9rem,3.2vw,3rem);line-height:.94;margin:.75rem 0 .6rem}
body.home .tt-daily__dek{color:#4c4638;font-size:1.06rem;max-width:56ch}
body.home .tt-daily__meta b{color:var(--pp-red);font-weight:700}

/* The rundown — numbered rail with its own label */
body.home .tt-daily__prevlabel{
  display:block;font-family:var(--font-cond);font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;font-size:.72rem;color:var(--pp-red);
  padding-bottom:.6rem;border-bottom:2px solid var(--pp-ink)}
body.home .tt-daily__row{padding:1rem 0;align-items:center}
body.home .tt-daily__num{
  font-size:2.1rem;line-height:1;
  color:transparent;-webkit-text-stroke:1.3px rgba(25,24,32,.4)}
body.home .tt-daily__row:hover .tt-daily__num{
  color:var(--pp-red);-webkit-text-stroke:0}
body.home .tt-daily__rowtitle{font-size:1.05rem}

@media(max-width:1020px){
  body.home .tt-daily__grid--v2{grid-template-columns:1fr;gap:1.6rem}
  body.home .tt-daily__date{
    flex-direction:row;align-items:baseline;gap:.8rem;border-right:0;
    border-bottom:1px solid var(--pp-hair);padding:0 0 .8rem;min-width:0}
  body.home .tt-daily__dom{font-size:2.6rem;margin:0}
  body.home .tt-daily__edn{display:none}
}
body.home .tt-daily__title:hover,body.home .tt-daily__lead:hover .tt-daily__title{color:var(--pp-red)}
body.home .tt-daily__dek{color:#4c4638}
body.home .tt-daily__meta,body.home .tt-daily__rowmeta{color:var(--pp-mut)}
body.home .tt-daily__stamp{color:var(--pp-red)}
body.home .tt-daily__row{border-bottom:1px solid var(--pp-line)}
body.home .tt-daily__rowtitle{color:var(--pp-ink)}
body.home .tt-daily__row:hover .tt-daily__rowtitle{color:var(--pp-red)}
body.home .tt-daily__num{color:transparent;-webkit-text-stroke:1.2px rgba(25,24,32,.35)}
body.home .tt-daily__prev{color:var(--pp-mut)}

/* ---- PLANNER BAND: dark card floats on paper --------------------------- */
/* .tt-planner__card keeps its dark broadcast gradient — it becomes the
   accent object on the light band, like the budget card on itineraries. */

/* ---- EAT · DRINK · EXPERIENCE ------------------------------------------ */
body.home .tt-guide__colhead{border-bottom-color:var(--pp-hair)}
body.home .tt-guide__coltitle{color:var(--pp-ink)}
body.home .tt-place{border-bottom-color:var(--pp-line)}
body.home .tt-place__name{color:var(--pp-ink)}
body.home .tt-place:hover .tt-place__name{color:var(--pp-red)}
body.home .tt-place__meta,body.home .tt-place__price{color:var(--pp-mut)}
body.home .tt-place__town{color:var(--pp-red)}
body.home .tt-guide__col--drink .tt-guide__ico{background:var(--pp-ink);color:#fff}
body.home .tt-guide__col--do .tt-guide__ico{background:var(--pp-card);color:var(--pp-ink);border:1px solid var(--pp-hair)}

/* ---- LATEST (firehose): white cards ------------------------------------ */
body.home .tt-fire__card{background:var(--pp-card);border:1px solid var(--pp-line)}
body.home .tt-fire__title{color:var(--pp-ink)}
body.home .tt-fire__card:hover .tt-fire__title{color:var(--pp-red)}
body.home .tt-fire__meta{color:var(--pp-mut)}
body.home .tt-fire__tag{background:var(--pr-red,#e11d2e);color:#fff}

/* ---- STORIES: editorial on paper --------------------------------------- */
body.home .tt-story__title{color:var(--pp-ink)}
body.home .tt-story:hover .tt-story__title{color:var(--pp-red)}
body.home .tt-story__dek{color:#4c4638}
body.home .tt-story__meta{color:var(--pp-mut)}
body.home .tt-story--lead .tt-story__body{background:var(--pp-bg)}

/* ---- Hairline + reveal polish on light bands --------------------------- */
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-headrow{border-color:var(--pp-hair)}
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-section-head{border-color:var(--pp-hair)}

/* Cards on light bands get a soft lift instead of glow */
body.home :is(.tt-week__card,.tt-dest,.tt-fire__card){
  box-shadow:0 1px 2px rgba(25,24,32,.06),0 10px 28px rgba(25,24,32,.07)}
body.home :is(.tt-week__card,.tt-dest,.tt-fire__card):hover{
  box-shadow:0 2px 4px rgba(25,24,32,.08),0 18px 44px rgba(25,24,32,.12)}

/* =========================================================================
   THE VOICE — Garden & Gun × Travel + Leisure.
   Editorial surfaces speak in serif title case; condensed caps are
   reserved for game data and broadcast moments (hero, ticker, marquee,
   matchups, the map). Fraunces + Lora are already self-hosted.
   ========================================================================= */

/* Section headlines on light bands: serif, title case, tight */
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-headline{
  font-family:'Fraunces',Georgia,serif !important;font-weight:600 !important;
  text-transform:none !important;letter-spacing:-.015em !important;
  line-height:1.02;font-size:clamp(2.2rem,4vw,3.4rem)}
body.home :is(.tt-week,.tt-destinations,.tt-daily,.tt-planner,
.tt-townguide,.tt-firehose,.tt-stories) .tt-headline::after{
  width:64px;height:5px;margin-top:.6rem}

/* Story titles read like a magazine well, not a scoreboard */
body.home .tt-story__title{
  font-family:'Fraunces',Georgia,serif !important;font-weight:600 !important;
  text-transform:none !important;letter-spacing:-.01em !important;line-height:1.12}
body.home .tt-stories__grid .tt-story:not(.tt-story--lead) .tt-story__title{
  font-family:'Fraunces',Georgia,serif !important;font-weight:600 !important;
  text-transform:none !important;font-size:1.25rem}

/* Deks go italic serif — the G&G whisper under the headline */
body.home :is(.tt-story__dek,.tt-daily__dek,.tt-roadtrip__dek){
  font-family:'Lora',Georgia,serif;font-style:italic}

/* Warmer, lighter photo grade on editorial (light) bands — the heavy
   crimson duotone stays on dark broadcast bands. */
body.home :is(.tt-week__media,.tt-story__media,.tt-fire__img)::before,
body.home .tt-daily__img::before{
  background:linear-gradient(115deg,rgba(122,52,24,.24),rgba(24,18,12,.28) 70%)}