/* =====================================================================
   THE·STORY·OF· — DARK / MOODY / PHOTOGRAPHIC reskin
   Warm near-black ground, ember-amber accent, all-caps letter-spaced
   serif headings, logo at top, full-bleed photographic hero.
   Single source-of-truth stylesheet (static build + WP theme import).
   ===================================================================== */

/* ---- Tokens --------------------------------------------------------- */
:root{
  --bg:        #17110d;   /* warm near-black base                */
  --bg-alt:    #1f1813;   /* lifted alternate band               */
  --panel:     #241c16;   /* cards, tables                       */
  --ink:       #f4efe6;   /* headings, strong text               */
  --cream:     #e7e0d3;   /* body copy                           */
  --muted:     #a89c88;   /* captions, meta, table labels        */
  --line:      #3a2f25;   /* hairlines on dark                   */
  --amber:     #d07a2e;   /* ember accent                        */
  --amber-lo:  #b0631f;
  --maxw:      720px;
  --maxw-wide: 1040px;
}

/* ---- Reset / base --------------------------------------------------- */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--cream);
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:1.18rem;
  line-height:1.72;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
p{margin:0 0 1.1em;}

/* ---- Type ----------------------------------------------------------- */
.eyebrow{
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-transform:uppercase;
  letter-spacing:.32em;
  font-size:.74rem;
  font-weight:600;
  color:var(--amber);
  margin:0 0 1.4em;
}
h1,h2,h3{
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  font-weight:600;
  margin:0;
}
.page-title{
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:clamp(1.8rem,4.4vw,2.7rem);
  line-height:1.15;
  margin:0 0 .8em;
}
.section-title{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:clamp(1.3rem,2.6vw,1.7rem);
  line-height:1.25;
  color:var(--ink);
  margin:2.6em 0 .7em;
}
.statement{
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-weight:500;
  font-size:clamp(1.9rem,4.6vw,3.2rem);
  line-height:1.16;
  color:var(--ink);
  margin:0 0 .55em;
  letter-spacing:.005em;
}
.sub{
  font-size:clamp(1.05rem,1.7vw,1.28rem);
  color:var(--cream);
  margin:0 auto;
  max-width:34em;
}
.lead{font-size:1.28rem;color:var(--ink);}
em,.italic{font-style:italic;}
.dot{color:var(--amber);padding:0 .5em;font-style:normal;}

/* ---- Buttons -------------------------------------------------------- */
.btn{
  display:inline-block;
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.80rem;
  font-weight:600;
  color:var(--ink);
  text-decoration:none;
  padding:.85em 1.7em;
  border:1px solid var(--amber);
  background:transparent;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.btn:hover,.btn:focus-visible{background:var(--amber);border-color:var(--amber);color:#17110d;}
.btn--ghost{border-color:var(--line);color:var(--cream);}
.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--amber);background:var(--amber);color:#17110d;}
.btn + .btn{margin-left:.6rem;}
.btn-stack{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem;}
.btn-stack .btn{margin:0;}

.link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .18s;}
.link:hover,.link:focus-visible{border-color:var(--amber);}

/* ---- Header (white pane, logo left, hamburger right) ---------------- */
.site-header{
  background:#ffffff;
  border-bottom:1px solid #e4e1d9;
  padding:.85rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  position:relative;
}
.site-header .logo{display:inline-flex;line-height:0;text-decoration:none;}
/* Logo is black-on-white and sits on a white pane, so no inversion. */
.site-header .logo img{
  width:auto;height:92px;margin:0;filter:none;mix-blend-mode:normal;cursor:pointer;
}

