:root{
  --hdr:104px;
  --badge:228px;
  --paper:#F4EDDF;
  --paper-2:#EBE1CE;
  --paper-3:#E2D6BE;
  --night:#001427;
  --night-2:#0A2033;
  --ink:#1B1D19;
  --ink-soft:#4A4C45;
  --evergreen:#2F4D3C;
  --moss:#425A46;
  --sage:#6B8B46;
  --burgundy:#6B2F34;
  --navy:#1E3546;
  --copper:#B87333;
  --amber:#A55C2A;
  --gold:#B8985A;
  --ruby:#7B1E2D;
  --slate:#5A676B;
  --accent:var(--evergreen);
  --display:'Cinzel',Georgia,serif;
  --body:'Cormorant Garamond',Georgia,serif;
  --script:'Parisienne',cursive;
  --wrap:1180px;
}
*{box-sizing:border-box}
::selection{background:var(--gold);color:var(--night)}
.telink{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;
  opacity:.9;transition:opacity .2s}
.telink:hover{opacity:1}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:19px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
nav.tabs a{text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.narrow{max-width:800px}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0;line-height:1.15;letter-spacing:.02em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:.06em;font-weight:400;line-height:1.1}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:.07em}
h3{font-size:1.22rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
p{margin:0 0 1.1em}
.script{font-family:var(--script);font-size:1.5em;letter-spacing:.01em;line-height:1.2}
.eyebrow{
  font-family:var(--display);font-size:.72rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:1.1rem;
}
.lede{font-size:1.32rem;line-height:1.62;color:var(--ink-soft)}
.rule{width:74px;height:1px;background:var(--accent);margin:1.4rem 0;opacity:.6}
.center{text-align:center}
.center .rule{margin:1.4rem auto}

/* ---------- label frame: the signature device ---------- */
.frame{position:relative;border:1.5px solid var(--accent);padding:clamp(26px,4vw,54px)}
.frame::before{content:"";position:absolute;inset:7px;border:1px solid var(--accent);opacity:.55;pointer-events:none}
.frame > *{position:relative}
.corner{position:absolute;width:20px;height:20px;border:1px solid var(--accent);opacity:.75}
.corner.tl{top:14px;left:14px;border-right:0;border-bottom:0}
.corner.tr{top:14px;right:14px;border-left:0;border-bottom:0}
.corner.bl{bottom:14px;left:14px;border-right:0;border-top:0}
.corner.br{bottom:14px;right:14px;border-left:0;border-top:0}

/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:60;background:var(--night);color:var(--paper);
  border-bottom:1px solid rgba(184,152,90,.32);transition:none}

.bar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:var(--hdr);
  max-width:var(--wrap);margin:0 auto;padding:10px 28px}
.brandmark{display:flex;align-items:center;gap:13px;cursor:pointer;background:none;border:0;
  color:inherit;padding:0;text-align:left;text-decoration:none;transition:opacity .25s}
.brandmark:hover{opacity:.78}
.brandmark:hover .wm{color:var(--gold)}
.brandmark:focus-visible{outline:2px solid var(--gold);outline-offset:6px}

.brandmark .wm{font-family:var(--display);font-size:clamp(1.4rem,2.6vw,2.15rem);letter-spacing:.3em;
  font-weight:500;line-height:1}
.brandmark .sub{font-family:var(--display);font-size:clamp(.56rem,.8vw,.7rem);letter-spacing:.32em;
  opacity:.78;margin-top:8px}
nav.tabs{display:flex;gap:4px;flex-wrap:wrap}
nav.tabs .navhome{display:none}
nav.tabs button,nav.tabs a{
  display:inline-block;text-decoration:none;
  background:none;border:0;color:var(--paper);cursor:pointer;
  font-family:var(--display);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  padding:11px 13px;position:relative;opacity:.78;transition:opacity .2s;
}
nav.tabs button:hover,nav.tabs a:hover{opacity:1;color:var(--gold)}
nav.tabs button[aria-current="page"],nav.tabs a[aria-current="page"]{opacity:1;color:var(--gold)}
nav.tabs button[aria-current="page"]::after,nav.tabs a[aria-current="page"]::after{
  content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:var(--gold)}
nav.tabs button:focus-visible,nav.tabs a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.menu-toggle{display:none}

