/* Premium "bourbon label" layer (Claude, October 16, 2026; Shaun: gold, green and earth tones).
   Loads after guide.css, bourbon-luxury.css and theme.css and only re-points tokens and restyles components, so it can be
   switched off by removing one link. Palette: char black, tobacco, oak, label paper, antique gold, bonded green, field sage.
   Motion: everything plays once and settles; reduced motion shows the final state. No logos, no photos. */

/* P1. Palette and texture tokens */
:root{
  --ink-0:#0f0c09; --ink-1:#14110d; --ink-2:#1b1611; --ink-3:#251d16; --ink-4:#31271d;
  --line:rgba(201,162,74,.16); --line-2:rgba(201,162,74,.34);
  --text:#f3ead7; --text-2:#d3c3a6; --text-3:#a9977c;
  --signal:#c9a24a; --signal-2:#e6c77a; --signal-ink:#14110d; --copper:#8fa877;
  --gold:#c9a24a; --gold-2:#e6c77a; --gold-deep:#8c6a22; --green:#1f3a2e; --green-2:#2e5442; --sage:#6b7f55;
  --tobacco:#3b2a1e; --oak:#7a5634; --paper:#f3ead7;
  --foil:linear-gradient(135deg,#9e7a2e 0%,#e6c77a 40%,#c9a24a 58%,#9e7a2e 100%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0048 0.26' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.79 0 0 0 0 0.64 0 0 0 0 0.29 0.11 0 0 0 -0.035'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --paper-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.48 0 0 0 0 0.34 0 0 0 0 0.2 0.16 0 0 0 -0.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --top:96px; --strip:30px;
}
html{background:var(--ink-1)}
body{background:var(--ink-1) var(--grain)}

/* P2. Type: engraved small caps for labels, tighter display serif */
.kicker{font:600 11px/1.3 var(--f-ui);letter-spacing:.22em;color:var(--gold-2)}
.paper .kicker{color:var(--oak)}
.display,h1,.h2{letter-spacing:-.015em}
.display em,h1 em,.h2 em{color:var(--gold-2)}

/* P3. Gold foil buttons with a single sheen on hover */
.btn{border-color:var(--line-2);background:rgba(37,29,22,.7)}
.btn:hover{border-color:var(--gold)}
.btn-signal{position:relative;overflow:hidden;background:var(--foil);border-color:var(--gold);color:var(--signal-ink);text-shadow:0 1px 0 rgba(255,244,214,.35)}
.btn-signal:hover{background:var(--foil);border-color:var(--gold-2);color:var(--signal-ink)}
.btn-signal:after{content:"";position:absolute;top:-2px;bottom:-2px;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,250,232,.6),transparent);transform:skewX(-18deg);transition:left .9s cubic-bezier(.16,1,.3,1);pointer-events:none}
.btn-signal:hover:after{left:130%}

/* P4. Header: thin dated strip, crest lockup, tucks away on scroll down and returns on scroll up */
.topbar{display:block;height:var(--top);padding:0;background:linear-gradient(180deg,rgba(15,12,9,.97),rgba(20,17,13,.92));border-bottom:0;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold-2) 50%,var(--gold) 82%,transparent);opacity:.55;-webkit-mask:linear-gradient(#000 0 1px,transparent 1px 2px,#000 2px 3px);mask:linear-gradient(#000 0 1px,transparent 1px 2px,#000 2px 3px)}
.topbar.is-tucked{transform:translateY(calc(-1 * var(--top)))}
.topbar.is-compact{transform:translateY(calc(-1 * var(--strip)))}
.topstrip{height:var(--strip);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--gutter);background:linear-gradient(90deg,var(--green),#173026 55%,var(--green));border-bottom:1px solid rgba(201,162,74,.28);font:500 11px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:#d8cfb6}
.topstrip .ts-r{display:flex;gap:18px}
.topstrip .ts-r span:empty{display:none}
.topstrip b{color:var(--gold-2);font-weight:600}
.tb-main{height:calc(var(--top) - var(--strip));display:flex;align-items:center;gap:16px;padding:0 var(--gutter)}
.brand{gap:12px}
.brand svg{width:44px;height:44px;flex:none}
.brand span{display:flex;flex-direction:column;gap:3px;font:600 11px/1 var(--f-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--text-2)}
.brand i{font:400 italic 23px/1 var(--f-display);letter-spacing:0;text-transform:none;color:var(--gold-2)}
.nav a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.nav a{border-radius:0;border:0}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold-2);background:transparent;box-shadow:inset 0 -2px 0 var(--gold)}