/* hamburger button */
.nav-toggle{
  -webkit-appearance:none;appearance:none;background:transparent;border:0;
  width:46px;height:46px;padding:0;margin:0;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;
}
.nav-toggle span{display:block;width:28px;height:2px;background:#1a1a1a;transition:transform .2s ease,opacity .2s ease;}
.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* nav panel — hidden until hamburger opens it */
.site-nav{
  position:absolute;top:100%;right:1.5rem;
  min-width:230px;
  background:#ffffff;border:1px solid #e4e1d9;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
  display:none;flex-direction:column;
  padding:.4rem 0;z-index:30;
}
.site-nav.open{display:flex;}
.site-nav a{
  display:block;text-align:right;
  text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:600;
  color:#575652;text-decoration:none;
  padding:.72rem 1.4rem;
  transition:color .18s,background .18s;
}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{
  color:#1a1a1a;background:#f6f5f1;
}

/* ---- Layout helpers ------------------------------------------------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem;}
.wrap-wide{max-width:var(--maxw-wide);margin:0 auto;padding:0 1.25rem;}
.page{padding:3.4rem 0 4.5rem;}
.page .buildnote{display:none;}

/* ---- Homepage beats ------------------------------------------------- */
.beat{
  min-height:82vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  padding:5rem 1.25rem;
  border-bottom:1px solid var(--line);
  position:relative;
}
.beat:nth-child(even){background-color:var(--bg-alt);}
.beat__inner{max-width:760px;margin:0 auto;position:relative;z-index:2;}
.beat .btn{margin-top:2rem;}

/* Full-bleed photographic hero.
   PHOTO SLOT: drop the campfire shot in below (one line):
   .beat--hero{ background-image:
     linear-gradient(rgba(15,10,7,.55),rgba(15,10,7,.78)),
     url("assets/img/hero-campfire.jpg"); }
   Until then, a warm ember gradient stands in.                     */
.beat--hero{
  min-height:92vh;
  color:var(--ink);
  background:
    radial-gradient(120% 90% at 50% 118%, rgba(208,122,46,.42) 0%, rgba(160,70,20,.14) 32%, rgba(23,17,13,0) 60%),
    linear-gradient(180deg, #0e0a07 0%, #1a1109 55%, #241505 100%);
  border-bottom:1px solid var(--line);
}
.beat--hero .statement{text-shadow:0 2px 30px rgba(0,0,0,.55);}
.beat--hero .sub{color:var(--cream);}

/* Our Whiskey beat — two bottles framed on light panels so the product
   shots sit cleanly against the dark page. */
.bottles{
  display:flex;gap:3.5rem;justify-content:center;align-items:flex-end;
  flex-wrap:wrap;margin:2.6rem 0 0;
}
.bottle{max-width:250px;text-align:center;}
.bottle img{
  height:340px;width:auto;margin:0 auto .9rem;object-fit:contain;
  background:#ffffff;border-radius:4px;padding:.4rem;
  box-shadow:0 18px 44px rgba(0,0,0,.45);
}
.bottle__name{
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-transform:uppercase;letter-spacing:.10em;
  font-size:1.05rem;color:var(--ink);line-height:1.3;
}
.bottle__abv{font-size:.95rem;color:var(--amber);margin-top:.15rem;letter-spacing:.08em;}

/* Our Whiskey homepage pane — white ground, prominent + aligned bottles */
.beat.beat--whiskey{background:#ffffff;min-height:auto;padding-top:1.4rem;padding-bottom:0.5rem;}
.beat--whiskey .eyebrow{color:var(--amber-lo);}
.beat--whiskey .beat__inner{max-width:1040px;}
.whiskey-row{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:nowrap;margin-top:0;}
.whiskey-row>*{flex:0 0 auto;}
.whiskey-row .bottles{flex-wrap:nowrap;}
.whiskey-row .beat-title{font-size:clamp(1.7rem,3vw,2.4rem);}
.beat--whiskey .bottles{align-items:flex-start;gap:1.6rem;margin-top:0;}
.beat--whiskey .bottle{width:250px;max-width:44vw;}
.beat--whiskey .bottle img{
  height:380px;width:100%;object-fit:contain;object-position:bottom;
  background:transparent;box-shadow:none;padding:0;border-radius:0;margin:0 auto 1.3rem;
}
.beat--whiskey .bottle__name{
  color:#1a1a1a;font-size:1rem;font-weight:600;letter-spacing:.02em;line-height:1.25;
  text-align:center;min-height:2.5em;
}
.beat--whiskey .bottle__abv{color:var(--amber-lo);font-size:1rem;font-weight:600;}
.beat--whiskey .btn{color:#1a1a1a;border-color:var(--amber);}
.beat--whiskey .btn:hover,.beat--whiskey .btn:focus-visible{background:var(--amber);border-color:var(--amber);color:#fff;}

/* image placeholder */
.ph{
  background:var(--bg-alt);
  border:1px dashed var(--line);
  color:var(--muted);
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;
  min-height:320px;padding:1rem;
}

/* ---- Interior content ---------------------------------------------- */
.content p{max-width:var(--maxw);}
.content .statement{margin-top:1.4em;}
.content-note{color:var(--muted);font-size:1rem;}

.folklore{
  font-style:italic;
  font-size:1.18rem;
  line-height:1.6;
  color:var(--ink);
  border-left:2px solid var(--amber);
  padding-left:1.3rem;
  margin:0 0 2.4rem;
}

.chapter{padding-top:2.6rem;margin-top:2.6rem;border-top:1px solid var(--line);}
.chapter:first-of-type{border-top:0;}
.chapter__no{
  font-family:"Montserrat",Georgia,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.22em;font-size:1.3rem;line-height:1.1;
  color:var(--amber);margin:0 0 .95rem;
}
.chapter__guide{font-style:italic;color:var(--ink);font-size:1.2rem;margin:0 0 .9rem;}
.chapter__tie{color:var(--cream);margin-top:1.2rem;font-size:1.02rem;line-height:1.6;}

/* spec table */
.spec{width:100%;border-collapse:collapse;margin:1.4rem 0 .4rem;}
.spec th,.spec td{
  text-align:left;padding:.6rem 0;
  border-bottom:1px solid var(--line);
  font-size:1.02rem;vertical-align:top;
}
.spec th{
  width:34%;font-weight:600;color:var(--muted);
  text-transform:uppercase;letter-spacing:.10em;font-size:.74rem;
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  padding-top:.78rem;
}
.spec td{color:var(--ink);}

/* ---- Trade page ----------------------------------------------------- */
.sig-strip{
  font-style:italic;color:var(--cream);font-size:1.18rem;
  text-align:center;max-width:44em;margin:0 auto 2.4rem;line-height:1.6;
}
.cards{display:flex;gap:2rem;flex-wrap:wrap;margin:2.2rem 0;}
.card{
  flex:1 1 300px;border:1px solid var(--line);padding:2rem 1.8rem;
  background:var(--panel);display:flex;flex-direction:column;
}
.card .btn{margin-top:auto;align-self:flex-start;}
.card h3{
  text-transform:uppercase;letter-spacing:.11em;font-size:1.25rem;margin:0 0 .7rem;color:var(--ink);
}
.card ul{margin:0 0 1.5rem;padding:0;list-style:none;}
.card li{position:relative;padding-left:1.2rem;margin-bottom:.6rem;font-size:1.04rem;line-height:1.5;}
.card li::before{content:"\00B7";color:var(--amber);position:absolute;left:0;font-weight:700;font-size:1.3rem;line-height:1;}

/* ---- Where to find us ---------------------------------------------- */
.venues h2{
  text-transform:uppercase;letter-spacing:.14em;font-size:1.35rem;
  color:var(--ink);margin:2.6rem 0 .3rem;
}
.venues h3{
  text-transform:uppercase;letter-spacing:.16em;font-size:.9rem;color:var(--amber);
  margin:1.7rem 0 .4rem;font-weight:600;
}
.venue-table{width:100%;border-collapse:collapse;margin:.3rem 0 1rem;}
.venue-table td{
  padding:.55rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;vertical-align:top;
}
.venue-table td.name{width:44%;color:var(--ink);padding-right:1rem;}
.venue-table td.addr{color:var(--muted);font-size:.98rem;}
.venue-table a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);}
.venue-table a:hover{border-color:var(--amber);}
.qualifier{font-style:italic;color:var(--muted);font-size:1rem;margin:.2rem 0 0;}

/* ---- Footer --------------------------------------------------------- */
.site-footer{
  background:#0f0b08;
  border-top:1px solid var(--line);
  padding:3rem 1.25rem 3.4rem;
  text-align:center;
}
.footer-nav{
  display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:center;align-items:center;
  margin:0 0 1.4rem;
}
.footer-nav a{
  text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:600;
  color:var(--muted);text-decoration:none;transition:color .18s;
}
.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--ink);}
.footer-nav .sep{color:var(--amber);padding:0;user-select:none;}
.footer-strap{
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-transform:uppercase;letter-spacing:.22em;font-size:.9rem;color:var(--muted);
}
.footer-legal{font-size:.82rem;color:var(--muted);margin-top:1.6rem;}
.footer-social{margin:0 0 1.2rem;line-height:0;}
.footer-social a{display:inline-block;line-height:0;opacity:.92;transition:opacity .18s,transform .18s;}
.footer-social a:hover,.footer-social a:focus-visible{opacity:1;transform:translateY(-1px);}

/* ---- Utility -------------------------------------------------------- */
.center{text-align:center;}
.mt-lg{margin-top:2.4rem;}
.email{color:var(--amber);text-decoration:none;border-bottom:1px solid var(--line);}
.email:hover{border-color:var(--amber);}

/* ---- Reveal (progressive enhancement, reduced-motion safe) ---------- */
.js-reveal .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease;}
.js-reveal .reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1;transform:none;transition:none;}
  *{scroll-behavior:auto !important;}
}