/* ---------- award badge, large in every page hero ---------- */
.herobadge{position:absolute;z-index:4;width:var(--badge);
  right:clamp(20px,5vw,72px);top:50%;transform:translateY(-50%);
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.5))}
.hero-full .herobadge{top:auto;transform:none;bottom:clamp(52px,9vh,120px)}

/* ---------- a large bear on every page ---------- */
.bearblock{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:center}
.bearblock img{width:100%;max-width:340px;margin:0 auto}
.bearblock h2{font-weight:400;margin-bottom:1.2rem}

/* ---------- pages ---------- */
.page{display:none}
.page.on{display:block;animation:fade .45s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
section{padding:clamp(84px,11vw,168px) 0}
section.tight{padding:clamp(56px,6vw,92px) 0}
section.airy{padding:clamp(120px,16vw,240px) 0}
.band-dark{background:var(--night);color:var(--paper)}
.band-dark .lede{color:rgba(244,237,223,.76)}
.band-dark .eyebrow{color:var(--gold)}
.band-deep{background:var(--paper-2)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;
  background-color:var(--night);color:var(--paper);overflow:hidden;padding:90px 0}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5}
.hero .veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,20,39,.72),rgba(0,20,39,.5) 45%,rgba(0,20,39,.9))}
.hero .wrap{position:relative}
.hero h1{max-width:15ch}
.hero .lede{max-width:46ch;color:rgba(244,237,223,.86);margin-top:1.5rem}
.hero .eyebrow{color:var(--gold)}
.badge{position:absolute;right:36px;bottom:44px;width:clamp(120px,15vw,182px);z-index:3;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.page-hero{background:var(--night);color:var(--paper);padding:clamp(112px,14vw,210px) 0 clamp(92px,11vw,150px);
  position:relative;overflow:hidden}
.page-hero .bg{display:none}
.page-hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,39,.86),rgba(0,20,39,.94))}
.page-hero .wrap{position:relative}
.page-hero .eyebrow{color:var(--gold)}
.page-hero .lede{color:rgba(244,237,223,.8);max-width:50ch}
.page-hero h1{max-width:16ch}

/* ---------- buttons ---------- */
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:2.2rem}
.btn{
  display:inline-block;font-family:var(--display);font-size:.72rem;letter-spacing:.24em;
  text-transform:uppercase;padding:15px 30px;border:1px solid currentColor;
  text-decoration:none;cursor:pointer;background:none;color:inherit;transition:.24s;font-weight:600;
}
.btn:hover{background:var(--gold);border-color:var(--gold);color:var(--night)}
.btn.solid{background:var(--gold);border-color:var(--gold);color:var(--night)}
.btn.solid:hover{background:transparent;color:var(--gold)}
.btn.ink{border-color:var(--evergreen);color:var(--evergreen)}
.btn.ink:hover{background:var(--evergreen);color:var(--paper)}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- press strip ---------- */
.press-strip{background:var(--paper-2);border-top:1px solid rgba(47,77,60,.22);
  border-bottom:1px solid rgba(47,77,60,.22);padding:26px 0}
.press-strip .row{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,52px);justify-content:center;align-items:center}
.press-strip span{font-family:var(--display);font-size:.76rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--moss);opacity:.85}

/* ---------- grids ---------- */
.grid{display:grid;gap:clamp(20px,2.6vw,34px)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,68px);align-items:center}

/* ---------- quadrant cards ---------- */
.quad{background:none;border:1px solid rgba(47,77,60,.3);padding:34px 26px;text-align:center;
  cursor:pointer;font:inherit;color:inherit;transition:.25s;position:relative}
.quad:hover{background:var(--paper-2);border-color:var(--evergreen);transform:translateY(-3px)}
.quad .seal{width:60px;margin:0 auto 16px;opacity:.88}
.quad h3{margin-bottom:9px;color:var(--evergreen)}
.quad p{font-size:.98rem;color:var(--ink-soft);margin:0}