/* P5. Label paper sections: tokens re-pointed so every component inside turns to dark ink on cream */
.band.paper,.paper{--ink-0:#fbf6ea;--ink-1:#f3ead7;--ink-2:#efe3cc;--ink-3:#e6d6ba;--ink-4:#d8c3a0;--line:rgba(122,86,52,.22);--line-2:rgba(122,86,52,.4);--text:#14110d;--text-2:#3b2a1e;--text-3:#5a4430;--signal:#7a5634;--signal-2:#5e4127;--signal-ink:#fbf6ea;--open:#226246;--closed:#9a382d;--unknown:#5f564b;--copper:#3f5b44;color:var(--text);background:var(--ink-1) var(--paper-tex);border-bottom:0;box-shadow:inset 0 1px 0 rgba(201,162,74,.55),inset 0 4px 0 -2px rgba(201,162,74,.3),inset 0 -1px 0 rgba(201,162,74,.55)}
.paper .h2 em,.paper h2 em{color:var(--green)}
.paper .btn-signal{color:#14110d}
.paper .btn{background:rgba(251,246,234,.7)}
.paper img[src*="/assets/bourbon-"]{filter:brightness(.45)}
.stats.paper{background:var(--ink-1) var(--paper-tex)}
.stats.paper .st{border-color:var(--line)}

/* P6. Hero and the dark sections: gold light, bonded green glow, oak grain */
.hero-bg{background:radial-gradient(45% 55% at 68% 46%,rgba(201,162,74,.18),transparent 70%),radial-gradient(42% 52% at 12% 88%,rgba(31,58,46,.45),transparent 72%),var(--grain),linear-gradient(180deg,var(--ink-1),var(--ink-0))}
.bourbon-salon{background:radial-gradient(55% 75% at 76% 52%,rgba(31,58,46,.6),transparent 72%),var(--grain),var(--ink-1)}
.engraved-rule:before,.engraved-rule:after{background:linear-gradient(90deg,transparent,var(--gold))!important}

/* P7. The entrance moment ("glass lands"), plays once when the section scrolls in */
.js .bourbon-salon .salon-art{transition:transform 1.25s cubic-bezier(.2,1.3,.35,1),opacity .7s ease}
.js .bourbon-salon:not(.arrived) .salon-art{opacity:0;transform:translateY(-90px) rotate(-3deg)}
.js .bourbon-salon .h2 .w{transition:color .6s ease;transition-delay:calc(var(--i,0) * 70ms + .35s)}
.js .bourbon-salon:not(.arrived) .h2 .w{color:var(--ink-4)}

/* P8. Distillery cards as small bottle labels */
.card,.trip,.ans,.rmini{border-radius:8px;border-color:var(--line-2);box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(201,162,74,.16)}
.paper .card,.paper .ans,.paper .rmini{box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(122,86,52,.18)}
.trip h3,.promise h3{font:400 24px/1.15 var(--f-display);letter-spacing:-.005em}
.ans b{color:var(--signal)}
.pc a{position:relative;align-items:center;text-align:center;gap:5px;padding:22px 20px 18px;border-radius:6px;background:radial-gradient(120% 90% at 50% 0%,rgba(201,162,74,.09),transparent 60%),var(--ink-2);border:1px solid var(--line-2);box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(201,162,74,.22)}
.pc a:before{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;transform:translateX(-50%) rotate(45deg);background:var(--ink-2);border:1px solid var(--gold)}
.pc a:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(201,162,74,.5),0 18px 34px -24px rgba(0,0,0,.9)}
.pc-k{justify-content:center;font:400 12px/1.2 var(--f-display);letter-spacing:.24em}
.pc-k:before,.pc-k:after{content:"";width:16px;height:1px;background:currentColor;opacity:.55}
.pc b{font:400 22px/1.15 var(--f-display);letter-spacing:-.005em}
.pc-c{font-size:12.5px;letter-spacing:.04em}
.pc .status{justify-content:center}
.pc-trail{order:3;flex-basis:100%;max-width:max-content;margin:2px auto 0;border-color:rgba(107,127,85,.6);background:rgba(31,58,46,.55);color:#cfdcc0}
.paper .pc-trail{background:var(--green);color:#e7efdc;border-color:var(--green)}

/* P9. Distillery page: the hero as a label panel, and the dated seal */
.place .ph{position:relative;margin-top:6px;padding:34px 38px;border:1px solid var(--line-2);border-radius:8px;background:radial-gradient(70% 90% at 0% 0%,rgba(201,162,74,.1),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(31,58,46,.35),transparent 65%),var(--ink-2);box-shadow:inset 0 0 0 6px var(--ink-2),inset 0 0 0 7px rgba(201,162,74,.25)}
.place .ph h1{font-size:clamp(40px,5vw,72px)}
.place .ph .mini{position:relative}
.seal{position:absolute;top:-6px;right:0;width:118px;height:118px;color:var(--gold-2)}
.seal svg{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.js .seal{transform:scale(.6) rotate(-25deg);opacity:0;transition:transform .9s cubic-bezier(.2,1.4,.35,1) .3s,opacity .5s ease .3s}
.js .seal.stamped{transform:none;opacity:1}

/* P10. Footer: tobacco and oak, crest, engraved rules */
.footer{margin-top:0;border-top:0;background:radial-gradient(60% 120% at 10% 0%,rgba(31,58,46,.4),transparent 65%),var(--grain),linear-gradient(180deg,#1a140f,#120e0a);box-shadow:inset 0 1px 0 rgba(201,162,74,.5),inset 0 4px 0 -2px rgba(201,162,74,.25)}
.footer-crest{width:124px;height:124px;margin:0 0 16px;color:var(--gold)}
.footer-crest svg{width:100%;height:100%}
.footer b{font:400 30px var(--f-display);color:var(--text)}
.fcols h4{font:400 13px var(--f-display);letter-spacing:.24em;color:var(--gold)}
.fcols a:hover{color:var(--gold-2)}
.fbar{border-top:1px solid var(--line)}

/* P11. Light mode keeps the same palette, inverted: cream pages, charcoal "label" bands */
html[data-theme=light]{--ink-0:#fbf6ea;--ink-1:#f3ead7;--ink-2:#ede1c9;--ink-3:#e4d3b4;--ink-4:#d6bf97;--line:rgba(122,86,52,.2);--line-2:rgba(122,86,52,.38);--text:#14110d;--text-2:#3b2a1e;--text-3:#5a4430;--signal:#7a5634;--signal-2:#5e4127;--signal-ink:#fbf6ea;--copper:#3f5b44;--open:#226246;--closed:#9a382d}
html[data-theme=light] body{background:var(--ink-1) var(--paper-tex)}
html[data-theme=light] .topbar{background:linear-gradient(180deg,rgba(251,246,234,.98),rgba(243,234,215,.94))}
html[data-theme=light] .brand i,html[data-theme=light] .display em,html[data-theme=light] h1 em,html[data-theme=light] .h2 em{color:var(--green)}
html[data-theme=light] .nav a:hover,html[data-theme=light] .nav a[aria-current="page"]{color:var(--text)}
html[data-theme=light] .band.paper{--ink-0:#0f0c09;--ink-1:#1b1611;--ink-2:#251d16;--ink-3:#31271d;--ink-4:#3d3124;--line:rgba(201,162,74,.18);--line-2:rgba(201,162,74,.36);--text:#f3ead7;--text-2:#d3c3a6;--text-3:#a9977c;--signal:#c9a24a;--signal-2:#e6c77a;--signal-ink:#14110d;--open:#6ad49c;--closed:#e38b78;background:var(--ink-1) var(--grain)}
html[data-theme=light] .band.paper .h2 em{color:var(--gold-2)}
html[data-theme=light] .band.paper img[src*="/assets/bourbon-"]{filter:none}
html[data-theme=light] .pc a,html[data-theme=light] .place .ph{box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(122,86,52,.25)}
html[data-theme=light] .footer{background:var(--paper-tex),linear-gradient(180deg,#efe3cc,#e6d6ba);color:var(--text-3)}
html[data-theme=light] .footer-crest{color:var(--oak)}
html[data-theme=light] .fcols h4{color:var(--signal-2)}
html[data-theme=light] .pc-trail{background:var(--green);color:#e7efdc;border-color:var(--green)}
html[data-theme=light] .seal{color:#e6c77a}
html[data-theme=light] .kicker,html[data-theme=light] .pc-k{color:var(--oak)}
html[data-theme=light] .band.paper .kicker,html[data-theme=light] .band.paper .pc-k{color:var(--gold-2)}
html[data-theme=light] .btn{background:rgba(251,246,234,.8);color:var(--text);border-color:var(--line-2)}
html[data-theme=light] .btn:hover{border-color:var(--oak)}
html[data-theme=light] .band.paper .btn{background:rgba(37,29,22,.7);color:#f3ead7}
html[data-theme=light] .btn-signal,html[data-theme=light] .band.paper .btn-signal{background:var(--foil);border-color:var(--gold);color:#14110d}
html[data-theme=light] .bourbon-salon{background:radial-gradient(55% 75% at 76% 52%,rgba(31,58,46,.12),transparent 72%),var(--paper-tex),var(--ink-1)}
html[data-theme=light] .hero-bg{background:radial-gradient(45% 55% at 68% 46%,rgba(201,162,74,.16),transparent 70%),radial-gradient(42% 52% at 12% 88%,rgba(31,58,46,.1),transparent 72%),var(--paper-tex),linear-gradient(180deg,var(--ink-1),var(--ink-0))}
html[data-theme=light] .place .ph{background:radial-gradient(70% 90% at 0% 0%,rgba(201,162,74,.14),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(31,58,46,.08),transparent 65%),var(--ink-2)}
html[data-theme=light] .js .bourbon-salon:not(.arrived) .h2 .w{color:var(--ink-4)}

/* P12. Phones and tablets */
@media (max-width:1100px){.nav{top:var(--top)}}
@media (max-width:760px){
  :root{--top:60px;--strip:0px}
  .topstrip{display:none}
  .brand svg{width:36px;height:36px}
  .brand span{font-size:9.5px;letter-spacing:.26em}
  .brand i{font-size:19px}
  .place .ph{padding:24px 20px}
  .seal{width:92px;height:92px;top:-10px}
  .pc b{font-size:20px}
}

/* P13. Reduced motion: final state, no travel */
@media (prefers-reduced-motion:reduce){
  .topbar.is-tucked,.topbar.is-compact{transform:none}
  .js .bourbon-salon:not(.arrived) .salon-art{opacity:1;transform:none}
  .js .bourbon-salon:not(.arrived) .h2 .w{color:inherit}
  .js .seal{opacity:1;transform:none}
  .btn-signal:after{display:none}
}

/* P14. Print */
@media print{:root,html[data-theme=light],.band.paper,.paper{--ink-0:#fff;--ink-1:#fff;--ink-2:#fff;--ink-3:#fff;--ink-4:#fff;--text:#111;--text-2:#333;--text-3:#444;--signal:#333;--signal-2:#555;--gold:#555;--gold-2:#333;--copper:#555;--line:#ccc;--line-2:#aaa}html,body{background:#fff!important;color:#111!important}.topstrip,.seal{display:none!important}.card,.trip,.ans,.rmini,.pc a,.place .ph{box-shadow:none;background:#fff}.band.paper,.paper{background:#fff!important;box-shadow:none}}