/* ---- Responsive ----------------------------------------------------- */
@media (max-width:640px){
  body{font-size:1.08rem;}
  .site-header .logo img{height:72px;}
  .site-nav{right:1rem;min-width:210px;}
  .beat{min-height:auto;padding:4rem 1.1rem;}
  .beat--hero{min-height:88vh;}
  .bottles{gap:2.2rem;}
  .bottle img{height:260px;}
  .whiskey-row{flex-wrap:wrap;gap:1.5rem;}
  .beat--whiskey .bottles{gap:1.6rem;}
  .beat--whiskey .bottle{width:44vw;}
  .beat--whiskey .bottle img{height:360px;}
  .beat--whiskey .bottle__name{font-size:1.05rem;min-height:3.4em;}
  .cards{gap:1.2rem;}
  .footer-nav .sep{padding:0 .55rem;}
  .venue-table td.name{width:100%;display:block;border:0;padding-bottom:.1rem;}
  .venue-table td.addr{display:block;padding-top:0;}
  .venue-table tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0;}
}

a:focus-visible,.btn:focus-visible,button:focus-visible{
  outline:2px solid var(--amber);outline-offset:3px;
}

/* ---- Light page variant (e.g. Our Whiskey) ------------------------- */
.page--light{background:#ffffff;color:#3a352f;}
.page--light .page-title,.page--light .section-title{color:#1a1a1a;}
.page--light .lead{color:#1a1a1a;}
.page--light p{color:#3a352f;}
.page--light .btn--ghost{color:#1a1a1a;border-color:#d3ccbe;}
.page--light .btn--ghost:hover,.page--light .btn--ghost:focus-visible{background:var(--amber);border-color:var(--amber);color:#fff;}
.page--light .email{color:var(--amber-lo);}

/* Core-range rows: text with the matching bottle beside it, image height
   tracking the height of the text block. Alternating sides. */
.range-row{display:flex;gap:3rem;align-items:center;margin:2.8rem 0;}
.range-copy{flex:1 1 auto;min-width:0;}
.range-copy .section-title{margin-top:0;}
.range-copy .section-title{
  font-family:"Montserrat",Georgia,sans-serif;font-weight:600;
  letter-spacing:.16em;font-size:1.18rem;line-height:1.35;
}
.range-copy .section-title .abv{display:block;color:var(--amber-lo);font-weight:600;font-size:.9em;letter-spacing:.12em;margin-top:.3em;}
.range-copy p:last-child{margin-bottom:0;}
.range-figure{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0;}
.range-figure img{height:370px;width:auto;object-fit:contain;display:block;}
@media (max-width:640px){
  .range-row,.range-row--rev{display:flex;flex-direction:column;gap:0;align-items:center;}
  .range-copy{display:contents;}
  .range-row .section-title{order:1;width:100%;}
  .range-row .range-copy>p:first-of-type{order:2;width:100%;}
  .range-figure{order:3;margin:1.4rem auto;}
  .range-row .tasting{order:4;width:100%;}
  .range-row .range-signature{order:5;width:100%;}
  .range-figure img{height:auto;max-height:320px;margin:0 auto;}
  .range-copy{width:100%;}
}

/* ---- Light-page interior overrides (folklore, chapters, specs) ------ */
.page--light .folklore{color:#1a1a1a;}
.page--light .chapter{border-top:0;}
.page--light .chapter__guide{color:#1a1a1a;}
.page--light .chapter__tie{color:#3a352f;}
.page--light .spec th{color:#6b6154;border-bottom-color:#e4e1d9;}
.page--light .spec td{color:#1a1a1a;border-bottom-color:#e4e1d9;}

/* Chapter spec table paired with a bottle image (alternating sides) */
.chapter__specs{display:flex;gap:2.4rem;align-items:center;margin-top:1.4rem;flex-wrap:wrap;}
.chapter__specs .spec{flex:1 1 340px;min-width:280px;max-width:440px;margin:0;}
.chapter__figure{flex:0 0 auto;margin:0;display:flex;align-items:flex-start;justify-content:center;}
.chapter__figure img{height:370px;width:auto;object-fit:contain;display:block;}
@media (max-width:640px){
  .chapter__specs{gap:1.4rem;}
  .chapter__figure{width:100%;}
  .chapter__figure img{height:auto;max-height:300px;margin:0 auto;}
  .chapter__specs .spec{max-width:none;}
}

/* ---- Roggenwolf label masthead (Option 2) -------------------------- */
.rw-lock{max-width:520px;width:100%;height:auto;display:block;margin:.2rem 0 1.6rem;}
@media (max-width:640px){.rw-lock{max-width:100%;}}
.folklore--rye{border-left-color:#50b848;}
.folklore--wheat{border-left-color:#d8b828;}
.folklore--story{border-left-color:#f08030;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---- Homepage beats: alternating grey/white, title-as-button -------- */
.beat.beat--grey{background-color:#dddddd;}
.beat.beat--white{background-color:#ffffff;}
.beat--grey,.beat--white{border-bottom:0;color:#1a1a1a;}
.beat-title{
  position:relative;display:inline-block;
  font-family:"Albert Sans",system-ui,-apple-system,sans-serif;font-weight:600;
  font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.1;letter-spacing:.01em;
  color:#1a1a1a;text-decoration:none;transition:color .2s ease;white-space:nowrap;
}
.beat-title__arrow{display:inline-block;color:var(--amber);font-weight:500;margin-left:.18em;transition:transform .2s ease;}
.beat-title::after{content:"";position:absolute;left:0;right:0;margin:0 auto;bottom:-.16em;height:3px;width:0;background:var(--amber);transition:width .28s ease;}
.beat-title:hover,.beat-title:focus-visible{color:var(--amber);}
.beat-title:hover .beat-title__arrow,.beat-title:focus-visible .beat-title__arrow{transform:translateX(10px);}
.beat-title:hover::after,.beat-title:focus-visible::after{width:100%;}
.beat-sub{font-style:italic;font-size:clamp(1.2rem,2.2vw,1.6rem);color:#4a463f;max-width:30em;margin:1.5rem auto 0;line-height:1.5;text-wrap:balance;}
.beat--white .beat-title,.beat--grey .beat-title{color:#1a1a1a;}

/* header tagline */
.site-tagline{
  font-family:"Albert Sans",system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.18em;font-size:.72rem;font-weight:600;color:#8a887f;white-space:nowrap;
}
@media (max-width:860px){.site-tagline{display:none;}}

/* Beat 1 prominent tagline kicker */
.beat-kicker{
  font-family:"Albert Sans",system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-weight:600;font-size:clamp(1rem,2vw,1.5rem);
  color:var(--amber);margin:0 0 1.6rem;white-space:nowrap;
}
@media (max-width:560px){.beat-kicker{white-space:normal;letter-spacing:.12em;text-wrap:balance;}}

/* Beat 1 brand line above the kicker */
.beat-brand{
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;
  font-size:clamp(2.5rem,5.5vw,3.85rem);letter-spacing:.01em;line-height:1.1;
  color:#1a1a1a;margin:0 0 .6rem;
}

/* ---- The Story Of… You — banded page ------------------------------- */
.story-page{background:#ffffff;}
.band{padding:3.8rem 1.25rem;}
.band .wrap{max-width:720px;margin:0 auto;padding:0;}
.band--grey{background:#dddddd;}
.band--grey p{font-style:italic;}
.band--grey .band-open{font-style:normal;color:#1a1a1a;font-size:1.25rem;margin-bottom:1.5rem;}
.band .page-title{margin-bottom:.7em;text-transform:none;letter-spacing:.01em;}
.band p:last-child{margin-bottom:0;}

/* Info pages (Chosen Not Made, Independent) reuse the banded theme but stay upright */
.info-page .band--grey p{font-style:normal;}
.band .wrap>:first-child{margin-top:0;}
.band .section-title{margin-top:0;}
.band .section-title + p,.band .section-title{margin-top:0;}

/* Narrative statement heading (e.g. Chosen, Not Made intro) */
.section-title--narrative{font-size:clamp(1.35rem,2.8vw,1.9rem);line-height:1.3;margin-bottom:.9em;}
.range-copy .tasting{font-style:italic;color:var(--amber-lo);}
.range-copy .range-signature{margin-top:1.3rem;margin-bottom:0;font-weight:400;color:#1a1a1a;font-size:1.15rem;}

/* Limited-edition staccato tasting notes (N / P / F) */
.tasting-notes{color:var(--amber-lo);margin:0 0 1.2em;line-height:1.6;font-size:1.02rem;}
.tasting-notes .tn{font-weight:400;}

/* Limited-edition release list (replaces the ghost buttons) */
.le-list{margin-top:1.8rem;border-top:1px solid #e4e1d9;}
.le-item{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem .1rem;border-bottom:1px solid #e4e1d9;
  text-decoration:none;color:#1a1a1a;
  font-family:"Albert Sans",system-ui,sans-serif;
  font-size:1.15rem;font-weight:500;letter-spacing:.01em;
  transition:color .18s ease;
}
.le-item:hover,.le-item:focus-visible{color:var(--hov,var(--amber-lo));}
.le-item--roggen{--hov:#3f9e33;}
.le-item--bootz{--hov:#a07d06;}
.le-item--story{--hov:#d0641c;}
.le-arrow{color:var(--amber-lo);font-weight:500;flex:0 0 auto;transition:transform .18s ease;}
.le-item:hover .le-arrow,.le-item:focus-visible .le-arrow{color:var(--hov,var(--amber-lo));transform:translateX(5px);}

/* Solid CTA button on light bands */
.page--light .btn{color:#1a1a1a;border-color:var(--amber);}
.page--light .btn:hover,.page--light .btn:focus-visible{background:var(--amber);border-color:var(--amber);color:#fff;}
.content .page-title + .section-title{margin-top:.7em;}
.story-page:not(.info-page) .band--grey p:not(.band-open){color:var(--amber-lo);}
.statement-line{font-weight:600;color:#1a1a1a;}

/* Contact form */
.contact-form{max-width:520px;margin-top:1.6rem;}
.contact-form .field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem;}
.contact-form label{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600;color:var(--muted);}
.contact-form input,.contact-form select,.contact-form textarea{
  font-family:"Albert Sans",system-ui,sans-serif;font-size:1.05rem;color:#1a1a1a;
  padding:.7rem .8rem;border:1px solid #d3ccbe;background:#fff;border-radius:2px;
}
.contact-form textarea{resize:vertical;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber);
}
.contact-form .btn{margin-top:.4rem;cursor:pointer;}
.tlink{color:var(--amber-lo);text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .18s ease;}
.tlink:hover,.tlink:focus-visible{border-color:var(--amber-lo);}
.tlink-chev{display:inline-block;font-weight:500;transition:transform .18s ease;}
.tlink:hover .tlink-chev,.tlink:focus-visible .tlink-chev{transform:translateX(3px);}

/* Limited-edition bottle cycler */
.le-intro{display:flex;gap:2.6rem;align-items:flex-start;margin:1.4rem 0 1.3rem;}
.le-intro__text{flex:1 1 auto;min-width:0;}
.le-intro__text p:last-child{margin-bottom:0;}
.le-intro .statement-line{margin-bottom:2.8rem;}
.le-outro{margin-top:0;}
#leBlurb{font-style:italic;transition:color .9s ease-in-out;}
.le-intro__media{flex:0 0 auto;}
.bottle-cycler{cursor:pointer;text-align:center;user-select:none;outline:none;}
.bc-stage{position:relative;width:150px;height:390px;margin:0 auto;}
.bc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;opacity:0;transition:opacity .9s ease-in-out;}
.bc-img.is-active{opacity:1;}
.bc-caption{margin:1rem 0 0;font-size:1rem;font-weight:600;color:var(--amber-lo);letter-spacing:.02em;}
.bottle-cycler:hover .bc-caption,.bottle-cycler:focus-visible .bc-caption{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:640px){.le-intro{flex-direction:column;gap:1.4rem;align-items:stretch;}.bc-stage{height:340px;}}
/* Home intro beat: nudge the brand+kicker below centre */
.beat--intro .beat__inner{margin-top:12vh;}

/* Image-backed band (mock) */
.band--image{position:relative;background-size:cover;background-position:center;}
.band--image::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,10,7,.5),rgba(14,10,7,.68));}
.band--image .wrap{position:relative;z-index:1;}
.band--image .section-title,.band--image p{color:#f6f1e8;}

/* Story Of You image band (test) */
.band--story-img{padding-top:2rem;padding-bottom:2rem;}
.band--story-img::before{background:linear-gradient(rgba(34,20,8,.52),rgba(26,15,6,.72));}
.band--story-img .section-title,.band--story-img .band-open,.band--story-img p{color:#f6f1e8 !important;}

/* Campfire hero image */
.beat--intro{position:relative;background-size:cover;background-position:center;}
.beat--intro::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(12,9,14,.22),rgba(10,7,10,.5));}
.beat--intro .beat__inner{position:relative;z-index:1;}
.beat--intro .beat-brand{color:#f6f1e8;}
.beat--intro .beat-kicker{color:var(--amber);}

/* Where to Find Us — wooden Europe map background */
.page--map{position:relative;background-size:cover;background-position:center;}
.page--map::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(15,11,8,.55),rgba(15,11,8,.68));}
.page--map .wrap{position:relative;z-index:1;}

/* Homepage 'Where to find us' beat — wooden map, softened for dark text */
.beat--map{position:relative;min-height:0 !important;height:37.12vw !important;background-size:cover;background-position:center;}
.beat--map::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.06);}
.beat--map .beat__inner{position:relative;z-index:1;}

/* Homepage 'Chosen, Not Made' beat — cask photo, softened for dark text */
.beat--casks{position:relative;background-size:cover;background-position:center;}
.beat--casks::before{content:"";position:absolute;inset:0;background:transparent;}
.beat--casks .beat__inner{position:relative;z-index:1;}

/* Dark-photo beat (Independent) - white text */
.beat--dark{position:relative;background-size:cover;background-position:center;}
.beat--dark::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,10,8,.28),rgba(10,7,5,.58));}
.beat--dark .beat__inner{position:relative;z-index:1;}
.beat--dark .beat-title{color:#f6f1e8;}
.beat--dark .beat-sub{color:#efe6d8;}

/* Left-aligned beat text (bottle on the right) */
.beat--left{justify-content:flex-start;text-align:left;}
.beat--left .beat__inner{margin-left:7%;max-width:46%;}

/* --- tweaks: map text placement, chosen amber, hero kicker bold --- */
/* Map: right-aligned, high in the North Sea above Scotland, tighter lines */
.beat--map{align-items:center;justify-content:center;}
.beat--map .beat__inner{text-align:center;}
.beat--map .beat-sub{margin-top:.1em;color:#1a1a1a;}
/* Chosen: nudge text up onto the white barrel heads */
.beat--casks .beat__inner{transform:translateY(-3%);}
.beat--casks .beat-title{color:#f6f1e8;}
.beat--casks .beat-sub{color:#f6f1e8;}

/* FAQ page */
.faq .faq-item{margin:0 0 2.2rem;}
.faq .faq-q{margin:0 0 .4em;}
.faq .faq-a{margin:0;}

/* Contact form: honeypot + error */
.contact-form .cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.cf-error{color:#ff9d86;font-weight:600;margin:0 0 1.2rem;}

/* Footer: spacing + separators when a WordPress menu is used */
.footer-nav li{list-style:none;}
.footer-nav li:not(:last-child)::after{content:"\00B7";color:var(--amber);padding:0 .9rem;}


/* Product chapters: on phones, bottle always sits above the specs (fixes even chapters) */
@media (max-width:640px){
  .chapter__figure{order:-1;}
}

/* ===== MOBILE HOMEPAGE REFINEMENTS (phones only; desktop unchanged) ===== */
.wm-chev2{display:none;}
@media (max-width:640px){
  /* uniform beat heights */
  .beat{min-height:64vh;}
  .beat--whiskey{min-height:64vh !important;justify-content:center;}
  .beat--map{height:64vh !important;min-height:64vh !important;}
  .beat--intro{background-position:20% center !important;}
  /* Our Whiskey: declutter + tuck title under bottle names + 2nd chevron */
  .beat--whiskey .wm-hide{display:none;}
  .beat--whiskey .bottle__abv{display:none;}
  .beat--whiskey .bottle__name{min-height:0;margin-top:.3rem;}
  .beat--whiskey .whiskey-row{gap:.4rem;}
  .beat--whiskey .whiskey-row .beat-title{margin-top:.2rem;}
  .wm-chev2{display:inline-block;}
  /* Story Of You: centre the text over the bottle, keep bottle in frame */
  .beat--left{justify-content:center;text-align:center;background-position:74% center;}
  .beat--left .beat__inner{margin:0 auto !important;max-width:90% !important;text-align:center;}
  .beat--left .beat-title{white-space:normal;font-size:clamp(1.5rem,7vw,2rem);}
  .beat--left .beat-sub{max-width:none;margin:1rem auto 0;font-size:clamp(1.05rem,4.6vw,1.3rem);text-wrap:balance;}
  /* Independent: keep bottle in frame */
  .beat--dark:not(.beat--left){background-position:22% center;}
  .beat--dark:not(.beat--left)::before{background:linear-gradient(rgba(12,9,7,.34),rgba(8,5,4,.62)) !important;}
  .beat--dark .beat-title,.beat--dark .beat-sub{text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 18px rgba(0,0,0,.55);}
  /* Chosen: pale monochrome + black text for contrast */
  .beat--casks{background-image:url("../img/casks-chosen-mono.jpg") !important;}
  .beat--casks .beat-title,.beat--casks .beat-sub{color:#1a1a1a !important;}
  /* Where to find us: pale monochrome (east UK + N Europe), black text, drop subtext */
  .beat--map{background-image:url("../img/europe-map-mono2.jpg") !important;background-position:34% center !important;}
  .beat--map .beat-sub{color:#1a1a1a;}
}

/* ===== Corporate bourbon tastings (events page) ===== */
.events-page{scroll-behavior:smooth;}
@media (prefers-reduced-motion:no-preference){html:has(.events-page){scroll-behavior:smooth;}}
.page-title--long{font-size:clamp(1.45rem,3.3vw,2.15rem);line-height:1.3;letter-spacing:.11em;max-width:26em;margin-left:auto;margin-right:auto;}
.events-intro{margin:2.6rem auto 0;}
.section-title__sub{color:var(--muted);}
.cards--three{gap:1.6rem;}
.cards--three .card{flex:1 1 290px;}
.card__kicker{display:block;color:var(--amber);font-size:.78rem;letter-spacing:.24em;margin-bottom:.55rem;}
.card__lede{font-style:italic;color:var(--ink);font-size:1.1rem;line-height:1.5;margin:0 0 .9rem;}
.card p{margin:0 0 1.2rem;line-height:1.6;}
.card ul.card__meta{margin:auto 0 0;padding-top:1rem;border-top:1px solid var(--line);}
.card__meta li{font-size:.98rem;color:var(--cream);}
.card__meta strong{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--muted);font-weight:600;margin-bottom:.15rem;}
.card__meta li::before{display:none;}
.card__meta li{padding-left:0;}
.steps{list-style:none;counter-reset:step;margin:.6rem 0 1rem;padding:0;}
.steps li{counter-increment:step;position:relative;padding:.75rem 0 .75rem 2.6rem;border-bottom:1px solid var(--line);font-size:1.05rem;line-height:1.55;}
.steps li::before{content:counter(step);position:absolute;left:0;top:.72rem;color:var(--amber);font-weight:600;font-size:1.15rem;}
.steps strong{color:var(--ink);font-weight:600;}
.dot-list{list-style:none;margin:.6rem 0 1rem;padding:0;}
.dot-list li{position:relative;padding:.55rem 0 .55rem 1.2rem;border-bottom:1px solid var(--line);font-size:1.05rem;}
.dot-list li::before{content:"\00B7";color:var(--amber);position:absolute;left:0;top:.4rem;font-weight:700;font-size:1.3rem;}
.faq h3{text-transform:none;letter-spacing:.01em;font-size:1.08rem;color:var(--ink);margin:1.5rem 0 .3rem;}
.faq p{margin:0;color:var(--cream);}
.events-close{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--line);scroll-margin-top:2rem;}
.events-close .statement{font-size:clamp(1.6rem,3.4vw,2.3rem);}
.events-close .lead{margin:0 auto 1.6rem;}
@media (max-width:640px){
  .page-title--long{letter-spacing:.07em;}
  .steps li{padding-left:2rem;}
}
.events-page .tlink{white-space:normal;}
/* events v3.2: calmer type scale, centred card heads, whole Q&A collapsible */
.events-page .eyebrow{font-size:1.15rem;letter-spacing:.26em;}
.events-page .page-title--long{font-size:clamp(1.15rem,2.3vw,1.55rem);letter-spacing:.1em;line-height:1.45;max-width:30em;}
.events-intro{text-align:center;margin-left:auto;margin-right:auto;}
.events-page .card h3{text-align:center;}
.card__kicker{font-size:1.2rem;letter-spacing:.2em;margin-bottom:.5rem;}
.card__title{display:block;font-size:.95rem;letter-spacing:.14em;color:var(--ink);line-height:1.5;}
.card__meta strong{text-transform:none;letter-spacing:0;font-size:1.05rem;color:var(--ink);margin-bottom:.1rem;}
.card__meta li{margin-bottom:.8rem;}
.faq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2.6rem;}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:1rem 2rem 1rem 0;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary h2{display:inline;margin:0 !important;}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);color:var(--amber);font-size:1.7rem;line-height:1;transition:transform .2s ease;}
.faq[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.faq summary:hover h2{color:var(--amber);}
.faq__body{padding:0 0 1.4rem;}
.faq__body h3{text-transform:none;letter-spacing:.01em;font-size:1.05rem;color:var(--ink);margin:1.3rem 0 .25rem;font-weight:600;}
.faq__body p{margin:0;color:var(--cream);}
.faq{border-bottom:0;}