/* ---------- spirit cards ---------- */
.spirit{border:1.5px solid var(--accent);padding:18px;background:#F6EFE1;position:relative}
.spirit::before{content:"";position:absolute;inset:8px;border:1px solid var(--accent);opacity:.45;pointer-events:none}
.spirit img{position:relative;border:1px solid rgba(0,0,0,.06)}
.spirit .meta{position:relative;padding:20px 12px 6px;display:flex;justify-content:space-between;
  gap:20px;align-items:baseline;flex-wrap:wrap}
.spirit .notes{font-size:1.02rem;color:var(--ink-soft);margin:0;max-width:60ch}
.spirit .notes b{color:var(--accent);font-weight:600;font-family:var(--display);
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:6px}
.spirit .price{font-family:var(--display);font-size:1.15rem;letter-spacing:.08em;color:var(--accent);white-space:nowrap}

/* ---------- menu ---------- */
.menutabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:clamp(34px,4vw,52px)}
.menutabs{gap:clamp(20px,4vw,50px)}
.menutabs button{font-family:var(--display);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;
  padding:8px 2px 9px;border:0;border-bottom:1px solid transparent;background:none;cursor:pointer;
  color:var(--ink-soft);opacity:.62;transition:.24s}
.menutabs button:hover{opacity:1}
.menutabs button[aria-selected="true"]{opacity:1;color:var(--evergreen);border-bottom-color:var(--evergreen)}
.menutabs button:focus-visible{outline:2px solid var(--evergreen);outline-offset:2px}
.menupanel{display:none}
.menupanel.on{display:block;animation:fade .35s ease}
.course{font-family:var(--display);font-size:.76rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--accent);text-align:center;margin:0 0 30px;display:flex;align-items:center;gap:18px;justify-content:center}
.course::before,.course::after{content:"";height:1px;background:var(--accent);flex:1;max-width:120px;opacity:.5}
.drinks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 46px;margin-bottom:52px}
.drink{padding:15px 0;border-bottom:1px dotted rgba(47,77,60,.3)}
.drink .top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.drink .nm{font-family:var(--display);font-size:.98rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600}
.drink .pr{font-family:var(--display);font-size:.98rem;color:var(--accent);letter-spacing:.05em}
.drink .ing{font-size:1.02rem;color:var(--ink-soft);margin:3px 0 0;font-style:italic}

.featured{text-align:center;margin-bottom:clamp(56px,7vw,92px)}
.featured .lbl{font-family:var(--display);font-size:.64rem;letter-spacing:.4em;text-transform:uppercase;
  color:var(--ink-soft);opacity:.6;margin-bottom:20px}
.featured .row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(24px,4.4vw,58px)}
.featured .row span{font-family:var(--display);font-size:.72rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--moss)}

/* ---------- press index ---------- */
.masthead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px solid rgba(47,77,60,.3);margin-bottom:20px}
.masthead .o{font-family:var(--display);font-size:clamp(1.05rem,1.9vw,1.42rem);letter-spacing:.14em;
  text-transform:uppercase;color:var(--evergreen);font-weight:600;line-height:1}
.masthead .d{font-family:var(--display);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-soft);opacity:.8;margin-left:auto}
.clips-lead{border-top:2px solid var(--evergreen);padding-top:26px}
.clips-lead .masthead .o{font-size:clamp(1.4rem,2.8vw,2.1rem)}
blockquote.huge{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3.6vw,2.9rem);
  line-height:1.24;letter-spacing:.02em;margin:0 0 1.4rem;max-width:22ch;color:var(--ink)}
.clips{columns:2;column-gap:clamp(34px,5vw,72px)}
.clip{break-inside:avoid;margin-bottom:clamp(40px,5vw,66px);display:inline-block;width:100%}
.clip blockquote{margin:0 0 1rem;font-size:1.3rem;line-height:1.42;font-style:italic;color:var(--ink)}
.sum{font-size:1.04rem;line-height:1.6;color:var(--ink-soft);margin:0 0 1.1rem}
.go{font-family:var(--display);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--copper);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.go:hover{color:var(--amber)}

/* ---------- hours ---------- */
.hours{list-style:none;margin:0;padding:0}
.hours li{display:flex;justify-content:space-between;gap:20px;padding:11px 0;
  border-bottom:1px dotted rgba(47,77,60,.3);font-size:1.06rem}
.hours .d{font-family:var(--display);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.hours .closed{opacity:.45}
.closure{margin:26px 0 0;padding:16px 20px;border-left:2px solid var(--burgundy);
  background:rgba(107,47,52,.07);font-size:1.02rem;color:var(--ink-soft)}
.closure b{display:block;color:var(--burgundy);font-family:var(--display);font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.info-b{margin-bottom:34px}
.info-b h3{color:var(--accent);margin-bottom:12px}
.info-b p{margin-bottom:.4em;font-size:1.06rem}

/* ---------- gift cards ---------- */
.gc{display:block;text-decoration:none;position:relative;background:#F7F1E4;color:var(--ink);padding:38px 26px 34px;
  border:1.5px solid var(--accent);text-align:center;transition:.28s;cursor:pointer}
.gc::before{content:"";position:absolute;inset:7px;border:1px solid var(--accent);opacity:.5}
.gc:hover{transform:translateY(-4px)}
.gc .amt{font-family:var(--display);font-size:2.4rem;letter-spacing:.04em;color:var(--accent);
  font-weight:400;position:relative}
.gc .lbl{font-family:var(--display);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink-soft);margin-top:10px;position:relative}
.gc .wm{display:none}
.steps{counter-reset:s}
.step{display:flex;gap:20px;padding:22px 0;border-bottom:1px dotted rgba(47,77,60,.3)}
.step .n{font-family:var(--display);font-size:.78rem;letter-spacing:.14em;color:var(--copper);
  padding-top:5px;min-width:34px}
.step h4{font-family:var(--display);font-size:1rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}
.step p{margin:0;font-size:1.03rem;color:var(--ink-soft)}

/* ---------- field-journal ornaments ---------- */
.orn{display:block;margin:clamp(46px,7vw,88px) auto;width:clamp(64px,7vw,96px);
  opacity:.72;mix-blend-mode:multiply}
.orn.sm{width:clamp(48px,5vw,68px);margin:clamp(34px,5vw,58px) auto}
.band-dark .orn,.stillshow .orn{mix-blend-mode:normal;opacity:.6;filter:brightness(1.7) sepia(.2)}
.ornrow{display:flex;justify-content:center;align-items:flex-end;gap:clamp(26px,5vw,64px);
  margin:clamp(40px,6vw,74px) auto 0}
.ornrow img{width:clamp(52px,6vw,80px);opacity:.7;mix-blend-mode:multiply}

/* ---------- photography ---------- */
.photorow{display:grid;gap:clamp(14px,2vw,26px)}
.photorow.g2{grid-template-columns:1fr 1fr}
.photorow.g3{grid-template-columns:repeat(3,1fr)}
.photorow img{width:100%;height:100%;object-fit:cover;display:block}
.photorow.tall img{aspect-ratio:3/4}
.photorow.sq img{aspect-ratio:1/1}
figure.plate-fig{margin:0}
figure.plate-fig img{width:100%;display:block}
figure.plate-fig figcaption{font-family:var(--display);font-size:.64rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--ink-soft);opacity:.75;text-align:center;margin-top:14px}
.photo-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.photo-split img{width:100%}

/* ---------- founder ---------- */
.founder-lead{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,72px);align-items:center}
.founder-lead img{width:100%}
.cv{display:grid;grid-template-columns:auto 1fr;gap:8px clamp(24px,4vw,52px);
  max-width:760px;margin:0 auto}
.cv dt{font-family:var(--display);font-size:.78rem;letter-spacing:.16em;color:var(--accent);
  padding:14px 0;border-top:1px solid rgba(47,77,60,.25);white-space:nowrap}
.cv dd{margin:0;padding:14px 0;border-top:1px solid rgba(47,77,60,.25);font-size:1.06rem;
  color:var(--ink-soft)}
.cv dt:first-of-type,.cv dd:first-of-type{border-top:0}

/* ---------- thank you ---------- */
.thanks{padding:clamp(70px,11vw,150px) 0 clamp(80px,12vw,170px)}
.thanks-bear{width:clamp(190px,26vw,330px);margin:0 auto clamp(30px,4vw,48px)}
.thanks h1{font-size:clamp(2.4rem,5.6vw,4.2rem)}

/* ---------- contact form ---------- */
.cform{max-width:520px;margin:2.2rem auto 0;text-align:left;display:grid;gap:18px}
.cform label{display:block;font-family:var(--display);font-size:.66rem;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(244,237,223,.72)}
.cform input,.cform textarea{width:100%;margin-top:9px;padding:13px 15px;
  border:1px solid rgba(244,237,223,.34);background:rgba(255,255,255,.05);color:var(--paper);
  font-family:var(--body);font-size:1.05rem;border-radius:0}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--gold);
  background:rgba(255,255,255,.09)}
.cform textarea{resize:vertical}
.cform button{justify-self:start;margin-top:6px}
.cform .hp{position:absolute;left:-9999px}

/* ---------- footer ---------- */
footer.site{background:var(--night);color:var(--paper);padding:64px 0 30px;
  border-top:1px solid rgba(184,152,90,.3)}
footer.site h4{font-family:var(--display);font-size:.68rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--gold);margin-bottom:14px}
footer.site p,footer.site a{font-size:1rem;color:rgba(244,237,223,.78);text-decoration:none;margin:0 0 6px}
footer.site a:hover{color:var(--gold)}
footer .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer .legal{margin-top:46px;padding-top:22px;border-top:1px solid rgba(244,237,223,.16);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-size:.82rem;color:rgba(244,237,223,.5)}
.flock .wm{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:.3em;
  font-weight:500;line-height:1;color:var(--paper)}
.flock .sub{font-family:var(--display);font-size:clamp(.6rem,.95vw,.78rem);letter-spacing:.32em;
  color:rgba(244,237,223,.8);margin-top:11px}

/* ---------- note flags for the client ---------- */
.note{border-left:3px solid var(--copper);background:rgba(184,115,51,.09);
  padding:14px 18px;font-size:.98rem;color:var(--ink-soft);margin:22px 0}
.note b{color:var(--amber);font-family:var(--display);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;display:block;margin-bottom:4px}


/* ---------- v4: hero, after the business card ---------- */
.hero-full{position:relative;height:100svh;min-height:640px;max-height:1000px;display:flex;
  align-items:center;background:#0B0A08;color:var(--paper);overflow:hidden}
.hero-full .bg{position:absolute;inset:0;background-size:cover;background-position:56% 32%;
  filter:contrast(1.22) saturate(1.28) brightness(.86);
  animation:driftin 2.6s cubic-bezier(.16,.8,.24,1) both}
@keyframes driftin{from{transform:scale(1.1);opacity:0}to{transform:scale(1.02);opacity:1}}
.hero-full .veil{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,10,8,.92) 0%,rgba(11,10,8,.72) 26%,rgba(11,10,8,.30) 58%,rgba(11,10,8,.10) 100%)}
.hero-full .veil2{position:absolute;inset:0;
  background:radial-gradient(ellipse 92% 84% at 64% 48%,transparent 34%,rgba(11,10,8,.60) 100%)}
.hero-full .keyline{position:absolute;inset:clamp(14px,1.7vw,26px);
  border:1px solid rgba(184,115,51,.42);pointer-events:none}
.hero-full .wrap{position:relative;width:100%}
.hero-mark{max-width:min(560px,52vw)}
.hero-mark .fr{display:flex;align-items:center;gap:16px;color:rgba(184,115,51,.75)}
.hero-mark .fr::before,.hero-mark .fr::after{content:"";height:1px;background:currentColor;flex:1;opacity:.7}
.hero-mark .fr svg{width:17px;height:22px;flex:none}
.hero-mark .l1{font-family:var(--display);font-size:clamp(.86rem,1.5vw,1.22rem);
  letter-spacing:.34em;color:#D9CFBB;margin:1.5rem 0 .35rem}
.hero-mark .l2{font-family:var(--display);font-size:clamp(.72rem,1.1vw,.92rem);
  letter-spacing:.4em;color:#B4A78E;margin:0 0 .5rem}
.hero-mark .l3{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.6vw,4rem);
  letter-spacing:.07em;line-height:1.04;color:#EDE3CE;margin:0 0 1.6rem}
.hero-full .sub{max-width:34ch;margin:1.9rem 0 0;font-size:1.14rem;color:rgba(237,227,206,.72)}
.rise{opacity:0;transform:translateY(20px);animation:rise 1.1s cubic-bezier(.16,.8,.24,1) forwards}
.rise.d1{animation-delay:.3s}.rise.d2{animation-delay:.5s}.rise.d3{animation-delay:.72s}
@keyframes rise{to{opacity:1;transform:none}}
.quiet{display:inline-block;font-family:var(--display);font-size:.7rem;letter-spacing:.26em;
  text-transform:uppercase;text-decoration:none;padding-bottom:7px;border-bottom:1px solid currentColor;
  color:var(--copper);transition:.3s;cursor:pointer}
.quiet:hover{letter-spacing:.34em}
.quiet.ink{color:var(--evergreen)}
.quiets{display:flex;gap:clamp(22px,4vw,54px);flex-wrap:wrap;margin-top:2.4rem}
.scrollcue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:3;
  width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(184,115,51,.8));
  animation:cue 2.6s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.2;height:30px}50%{opacity:.9;height:52px}}

/* ---------- v4: the foraging statement ---------- */
.forage{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,6vw,96px);align-items:center}
.forage .who img{width:100%;max-width:360px;margin:0 auto}
.forage .big{font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.34;letter-spacing:.02em;margin:0}
.forage .sm{font-size:1.14rem;color:var(--ink-soft);max-width:44ch;margin:1.6rem 0 0}

/* ---------- the still, on the same black as the section ---------- */
.stillshow{background:var(--paper-2);padding:clamp(90px,12vw,180px) 0}
.stillshow h2{color:var(--ink)}
.stillgrid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(26px,4vw,58px);
  align-items:stretch}
.stillgrid img{box-shadow:0 16px 36px rgba(27,29,25,.16);display:block}
.stillgrid .stillmain{display:flex}
.stillgrid .stillmain img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.stillgrid .side{display:flex;flex-direction:column}
.stillgrid .words{padding-top:clamp(4px,1vw,14px)}
.stillgrid .words h2{margin-bottom:0}
.stillgrid .pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);
  margin-top:auto;padding-top:clamp(30px,4vw,48px)}
.stillgrid .pair img{width:100%;aspect-ratio:1/1;object-fit:cover}

/* ---------- v4: legible text over photography ---------- */

.band-img.tall{min-height:clamp(520px,76vh,820px)}
.band-img .plate{display:inline-block;padding:clamp(28px,4vw,52px) clamp(30px,5vw,66px);
  background:rgba(6,14,22,.80);backdrop-filter:blur(4px);border:1px solid rgba(184,152,90,.34)}

/* ---------- botanical artwork: cut out, so it sits on any ground ---------- */
.bot{display:block}
.mirror{transform:scaleX(-1)}

/* ---------- v5: seasonal chapters, laid out like the label ---------- */
.chapter{min-height:88svh;display:flex;align-items:center;
  padding:clamp(64px,9vw,124px) 0;position:relative;overflow:hidden}
.chapter .inner{display:grid;grid-template-columns:1fr .82fr 1fr;gap:clamp(20px,3.4vw,56px);
  align-items:center;max-width:var(--wrap);margin:0 auto;padding:0 28px;width:100%}
.chapter .bearcol img{width:100%;max-width:400px;margin:0 auto}
.chapter .art img{width:100%;max-width:520px;margin:0 auto}
.chapter .mid{text-align:center}
.chapter .ssn{font-family:var(--display);font-weight:400;letter-spacing:.06em;
  font-size:clamp(1.9rem,3.9vw,3rem);line-height:1;color:var(--accent);margin:0}
.chapter .nm{font-family:var(--display);font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--ink);margin:1.4rem 0 .9rem}
.chapter .txt{font-size:1.1rem;line-height:1.55;color:var(--ink-soft);margin:0 auto;max-width:30ch}
.chapter .hair{width:52px;height:1px;background:var(--accent);opacity:.55;margin:1.3rem auto}

/* ---------- v6: spirit exhibits, in the label composition ---------- */
.exhibit{display:grid;grid-template-columns:1fr .8fr 1fr;gap:clamp(20px,3.4vw,54px);
  align-items:center;margin-bottom:clamp(96px,13vw,180px)}
.exhibit:last-of-type{margin-bottom:0}
.exhibit .bearcol img{width:100%;max-width:390px;margin:0 auto}
.exhibit .art img{width:100%;max-width:500px;margin:0 auto}
.exhibit .mid{text-align:center}
.exhibit .cat{font-family:var(--display);font-size:.68rem;letter-spacing:.36em;
  text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.exhibit h3{font-size:1.62rem;letter-spacing:.07em;text-transform:none;font-weight:400;
  font-family:var(--display);margin-bottom:1rem;line-height:1.2}
.exhibit .txt{font-size:1.1rem;line-height:1.58;color:var(--ink-soft);max-width:32ch;margin:0 auto 1.4rem}
.exhibit .pr{font-family:var(--display);font-size:.84rem;letter-spacing:.2em;color:var(--accent)}
.group{font-family:var(--display);font-size:clamp(1.15rem,2.3vw,1.7rem);letter-spacing:.26em;
  text-transform:uppercase;color:var(--evergreen);font-weight:500;text-align:center;
  margin:0 0 clamp(56px,7vw,96px);display:flex;align-items:center;gap:clamp(18px,3vw,40px);
  justify-content:center}
.group::before,.group::after{content:"";height:1px;background:var(--evergreen);opacity:.4;
  flex:1;max-width:150px}

/* ---------- v2: full-bleed image band ---------- */
.band-img{position:relative;min-height:clamp(420px,62vh,700px);display:flex;align-items:center;
  background-color:var(--night);color:var(--paper);overflow:hidden;padding:80px 0}
.band-img .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.band-img .veil{position:absolute;inset:0;background:rgba(0,20,39,.42)}
.band-img .wrap{position:relative;text-align:center}
.band-img h2{font-weight:400;letter-spacing:.05em;max-width:20ch;margin:0 auto}

/* ---------- v2: engraved botanical band ---------- */
.engraved{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,40px);
  align-items:end;opacity:.82}
.engraved img{mix-blend-mode:multiply}

/* ---------- v2: acclaim ---------- */
.acclaim{text-align:center}
.acclaim .badge-lg{width:clamp(180px,21vw,268px);margin:0 auto clamp(32px,4vw,48px);
  filter:drop-shadow(0 18px 34px rgba(27,29,25,.2))}
.acclaim .claim{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:400;
  letter-spacing:.04em;max-width:22ch;margin:0 auto 2.6rem}
.outlets{display:flex;flex-wrap:wrap;justify-content:center;gap:18px clamp(30px,5vw,68px);
  margin-top:clamp(38px,5vw,56px)}
.outlets span{font-family:var(--display);font-size:clamp(.84rem,1.35vw,1.06rem);letter-spacing:.2em;
  text-transform:uppercase;color:var(--moss);font-weight:600}
.pquotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,4vw,58px);
  margin:clamp(38px,5vw,64px) 0 0;text-align:left}
.pquotes .o{font-family:var(--display);font-size:.98rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--evergreen);font-weight:600;padding-bottom:12px;border-bottom:1px solid rgba(47,77,60,.3);
  margin-bottom:16px}
.pquotes q{font-size:1.24rem;line-height:1.45;font-style:italic;color:var(--ink);quotes:'"' '"'}

@media(max-width:820px){
  .chapter{min-height:auto}
  .chapter .inner,.exhibit,.bearblock,.pquotes,.stillgrid,.photo-split,.founder-lead,
  .photorow.g3{grid-template-columns:1fr;gap:26px}
  .cv{grid-template-columns:1fr;gap:0}
  .cv dt{padding-bottom:0;border-top:1px solid rgba(47,77,60,.25)}
  .cv dd{padding-top:4px;border-top:0}
  .ornrow{gap:20px}
  .stillgrid .stillmain img{height:auto;object-fit:contain}
  .stillgrid .pair{margin-top:0}
  .clips{columns:1}
  .exhibit .bearcol img,.exhibit .art img{max-width:330px}
  .chapter .bearcol img,.chapter .art img,.exhibit .bearcol img,.exhibit .art img{max-width:330px}

  .exhibit{margin-bottom:clamp(80px,14vw,120px)}
  .hero-full{height:88svh}
}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  :root{--badge:168px}
}
@media(max-width:1000px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  footer .fgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  :root{--hdr:82px;--badge:132px}
  body{font-size:18px}
  .bar{flex-wrap:wrap;padding:10px 18px}
  .menu-toggle{display:block;background:none;border:1px solid rgba(244,237,223,.4);color:var(--paper);
    font-family:var(--display);font-size:.64rem;letter-spacing:.2em;padding:9px 14px;cursor:pointer}
  nav.tabs{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:8px}
  nav.tabs.open{display:flex}
  nav.tabs .navhome{display:block}
  nav.tabs button,nav.tabs a{text-align:left;padding:13px 4px;border-bottom:1px solid rgba(244,237,223,.12)}
  nav.tabs button[aria-current="page"]::after,nav.tabs a[aria-current="page"]::after{left:4px;right:auto;width:26px;bottom:8px}
  .split,.g2,.g3,.g4,.drinks{grid-template-columns:1fr}
  .drinks{gap:0}
  .wrap{padding:0 20px}
  .badge{width:104px;right:20px;bottom:22px}
  footer .fgrid{grid-template-columns:1fr}
}

/* ================= mobile corrections ================= */
@media(max-width:820px){
  /* 1. hero: the side-to-side veil hid the still on a narrow screen.
        Switch to a vertical scrim so the copper stays visible. */
  .hero-full{height:auto;min-height:96svh;align-items:flex-end}
  .hero-full .bg{background-position:54% 30%}
  .hero-full .veil{
    background:linear-gradient(180deg,rgba(11,10,8,.55) 0%,rgba(11,10,8,.10) 30%,
                                rgba(11,10,8,.72) 66%,rgba(11,10,8,.96) 100%)}
  .hero-full .veil2{
    background:radial-gradient(ellipse 130% 50% at 50% 32%,transparent 26%,rgba(11,10,8,.42) 100%)}
  .hero-full .wrap{padding-bottom:clamp(46px,7vh,84px)}
  .hero-mark{max-width:none}
  .scrollcue{display:none}

  /* 2. bear always first, then the botanicals — on both Home and Spirits */
  .chapter .inner,.exhibit{display:flex;flex-direction:column}
  .chapter .bearcol,.exhibit .bearcol{order:1}
  .chapter .mid,.exhibit .mid{order:2}
  .chapter .art,.exhibit .art{order:3}
  .chapter .mid,.exhibit .mid{text-align:center}

  /* 3. award badge sits above the headline instead of over it */
  .page-hero{padding-top:clamp(30px,6vw,44px)}
  .page-hero .herobadge{position:static;transform:none;display:block;
    width:clamp(112px,30vw,150px);margin:0 0 clamp(22px,5vw,34px) auto}
  .hero-full .herobadge{position:static;transform:none;width:112px;
    margin:0 0 20px auto;bottom:auto}

  /* 4. text over photographs drops to the lower third so the subject reads */
  .band-img{align-items:flex-end}
  .band-img .wrap{padding-bottom:clamp(26px,5vw,44px)}
  .band-img .plate{padding:22px 20px}
  .band-img.tall{min-height:clamp(460px,72vh,640px)}
}

/* ---------- print: menus and directions are the pages people print ---------- */
@media print{
  html,body{background:#fff!important;color:#000!important;font-size:11.5pt}
  header.site,footer.site,.menu-toggle,.herobadge,.scrollcue,.orn,.ornrow,
  .band-img,.hero-full,.cform,.quiets,.photorow,figure.plate-fig{display:none!important}
  .band-dark,.band-deep,.page-hero,.stillshow{background:#fff!important;color:#000!important;
    padding:12pt 0!important}
  .band-dark *,.page-hero *,.stillshow *{color:#000!important}
  .eyebrow{color:#444!important}
  section{padding:14pt 0!important;break-inside:avoid}
  h1{font-size:22pt}h2{font-size:15pt}h3{font-size:11pt}
  .drinks{grid-template-columns:1fr 1fr;gap:0 24pt}
  .drink{break-inside:avoid;padding:6pt 0}
  a{text-decoration:none;color:#000!important}
  .chapter,.exhibit,.bearblock,.stillgrid,.founder-lead,.photo-split{
    display:block!important}
  .chapter img,.exhibit img,.bearblock img,.stillgrid img,.founder-lead img,
  .photo-split img,.gc .wm{display:none!important}
  .menupanel{display:block!important}
  .menutabs{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto}
}