:root{--bg:#061315;--bg2:#082022;--teal:#5faea2;--gold:#B88432;--gold2:#dfbe77;--cream:#e8ddc7;--muted:#a79b87;--line:#B8843250}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 15%,#17474322,transparent 28rem),linear-gradient(#061315,#071719 48%,#051113);color:var(--cream);font-family:Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}
header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;min-height:66px;background:#041012f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{justify-self:start}.brand img{width:24px;height:48px;object-fit:contain}nav{grid-column:2;display:flex;gap:34px}nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.69rem;padding:24px 0;color:#ded1bb}nav a:hover{color:var(--gold2)}
.hero{position:relative;overflow:hidden;min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#051315 0 47%,#0a2b2cce 64%,#051315 100%)}.hero:before{content:"";position:absolute;left:-110px;bottom:-150px;width:430px;height:430px;border-radius:50%;opacity:.07;background:repeating-conic-gradient(from 5deg,#B88432 0 4deg,transparent 4deg 18deg)}.hero:after{content:"✦";position:absolute;right:46px;top:86px;color:var(--gold);opacity:.23;font-size:42px}
.hero-copy{position:relative;z-index:2;padding:70px clamp(30px,7vw,100px)}.hero-pineapple{width:56px;height:auto;margin-bottom:22px;object-fit:contain}.eyebrow{text-transform:uppercase;letter-spacing:.21em;color:var(--gold);font-size:.69rem}.hero h1,.title,.drink h1{font-family:Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.09em;color:var(--gold2)}.hero h1{font-size:clamp(3.7rem,7vw,6.3rem);line-height:.91;margin:10px 0}.current-season{color:var(--teal);font-family:Georgia,serif;font-size:clamp(1.35rem,2.8vw,2.1rem);letter-spacing:.18em;text-transform:uppercase;margin-top:17px}.ornament{display:flex;align-items:center;gap:12px;width:180px;color:var(--gold);margin:17px 0}.ornament:before,.ornament:after{content:"";height:1px;background:var(--gold);flex:1}.ornament span{font-size:.65rem}.hero-copy p{max-width:430px;line-height:1.8;letter-spacing:.11em;text-transform:uppercase;font-size:.76rem}.btn{display:inline-block;margin-top:14px;padding:13px 24px;border:1px solid var(--gold);color:var(--gold2);background:transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;cursor:pointer}.btn:hover{background:var(--gold);color:var(--bg)}
.hero-image{position:relative;padding:48px;display:flex;justify-content:center}.hero-image:before{content:"";position:absolute;inset:9% 13%;border:1px solid #B8843224;transform:rotate(2deg)}.hero-image img{position:relative;z-index:2;width:min(430px,88%);filter:drop-shadow(0 25px 32px #0009)}
.home-bottom{display:grid;grid-template-columns:.95fr 1.05fr;background:linear-gradient(90deg,#0b34342c,#061619df);border-bottom:1px solid var(--line)}.archive-panel{padding:52px clamp(34px,7vw,90px);border-right:1px solid var(--line)}.archive-panel h2{font-family:Georgia,serif;font-weight:400;font-size:2.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold2);margin:8px 0 25px}.archive-home-links{display:grid;max-width:410px;border-top:1px solid var(--line);margin-bottom:24px}.archive-home-links a{display:flex;justify-content:space-between;text-decoration:none;padding:12px 0;border-bottom:1px solid #B8843238;color:#b9ac96;font-family:Georgia,serif}.archive-home-links a:hover{color:var(--gold2)}.btn.teal{border-color:var(--teal);color:var(--teal)}.btn.teal:hover{background:var(--teal);color:var(--bg)}
.qr-wrap{display:flex;align-items:center;justify-content:center;padding:45px;background:radial-gradient(circle at 78% 20%,#B8843212,transparent 14rem)}.qr-card{position:relative;display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;max-width:450px;padding:21px;border:1px solid #B8843277;background:#092121c8;box-shadow:0 22px 60px #0006}.qr-card:after{content:"✦";position:absolute;top:8px;right:11px;color:var(--gold);opacity:.25}.qr-card img{width:110px;padding:7px;border:1px solid #B8843277;background:#e8ddc7}.qr-card h3{font-family:Georgia,serif;font-weight:400;color:var(--gold2);margin:0 0 7px}.qr-card p{color:var(--muted);font-size:.83rem;line-height:1.6;margin:0}
.page{max-width:1180px;margin:auto;padding:66px 24px 100px}.heading{text-align:center;margin-bottom:40px}.title{font-size:clamp(2.6rem,5vw,4.2rem);margin:8px 0}.heading p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{overflow:hidden;border:1px solid var(--line);text-decoration:none;background:linear-gradient(#0c2b2b44,#061517df);transition:.16s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card img{width:100%;aspect-ratio:4/5;object-fit:cover}.card div{text-align:center;padding:18px}.card h3{font-family:Georgia,serif;color:var(--gold2);font-weight:400;font-size:1.3rem;margin:0 0 7px}.card small{color:var(--muted);text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}.random{text-align:center;margin:82px auto 0;padding-top:30px;border-top:1px solid var(--line);max-width:450px}.random h3{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--gold)}
.drink{display:grid;grid-template-columns:1fr 1fr;gap:60px}.drink-photo{border:1px solid var(--line);box-shadow:0 22px 60px #0007}.drink-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.drink h1{font-size:clamp(3rem,6vw,4.7rem);margin:8px 0}.tagline{font-family:Georgia,serif;font-style:italic;color:var(--muted);line-height:1.7}.meta{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin:23px 0}.section{border-top:1px solid var(--line);padding:22px 0}.section h3{color:var(--teal);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.section li,.section p{line-height:1.8}.back{display:inline-block;margin-bottom:28px;color:var(--teal);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.archive{display:grid;gap:14px;max-width:820px;margin:auto}.archive a{display:flex;justify-content:space-between;align-items:center;padding:27px;border:1px solid var(--line);text-decoration:none;font-family:Georgia,serif;color:var(--gold2);font-size:1.5rem;background:#0a282846}
footer{display:flex;gap:10px;justify-content:center;align-items:center;padding:22px;border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:.61rem}footer img{width:20px;height:auto;max-height:40px;object-fit:contain}
@media(max-width:850px){header{grid-template-columns:auto 1fr}.brand{justify-self:start}nav{grid-column:2;justify-self:end;gap:18px}.hero{grid-template-columns:1fr}.hero-copy{text-align:center;padding:58px 28px 24px}.hero-pineapple{margin:0 auto 22px}.ornament{margin-left:auto;margin-right:auto}.hero-image{padding:15px 24px 45px}.home-bottom{grid-template-columns:1fr}.archive-panel{text-align:center;border-right:0;border-bottom:1px solid var(--line)}.archive-home-links{margin-left:auto;margin-right:auto}.grid{grid-template-columns:repeat(2,1fr)}.drink{grid-template-columns:1fr}.qr-card{grid-template-columns:90px 1fr}.qr-card img{width:90px}}


/* ===== V3 HOMEPAGE — approved MCM / tiki direction ===== */
.hero-v3{
  min-height:650px;
  grid-template-columns:52% 48%;
  background:
    radial-gradient(circle at 34% 35%,rgba(31,96,88,.12),transparent 24rem),
    linear-gradient(90deg,#041315 0 51.5%,#071b1d 51.5% 100%);
}

.hero-v3:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:52%;
  opacity:.055;
  background-image:
    linear-gradient(30deg,#b88432 1px,transparent 1px),
    linear-gradient(150deg,#b88432 1px,transparent 1px);
  background-size:42px 72px;
}
.hero-v3:after{display:none}
.hero-v3 .hero-copy{
  padding-left:clamp(42px,10vw,150px);
  padding-right:clamp(35px,7vw,90px);
  text-align:center;
}
.hero-v3 .welcome{
  color:#d69b39;
  font-size:.72rem;
  margin-bottom:14px;
}
.hero-v3 h1{
  font-size:clamp(4.4rem,7.5vw,7rem);
  line-height:.86;
  margin:0;
  text-shadow:0 8px 24px rgba(0,0,0,.35);
}
.mcm-rule{
  max-width:440px;
  margin:25px auto 18px;
  display:flex;
  align-items:center;
  gap:0;
  color:#d69b39;
}
.mcm-rule:before,.mcm-rule:after{
  content:"";
  height:1px;
  flex:1;
  background:#b88432;
}
.mcm-rule span{
  padding:0 13px;
  font-size:.8rem;
}
.season-label{
  text-transform:uppercase;
  color:#5faea2;
  letter-spacing:.28em;
  font-size:.69rem;
}
.hero-v3 .current-season{
  margin:8px 0 12px;
  color:#5faea2;
}
.hero-v3 .hero-copy p{
  max-width:410px;
  margin:0 auto 10px;
  text-transform:none;
  letter-spacing:.03em;
  font-family:Georgia,serif;
  font-size:.92rem;
  color:#d7cbb7;
}
.hero-btn{margin-top:16px}

.hero-curve{
  align-self:stretch;
  padding:0;
  overflow:hidden;
  border-left:1px solid #b88432;
  border-radius:52% 0 0 52% / 58% 0 0 58%;
  background:#061315;
}
.hero-curve:before{
  content:"";
  position:absolute;
  inset:0;
  border-left:1px solid #d8a33e;
  border-radius:52% 0 0 52% / 58% 0 0 58%;
  z-index:3;
  pointer-events:none;
}
.hero-curve img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.8) saturate(.9) contrast(1.08);
}
.hero-curve:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(4,19,21,.34),transparent 32%);
  pointer-events:none;
}
.atomic{
  position:absolute;
  z-index:4;
  color:#b88432;
  opacity:.6;
  font-size:1.05rem;
}
.atomic-one{left:7%;top:20%}
.atomic-two{left:4%;bottom:18%}

.home-lower{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #b8843260;
  border-bottom:1px solid #b8843260;
  background:linear-gradient(90deg,#071c1e,#061315);
}
.home-lower .archive-panel{
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.qr-expedition{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  border-left:1px solid #b884324d;
  background:
    radial-gradient(circle at 50% 50%,rgba(184,132,50,.06),transparent 18rem),
    #061719;
}

/* Artifact shipping crate treatment. QR itself stays clear for reliable scanning. */
.crate{
  position:relative;
  width:min(500px,100%);
  min-height:285px;
  display:grid;
  grid-template-columns:1fr 150px;
  grid-template-rows:auto 1fr;
  gap:18px 24px;
  padding:31px 34px;
  color:#342817;
  border:7px solid #76512b;
  outline:1px solid #c09558;
  box-shadow:
    inset 0 0 0 2px #4b321d,
    inset 0 0 35px rgba(55,31,13,.25),
    0 22px 50px rgba(0,0,0,.45);
  background:
    repeating-linear-gradient(0deg,rgba(67,42,19,.08) 0 2px,transparent 2px 19px),
    linear-gradient(90deg,rgba(255,255,255,.08),transparent 20%,rgba(60,36,15,.06) 50%,transparent 78%),
    #b88b52;
}
.crate:before,.crate:after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:18px;
  border-top:1px solid rgba(70,44,20,.35);
  border-bottom:1px solid rgba(70,44,20,.35);
  background:rgba(83,51,23,.10);
}
.crate:before{top:18px}.crate:after{bottom:18px}
.crate-corner{
  position:absolute;
  width:30px;height:30px;
  border-color:#4c3520;
  z-index:3;
}
.crate-corner.tl{left:8px;top:8px;border-left:3px solid;border-top:3px solid}
.crate-corner.tr{right:8px;top:8px;border-right:3px solid;border-top:3px solid}
.crate-corner.bl{left:8px;bottom:8px;border-left:3px solid;border-bottom:3px solid}
.crate-corner.br{right:8px;bottom:8px;border-right:3px solid;border-bottom:3px solid}
.crate-stamp{
  align-self:end;
  text-transform:uppercase;
  transform:rotate(-1deg);
}
.crate-pineapple{
  width:30px;
  height:auto;
  filter:sepia(1) saturate(.5) brightness(.48);
  margin-bottom:5px;
}
.crate-title{
  font-family:Georgia,serif;
  font-size:1.55rem;
  font-weight:700;
  letter-spacing:.12em;
  border-bottom:2px solid #49341f;
  padding-bottom:5px;
}
.crate-subtitle{
  margin-top:5px;
  font-weight:700;
  letter-spacing:.2em;
  font-size:.62rem;
}
.crate-qr{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:end;
  padding:9px;
  border:2px solid #4b3420;
  background:#e9dfc8;
  box-shadow:inset 0 0 0 4px #c6aa78;
}
.crate-qr img{
  width:126px;
  height:126px;
  padding:0;
  border:0;
  background:#e9dfc8;
}
.crate-copy{
  align-self:start;
  display:flex;
  flex-direction:column;
  text-transform:uppercase;
}
.crate-copy strong{
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-weight:400;
  font-size:1.25rem;
  letter-spacing:.08em;
}
.crate-copy span{
  margin-top:7px;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.1em;
}
.crate-copy small{
  margin-top:18px;
  padding-top:7px;
  border-top:1px solid #5b4228;
  width:max-content;
  font-size:.57rem;
  letter-spacing:.16em;
}

@media(max-width:850px){
  .hero-v3{grid-template-columns:1fr}
  .hero-v3 .hero-copy{padding:58px 28px 45px}
  .hero-curve{
    min-height:420px;
    border-radius:50% 50% 0 0 / 18% 18% 0 0;
    border-left:0;
    border-top:1px solid #b88432;
  }
  .hero-curve:before{
    border-left:0;
    border-top:1px solid #d8a33e;
    border-radius:50% 50% 0 0 / 18% 18% 0 0;
  }
  .home-lower{grid-template-columns:1fr}
  .qr-expedition{border-left:0;border-top:1px solid #b884324d;padding:30px 18px}
  .crate{grid-template-columns:1fr 118px;padding:28px 25px}
  .crate-qr img{width:94px;height:94px}
}


/* ===== V4 — deeper exotica homepage ===== */
.hero-v4{
  min-height:690px;
  grid-template-columns:52% 48%;
  background:
    radial-gradient(circle at 28% 30%,rgba(21,77,72,.16),transparent 25rem),
    linear-gradient(90deg,#030d0f 0 52%,#081618 52% 100%);
}
.hero-v4 .hero-copy{
  padding-top:86px;
  padding-bottom:78px;
}
.hero-v4 .welcome{
  letter-spacing:.28em;
}
.hero-v4 h1{
  font-size:clamp(4.9rem,8vw,7.6rem);
}
.small-rule{
  width:92px;
  margin:15px auto 20px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#d39a39;
}
.small-rule:before,.small-rule:after{content:"";height:1px;background:#b88432;flex:1}
.small-rule span{font-size:.6rem}
.atomic-side{
  position:absolute;
  color:#b88432;
  opacity:.55;
  font-size:1.25rem;
}
.atomic-a{left:7%;bottom:16%}
.atomic-b{right:8%;top:19%}
.hero-v4 .hero-copy p{
  max-width:450px;
  font-size:1rem;
  line-height:1.7;
}
.hero-v4 .hero-btn{
  margin-top:18px;
  padding:15px 30px;
}
.hero-v4 .hero-curve{
  border-radius:48% 0 0 48% / 55% 0 0 55%;
}

/* Archive band */
.archive-showcase{
  position:relative;
  display:grid;
  grid-template-columns:220px 1fr 150px;
  gap:34px;
  align-items:center;
  min-height:270px;
  padding:28px clamp(25px,4vw,62px);
  overflow:hidden;
  border-top:1px solid #b8843244;
  border-bottom:1px solid #b8843244;
  background:
    radial-gradient(circle at 80% 90%,rgba(82,107,48,.12),transparent 20rem),
    linear-gradient(90deg,#071517,#050f10);
}
.archive-showcase:before{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-60px;
  width:300px;
  height:190px;
  opacity:.12;
  background:
    repeating-linear-gradient(15deg,transparent 0 18px,#66804f 19px 22px,transparent 23px 38px);
  transform:rotate(-9deg);
}
.archive-poster{
  position:relative;
  height:220px;
  padding:18px 14px 14px;
  color:#402b18;
  border:4px solid #4c321c;
  outline:1px solid #8d6034;
  box-shadow:0 14px 30px rgba(0,0,0,.45), inset 0 0 30px rgba(74,42,18,.18);
  background:
    radial-gradient(circle at 65% 35%,rgba(211,146,70,.45),transparent 18%),
    linear-gradient(#c9a468,#9e7444);
  text-align:center;
  text-transform:uppercase;
}
.poster-kicker{font-weight:800;letter-spacing:.08em;font-size:.76rem}
.poster-script{font-family:Georgia,serif;font-style:italic;text-transform:none;margin:3px 0}
.poster-title{font-weight:900;font-size:1.05rem;letter-spacing:.06em}
.poster-scene{position:relative;height:105px;margin:8px 0;border-top:1px solid #69461f;border-bottom:1px solid #69461f;overflow:hidden}
.poster-scene:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,#d2af71 0 52%,#8e8d5a 53% 57%,#6c6e4d 58% 100%);
}
.poster-sun{position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;right:20px;top:18px;background:#d4862a}
.poster-palm{position:absolute;z-index:3;width:3px;height:55px;background:#372815;bottom:8px;transform-origin:bottom}
.poster-palm:before{content:"";position:absolute;left:-20px;top:-5px;width:44px;height:30px;background:#372815;clip-path:polygon(50% 50%,0 0,45% 38%,25% 0,48% 40%,50% 0,53% 40%,78% 0,57% 40%,100% 0)}
.poster-palm.p1{left:42px;transform:rotate(-5deg)}
.poster-palm.p2{left:82px;height:44px;transform:rotate(7deg)}
.poster-boat{position:absolute;z-index:3;right:46px;bottom:17px;color:#3d2a18;font-size:1.2rem}
.poster-footer{font-weight:900;letter-spacing:.17em;font-size:.75rem}

.archive-explore{max-width:680px;margin:auto;width:100%}
.archive-heading{display:flex;align-items:center;gap:14px;color:#d5a24a;margin-bottom:18px}
.archive-heading:before,.archive-heading:after{content:"";height:1px;flex:1;background:#b884325a}
.archive-heading h2{margin:0;color:#d9b36e;font-family:Georgia,serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:1.1rem}
.archive-heading span{font-size:.72rem}
.archive-season-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.archive-season-grid a{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #b8843230;
  text-decoration:none;
  color:#65aea1;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.75rem;
}
.archive-season-grid a b{font-size:1rem;color:#c89a43;font-weight:400}
.archive-icon{color:#a69754;text-align:center}
.archive-all{
  display:inline-block;
  margin-top:18px;
  color:#c79a45;
  text-transform:uppercase;
  letter-spacing:.13em;
  text-decoration:none;
  font-size:.7rem;
}
.archive-idol{
  position:relative;
  align-self:end;
  justify-self:center;
  width:100px;
  height:165px;
  color:#6d5538;
  opacity:.65;
}
.idol-head{
  position:absolute;left:27px;top:0;width:50px;height:52px;border-radius:40% 40% 35% 35%;
  border:2px solid #6d5538;display:flex;align-items:center;justify-content:center;font-size:1.4rem
}
.idol-body{
  position:absolute;left:12px;top:48px;width:78px;height:100px;border-radius:42% 42% 18% 18%;
  border:2px solid #6d5538;display:flex;align-items:center;justify-content:center;font-size:2rem
}

/* Expedition / crate zone */
.expedition-zone{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 22px 54px;
  overflow:hidden;
  background:
    linear-gradient(rgba(75,48,24,.05),rgba(75,48,24,.05)),
    repeating-linear-gradient(0deg,transparent 0 33px,rgba(90,60,30,.08) 34px 35px),
    #a68555;
}
.expedition-zone:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 20%,transparent 0 50px,rgba(67,47,25,.12) 51px 52px,transparent 53px),
    radial-gradient(circle at 80% 64%,transparent 0 70px,rgba(67,47,25,.10) 71px 72px,transparent 73px),
    linear-gradient(15deg,transparent 49%,rgba(75,50,24,.07) 50%,transparent 51%);
}
.map-lines{
  position:absolute;
  inset:0;
  opacity:.24;
  background:
    repeating-radial-gradient(ellipse at 78% 45%,transparent 0 28px,#5e4328 29px 30px,transparent 31px 58px);
  mix-blend-mode:multiply;
}
.crate-v4{
  position:relative;
  z-index:2;
  width:min(760px,92vw);
  min-height:360px;
  display:grid;
  grid-template-columns:130px 1fr 150px;
  grid-template-rows:auto 1fr auto;
  gap:18px;
  padding:36px 42px 32px;
  border:12px solid #6d4826;
  outline:2px solid #3e2c1c;
  background:
    repeating-linear-gradient(0deg,rgba(74,45,19,.09) 0 2px,transparent 2px 24px),
    linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%,rgba(64,39,18,.08) 50%,transparent 70%),
    #b18651;
  color:#412b1a;
  box-shadow:
    inset 0 0 0 2px #a97c44,
    inset 0 0 45px rgba(58,36,17,.3),
    0 20px 50px rgba(0,0,0,.42);
}
.crate-v4:before,.crate-v4:after{
  content:"";
  position:absolute;
  left:18px;right:18px;
  height:22px;
  border-top:2px solid #6b4626;
  border-bottom:2px solid #8d6135;
  background:rgba(71,43,20,.07);
}
.crate-v4:before{top:16px}.crate-v4:after{bottom:16px}
.crate-metal{
  position:absolute;
  width:50px;height:50px;
  background:
    radial-gradient(circle at 14px 14px,#4a321f 0 3px,transparent 4px),
    radial-gradient(circle at 36px 36px,#4a321f 0 3px,transparent 4px),
    linear-gradient(135deg,#ad8352,#6a492d);
  clip-path:polygon(0 0,100% 0,0 100%);
  z-index:5;
}
.cm-tl{left:-8px;top:-8px}
.cm-tr{right:-8px;top:-8px;transform:rotate(90deg)}
.cm-bl{left:-8px;bottom:-8px;transform:rotate(-90deg)}
.cm-br{right:-8px;bottom:-8px;transform:rotate(180deg)}

.crate-topmark{
  grid-column:1 / -1;
  text-align:center;
  text-transform:uppercase;
}
.crate-v4 .crate-title{
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:2rem;
  letter-spacing:.09em;
  border:0;
  padding:0;
}
.crate-v4 .crate-subtitle{
  color:#7b2e22;
  font-size:.78rem;
  letter-spacing:.2em;
  margin-top:2px;
}
.crate-leftcopy,.crate-rightcopy{
  align-self:center;
  text-transform:uppercase;
  font-weight:700;
}
.crate-leftcopy strong{
  display:block;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:1.25rem;
  line-height:1.05;
}
.crate-leftcopy span{
  display:inline-block;
  margin-top:18px;
  color:#7b2e22;
  border:2px solid #7b2e22;
  padding:5px 7px;
  transform:rotate(-4deg);
}
.crate-rightcopy{font-size:.68rem;line-height:1.5}
.crate-rightcopy span{display:block}
.crate-roundel{
  width:62px;height:62px;border:2px solid #7b2e22;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-top:15px
}
.crate-roundel img{
  width:29px;height:auto;
  filter:sepia(1) saturate(.7) hue-rotate(325deg) brightness(.55)
}
.bamboo-qr-frame{
  position:relative;
  align-self:center;
  justify-self:center;
  padding:20px;
  background:#ceb783;
}
.bamboo-qr-frame img{
  display:block;
  width:180px;
  height:180px;
  border:0;
  padding:0;
  background:#eee3c8;
}
.bamboo{
  position:absolute;
  background:linear-gradient(90deg,#6b491d,#b1904c 45%,#775526);
  border:1px solid #4e3519;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.15),0 2px 5px rgba(0,0,0,.25)
}
.bamboo.top,.bamboo.bottom{left:2px;right:2px;height:18px}
.bamboo.top{top:1px}.bamboo.bottom{bottom:1px}
.bamboo.left,.bamboo.right{top:2px;bottom:2px;width:18px;background:linear-gradient(#6b491d,#b1904c 45%,#775526)}
.bamboo.left{left:1px}.bamboo.right{right:1px}
.tie{
  position:absolute;width:26px;height:8px;border-top:2px solid #5c3b20;border-bottom:2px solid #5c3b20;z-index:3;opacity:.85
}
.t1{left:-3px;top:13px;transform:rotate(45deg)}
.t2{right:-3px;top:13px;transform:rotate(-45deg)}
.t3{left:-3px;bottom:13px;transform:rotate(-45deg)}
.t4{right:-3px;bottom:13px;transform:rotate(45deg)}
.crate-bottomcopy{
  grid-column:1 / -1;
  text-align:center;
  text-transform:uppercase;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  letter-spacing:.06em;
  font-size:1rem;
}
.crate-bottomcopy small{font-family:Arial,sans-serif;font-size:.68rem;letter-spacing:.12em}
.crate-stamp{
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  color:#6b2c20;
  border:3px solid #6b2c20;
  padding:6px 9px;
  opacity:.8;
}
.crate-stamp.fragile{right:18px;bottom:26px;transform:rotate(-3deg)}
.crate-stamp.freight{right:24px;top:72px;border-radius:50%;font-size:.58rem;color:#453425;border-color:#453425;transform:rotate(9deg)}

@media(max-width:900px){
  .archive-showcase{grid-template-columns:150px 1fr}
  .archive-idol{display:none}
  .archive-poster{height:190px}
  .archive-season-grid{grid-template-columns:1fr}
  .crate-v4{grid-template-columns:100px 1fr 115px;padding:32px 28px}
  .bamboo-qr-frame img{width:145px;height:145px}
}
@media(max-width:650px){
  .archive-showcase{grid-template-columns:1fr}
  .archive-poster{display:none}
  .archive-explore{padding:10px 0}
  .expedition-zone{padding:28px 12px}
  .crate-v4{
    width:96vw;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
    gap:12px;
    padding:34px 22px 30px;
  }
  .crate-topmark,.crate-leftcopy,.bamboo-qr-frame,.crate-rightcopy,.crate-bottomcopy{grid-column:1}
  .crate-leftcopy,.crate-rightcopy{text-align:center}
  .crate-leftcopy span{margin-top:8px}
  .crate-roundel{margin:12px auto 0}
  .crate-stamp.freight,.crate-stamp.fragile{display:none}
  .bamboo-qr-frame img{width:170px;height:170px}
}


/* ===== V5 — actual visual assets from approved mockup ===== */
.hero-v5{
  min-height:670px;
  grid-template-columns:52% 48%;
  background:#031012;
}
.hero-v5 .hero-copy{
  position:relative;
  z-index:3;
  padding:80px clamp(38px,8vw,125px);
  background:
    radial-gradient(circle at 38% 32%,rgba(25,83,76,.12),transparent 22rem),
    linear-gradient(90deg,#030d0f,#061719);
}
.hero-v5 .hero-copy:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.07;
  background:
    linear-gradient(30deg,#b88432 1px,transparent 1px),
    linear-gradient(150deg,#b88432 1px,transparent 1px);
  background-size:42px 72px;
}
.hero-v5 .hero-copy>*{position:relative;z-index:2}
.hero-v5 h1{font-size:clamp(4.9rem,8vw,7.6rem)}
.hero-v5 .hero-copy p{
  max-width:430px;
  margin:0 auto 8px;
  text-transform:none;
  letter-spacing:.02em;
  font-family:Georgia,serif;
  font-size:1rem;
  line-height:1.7;
}
.hero-photo{
  position:relative;
  min-height:670px;
  background-image:
    linear-gradient(90deg,rgba(4,15,17,.18),transparent 26%),
    url("images/hero-lounge.jpg");
  background-size:cover;
  background-position:center;
  border-left:1px solid #c99535;
  border-radius:48% 0 0 48% / 55% 0 0 55%;
  overflow:hidden;
}
.hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  border-left:1px solid #d8a33e;
  border-radius:48% 0 0 48% / 55% 0 0 55%;
  pointer-events:none;
}

/* Archive band gets real art from the approved concept */
.archive-v5{
  grid-template-columns:210px 1fr 210px;
  min-height:250px;
  background:
    radial-gradient(circle at 84% 90%,rgba(89,113,58,.11),transparent 15rem),
    linear-gradient(90deg,#071517,#050e10);
}
.archive-poster-photo{
  width:190px;
  height:220px;
  justify-self:center;
  background:url("images/exotica-poster.jpg") center/cover no-repeat;
  border:3px solid #4d331d;
  box-shadow:0 14px 28px rgba(0,0,0,.45);
}
.archive-monkey-photo{
  width:190px;
  height:210px;
  justify-self:center;
  align-self:end;
  background:url("images/monkey-idol.jpg") center bottom/cover no-repeat;
  mix-blend-mode:screen;
  opacity:.75;
  filter:sepia(.3) saturate(.7) brightness(.68);
}
.archive-season-grid a{font-size:.78rem}
.archive-heading h2{font-size:1.1rem}

/* This is the actual illustrated expedition scene from the mockup.
   The QR remains a separate HTML element so we can swap in the real
   network QR later without changing the artwork. */
.expedition-photo-zone{
  position:relative;
  min-height:445px;
  background:
    url("images/expedition-crate.jpg") center/cover no-repeat;
  border-top:1px solid #7f5a2c;
  border-bottom:1px solid #7f5a2c;
  overflow:hidden;
}
.real-qr-overlay{
  position:absolute;
  left:32.25%;
  top:31.5%;
  width:15.1%;
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e3d0a5;
  padding:.6%;
}
.real-qr-overlay img{
  width:100%;
  height:100%;
  display:block;
  background:#eee3c8;
  padding:0;
  border:0;
}

@media(max-width:900px){
  .archive-v5{grid-template-columns:160px 1fr 150px}
  .archive-poster-photo{width:145px;height:190px}
  .archive-monkey-photo{width:145px;height:185px}
}
@media(max-width:700px){
  .hero-v5{grid-template-columns:1fr}
  .hero-photo{
    min-height:430px;
    border-left:0;
    border-top:1px solid #c99535;
    border-radius:50% 50% 0 0 / 15% 15% 0 0;
  }
  .hero-photo:after{
    border-left:0;
    border-top:1px solid #d8a33e;
    border-radius:50% 50% 0 0 / 15% 15% 0 0;
  }
  .archive-v5{grid-template-columns:1fr}
  .archive-poster-photo,.archive-monkey-photo{display:none}
  .expedition-photo-zone{
    min-height:290px;
    background-position:center;
  }
  .real-qr-overlay{
    left:31.7%;
    top:31%;
    width:15.8%;
  }
}

/* ===== V6 — CURRENT MENU ===== */
.menu-hero{
  position:relative;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-bottom:1px solid #b8843255;
  background:
    radial-gradient(circle at 50% 18%,rgba(30,91,83,.17),transparent 23rem),
    linear-gradient(180deg,#041113,#07191b);
}
.menu-hero:before,
.menu-hero:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:260px;
  opacity:.10;
  pointer-events:none;
}
.menu-hero:before{
  left:-75px;
  background:
    repeating-linear-gradient(62deg,transparent 0 21px,#b88432 22px 24px,transparent 25px 43px);
  transform:rotate(-8deg);
}
.menu-hero:after{
  right:-80px;
  background:
    repeating-linear-gradient(-62deg,transparent 0 21px,#5faea2 22px 24px,transparent 25px 43px);
  transform:rotate(8deg);
}
.menu-hero-inner{
  position:relative;
  z-index:2;
  text-align:center;
  padding:52px 25px 44px;
}
.menu-hero h1{
  margin:8px 0 0;
  color:#dfbe77;
  font-family:Georgia,serif;
  font-size:clamp(3.2rem,6vw,5.6rem);
  font-weight:400;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.menu-rule{
  display:flex;
  align-items:center;
  width:210px;
  gap:12px;
  margin:18px auto 13px;
  color:#c7953a;
}
.menu-rule:before,.menu-rule:after{
  content:"";
  height:1px;
  flex:1;
  background:#b88432;
}
.menu-rule span{font-size:.65rem}
.menu-hero p{
  margin:0;
  color:#9e9483;
  font-family:Georgia,serif;
  font-style:italic;
}

.menu-page{
  max-width:1240px;
  padding-top:46px;
}
.menu-grid-v6{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.cocktail-card-v6{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  text-decoration:none;
  border:1px solid #b884325c;
  background:
    linear-gradient(180deg,rgba(14,45,45,.42),rgba(5,18,20,.94));
  box-shadow:0 18px 36px rgba(0,0,0,.28);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cocktail-card-v6:hover{
  transform:translateY(-5px);
  border-color:#c99a45;
  box-shadow:0 22px 42px rgba(0,0,0,.42);
}
.card-photo-v6{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#0a2224;
}
.card-photo-v6:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 62%,rgba(3,14,15,.5));
}
.card-photo-v6 img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.cocktail-card-v6:hover .card-photo-v6 img{transform:scale(1.025)}
.card-number{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  padding:4px 6px;
  color:#dfbe77;
  border:1px solid #b8843266;
  background:rgba(4,15,17,.78);
  font-size:.58rem;
  letter-spacing:.16em;
}
.card-body-v6{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:20px 17px 21px;
  text-align:center;
}
.card-kicker{
  color:#5faea2;
  font-size:.58rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.card-body-v6 h2{
  margin:7px 0 6px;
  color:#dfbe77;
  font-family:Georgia,serif;
  font-size:1.55rem;
  font-weight:400;
}
.card-rule{
  display:flex;
  align-items:center;
  gap:8px;
  width:85px;
  margin:3px auto 12px;
  color:#b88432;
}
.card-rule:before,.card-rule:after{
  content:"";
  height:1px;
  flex:1;
  background:#b88432;
}
.card-rule span{font-size:.48rem}
.card-body-v6 p{
  flex:1;
  margin:0;
  color:#a89d8a;
  font-family:Georgia,serif;
  font-size:.86rem;
  line-height:1.55;
}
.card-meta-v6{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid #b8843230;
  color:#8f8576;
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.random-discovery-v6{
  position:relative;
  max-width:560px;
  margin:90px auto 0;
  padding:42px 30px 6px;
  text-align:center;
  border-top:1px solid #b8843257;
}
.random-discovery-v6:before,
.random-discovery-v6:after{
  content:"";
  position:absolute;
  top:-1px;
  width:90px;
  height:1px;
  background:#5faea2;
}
.random-discovery-v6:before{left:0}
.random-discovery-v6:after{right:0}
.random-ornament{
  width:36px;
  height:36px;
  margin:-60px auto 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c7953a;
  border:1px solid #b8843266;
  transform:rotate(45deg);
  background:#061315;
}
.random-ornament::first-letter{transform:rotate(-45deg)}
.random-discovery-v6 h2{
  margin:7px 0 7px;
  color:#dfbe77;
  font-family:Georgia,serif;
  font-size:2rem;
  font-weight:400;
}
.random-discovery-v6 p{
  margin:0 0 5px;
  color:#9e9483;
  font-family:Georgia,serif;
  font-style:italic;
}

@media(max-width:980px){
  .menu-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .menu-grid-v6{grid-template-columns:1fr}
  .menu-page{padding-left:18px;padding-right:18px}
  .cocktail-card-v6{max-width:430px;margin:0 auto;width:100%}
}


/* ===== V6.1 LAYOUT FIX ===== */

/* Keep the hero artwork centred on the tiki mug rather than the crop edge */
.hero-photo{
  background-size:cover !important;
  background-position:52% center !important;
}

/* Make the lower expedition artwork a true full-width band */
.expedition-photo-zone{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  min-height:447px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Re-align QR over the QR printed in the corrected full-width artwork */
.real-qr-overlay{
  left:40.6% !important;
  top:31.2% !important;
  width:15.8% !important;
}

/* Slightly favour the centre of the photo on wider desktops */
@media(min-width:1100px){
  .hero-photo{
    background-position:50% center !important;
  }
}

/* On phones, keep the drink visible rather than drifting toward an edge */
@media(max-width:700px){
  .hero-photo{
    background-position:50% center !important;
  }
  .expedition-photo-zone{
    min-height:300px !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  .real-qr-overlay{
    left:40.4% !important;
    top:31% !important;
    width:16.2% !important;
  }
}


/* ===== V6.2 QR CLEANUP =====
   Remove the temporary QR overlay. The bamboo-framed code built into the
   artwork remains visible until we replace it with the final real QR code. */
.real-qr-overlay{
  display:none !important;
}


/* ===== V6.3 BOTTOM ARTWORK / FOOTER FIT FIX ===== */

/* Let the artwork determine its own height instead of cropping it into a fixed-height background. */
.expedition-photo-zone {
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:none !important;
  border-top:1px solid #7f5a2c !important;
  border-bottom:1px solid #7f5a2c !important;
}

.expedition-art {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Footer now sits directly after the full artwork and always matches page width. */
footer {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  clear:both !important;
  box-sizing:border-box !important;
}

/* Remove the old QR overlay logic completely. */
.real-qr-overlay {
  display:none !important;
}

@media(max-width:700px) {
  .expedition-photo-zone {
    min-height:0 !important;
    height:auto !important;
  }
  .expedition-art {
    width:100% !important;
    height:auto !important;
  }
}


/* ===== V7 — COCKTAIL DETAIL VIEW ===== */
.drink-detail-hero{
  min-height:calc(100vh - 66px);
  display:grid;
  grid-template-columns:minmax(360px,1.08fr) minmax(380px,.92fr);
  background:
    radial-gradient(circle at 85% 20%,rgba(25,86,79,.13),transparent 22rem),
    linear-gradient(90deg,#061214,#071719);
  border-bottom:1px solid #b8843250;
}

.drink-detail-photo{
  position:relative;
  min-height:720px;
  overflow:hidden;
  border-right:1px solid #b8843250;
  background:#051012;
}
.drink-detail-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.drink-detail-photo-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,10,11,.12),transparent 40%,rgba(2,10,11,.28)),
    linear-gradient(90deg,transparent 65%,rgba(4,16,18,.18));
  pointer-events:none;
}
.back-overlay{
  position:absolute;
  top:28px;
  left:30px;
  z-index:3;
  padding:10px 14px;
  margin:0;
  border:1px solid rgba(184,132,50,.42);
  background:rgba(3,15,16,.72);
  backdrop-filter:blur(7px);
}

.drink-detail-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px clamp(40px,6vw,90px);
}
.drink-detail-copy:before{
  content:"";
  position:absolute;
  right:-80px;
  top:60px;
  width:250px;
  height:250px;
  opacity:.055;
  background:
    repeating-conic-gradient(from 6deg,#b88432 0 3deg,transparent 3deg 18deg);
  border-radius:50%;
}
.drink-detail-copy>*{position:relative;z-index:2}

.drink-detail-copy h1{
  margin:8px 0 0;
  color:#dfbe77;
  font-family:Georgia,serif;
  font-size:clamp(3.7rem,6.5vw,6.3rem);
  font-weight:400;
  line-height:.95;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.drink-title-rule{
  display:flex;
  align-items:center;
  gap:11px;
  width:180px;
  margin:18px 0 12px;
  color:#c69339;
}
.drink-title-rule:before,.drink-title-rule:after{
  content:"";
  height:1px;
  flex:1;
  background:#b88432;
}
.drink-title-rule span{font-size:.6rem}
.drink-season{
  color:#5faea2;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.72rem;
}
.drink-detail-copy .tagline{
  max-width:540px;
  margin:22px 0 26px;
  color:#b7ab97;
  font-size:1.04rem;
  line-height:1.75;
}
.drink-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:30px;
}
.drink-facts>div{
  padding:14px 0 13px;
  border-top:1px solid #b8843235;
  border-bottom:1px solid #b8843235;
}
.drink-facts span{
  display:block;
  margin-bottom:5px;
  color:#5faea2;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.58rem;
}
.drink-facts strong{
  color:#d9ccb6;
  font-family:Georgia,serif;
  font-size:.94rem;
  font-weight:400;
}

.recipe-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #b8843250;
  border-bottom:1px solid #b8843250;
}
.recipe-column{
  padding:25px 26px 25px 0;
}
.recipe-column+ .recipe-column{
  padding-left:28px;
  padding-right:0;
  border-left:1px solid #b8843238;
}
.recipe-column h3{
  margin:0 0 16px;
  color:#c99a45;
  font-size:.67rem;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.recipe-column ul{
  list-style:none;
  padding:0;
  margin:0;
}
.recipe-column li{
  position:relative;
  padding:5px 0 5px 15px;
  color:#ddd0bb;
  font-family:Georgia,serif;
  line-height:1.55;
}
.recipe-column li:before{
  content:"✦";
  position:absolute;
  left:0;
  top:8px;
  color:#5faea2;
  font-size:.45rem;
}
.recipe-column p{
  margin:0;
  color:#ddd0bb;
  font-family:Georgia,serif;
  line-height:1.8;
}
.detail-footer-mark{
  display:flex;
  align-items:center;
  gap:12px;
  margin:30px 0 0;
  width:190px;
}
.detail-footer-mark span{
  height:1px;
  flex:1;
  background:#b8843246;
}
.detail-footer-mark img{
  width:20px;
  height:auto;
  opacity:.75;
}

@media(max-width:900px){
  .drink-detail-hero{grid-template-columns:1fr}
  .drink-detail-photo{
    min-height:560px;
    border-right:0;
    border-bottom:1px solid #b8843250;
  }
  .drink-detail-copy{padding:52px 30px 70px}
}
@media(max-width:620px){
  .drink-detail-photo{min-height:430px}
  .drink-detail-copy h1{font-size:3.35rem}
  .drink-facts{grid-template-columns:1fr}
  .recipe-panel{grid-template-columns:1fr}
  .recipe-column{padding-right:0}
  .recipe-column+ .recipe-column{
    padding-left:0;
    padding-top:24px;
    border-left:0;
    border-top:1px solid #b8843238;
  }
}

/* ===== V9 — REAL ARCHIVE DATA / CATEGORY SECTIONS ===== */
.category-section{margin-bottom:66px}
.category-section:last-of-type{margin-bottom:20px}
.category-heading{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  margin:0 0 22px;
}
.category-heading span{height:1px;background:#b8843245}
.category-heading h2{
  margin:0;
  color:#5faea2;
  font-family:Georgia,serif;
  font-weight:400;
  font-size:1.05rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}


/* ===== V10.1 — SPEAKEASY + TIKI BALANCE ===== */
.hero-photo{
  background-image:
    linear-gradient(90deg,rgba(4,15,17,.18),transparent 30%),
    url("images/hero-lounge.jpg") !important;
  background-position:center center !important;
  filter:none !important;
}
.hero-v5 .welcome{
  color:#d5a14a;
}
.hero-v5 .hero-copy p{
  max-width:470px;
}
/* Keep tiki/exotica as an accent rather than the entire identity */
.hero-v5 .hero-copy{
  background:
    radial-gradient(circle at 38% 32%,rgba(25,83,76,.10),transparent 22rem),
    linear-gradient(90deg,#030d0f,#071719) !important;
}


/* ===== V10.2 — CLEAN HERO ART =====
   Source crop removes all baked-in signage/words; keep the lounge and drink centered. */
.hero-photo{
  background-position:50% center !important;
}
@media(max-width:700px){
  .hero-photo{background-position:50% center !important;}
}


/* =========================================================
   V11 — APPROVED HOMEPAGE
   Visual target: approved realistic-palms / speakeasy mockup
   ========================================================= */
.approved-home{
  --home-gold:#c58b35;
  --home-gold-soft:#a8732c;
  --home-teal:#4ba99a;
  --home-bg:#031315;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 30%,rgba(9,55,52,.16),transparent 31rem),
    linear-gradient(#021113,#031517);
  color:#d6c6aa;
  border:1px solid rgba(197,139,53,.82);
  border-top:0;
}
.approved-hero{
  min-height:555px;
  display:grid;
  grid-template-columns:minmax(0,61%) minmax(340px,39%);
  border-bottom:1px solid rgba(197,139,53,.82);
}
.approved-hero-copy{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:42px 42px 48px;
  overflow:hidden;
  text-align:center;
}
.hero-palm{
  position:absolute;
  left:-3%;
  width:35%;
  height:56%;
  opacity:.82;
  pointer-events:none;
  transform-origin:left center;
}
.hero-palm:before,
.hero-palm:after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:48%;
  background:
    repeating-linear-gradient(166deg,
      transparent 0 13px,
      rgba(190,139,57,.76) 14px 16px,
      transparent 17px 29px);
  clip-path:polygon(0 48%,100% 0,32% 58%,100% 100%);
}
.hero-palm:before{top:0}
.hero-palm:after{bottom:0;transform:scaleY(-1)}
.hero-palm-one{top:0}
.hero-palm-two{bottom:-9%;transform:rotate(-5deg)}
.hero-emblem{
  position:relative;
  z-index:2;
  width:min(430px,65%);
  display:grid;
  grid-template-columns:1fr 88px 1fr;
  align-items:center;
  gap:16px;
  margin-bottom:12px;
}
.hero-emblem img{
  display:block;
  width:88px;
  max-height:118px;
  object-fit:contain;
}
.atomic-line{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--home-gold));
}
.atomic-line:last-child{
  background:linear-gradient(90deg,var(--home-gold),transparent);
}
.approved-hero-copy h1{
  position:relative;
  z-index:2;
  margin:0;
  color:#c98d36;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-size:clamp(4.1rem,7.1vw,7.25rem);
  font-weight:300;
  line-height:.94;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-divider{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 12px 1fr;
  align-items:center;
  gap:10px;
  width:min(400px,58%);
  margin:22px 0 15px;
}
.hero-divider span{height:1px;background:var(--home-gold-soft)}
.hero-divider i{
  width:10px;height:10px;
  border:1px solid var(--home-teal);
  transform:rotate(45deg);
}
.approved-hero-copy p{
  position:relative;
  z-index:2;
  margin:0 0 25px;
  color:#d19a49;
  font-size:clamp(.92rem,1.45vw,1.28rem);
  line-height:1.55;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.approved-menu-button{
  position:relative;
  z-index:2;
  min-width:min(430px,68%);
  padding:17px 24px;
  border:1px solid var(--home-gold);
  border-radius:4px;
  color:#d19a49;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:1rem;
  transition:.18s ease;
}
.approved-menu-button:hover{
  background:rgba(197,139,53,.08);
  transform:translateY(-1px);
}
.approved-menu-button b,
.archive-button b{font-size:1.35em;font-weight:300;margin-left:8px}

.approved-hero-photo{
  min-height:555px;
  background:
    linear-gradient(90deg,rgba(3,19,21,.25),transparent 15%),
    url("images/hero-lounge.jpg") center center/cover no-repeat;
  border-left:1px solid rgba(197,139,53,.22);
}

/* lower archive / QR area */
.approved-lower{
  min-height:310px;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  align-items:stretch;
}
.approved-archive,
.approved-qr{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 7%;
}
.archive-inner{width:min(320px,72%)}
.archive-inner h2{
  margin:0 0 13px;
  color:var(--home-teal);
  font-size:1.35rem;
  font-weight:400;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.archive-inner h2 span{
  color:var(--home-gold);
  font-size:.48em;
  vertical-align:middle;
  margin:0 8px;
}
.archive-links a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:7px 0;
  border-bottom:1px solid rgba(197,139,53,.38);
  color:#d39a47;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.archive-links b{
  color:var(--home-teal);
  font-size:1.25rem;
  font-weight:300;
}
.archive-button{
  display:block;
  margin-top:12px;
  padding:11px 18px;
  border:1px solid var(--home-teal);
  border-radius:4px;
  color:var(--home-teal);
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.lower-separator{
  position:relative;
  margin:20px 0;
  background:rgba(197,139,53,.42);
}
.lower-separator i{
  position:absolute;
  top:43%;
  left:-5px;
  width:10px;height:10px;
  background:var(--home-teal);
  transform:rotate(45deg);
}
.atomic-star{
  position:absolute;
  color:var(--home-gold);
  font-size:2.3rem;
  font-weight:200;
  opacity:.92;
}
.archive-star{left:12%;top:40%}
.qr-star-left{left:16%;top:39%}
.qr-star-right{right:16%;top:39%}
.qr-card{text-align:center}
.qr-frame{
  width:145px;
  height:145px;
  margin:0 auto 10px;
  padding:10px;
  border:1px solid var(--home-gold);
  border-radius:6px;
  box-sizing:border-box;
}
.qr-frame img{
  width:100%;height:100%;
  display:block;
  object-fit:contain;
}
.qr-card .scan{
  color:var(--home-teal);
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.82rem;
}
.qr-card strong{
  display:block;
  margin-top:3px;
  color:#d39a47;
  font-size:1.25rem;
  font-weight:400;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.tiny-rule{
  display:grid;
  grid-template-columns:1fr 7px 1fr;
  align-items:center;
  gap:7px;
  width:130px;
  margin:9px auto 0;
}
.tiny-rule span{height:1px;background:var(--home-gold-soft)}
.tiny-rule i{
  width:6px;height:6px;
  background:var(--home-gold);
  transform:rotate(45deg);
}
.approved-tagline{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  padding:0 25px 18px;
}
.approved-tagline p{
  margin:0;
  color:#d39a47;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.72rem;
}
.approved-tagline span{
  width:140px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--home-gold-soft));
}
.approved-tagline span:last-child{
  background:linear-gradient(90deg,var(--home-gold-soft),transparent);
}

@media(max-width:900px){
  .approved-hero{grid-template-columns:1fr}
  .approved-hero-copy{min-height:520px}
  .approved-hero-photo{
    min-height:420px;
    border-left:0;
    border-top:1px solid rgba(197,139,53,.42);
  }
  .approved-hero-copy h1{white-space:normal}
  .approved-lower{grid-template-columns:1fr}
  .lower-separator{
    height:1px;
    margin:0 8%;
  }
  .lower-separator i{top:-5px;left:50%}
  .approved-archive,.approved-qr{min-height:290px}
}
@media(max-width:560px){
  .approved-hero-copy{padding:35px 20px;min-height:450px}
  .approved-hero-copy h1{font-size:3.55rem}
  .hero-emblem{width:75%;grid-template-columns:1fr 64px 1fr}
  .hero-emblem img{width:64px}
  .approved-menu-button{min-width:88%;font-size:.82rem}
  .hero-palm{width:48%;opacity:.48}
  .approved-hero-photo{min-height:330px}
  .archive-inner{width:82%}
  .atomic-star{display:none}
  .approved-tagline span{display:none}
  .approved-tagline p{text-align:center;line-height:1.6}
}


/* =========================================================
   V11.1 — HOMEPAGE REPAIR (focused patch)
   ========================================================= */

/* Restore the Fancy Boozes wordmark in the site header */
.brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  text-decoration:none !important;
}
.brand img{
  width:25px !important;
  height:auto !important;
  max-height:42px !important;
  object-fit:contain !important;
}
.brand span{
  display:block !important;
  color:#d5a04a !important;
  font-family:Georgia,serif !important;
  font-size:1.15rem !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Use an actual palm ornament asset — no giant diagonal pseudo-stripes */
.hero-palm{
  display:block !important;
  width:36% !important;
  height:78% !important;
  left:-5% !important;
  opacity:.82 !important;
  background:url("images/palm-ornament.svg") left center/contain no-repeat !important;
  transform:none !important;
}
.hero-palm:before,
.hero-palm:after{
  display:none !important;
  content:none !important;
}
.hero-palm-one{top:-4% !important;}
.hero-palm-two{
  top:auto !important;
  bottom:-22% !important;
  transform:scaleY(-1) rotate(-8deg) !important;
  opacity:.62 !important;
}

/* Keep all hero text fully inside the left panel */
.approved-hero{
  grid-template-columns:minmax(0,60%) minmax(0,40%) !important;
}
.approved-hero-copy{
  overflow:hidden !important;
  padding:52px 62px 58px !important;
}
.approved-hero-copy h1{
  max-width:100% !important;
  font-size:clamp(3.35rem,5.2vw,5.75rem) !important;
  letter-spacing:.065em !important;
  line-height:.96 !important;
  white-space:nowrap !important;
}
.hero-emblem{
  width:min(370px,58%) !important;
  grid-template-columns:1fr 72px 1fr !important;
  margin-bottom:16px !important;
}
.hero-emblem img{
  width:72px !important;
  height:auto !important;
  max-height:105px !important;
}
.hero-divider{
  width:min(360px,55%) !important;
  margin:19px 0 14px !important;
}
.approved-hero-copy p{
  font-size:clamp(.78rem,1.1vw,1.02rem) !important;
  line-height:1.6 !important;
  letter-spacing:.13em !important;
}
.approved-menu-button{
  min-width:min(390px,64%) !important;
  padding:15px 20px !important;
  font-size:.85rem !important;
}

/* Keep photo cleanly confined to its own panel */
.approved-hero-photo{
  min-width:0 !important;
  overflow:hidden !important;
  background-position:50% center !important;
}

/* Compact lower section so Archive + QR match the approved composition */
.approved-lower{
  min-height:260px !important;
}
.approved-archive,
.approved-qr{
  padding:22px 6% !important;
}
.archive-inner{
  width:min(300px,76%) !important;
}
.archive-links a{
  padding:6px 0 !important;
  font-size:.82rem !important;
}
.qr-frame{
  width:130px !important;
  height:130px !important;
}
.qr-card strong{
  font-size:1.08rem !important;
}
.approved-tagline{
  padding-bottom:13px !important;
}

/* Avoid the full-home composition exceeding the viewport unnecessarily */
.approved-home{
  min-height:auto !important;
}

/* Desktop tuning matching the screenshot size */
@media(min-width:1200px){
  .approved-hero{min-height:545px !important;}
  .approved-hero-photo{min-height:545px !important;}
  .approved-hero-copy h1{font-size:5rem !important;}
}

/* Tablet/mobile */
@media(max-width:900px){
  .brand span{font-size:.92rem !important;}
  .approved-hero{grid-template-columns:1fr !important;}
  .approved-hero-copy h1{white-space:normal !important;}
  .hero-palm{width:46% !important;opacity:.45 !important;}
}
@media(max-width:560px){
  .brand span{display:none !important;}
  .approved-hero-copy{padding:38px 22px 42px !important;}
  .approved-hero-copy h1{font-size:3rem !important;}
  .hero-emblem{width:70% !important;grid-template-columns:1fr 58px 1fr !important;}
  .hero-emblem img{width:58px !important;}
}


/* =========================================================
   V11.2 — EXACT APPROVED HOMEPAGE
   Desktop homepage uses the approved mockup artwork itself.
   Functional links are invisible hotspots layered over it.
   ========================================================= */

.exact-home #app{
  min-height:0 !important;
}
.exact-home footer{
  display:none !important;
}
.exact-home-stage{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#031315;
  border-bottom:1px solid #a76f27;
}
.exact-home-art{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
}

/* Functional clickable regions */
.home-hotspot{
  position:absolute;
  display:block;
  z-index:5;
  background:transparent;
  border:0;
}
.home-hotspot:focus-visible{
  outline:2px solid #5faea2;
  outline-offset:2px;
}

/* Coordinates are percentages of the approved body artwork crop */
.menu-hotspot{
  left:29.1%;
  top:47.0%;
  width:28.7%;
  height:6.7%;
}
.archive-1{left:19.3%;top:71.1%;width:18.2%;height:4.0%}
.archive-2{left:19.3%;top:75.2%;width:18.2%;height:4.0%}
.archive-3{left:19.3%;top:79.2%;width:18.2%;height:4.0%}
.archive-4{left:19.3%;top:83.2%;width:18.2%;height:4.0%}
.archive-button-hotspot{
  left:18.6%;
  top:87.2%;
  width:20.4%;
  height:5.8%;
}

/* Keep a replaceable live QR over the QR area.
   This can later become the real home-network code. */
.home-real-qr{
  position:absolute;
  z-index:6;
  left:64.15%;
  top:69.9%;
  width:10.45%;
  aspect-ratio:1;
  padding:.5%;
  background:#d6b16d;
  border:1px solid #b88432;
  border-radius:4px;
}
.home-real-qr img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border:0;
  padding:0;
  background:#eadfca;
}

/* Let the exact composition scale down as one piece on smaller screens.
   We'll create a dedicated phone layout later rather than distorting this one. */
@media(max-width:900px){
  .exact-home-stage{
    min-width:760px;
    transform-origin:top left;
  }
}


/* =========================================================
   V12 — SUMMER 2026 MENU
   Continues the locked homepage visual language.
   ========================================================= */

.summer-menu-shell{
  min-height:calc(100vh - 66px);
  background:
    radial-gradient(circle at 20% 15%,rgba(36,111,99,.08),transparent 24rem),
    linear-gradient(180deg,#031315,#041719);
  color:#d7c6aa;
  border-left:1px solid rgba(184,132,50,.7);
  border-right:1px solid rgba(184,132,50,.7);
}

.summer-menu-heading{
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:58px 24px 42px;
  border-bottom:1px solid rgba(184,132,50,.7);
}

.summer-menu-heading:before,
.summer-menu-heading:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:210px;
  opacity:.13;
  background:url("images/palm-ornament.svg") center/contain no-repeat;
  pointer-events:none;
}

.summer-menu-heading:before{
  left:-62px;
}

.summer-menu-heading:after{
  right:-62px;
  transform:scaleX(-1);
}

.summer-menu-pineapple{
  width:46px;
  height:auto;
  margin:0 auto 12px;
}

.summer-menu-heading h1{
  margin:6px 0 0;
  color:#c98d36;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-weight:300;
  font-size:clamp(3.3rem,6vw,5.8rem);
  letter-spacing:.09em;
  line-height:1;
  text-transform:uppercase;
}

.summer-menu-rule{
  width:220px;
  margin:18px auto 13px;
  display:grid;
  grid-template-columns:1fr 10px 1fr;
  align-items:center;
  gap:9px;
}
.summer-menu-rule span{
  height:1px;
  background:#a8732c;
}
.summer-menu-rule i{
  width:8px;
  height:8px;
  border:1px solid #4ba99a;
  transform:rotate(45deg);
}

.summer-menu-heading p{
  margin:0;
  color:#9d9384;
  font-family:Georgia,serif;
  font-style:italic;
}

.summer-menu-content{
  max-width:1080px;
  margin:0 auto;
  padding:46px 28px 90px;
}

.summer-category{
  margin-bottom:44px;
}

.summer-category>h2{
  margin:0 0 18px;
  color:#4ba99a;
  text-align:center;
  font-family:Georgia,serif;
  font-size:1rem;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.summer-drink-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.summer-drink-grid.two-drinks{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:820px;
  margin:0 auto;
}

.summer-drink-card{
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  text-decoration:none;
  border:1px solid rgba(184,132,50,.58);
  background:
    linear-gradient(180deg,rgba(10,42,42,.38),rgba(3,17,19,.95));
  box-shadow:0 18px 38px rgba(0,0,0,.3);
  transition:transform .18s ease,border-color .18s ease;
}

.summer-drink-card:hover{
  transform:translateY(-4px);
  border-color:#c98d36;
}

.summer-card-image{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#071b1d;
}

.summer-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.summer-card-copy{
  padding:22px 24px 24px;
  text-align:center;
}

.summer-card-copy h3{
  margin:7px 0 0;
  color:#d5a04a;
  font-family:Georgia,serif;
  font-size:1.75rem;
  font-weight:400;
}

.summer-card-rule{
  width:100px;
  margin:11px auto 13px;
  display:grid;
  grid-template-columns:1fr 7px 1fr;
  gap:7px;
  align-items:center;
}
.summer-card-rule span{
  height:1px;
  background:#8f6328;
}
.summer-card-rule i{
  width:6px;
  height:6px;
  background:#4ba99a;
  transform:rotate(45deg);
}

.summer-card-copy p{
  min-height:2.9em;
  margin:0;
  color:#a79b88;
  font-family:Georgia,serif;
  line-height:1.55;
}

.summer-card-meta{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid rgba(184,132,50,.25);
  color:#857b6d;
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.summer-random{
  position:relative;
  max-width:540px;
  margin:82px auto 0;
  padding:42px 24px 0;
  border-top:1px solid rgba(184,132,50,.45);
  text-align:center;
}

.summer-random:before,
.summer-random:after{
  content:"";
  position:absolute;
  top:-1px;
  width:80px;
  height:1px;
  background:#4ba99a;
}

.summer-random:before{left:0}
.summer-random:after{right:0}

.summer-random-star{
  position:absolute;
  left:50%;
  top:-15px;
  width:30px;
  height:30px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c98d36;
  background:#041719;
}

.summer-random h2{
  margin:7px 0;
  color:#d5a04a;
  font-family:Georgia,serif;
  font-weight:400;
  font-size:1.8rem;
}

.summer-random p{
  margin:0 0 5px;
  color:#968b7a;
  font-family:Georgia,serif;
  font-style:italic;
}

@media(max-width:760px){
  .summer-drink-grid,
  .summer-drink-grid.two-drinks{
    grid-template-columns:1fr;
    max-width:500px;
  }

  .summer-menu-heading:before,
  .summer-menu-heading:after{
    opacity:.08;
    width:160px;
  }
}


/* =========================================================
   V13 — ARCHIVE LANDING PAGE
   Functional pass; aesthetics can be refined later.
   ========================================================= */

.archive-page-v13{
  min-height:calc(100vh - 66px);
  padding-bottom:88px;
  background:
    radial-gradient(circle at 75% 12%,rgba(28,91,82,.08),transparent 25rem),
    linear-gradient(180deg,#031315,#041719);
  border-left:1px solid rgba(184,132,50,.65);
  border-right:1px solid rgba(184,132,50,.65);
}

.archive-hero-v13{
  text-align:center;
  padding:56px 24px 42px;
  border-bottom:1px solid rgba(184,132,50,.55);
}

.archive-pineapple-v13{
  width:42px;
  height:auto;
  margin:0 auto 12px;
}

.archive-hero-v13 h1{
  margin:6px 0 0;
  color:#c98d36;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-size:clamp(3.4rem,6vw,5.8rem);
  font-weight:300;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.archive-rule-v13{
  width:210px;
  margin:17px auto 13px;
  display:grid;
  grid-template-columns:1fr 9px 1fr;
  gap:9px;
  align-items:center;
}
.archive-rule-v13 span{
  height:1px;
  background:#94662a;
}
.archive-rule-v13 i{
  width:7px;
  height:7px;
  border:1px solid #4ba99a;
  transform:rotate(45deg);
}
.archive-hero-v13 p{
  margin:0;
  color:#9b907f;
  font-family:Georgia,serif;
  font-style:italic;
}

.archive-list-v13{
  max-width:900px;
  margin:0 auto;
  padding:44px 24px 0;
  display:grid;
  gap:14px;
}

.archive-season-v13{
  display:grid;
  grid-template-columns:minmax(180px,.9fr) 1.5fr auto;
  gap:28px;
  align-items:center;
  padding:23px 26px;
  text-decoration:none;
  border:1px solid rgba(184,132,50,.48);
  background:linear-gradient(90deg,rgba(8,37,37,.42),rgba(3,16,18,.9));
  transition:transform .16s ease,border-color .16s ease;
}

.archive-season-v13:hover{
  transform:translateX(4px);
  border-color:#c98d36;
}

.archive-season-main{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.archive-season-name{
  color:#d5a04a;
  font-family:Georgia,serif;
  font-size:1.42rem;
}

.archive-season-count{
  color:#867c6e;
  font-size:.63rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.archive-season-cats{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.archive-season-cats span{
  padding:5px 8px;
  color:#4ba99a;
  border:1px solid rgba(75,169,154,.3);
  font-size:.6rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.archive-season-arrow{
  color:#4ba99a;
  font-size:1.5rem;
}

.archive-note-v13{
  max-width:700px;
  margin:60px auto 0;
  padding:22px 24px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  border-top:1px solid rgba(184,132,50,.35);
  color:#8f8475;
  text-align:center;
}

.archive-note-v13 span{
  color:#c98d36;
}
.archive-note-v13 p{
  margin:0;
  font-family:Georgia,serif;
  font-size:.84rem;
  font-style:italic;
}

@media(max-width:720px){
  .archive-season-v13{
    grid-template-columns:1fr auto;
    gap:12px 18px;
  }
  .archive-season-cats{
    grid-column:1 / -1;
  }
}


/* =========================================================
   V14.1 — HOMEPAGE ARCHIVE HOTSPOT ALIGNMENT FIX
   The homepage is artwork with invisible clickable overlays.
   These coordinates align each overlay with its visible season label.
   ========================================================= */

.menu-hotspot{
  left:29.1% !important;
  top:49.0% !important;
  width:28.7% !important;
  height:6.2% !important;
}

.archive-1{
  left:19.0% !important;
  top:68.3% !important;
  width:19.2% !important;
  height:4.1% !important;
}
.archive-2{
  left:19.0% !important;
  top:72.7% !important;
  width:19.2% !important;
  height:4.1% !important;
}
.archive-3{
  left:19.0% !important;
  top:77.1% !important;
  width:19.2% !important;
  height:4.1% !important;
}
.archive-4{
  left:19.0% !important;
  top:81.5% !important;
  width:19.2% !important;
  height:4.1% !important;
}
.archive-button-hotspot{
  left:18.4% !important;
  top:85.7% !important;
  width:20.8% !important;
  height:5.8% !important;
}


/* ===== V15 — ARCHIVE RECIPE STATUS CLEANUP ===== */
.recipe-source-note{
  color:#9b907f !important;
  font-family:Georgia,serif !important;
  font-style:italic;
  line-height:1.7 !important;
}


/* =========================================================
   V17 — TREASURE-HUNT RECIPE CARD LAYOUT
   Locked direction from the final recipe-card mockup.
   ========================================================= */

.treasure-recipe-page{
  min-height:calc(100vh - 66px);
  padding:34px 24px 70px;
  background:
    radial-gradient(circle at 20% 10%,rgba(57,88,59,.05),transparent 26rem),
    linear-gradient(180deg,#050b0c,#020708);
}

.treasure-back{
  display:inline-block;
  margin:0 0 18px max(12px,calc((100vw - 1160px)/2));
  color:#4ba99a;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
}

.treasure-recipe-card{
  position:relative;
  max-width:1160px;
  margin:0 auto;
  padding:26px 30px 28px;
  overflow:hidden;
  border:2px solid rgba(164,111,43,.78);
  border-radius:18px;
  background:
    linear-gradient(rgba(4,10,11,.91),rgba(4,10,11,.95)),
    repeating-radial-gradient(circle at 10% 20%,rgba(174,117,42,.10) 0 1px,transparent 2px 9px);
  box-shadow:
    inset 0 0 45px rgba(143,89,28,.08),
    0 24px 55px rgba(0,0,0,.42);
}

/* worn gold edge */
.treasure-recipe-card:before{
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border-radius:13px;
  opacity:.26;
  background:
    linear-gradient(90deg,transparent 0 4%,#a96f2e 4.3% 4.7%,transparent 5% 95%,#a96f2e 95.3% 95.7%,transparent 96%),
    repeating-linear-gradient(13deg,transparent 0 22px,rgba(184,132,50,.16) 23px 24px,transparent 25px 43px);
  mix-blend-mode:screen;
}

.treasure-card-header{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:22px;
}

.treasure-card-header h1{
  margin:0;
  color:#c48a39;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-size:clamp(2.3rem,4.8vw,4.6rem);
  font-weight:300;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.treasure-divider,
.treasure-midline{
  display:grid;
  grid-template-columns:1fr 10px 1fr;
  gap:10px;
  align-items:center;
}
.treasure-divider{
  width:min(460px,60%);
  margin:15px auto 0;
}
.treasure-divider span,
.treasure-midline span{
  height:1px;
  background:#8f6129;
}
.treasure-divider i,
.treasure-midline i{
  width:8px;height:8px;
  background:#4ba99a;
  transform:rotate(45deg);
}

.treasure-card-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(340px,1.08fr);
  gap:34px;
  align-items:start;
}

.treasure-photo{
  overflow:hidden;
  min-height:430px;
  border:1px solid rgba(159,104,39,.42);
  background:#0a1314;
}

.treasure-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
}

.treasure-recipe-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:430px;
}

.treasure-block h2{
  margin:0 0 12px;
  color:#4ba99a;
  font-family:Arial,sans-serif;
  font-size:.84rem;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.treasure-block ul{
  list-style:none;
  margin:0;
  padding:0;
}

.treasure-block li{
  position:relative;
  padding:3px 0 3px 14px;
  color:#c79349;
  font-family:Georgia,serif;
  font-size:1rem;
  line-height:1.45;
}

.treasure-block li:before{
  content:"•";
  position:absolute;
  left:0;
  color:#c79349;
}

.treasure-block p{
  margin:0;
  color:#c79349;
  font-family:Georgia,serif;
  font-size:1rem;
  line-height:1.65;
}

.treasure-midline{
  margin:24px 0 20px;
}

.treasure-symbol{
  position:relative;
  z-index:2;
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid rgba(143,97,41,.55);
  text-align:center;
}

.treasure-symbol-text{
  color:#946329;
  font-family:"Songti SC","STSong","SimSun","Noto Serif CJK TC",serif;
  font-size:clamp(2.4rem,5vw,4.8rem);
  line-height:1.05;
  letter-spacing:.04em;
  opacity:.78;
  transform:rotate(-1deg);
  filter:contrast(.95);
  text-shadow:
    1px 0 rgba(255,192,89,.06),
    -1px 1px rgba(0,0,0,.5);
}

/* irregular faded-ink wear */
.treasure-symbol:after{
  content:"";
  position:absolute;
  inset:15px 16% 0;
  pointer-events:none;
  opacity:.20;
  background:
    repeating-linear-gradient(7deg,transparent 0 9px,#020708 10px 12px,transparent 13px 27px),
    radial-gradient(circle at 30% 40%,#020708 0 2px,transparent 3px),
    radial-gradient(circle at 68% 62%,#020708 0 3px,transparent 4px);
}

.recipe-source-note{
  color:#9a7750 !important;
}

@media(max-width:800px){
  .treasure-card-main{
    grid-template-columns:1fr;
  }
  .treasure-photo,
  .treasure-photo img,
  .treasure-recipe-copy{
    min-height:0;
  }
  .treasure-photo img{
    aspect-ratio:4/3;
  }
}

@media(max-width:520px){
  .treasure-recipe-page{padding:22px 12px 55px}
  .treasure-recipe-card{padding:22px 18px 24px;border-radius:14px}
  .treasure-card-header h1{font-size:2.35rem}
  .treasure-symbol-text{font-size:2.65rem}
}


/* =========================================================
   V18 — SEASON MENU CARDS
   Carries the locked treasure-card language into current
   and archived seasonal menu pages.
   ========================================================= */

.season-page-v18{
  min-height:calc(100vh - 66px);
  background:
    radial-gradient(circle at 18% 8%,rgba(57,88,59,.055),transparent 28rem),
    linear-gradient(180deg,#050b0c,#020708);
  color:#c79349;
}

.season-heading-v18{
  padding:48px 24px 36px;
  text-align:center;
  border-bottom:1px solid rgba(157,103,40,.48);
}

.season-heading-v18 h1{
  margin:7px 0 0;
  color:#c48a39;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-size:clamp(3rem,6vw,5.6rem);
  font-weight:300;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.season-heading-v18 p{
  margin:0;
  color:#8e806c;
  font-family:Georgia,serif;
  font-style:italic;
}

.season-rule-v18{
  width:230px;
  margin:17px auto 13px;
  display:grid;
  grid-template-columns:1fr 9px 1fr;
  gap:9px;
  align-items:center;
}
.season-rule-v18 span,
.season-card-divider-v18 span{
  height:1px;
  background:#8f6129;
}
.season-rule-v18 i,
.season-card-divider-v18 i{
  width:7px;
  height:7px;
  background:#4ba99a;
  transform:rotate(45deg);
}

.season-content-v18{
  max-width:1180px;
  margin:0 auto;
  padding:42px 25px 86px;
}

.season-category-v18{
  margin-bottom:48px;
}

.season-category-v18>h2{
  margin:0 0 18px;
  color:#4ba99a;
  text-align:center;
  font-size:.8rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.season-card-grid-v18{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.season-card-grid-v18.two-cards-v18{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:840px;
  margin:0 auto;
}

.season-card-v18{
  position:relative;
  overflow:hidden;
  border:2px solid rgba(164,111,43,.7);
  border-radius:15px;
  background:
    linear-gradient(rgba(4,10,11,.92),rgba(4,10,11,.96)),
    repeating-radial-gradient(circle at 10% 20%,rgba(174,117,42,.09) 0 1px,transparent 2px 9px);
  box-shadow:0 18px 38px rgba(0,0,0,.34);
  text-decoration:none;
  transition:transform .17s ease,border-color .17s ease;
}

.season-card-v18:hover{
  transform:translateY(-4px);
  border-color:#c48a39;
}

.season-card-v18:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:10px;
  pointer-events:none;
  opacity:.18;
  background:
    repeating-linear-gradient(12deg,transparent 0 25px,rgba(184,132,50,.18) 26px 27px,transparent 28px 46px);
}

.season-card-photo-v18{
  position:relative;
  z-index:1;
  aspect-ratio:4/3;
  overflow:hidden;
  border-bottom:1px solid rgba(143,97,41,.5);
  background:#081112;
}

.season-card-photo-v18 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.season-card-copy-v18{
  position:relative;
  z-index:1;
  padding:18px 20px 20px;
  text-align:center;
}

.season-card-kicker-v18{
  color:#4ba99a;
  font-size:.59rem;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.season-card-copy-v18 h3{
  margin:7px 0 0;
  color:#c48a39;
  font-family:"Arial Narrow","Helvetica Neue",sans-serif;
  font-size:1.55rem;
  font-weight:400;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.season-card-divider-v18{
  width:110px;
  margin:11px auto 12px;
  display:grid;
  grid-template-columns:1fr 7px 1fr;
  gap:7px;
  align-items:center;
}

.season-card-copy-v18 p{
  min-height:2.8em;
  margin:0;
  color:#91836f;
  font-family:Georgia,serif;
  font-size:.82rem;
  line-height:1.5;
}

.season-card-chinese-v18{
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid rgba(143,97,41,.42);
  color:#8e5f29;
  font-family:"Songti SC","STSong","SimSun","Noto Serif CJK TC",serif;
  font-size:1.55rem;
  line-height:1.1;
  opacity:.75;
}

.season-random-v18{
  max-width:520px;
  margin:72px auto 0;
  padding-top:34px;
  border-top:1px solid rgba(143,97,41,.45);
  text-align:center;
}

.season-random-v18 h2{
  margin:7px 0;
  color:#c48a39;
  font-family:Georgia,serif;
  font-weight:400;
}

.season-random-v18 p{
  color:#8e806c;
  font-family:Georgia,serif;
  font-style:italic;
}

.archive-return-v18{
  margin-top:54px;
  text-align:center;
}

@media(max-width:880px){
  .season-card-grid-v18{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .season-card-grid-v18,
  .season-card-grid-v18.two-cards-v18{
    grid-template-columns:1fr;
    max-width:500px;
  }
}


/* ===== V19 — RECONSTRUCTED RECIPE PROVENANCE ===== */
.recipe-provenance{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:22px auto 0;
  padding:10px 14px;
  border-top:1px solid rgba(75,169,154,.24);
  color:#756c5e;
  font-family:Georgia,serif;
  font-size:.68rem;
  font-style:italic;
  line-height:1.55;
  text-align:center;
}


/* =========================================================
   V20 — QR CLEANUP
   The approved homepage artwork already contains the intended
   QR treatment. The separate live overlay has been removed.
   ========================================================= */
.home-real-qr{
  display:none !important;
}


/* =========================================================
   V23 — MOBILE / RESPONSIVE POLISH
   No redesign: preserve the approved desktop character.
   ========================================================= */

@media (max-width: 760px){
  body{
    overflow-x:hidden;
  }

  /* Header stays compact instead of wrapping awkwardly. */
  .site-header,
  header.site-header{
    min-height:58px;
  }

  .brand{
    min-width:0;
  }

  .brand-name{
    font-size:.92rem;
    letter-spacing:.13em;
  }

  nav a{
    font-size:.65rem;
    letter-spacing:.1em;
  }

  /* Seasonal pages */
  .season-heading-v18{
    padding:34px 18px 28px;
  }

  .season-heading-v18 h1{
    font-size:clamp(2.6rem,13vw,4rem);
    line-height:.98;
  }

  .season-content-v18{
    padding:28px 14px 60px;
  }

  .season-card-v18{
    max-width:520px;
    margin-inline:auto;
  }

  .season-card-photo-v18{
    aspect-ratio:1.2/1;
  }

  .season-card-copy-v18{
    padding:17px 18px 19px;
  }

  /* Recipe detail: one convincing artifact card, not a squeezed desktop card. */
  .treasure-recipe-page{
    padding:20px 10px 48px;
  }

  .treasure-back{
    margin:0 0 14px 5px;
    font-size:.62rem;
  }

  .treasure-recipe-card{
    padding:19px 14px 22px;
    border-width:1px;
  }

  .treasure-card-header{
    margin-bottom:16px;
  }

  .treasure-card-header h1{
    font-size:clamp(2rem,10vw,3rem);
    line-height:1.02;
    letter-spacing:.055em;
  }

  .treasure-divider{
    width:72%;
  }

  .treasure-card-main{
    gap:20px;
  }

  .treasure-photo{
    border-radius:2px;
  }

  .treasure-photo img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
  }

  .treasure-recipe-copy{
    padding:0 4px;
  }

  .treasure-block li,
  .treasure-block p{
    font-size:.96rem;
    line-height:1.58;
  }

  .treasure-symbol{
    margin-top:22px;
    padding-top:16px;
  }

  .treasure-symbol-text{
    font-size:clamp(2.35rem,14vw,3.7rem);
  }

  .recipe-provenance{
    margin-top:18px;
    font-size:.63rem;
  }
}

@media (max-width: 430px){
  .brand-name{
    font-size:.78rem;
  }

  nav{
    gap:12px;
  }

  nav a{
    font-size:.58rem;
  }

  .season-card-copy-v18 h3{
    font-size:1.35rem;
  }

  .treasure-card-header h1{
    font-size:2rem;
  }
}


/* =========================================================
   V24 — SITE-WIDE FINISHING PASS
   Consistency and interaction polish only; no redesign.
   ========================================================= */

/* Consistent focus treatment for keyboard/touch accessibility */
a:focus-visible,
button:focus-visible{
  outline:2px solid #4ba99a;
  outline-offset:4px;
}

/* Header/navigation finishing */
.site-header,
header.site-header{
  border-bottom:1px solid rgba(174,117,42,.42);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

nav a{
  position:relative;
  transition:color .16s ease, opacity .16s ease;
}

nav a:hover{
  color:#d49a43;
}

nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-8px;
  height:1px;
  background:#4ba99a;
  transition:left .16s ease,right .16s ease;
}

nav a:hover:after{
  left:12%;
  right:12%;
}

/* Buttons now share the same physical feel */
.btn,
button.btn{
  transition:
    transform .15s ease,
    border-color .15s ease,
    background-color .15s ease,
    color .15s ease;
}

.btn:hover,
button.btn:hover{
  transform:translateY(-1px);
}

/* Archive/season links feel intentional instead of default UI */
.archive-return-v18 .btn,
.season-random-v18 .btn{
  min-width:180px;
}

/* Treasure cards: subtle tactile interaction, not flashy */
.season-card-v18{
  transform:translateZ(0);
}

.season-card-v18:active{
  transform:translateY(-1px);
}

/* Prevent long drink names or Chinese names from blowing out cards */
.season-card-copy-v18 h3,
.treasure-card-header h1,
.treasure-symbol-text,
.season-card-chinese-v18{
  overflow-wrap:anywhere;
}

/* Images should never expose inline gaps */
.season-card-photo-v18 img,
.treasure-photo img{
  display:block;
}

/* Empty/error states inherit the visual language */
.empty{
  max-width:620px;
  margin:40px auto;
  padding:30px;
  border:1px solid rgba(164,111,43,.45);
  color:#91836f;
  text-align:center;
  font-family:Georgia,serif;
  font-style:italic;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  *,
  *:before,
  *:after{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}


/* ===== V25 QA helper (?qa=1 only) ===== */
#qa-panel{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:190px;
  padding:12px 14px;
  border:1px solid #b88432;
  background:rgba(3,15,16,.94);
  color:#c9a66a;
  font:12px/1.35 Arial,sans-serif;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
#qa-panel strong{
  color:#5faea2;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#qa-panel button{
  margin-top:5px;
  border:1px solid #5faea2;
  background:transparent;
  color:#5faea2;
  cursor:pointer;
}


/* =========================================================
   V27 — LOCKED RECIPE CARD LAYOUT
   Matches the approved attached reference:
   wide horizontal artifact card; drink image left;
   ingredients + method stacked right; title across top;
   worn Chinese drink name across bottom.
   ========================================================= */

.treasure-recipe-page{
  padding:34px 22px 70px;
}

.treasure-recipe-card{
  max-width:1080px;
  padding:24px 28px 22px;
  border:2px solid rgba(160,101,34,.82);
  border-radius:20px;
  background:
    radial-gradient(circle at 20% 18%,rgba(141,89,30,.055),transparent 20rem),
    linear-gradient(180deg,#061011 0%,#030a0b 100%);
  box-shadow:
    inset 0 0 34px rgba(139,83,26,.09),
    0 24px 52px rgba(0,0,0,.42);
}

.treasure-card-header{
  margin:0 0 14px;
}

.treasure-card-header h1{
  font-size:clamp(2.2rem,4vw,3.75rem);
  line-height:1;
  letter-spacing:.075em;
}

.treasure-divider{
  width:100%;
  margin:13px auto 0;
  grid-template-columns:1fr 9px 1fr;
}

.treasure-card-main{
  display:grid;
  grid-template-columns:minmax(0,47%) minmax(0,53%);
  gap:28px;
  align-items:stretch;
}

.treasure-photo{
  min-height:0;
  height:100%;
  border:0;
  background:transparent;
  overflow:hidden;
}

.treasure-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  max-height:470px;
  object-fit:cover;
  object-position:center center;
}

.treasure-recipe-copy{
  min-height:360px;
  padding:4px 2px 0;
  justify-content:flex-start;
}

.treasure-block h2{
  margin:0 0 8px;
  color:#4c9d91;
  font-size:.82rem;
  letter-spacing:.13em;
}

.treasure-block li,
.treasure-block p{
  color:#c78d3f;
  font-family:Georgia,serif;
  font-size:.96rem;
  line-height:1.48;
}

.treasure-midline{
  margin:18px 0 17px;
}

.treasure-symbol{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid rgba(143,97,41,.62);
  text-align:left;
}

.treasure-symbol-text{
  padding-left:22px;
  color:#9a652d;
  font-size:clamp(2.7rem,5vw,4.5rem);
  line-height:1;
  letter-spacing:.025em;
  opacity:.79;
  transform:rotate(-.65deg);
}

/* Make the lower inscription look rubbed into the card rather than typeset on top. */
.treasure-symbol:after{
  inset:11px 4% 0;
  opacity:.24;
}

.recipe-provenance{
  margin:14px auto 0;
  padding:8px 12px 0;
  border-top:0;
}

/* More irregular wear around the actual card edge. */
.treasure-recipe-card:before{
  inset:4px;
  border-radius:15px;
  opacity:.31;
  background:
    repeating-linear-gradient(7deg,transparent 0 19px,rgba(183,119,39,.16) 20px 21px,transparent 22px 41px),
    repeating-linear-gradient(93deg,transparent 0 31px,rgba(183,119,39,.12) 32px 33px,transparent 34px 61px);
}

/* Current Summer 2026 image positioning: keep the entire glass comfortably in frame. */
.treasure-photo img[src*="summer-2026__old-fashioned"]{
  object-position:center 48%;
}
.treasure-photo img[src*="summer-2026__gin-and-tonic"]{
  object-position:center 46%;
}

/* Phone layout keeps the same hierarchy but stacks naturally. */
@media(max-width:760px){
  .treasure-recipe-page{
    padding:20px 10px 48px;
  }

  .treasure-recipe-card{
    padding:19px 15px 20px;
    border-radius:15px;
  }

  .treasure-card-main{
    grid-template-columns:1fr;
    gap:18px;
  }

  .treasure-photo img{
    min-height:0;
    max-height:none;
    aspect-ratio:4/3;
  }

  .treasure-recipe-copy{
    min-height:0;
    padding:0 4px;
  }

  .treasure-symbol{
    margin-top:18px;
  }

  .treasure-symbol-text{
    padding-left:6px;
    font-size:clamp(2.45rem,13vw,3.65rem);
  }
}


/* ============================================================
   V31 — CLEAN ARTIFACT REBUILD
   Rebuilt from V27. No mockup pixels are used anywhere.
   ============================================================ */

.treasure-recipe-page{
  max-width:1180px;
  margin:0 auto;
  padding:34px 24px 72px;
}

.treasure-back{
  display:inline-block;
  margin:0 0 20px 8px;
  color:#4f9f93;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.67rem;
}

.treasure-recipe-card{
  position:relative;
  overflow:hidden;
  max-width:1080px;
  margin:0 auto;
  padding:24px 27px 20px;
  border:2px solid #a3682d;
  border-radius:22px;
  background:
    linear-gradient(rgba(3,13,13,.42),rgba(2,10,10,.56)),
    url("images/textures/artifact-patina-v31.jpg") center/cover;
  box-shadow:
    0 24px 60px rgba(0,0,0,.54),
    inset 0 0 55px rgba(0,0,0,.48);
}

/* battered inner perimeter — broken on purpose, but contains NO text */
.treasure-recipe-card:before{
  content:"";
  position:absolute;
  inset:7px;
  pointer-events:none;
  border-radius:16px;
  border:1px solid rgba(190,119,43,.62);
  box-shadow:inset 0 0 18px rgba(185,111,34,.10);
  opacity:.92;
}

/* random-looking edge loss and grime */
.treasure-recipe-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:20px;
  background:
    linear-gradient(90deg,#061011 0 1.1%,transparent 1.3% 8%,#061011 8.2% 9.1%,transparent 9.3% 31%,#061011 31.2% 32%,transparent 32.2% 71%,#061011 71.2% 72.4%,transparent 72.6% 96%,#061011 96.2% 97.1%,transparent 97.3%),
    linear-gradient(0deg,#061011 0 .8%,transparent 1% 13%,#061011 13.2% 14.1%,transparent 14.3% 84%,#061011 84.2% 85.1%,transparent 85.3% 97%,#061011 97.2% 98%,transparent 98.2%);
  opacity:.74;
}

.treasure-card-header,
.treasure-card-main,
.treasure-symbol,
.recipe-provenance{
  position:relative;
  z-index:2;
}

.treasure-card-header{
  margin:0 0 13px;
  text-align:center;
}
.treasure-card-header h1{
  margin:0;
  color:#c18a42;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  font-stretch:condensed;
  font-size:clamp(2.15rem,4.1vw,3.45rem);
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  opacity:.94;
}
.treasure-divider{
  width:100%;
  max-width:none;
  margin:13px auto 0;
}

.treasure-card-main{
  display:grid;
  grid-template-columns:46% 54%;
  gap:28px;
  align-items:stretch;
}

/* Photograph occupies the left panel like the approved reference. */
.treasure-photo{
  position:relative;
  overflow:hidden;
  min-height:370px;
  border:0;
  background:#050e0f;
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.58),
    0 0 0 1px rgba(157,96,34,.18);
}
.treasure-photo img{
  width:100%;
  height:100%;
  min-height:370px;
  max-height:440px;
  display:block;
  object-fit:contain;
  object-position:center center;
  background:
    radial-gradient(circle at 52% 45%,#162322 0,#081313 48%,#030909 100%);
  filter:saturate(.82) contrast(1.08) brightness(.84) sepia(.07);
}

/* subtle wear over the photo, but never obscures it */
.treasure-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.25),transparent 14%,transparent 86%,rgba(0,0,0,.24)),
    linear-gradient(0deg,rgba(0,0,0,.22),transparent 17%,transparent 84%,rgba(0,0,0,.18));
}

.treasure-recipe-copy{
  min-height:370px;
  padding:5px 0 0;
}
.treasure-block h2{
  margin:0 0 8px;
  color:#4b998d;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.treasure-block ul{
  margin:0;
  padding-left:1.25em;
}
.treasure-block li,
.treasure-block p{
  color:#c38a42;
  font-family:Georgia,serif;
  font-size:.94rem;
  line-height:1.48;
}
.treasure-midline{
  margin:18px 0 17px;
}

/* Bottom inscription: large, worn, and integrated into the object. */
.treasure-symbol{
  margin:15px 0 0;
  padding:14px 18px 1px;
  border-top:1px solid rgba(157,97,35,.58);
  text-align:left;
}
.treasure-symbol-text{
  color:#9d642d;
  font-family:"Songti SC","STSong","SimSun","Noto Serif CJK TC",serif;
  font-size:clamp(3rem,5.6vw,4.75rem);
  line-height:1;
  letter-spacing:.015em;
  opacity:.68;
  transform:rotate(-.6deg);
  text-shadow:1px 1px 0 rgba(20,12,7,.52);
  -webkit-mask-image:
    repeating-linear-gradient(96deg,#000 0 8px,rgba(0,0,0,.55) 9px 11px,#000 12px 25px,rgba(0,0,0,.25) 26px 28px,#000 29px 45px);
  mask-image:
    repeating-linear-gradient(96deg,#000 0 8px,rgba(0,0,0,.55) 9px 11px,#000 12px 25px,rgba(0,0,0,.25) 26px 28px,#000 29px 45px);
}

/* ---------------- Seasonal-menu image fit ----------------
   These are the cards BEFORE opening the recipe.
   Use contain so the full glass is visible, with a deliberate dark backdrop.
*/
.season-card-photo-v18{
  aspect-ratio:4/3;
  padding:10px;
  background:
    radial-gradient(circle at 50% 43%,#172624 0,#091515 52%,#040b0c 100%);
  border-bottom:1px solid rgba(143,97,41,.50);
}
.season-card-photo-v18 img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:transparent;
  filter:saturate(.88) contrast(1.05) brightness(.88);
}

/* Current two-drink menu gets more room around tall glassware. */
.season-card-grid-v18.two-cards-v18{
  max-width:880px;
}
.season-card-grid-v18.two-cards-v18 .season-card-photo-v18{
  aspect-ratio:1.35/1;
  padding:16px 22px;
}

/* specific current drink breathing room */
.season-card-photo-v18 img[src*="summer-2026__old-fashioned"],
.season-card-photo-v18 img[src*="summer-2026__gin-and-tonic"]{
  object-fit:contain;
  transform:scale(.88);
}

@media(max-width:760px){
  .treasure-recipe-page{padding:20px 10px 48px}
  .treasure-recipe-card{padding:19px 15px 18px;border-radius:17px}
  .treasure-card-main{grid-template-columns:1fr;gap:17px}
  .treasure-photo{min-height:0}
  .treasure-photo img{
    min-height:0;
    max-height:none;
    aspect-ratio:4/3;
  }
  .treasure-recipe-copy{min-height:0;padding:0 4px}
  .treasure-symbol{padding-left:5px;padding-right:5px}
  .treasure-symbol-text{font-size:clamp(2.5rem,13vw,3.7rem)}
}

/* ===== V32: approved refinements on full uploaded V31 ===== */
.treasure-title-line{display:flex;justify-content:center;align-items:center;gap:12px}
.treasure-title-line h1{margin:0}
.treasure-title-pineapple{width:22px;height:auto;object-fit:contain;opacity:.40;filter:sepia(.5) saturate(.65) contrast(.88);transform:rotate(-2deg)}
.treasure-recipe-card{background:
radial-gradient(ellipse at 11% 13%,rgba(139,84,29,.16) 0 4%,transparent 12%),
radial-gradient(ellipse at 89% 72%,rgba(119,72,25,.13) 0 5%,transparent 15%),
radial-gradient(circle at 73% 22%,transparent 0 44px,rgba(160,98,34,.10) 45px 48px,transparent 49px),
linear-gradient(rgba(2,11,11,.38),rgba(2,9,10,.52)),
url("images/textures/artifact-patina-v31.jpg") center/cover!important;
border-color:rgba(157,99,40,.86)!important;box-shadow:0 24px 60px rgba(0,0,0,.56),inset 0 0 72px rgba(0,0,0,.58),inset 0 0 0 1px rgba(190,121,48,.11)!important}
.treasure-recipe-card:before{border-color:rgba(174,105,37,.54)!important;opacity:.78!important;box-shadow:inset 0 0 22px rgba(0,0,0,.42),0 0 0 1px rgba(59,36,19,.32)!important}
.treasure-recipe-card:after{background:repeating-linear-gradient(7deg,transparent 0 31px,rgba(186,112,34,.055) 32px,transparent 34px 67px),repeating-linear-gradient(96deg,transparent 0 73px,rgba(0,0,0,.07) 74px 76px,transparent 77px 141px)!important;opacity:.9!important}
.treasure-symbol{overflow:hidden}
.treasure-symbol-text{color:#a06b34!important;opacity:.46!important;filter:contrast(.82) blur(.12px);text-shadow:none!important;transform:rotate(-.85deg) skewX(-.7deg)!important;
-webkit-mask-image:repeating-linear-gradient(101deg,rgba(0,0,0,.96) 0 5px,rgba(0,0,0,.20) 6px 9px,rgba(0,0,0,.78) 10px 16px,transparent 17px 19px,rgba(0,0,0,.92) 20px 31px,rgba(0,0,0,.32) 32px 36px,rgba(0,0,0,.84) 37px 48px)!important;
mask-image:repeating-linear-gradient(101deg,rgba(0,0,0,.96) 0 5px,rgba(0,0,0,.20) 6px 9px,rgba(0,0,0,.78) 10px 16px,transparent 17px 19px,rgba(0,0,0,.92) 20px 31px,rgba(0,0,0,.32) 32px 36px,rgba(0,0,0,.84) 37px 48px)!important}
.season-card-photo-v18{overflow:hidden!important;padding:14px 18px!important}
.season-card-photo-v18 img{object-fit:contain!important;object-position:center!important;transform:scale(.91)}
.season-card-grid-v18.two-cards-v18 .season-card-photo-v18 img{transform:scale(.86)}
.archive-page-v32{max-width:1120px;margin:0 auto;padding:56px 28px 80px}
.archive-hero-v32{text-align:center;margin-bottom:34px}.archive-pineapple-v32{width:31px;margin:0 auto 12px;opacity:.64}
.archive-hero-v32 h1{margin:7px 0 8px;color:var(--gold2);font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:400;letter-spacing:.07em;text-transform:uppercase}
.archive-hero-v32 p{color:var(--muted);font-family:Georgia,serif}
.archive-rule-v32{max-width:360px;margin:14px auto;display:flex;align-items:center;gap:10px}.archive-rule-v32 span{height:1px;background:var(--line);flex:1}.archive-rule-v32 i{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}
.archive-grid-v32{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.archive-card-v32{display:block;overflow:hidden;text-decoration:none;border:1px solid rgba(184,132,50,.36);border-radius:15px;background:#071416;box-shadow:0 15px 38px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease}
.archive-card-v32:hover{transform:translateY(-2px);border-color:rgba(184,132,50,.76)}
.archive-photo-v32{height:250px;padding:14px;background:radial-gradient(circle at 50% 43%,#1c302b 0,#0a1817 55%,#051011 100%);border-bottom:1px solid rgba(184,132,50,.22)}
.archive-photo-v32 img{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.84) contrast(1.05) brightness(.88)}
.archive-photo-v32 .archive-fallback-v32{width:58px;margin:auto;opacity:.32}
.archive-copy-v32{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px 17px}
.archive-copy-v32 h2{margin:0 0 5px;color:var(--gold2);font:400 1.12rem Georgia,serif;letter-spacing:.06em;text-transform:uppercase}
.archive-copy-v32 p{margin:0;color:var(--teal);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}
.archive-copy-v32>span{flex:0 0 auto;color:var(--gold);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.archive-page-v32{padding:36px 13px 60px}.archive-grid-v32{grid-template-columns:1fr}.archive-photo-v32{height:230px}.treasure-title-pineapple{width:18px}}


/* =========================================================
   V48 — LOCKED “SOLD” RECIPE DESIGN
   Clean rebuild of recipe styling. No inherited V34–V47 overrides.
   ========================================================= */

.recipe-page{
  max-width:1120px;
  margin:0 auto;
  padding:34px 24px 72px;
}
.recipe-page .back{
  display:inline-block;
  margin:0 0 20px 8px;
  color:#58a294;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.68rem;
}

/* The approved physical blank card is the actual surface. */
.artifact34{
  position:relative;
  max-width:1060px;
  margin:0 auto;
  overflow:hidden;
  padding:38px 38px 24px;
  border:0;
  border-radius:24px;
  background:url("images/textures/approved-physical-card-v36.jpg") center/100% 100% no-repeat;
  box-shadow:0 25px 64px rgba(0,0,0,.60);
}
.artifact34-wear{display:none}

/* TITLE: directly on the card, no bar. */
.artifact34-header{
  position:relative;
  z-index:4;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:6px 14px 9px;
  margin:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
.artifact34-header h1{
  position:relative;
  z-index:2;
  margin:0;
  color:#ae7535;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.35rem,4.55vw,4rem);
  font-weight:700;
  line-height:.98;
  letter-spacing:.055em;
  text-transform:uppercase;
  opacity:.89;
  text-shadow:0 1px 0 rgba(27,18,11,.32);
}

/* Fine irregular wear crosses the printed title naturally.
   It is deliberately subtle—no splotches, stripes, bevel or metallic gradient. */
.artifact34-header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:url("images/textures/title-natural-wear-v48.png") center/cover no-repeat;
  mix-blend-mode:multiply;
  opacity:.52;
}

/* Small period printer's mark, printed in the same ink family. */
.artifact34-pineapple{
  position:relative;
  z-index:2;
  width:27px;
  height:auto;
  flex:0 0 auto;
  opacity:.82;
  filter:none;
}

/* Simple old rule under title. */
.artifact34-rule,
.artifact34-smallrule{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:1fr 8px 1fr;
  align-items:center;
  gap:10px;
}
.artifact34-rule{
  max-width:650px;
  margin:10px auto 19px;
}
.artifact34-rule span,
.artifact34-smallrule span{
  height:1px;
  background:rgba(130,82,35,.62);
}
.artifact34-rule i,
.artifact34-smallrule i{
  width:7px;
  height:7px;
  background:#3e7d73;
  transform:rotate(45deg);
  opacity:.74;
}

/* BODY */
.artifact34-body{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:48% 52%;
  gap:30px;
  align-items:stretch;
}
.artifact34-photo{
  margin:0;
  min-height:365px;
  overflow:hidden;
  border:1px solid rgba(111,72,38,.68);
  border-radius:7px;
  background:#0b0d0b;
  box-shadow:
    0 0 0 3px rgba(37,25,15,.34),
    inset 0 0 28px rgba(0,0,0,.54);
}
.artifact34-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:365px;
  max-height:420px;
  object-fit:contain;
  object-position:center;
  transform:scale(.96);
  filter:saturate(.77) contrast(1.07) brightness(.82) sepia(.10);
}
.artifact34-copy{
  padding:10px 8px 0 0;
}
.artifact34-copy h2{
  margin:0 0 9px;
  color:#4b8e82;
  font-family:Georgia,serif;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.artifact34-copy ul{
  margin:0;
  padding-left:1.28rem;
}
.artifact34-copy li,
.artifact34-copy p{
  margin:.20rem 0;
  color:#bd8140;
  font-family:Georgia,serif;
  font-size:1rem;
  line-height:1.48;
}
.artifact34-smallrule{
  margin:23px 0 18px;
}

/* Chinese name: old stencil paint, naturally rubbed away. */
.artifact34-stencil{
  position:relative;
  z-index:4;
  margin:14px 4px 0;
  padding:14px 18px 0;
  border-top:1px solid rgba(122,76,33,.42);
  text-align:center;
  overflow:hidden;
}
.artifact34-stencil span{
  display:inline-block;
  color:#9e6c3f;
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(3.15rem,5.65vw,4.9rem);
  line-height:.92;
  letter-spacing:.05em;
  opacity:.48;
  transform:rotate(-.6deg);
  filter:contrast(.82) blur(.08px);
  -webkit-mask-image:
    repeating-linear-gradient(101deg,
      #000 0 7px,
      rgba(0,0,0,.36) 8px 10px,
      #000 11px 19px,
      transparent 20px 22px,
      #000 23px 35px,
      rgba(0,0,0,.28) 36px 39px,
      #000 40px 54px);
  mask-image:
    repeating-linear-gradient(101deg,
      #000 0 7px,
      rgba(0,0,0,.36) 8px 10px,
      #000 11px 19px,
      transparent 20px 22px,
      #000 23px 35px,
      rgba(0,0,0,.28) 36px 39px,
      #000 40px 54px);
}

.artifact34-source{
  position:relative;
  z-index:4;
  margin-top:8px;
  color:#7e6c54;
  font-size:.68rem;
}

/* Under-card signoff retained from the approved design direction. */
.recipe-footer-v36{
  display:grid;
  grid-template-columns:1fr auto auto auto 1fr;
  align-items:center;
  gap:18px;
  max-width:1060px;
  margin:18px auto 0;
  color:#5b9d91;
  font-family:Georgia,serif;
  font-size:.76rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.recipe-footer-v36 img{width:23px;opacity:.64}
.recipe-footer-line{
  height:1px;
  background:linear-gradient(90deg,transparent,#805326 30%,#805326 70%,transparent);
}

@media(max-width:760px){
  .recipe-page{padding:22px 10px 50px}
  .artifact34{padding:26px 18px 19px;border-radius:17px}
  .artifact34-header{gap:10px}
  .artifact34-pineapple{width:21px}
  .artifact34-body{grid-template-columns:1fr;gap:18px}
  .artifact34-photo{min-height:0}
  .artifact34-photo img{min-height:0;max-height:none;aspect-ratio:4/3}
  .artifact34-copy{padding-right:0}
  .recipe-footer-v36{gap:8px;font-size:.58rem;letter-spacing:.1em}
  .recipe-footer-v36 img{width:18px}
}


/* =========================================================
   V49 — TRUE INTEGRATED TITLE
   Fixes the hidden culprit: the site's global <header> rule
   was still applying backdrop-filter/blur to the recipe header,
   creating the brown rectangle even though its background was transparent.
   ========================================================= */

.artifact34 > header.artifact34-header{
  /* FULL RESET of inherited site-header behavior */
  position:relative !important;
  top:auto !important;
  z-index:4 !important;

  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:0 !important;
  width:auto !important;

  margin:0 !important;
  padding:6px 14px 9px !important;

  background:none !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  overflow:visible !important;
  isolation:auto !important;
  filter:none !important;
}

/* Remove every header overlay from previous experiments. */
.artifact34 > header.artifact34-header::before,
.artifact34 > header.artifact34-header::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Printed directly on the battered stock.
   Character comes from the type and the physical card showing through,
   not from an artificial title texture. */
.artifact34 > header.artifact34-header h1{
  margin:0 !important;
  padding:0 !important;

  color:#ad7435 !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#ad7435 !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(2.35rem,4.45vw,3.95rem) !important;
  font-weight:700 !important;
  line-height:.98 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;

  opacity:.84 !important;
  mix-blend-mode:screen !important;

  filter:saturate(.88) contrast(.96) !important;
  text-shadow:none !important;

  -webkit-mask:none !important;
  mask:none !important;
}

/* Printer's mark: small, flat, imperfect ink — not an icon treatment. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:25px !important;
  height:auto !important;
  margin-left:4px !important;
  flex:0 0 auto !important;

  opacity:.72 !important;
  mix-blend-mode:screen !important;

  filter:saturate(.84) brightness(.90) contrast(.95) !important;

  -webkit-mask:none !important;
  mask:none !important;
}


/* =========================================================
   V50 — PRINT DEPTH, NOT PHOTOSHOP DEPTH
   The title now behaves like old layered ink on rough stock:
   dark underprint, warm face, tiny oxidized misregistration.
   No bevel, gradient, glow, or title panel.
   ========================================================= */

.artifact34 > header.artifact34-header h1{
  position:relative !important;
  z-index:2 !important;
  isolation:isolate !important;

  color:#a86f32 !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;

  text-shadow:none !important;
  filter:none !important;

  -webkit-mask:none !important;
  mask:none !important;
}

/* Dark underprint: extremely small offset, like ink pressed into old stock. */
.artifact34 > header.artifact34-header h1::before{
  content:attr(data-title);
  position:absolute;
  inset:0;
  z-index:-2;
  color:#3f2a18;
  opacity:.58;
  transform:translate(1.2px,1.35px);
  pointer-events:none;
  text-shadow:none;
}

/* Faint oxidized registration drift along one edge.
   This gives material personality without a 3-D bevel. */
.artifact34 > header.artifact34-header h1::after{
  content:attr(data-title);
  position:absolute;
  inset:0;
  z-index:-1;
  color:#557668;
  opacity:.16;
  transform:translate(-.7px,.35px);
  pointer-events:none;
  text-shadow:none;
}

/* Slight warm highlight is achieved with a tiny top-edge shadow only. */
.artifact34 > header.artifact34-header h1{
  text-shadow:
    0 -0.55px 0 rgba(197,139,67,.32) !important;
}

/* Bring back the dimensional worn pineapple asset itself.
   The variation is in the image: oxidized pits, rubbed highlights,
   darker brass and tiny scratches. CSS merely integrates it. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:26px !important;
  opacity:.88 !important;
  mix-blend-mode:normal !important;

  filter:
    saturate(.90)
    brightness(.92)
    contrast(1.06)
    drop-shadow(1px 1px 0 rgba(37,26,16,.36))
    drop-shadow(-.45px -.45px 0 rgba(195,139,64,.10)) !important;

  -webkit-mask:none !important;
  mask:none !important;
}


/* =========================================================
   V51 — reference-driven title + printer's mark
   Matches the uploaded target more closely:
   naturally mottled printed ink, defined weathered pineapple.
   ========================================================= */

.artifact34 > header.artifact34-header h1{
  color:transparent !important;
  background:
    url("images/textures/title-ink-v51.png") center/cover no-repeat !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;

  opacity:.98 !important;
  mix-blend-mode:normal !important;
  filter:none !important;

  /* subtle physical underprint, not a bevel */
  text-shadow:
    1px 1px 0 rgba(43,28,16,.30) !important;

  -webkit-mask:none !important;
  mask:none !important;
}

/* Kill the V50 duplicate text layers. */
.artifact34 > header.artifact34-header h1::before,
.artifact34 > header.artifact34-header h1::after{
  content:none !important;
  display:none !important;
}

/* Defined printer's mark with dimensional wear contained in the PNG itself. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:27px !important;
  opacity:.96 !important;
  mix-blend-mode:normal !important;
  filter:
    contrast(1.08)
    saturate(1.06)
    brightness(1.02)
    drop-shadow(1px 1px 0 rgba(35,24,14,.32)) !important;
}


/* =========================================================
   V52 — WIND-WORN TITLE + EXACT HOMEPAGE PINEAPPLE
   ========================================================= */

/* Replace V51's pitted texture with broad, directional abrasion.
   The marks are elongated and low-contrast: faded/thinned ink,
   not punched-out speckles. */
.artifact34 > header.artifact34-header h1{
  color:#a86e30 !important;
  -webkit-text-fill-color:#a86e30 !important;
  background:none !important;
  background-image:none !important;
  opacity:.94 !important;
  position:relative !important;
  text-shadow:1px 1px 0 rgba(45,29,16,.22) !important;

  /* long, soft horizontal losses — deliberately sparse */
  -webkit-mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,.96) 0%,
      rgba(0,0,0,.96) 8%,
      rgba(0,0,0,.72) 11%,
      rgba(0,0,0,.95) 17%,
      rgba(0,0,0,.90) 28%,
      rgba(0,0,0,.66) 31%,
      rgba(0,0,0,.95) 39%,
      rgba(0,0,0,.93) 52%,
      rgba(0,0,0,.70) 57%,
      rgba(0,0,0,.96) 65%,
      rgba(0,0,0,.82) 78%,
      rgba(0,0,0,.96) 86%,
      rgba(0,0,0,.74) 92%,
      rgba(0,0,0,.95) 100%),
    repeating-linear-gradient(
      176deg,
      rgba(0,0,0,1) 0px,
      rgba(0,0,0,1) 8px,
      rgba(0,0,0,.76) 9px,
      rgba(0,0,0,.92) 11px,
      rgba(0,0,0,1) 17px
    ) !important;
  -webkit-mask-composite:source-in !important;
  mask-image:
    linear-gradient(90deg,
      rgba(0,0,0,.96) 0%,
      rgba(0,0,0,.96) 8%,
      rgba(0,0,0,.72) 11%,
      rgba(0,0,0,.95) 17%,
      rgba(0,0,0,.90) 28%,
      rgba(0,0,0,.66) 31%,
      rgba(0,0,0,.95) 39%,
      rgba(0,0,0,.93) 52%,
      rgba(0,0,0,.70) 57%,
      rgba(0,0,0,.96) 65%,
      rgba(0,0,0,.82) 78%,
      rgba(0,0,0,.96) 86%,
      rgba(0,0,0,.74) 92%,
      rgba(0,0,0,.95) 100%) !important;
}

/* EXACT same pineapple artwork used on the home page.
   Don't recolor, redraw, texture, mute or reinterpret it. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:27px !important;
  height:auto !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}


/* =========================================================
   V53 — restrained weathering + antique bronze pineapple
   ========================================================= */

/* Keep the V52 dimensional shading, then add only a restrained
   abrasion pattern: broad thinning, a few fine horizontal rubs,
   no pitting and no chunky missing spots. */
.artifact34 > header.artifact34-header h1{
  color:#a86e30 !important;
  -webkit-text-fill-color:#a86e30 !important;
  text-shadow:
    1px 1px 0 rgba(45,29,16,.25),
    0 -0.45px 0 rgba(188,126,54,.14) !important;

  -webkit-mask-image:
    linear-gradient(90deg,
      #000 0%, #000 7%,
      rgba(0,0,0,.86) 10%, #000 15%,
      #000 27%, rgba(0,0,0,.78) 30%, #000 35%,
      #000 48%, rgba(0,0,0,.84) 53%, #000 59%,
      #000 72%, rgba(0,0,0,.80) 76%, #000 81%,
      #000 91%, rgba(0,0,0,.86) 94%, #000 100%),
    repeating-linear-gradient(
      178deg,
      #000 0px, #000 11px,
      rgba(0,0,0,.84) 12px,
      #000 13px, #000 22px
    ) !important;
  -webkit-mask-composite:source-in !important;
}

/* Same detailed pineapple drawing, now in aged bronze rather than
   bright gold. Preserve its linework and let it sit with the title. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:27px !important;
  opacity:.97 !important;
  filter:
    contrast(1.10)
    brightness(.98)
    drop-shadow(1px 1px 0 rgba(43,28,15,.28)) !important;
}


/* =========================================================
   V54 — NATURAL WEAR + OLD-BOOK PRINTER'S MARK
   ========================================================= */

/* Remove V53's repeating line mask entirely.
   Wear now comes from a few large, soft, irregular areas of faded ink.
   Think rubbed/handled/aged print, not scratches drawn through letters. */
.artifact34 > header.artifact34-header h1{
  color:#a86e30 !important;
  -webkit-text-fill-color:#a86e30 !important;
  background:none !important;
  background-image:none !important;

  text-shadow:
    1px 1px 0 rgba(45,29,16,.24),
    0 -0.45px 0 rgba(188,126,54,.12) !important;

  -webkit-mask-image:
    radial-gradient(ellipse 14% 42% at 14% 42%, rgba(0,0,0,.76) 0 42%, #000 72%),
    radial-gradient(ellipse 11% 34% at 39% 67%, rgba(0,0,0,.80) 0 38%, #000 72%),
    radial-gradient(ellipse 16% 40% at 68% 36%, rgba(0,0,0,.78) 0 40%, #000 74%),
    radial-gradient(ellipse 10% 32% at 88% 61%, rgba(0,0,0,.82) 0 38%, #000 73%) !important;
  -webkit-mask-composite:source-in,source-in,source-in !important;

  mask-image:
    radial-gradient(ellipse 14% 42% at 14% 42%, rgba(0,0,0,.76) 0 42%, #000 72%),
    radial-gradient(ellipse 11% 34% at 39% 67%, rgba(0,0,0,.80) 0 38%, #000 72%),
    radial-gradient(ellipse 16% 40% at 68% 36%, rgba(0,0,0,.78) 0 40%, #000 74%),
    radial-gradient(ellipse 10% 32% at 88% 61%, rgba(0,0,0,.82) 0 38%, #000 73%) !important;
}

/* Old book colophon / printer's device:
   flat ink impression with the homepage pineapple's real linework.
   No metallic shading, no glow, no icon-like drop shadow. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  width:27px !important;
  height:auto !important;
  opacity:.88 !important;
  mix-blend-mode:multiply !important;
  filter:
    sepia(.10)
    contrast(.94)
    brightness(.96) !important;
  -webkit-mask:none !important;
  mask:none !important;
}


/* =========================================================
   V55 — COCKTAILS / SEASON BROWSE PAGE
   Builds forward from the locked V54 recipe card.
   No recipe-card changes.
   ========================================================= */

.current-season-v18{
  background:
    radial-gradient(ellipse at 50% -10%, rgba(112,74,31,.10), transparent 42rem),
    linear-gradient(180deg,#061011 0%,#03090a 58%,#020708 100%);
}

.current-season-v18 .season-heading-v18{
  position:relative;
  max-width:1120px;
  margin:0 auto;
  padding:48px 24px 30px;
  border-bottom:0;
}

.current-season-v18 .season-heading-v18:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,91,35,.65) 18%,rgba(139,91,35,.65) 82%,transparent);
}

.current-season-v18 .season-heading-v18 .eyebrow{
  color:#438f86;
  letter-spacing:.22em;
  font-size:.64rem;
}

.current-season-v18 .season-heading-v18 h1{
  margin-top:9px;
  color:#aa7131;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:.055em;
  text-shadow:1px 1px 0 rgba(34,22,12,.34);
}

.current-season-v18 .season-heading-v18 p{
  color:#857966;
  font-size:.92rem;
}

.current-season-v18 .season-content-v18{
  max-width:1040px;
  padding-top:34px;
}

.current-season-v18 .season-category-v18>h2{
  color:#438f86;
  font-family:Georgia,serif;
  font-weight:400;
  letter-spacing:.18em;
}

/* The browse cards should feel like small surviving menu pieces,
   not modern web tiles. */
.current-season-v18 .season-card-grid-v18.two-cards-v18{
  max-width:900px;
  gap:28px;
}

.current-season-v18 .season-card-v18{
  border:1px solid rgba(149,96,38,.72);
  border-radius:11px;
  background:
    radial-gradient(ellipse at 18% 13%,rgba(161,105,43,.08),transparent 34%),
    radial-gradient(ellipse at 80% 78%,rgba(125,80,34,.07),transparent 30%),
    linear-gradient(180deg,rgba(20,18,14,.98),rgba(10,13,12,.99));
  box-shadow:
    0 17px 38px rgba(0,0,0,.38),
    inset 0 0 0 3px rgba(96,61,25,.12);
}

.current-season-v18 .season-card-v18:before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:.33;
  background:
    radial-gradient(ellipse 16px 7px at 5% 11%,rgba(193,132,62,.28),transparent 72%),
    radial-gradient(ellipse 25px 8px at 97% 72%,rgba(190,126,55,.18),transparent 74%),
    radial-gradient(ellipse 9px 19px at 42% 99%,rgba(186,122,51,.15),transparent 74%);
  mix-blend-mode:screen;
}

.current-season-v18 .season-card-v18:after{
  inset:5px;
  border:1px solid rgba(125,78,31,.20);
  border-radius:7px;
  opacity:1;
  background:none;
}

.current-season-v18 .season-card-v18:hover{
  transform:translateY(-3px);
  border-color:rgba(181,121,49,.82);
  box-shadow:
    0 20px 44px rgba(0,0,0,.43),
    inset 0 0 0 3px rgba(96,61,25,.12);
}

.current-season-v18 .season-card-photo-v18{
  margin:10px 10px 0;
  border:1px solid rgba(109,69,28,.58);
  border-bottom-color:rgba(109,69,28,.58);
  border-radius:6px 6px 2px 2px;
  aspect-ratio:1.12/1;
  filter:saturate(.90) contrast(1.04) brightness(.91);
}

.current-season-v18 .season-card-photo-v18:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 34px rgba(0,0,0,.32);
}

.current-season-v18 .season-card-copy-v18{
  padding:17px 22px 23px;
}

.current-season-v18 .season-card-kicker-v18{
  color:#438f86;
  font-family:Georgia,serif;
  font-size:.62rem;
  letter-spacing:.15em;
}

.current-season-v18 .season-card-copy-v18 h3{
  margin-top:8px;
  color:#aa7131;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.75rem;
  font-weight:600;
  letter-spacing:.035em;
  text-shadow:1px 1px 0 rgba(40,25,13,.30);
}

.current-season-v18 .season-card-divider-v18{
  width:126px;
  margin-top:13px;
}

.current-season-v18 .season-card-divider-v18 span{
  background:rgba(126,82,33,.70);
}

.current-season-v18 .season-card-divider-v18 i{
  width:6px;
  height:6px;
  background:#397d76;
}

.current-season-v18 .season-card-copy-v18 p{
  min-height:auto;
  color:#91816a;
  font-size:.84rem;
}

.current-season-v18 .season-card-chinese-v18{
  position:relative;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid rgba(119,76,31,.34);
  color:#7c542c;
  opacity:.52;
  font-size:1.42rem;
  letter-spacing:.05em;
  filter:blur(.12px);
}

/* Small printer's device beneath each menu entry, using the same
   V54 colophon treatment that was approved for the recipe card. */
.current-season-v18 .season-card-copy-v18:after{
  content:"";
  display:block;
  width:19px;
  height:28px;
  margin:14px auto -4px;
  background:url("images/pineapple-printers-mark-v54.png") center/contain no-repeat;
  opacity:.47;
  filter:sepia(.15) contrast(.92) brightness(.88);
}

/* Random cocktail remains tucked away at the bottom rather than
   becoming a large modern call-to-action. */
.current-season-v18 .season-random-v18{
  max-width:420px;
  margin-top:66px;
  padding-top:29px;
  border-top:1px solid rgba(126,82,33,.42);
}

.current-season-v18 .season-random-v18 h2{
  color:#9f6a31;
  font-size:1.55rem;
}

.current-season-v18 .season-random-v18 p{
  margin-bottom:17px;
  color:#786e5e;
  font-size:.84rem;
}

.current-season-v18 .season-random-v18 .btn{
  min-width:154px;
  padding:9px 18px;
  border-color:rgba(55,126,117,.62);
  background:rgba(8,34,33,.42);
  color:#70aaa1;
  font-size:.70rem;
  letter-spacing:.12em;
}

/* Archive-season pages retain their existing V54 styling. */
@media(max-width:620px){
  .current-season-v18 .season-heading-v18{
    padding-top:34px;
  }
  .current-season-v18 .season-card-photo-v18{
    aspect-ratio:4/3;
  }
}


/* =========================================================
   V56 — ARCHIVE PAGE
   V54 recipe card + V55 Cocktails page remain locked.
   ========================================================= */

/* Archive is a collection of old seasonal menu sleeves:
   quieter than the recipe card, photographic rather than illustrative. */
.archive-page-v18{
  background:
    radial-gradient(ellipse at 50% -12%, rgba(112,74,31,.09), transparent 43rem),
    linear-gradient(180deg,#061011 0%,#03090a 60%,#020708 100%);
}

.archive-page-v18 .archive-heading-v18{
  position:relative;
  max-width:1120px;
  margin:0 auto;
  padding:48px 24px 31px;
}

.archive-page-v18 .archive-heading-v18:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,91,35,.62) 18%,rgba(139,91,35,.62) 82%,transparent);
}

.archive-page-v18 .archive-heading-v18 .eyebrow{
  color:#438f86;
  font-size:.64rem;
  letter-spacing:.22em;
}

.archive-page-v18 .archive-heading-v18 h1{
  margin-top:9px;
  color:#aa7131;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:.055em;
  text-shadow:1px 1px 0 rgba(34,22,12,.34);
}

.archive-page-v18 .archive-heading-v18 p{
  color:#857966;
  font-size:.92rem;
}

/* Seasonal cards: old photographic menu covers, not shiny web cards. */
.archive-page-v18 .archive-grid-v18{
  max-width:1040px;
  gap:30px;
  padding-top:38px;
}

.archive-page-v18 .archive-card-v18{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(149,96,38,.66);
  border-radius:11px;
  background:
    radial-gradient(ellipse at 16% 11%,rgba(161,105,43,.07),transparent 32%),
    linear-gradient(180deg,rgba(20,18,14,.98),rgba(9,12,11,.99));
  box-shadow:
    0 17px 38px rgba(0,0,0,.38),
    inset 0 0 0 3px rgba(96,61,25,.11);
}

.archive-page-v18 .archive-card-v18:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(ellipse 21px 8px at 3% 15%,rgba(190,126,55,.19),transparent 72%),
    radial-gradient(ellipse 11px 25px at 99% 61%,rgba(190,126,55,.14),transparent 74%),
    radial-gradient(ellipse 25px 8px at 48% 100%,rgba(190,126,55,.13),transparent 74%);
  opacity:.45;
  mix-blend-mode:screen;
}

.archive-page-v18 .archive-card-v18:hover{
  transform:translateY(-3px);
  border-color:rgba(181,121,49,.78);
  box-shadow:
    0 20px 44px rgba(0,0,0,.43),
    inset 0 0 0 3px rgba(96,61,25,.11);
}

.archive-page-v18 .archive-card-photo-v18{
  position:relative;
  margin:10px 10px 0;
  border:1px solid rgba(109,69,28,.55);
  border-radius:6px 6px 2px 2px;
  overflow:hidden;
  filter:saturate(.78) contrast(1.06) brightness(.84) sepia(.06);
}

/* This is deliberately a photographic aging treatment:
   faded print + vignette + slight paper haze, not painterly AI effects. */
.archive-page-v18 .archive-card-photo-v18:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(213,173,104,.025),transparent 34%,rgba(0,0,0,.12)),
    radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.35) 100%);
  box-shadow:inset 0 0 30px rgba(0,0,0,.22);
}

.archive-page-v18 .archive-card-copy-v18{
  position:relative;
  padding:18px 22px 24px;
}

.archive-page-v18 .archive-card-copy-v18 .archive-year-v18{
  color:#438f86;
  font-family:Georgia,serif;
  font-size:.61rem;
  letter-spacing:.17em;
}

.archive-page-v18 .archive-card-copy-v18 h2,
.archive-page-v18 .archive-card-copy-v18 h3{
  margin-top:7px;
  color:#a86e30;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:.04em;
  text-shadow:1px 1px 0 rgba(40,25,13,.30);
}

.archive-page-v18 .archive-card-copy-v18 p{
  color:#8c7d68;
  font-size:.84rem;
}

/* Printer's device: same visual language as the approved V54 mark. */
.archive-page-v18 .archive-card-copy-v18:after{
  content:"";
  display:block;
  width:18px;
  height:27px;
  margin:15px auto -5px;
  background:url("images/pineapple-printers-mark-v54.png") center/contain no-repeat;
  opacity:.43;
  filter:sepia(.15) contrast(.92) brightness(.88);
}

/* Faded stencil-like seasonal notation. */
.archive-page-v18 .archive-card-chinese-v18{
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid rgba(119,76,31,.31);
  color:#76502c;
  opacity:.46;
  font-size:1.30rem;
  letter-spacing:.05em;
  filter:blur(.14px);
}

/* Any archive buttons/links should read like quiet catalogue labels. */
.archive-page-v18 .btn,
.archive-page-v18 .archive-card-link-v18{
  border-color:rgba(55,126,117,.54);
  background:rgba(8,34,33,.34);
  color:#6ba39b;
  letter-spacing:.11em;
}

@media(max-width:620px){
  .archive-page-v18 .archive-heading-v18{padding-top:34px;}
  .archive-page-v18 .archive-grid-v18{gap:24px;}
}


/* V56 compatibility aliases for the existing archive renderer */
.archive-v18{
  background:
    radial-gradient(ellipse at 50% -12%, rgba(112,74,31,.09), transparent 43rem),
    linear-gradient(180deg,#061011 0%,#03090a 60%,#020708 100%);
}
.archive-v18 .archive-heading-v18 h1,
.archive-v18 .archive-hero-v18 h1{
  color:#aa7131;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:.055em;
}
.archive-v18 .archive-grid-v18{
  max-width:1040px;
  gap:30px;
}
.archive-v18 .archive-card-v18{
  border:1px solid rgba(149,96,38,.66);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(20,18,14,.98),rgba(9,12,11,.99));
  box-shadow:0 17px 38px rgba(0,0,0,.38),inset 0 0 0 3px rgba(96,61,25,.11);
}
.archive-v18 .archive-card-v18 img{
  filter:saturate(.78) contrast(1.06) brightness(.84) sepia(.06);
}
.archive-v18 .archive-card-v18 h2,
.archive-v18 .archive-card-v18 h3{
  color:#a86e30;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:.04em;
}


/* =========================================================
   V59 — METROPOLIS / NEW YORK DECO TYPOGRAPHY
   Structural baseline: V56.
   Existing tiki-MCM homepage composition is untouched.
   ========================================================= */

:root{
  /* Narrow architectural Deco display stack. On Apple/Safari,
     Avenir Next Condensed gives us the reliable local skeleton;
     transforms/tracking below create the taller Metropolis-like proportions. */
  --fb-deco:"Avenir Next Condensed","Helvetica Neue Condensed",
            "Arial Narrow","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --fb-body:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fb-bronze:#a66e31;
  --fb-bronze-hi:#bd8745;
  --fb-teal:#438f86;
}

/* One restrained MCM body family throughout. */
html,body,button,input,select,textarea,
nav,.nav,.site-nav,.btn,.eyebrow,
.artifact34-copy,
.recipe-footer-v36{
  font-family:var(--fb-body) !important;
}

/* ---------------------------------------------------------
   DISTINCTIVE DISPLAY FACE
   Tall, narrow, widely tracked, architectural New York Deco.
   --------------------------------------------------------- */
.home-page h1,
.home-v18 h1,
.home-hero h1,
.hero h1,
.home-page .brand,
.home-v18 .brand,
.artifact34 > header.artifact34-header h1,
.current-season-v18 .season-heading-v18 h1,
.current-season-v18 .season-card-copy-v18 h3,
.archive-page-v18 .archive-heading-v18 h1,
.archive-page-v18 .archive-card-copy-v18 h2,
.archive-page-v18 .archive-card-copy-v18 h3,
.archive-v18 .archive-hero-v18 h1,
.archive-v18 .archive-card-v18 h2,
.archive-v18 .archive-card-v18 h3{
  font-family:var(--fb-deco) !important;
  font-weight:400 !important;
  font-stretch:condensed !important;
  text-transform:uppercase;
  letter-spacing:.16em !important;
  color:var(--fb-bronze) !important;

  /* The important visual correction from V58:
     physically narrower and taller rather than serif/Bodoni. */
  transform:scaleX(.72) scaleY(1.10);
  transform-origin:center center;

  text-shadow:
    1px 1px 0 rgba(44,28,14,.26),
    0 -0.5px 0 rgba(190,133,61,.13) !important;
}

/* Avoid the transform shrinking the usable width of large centered headings. */
.home-page h1,
.home-v18 h1,
.home-hero h1,
.hero h1,
.artifact34 > header.artifact34-header h1,
.current-season-v18 .season-heading-v18 h1,
.archive-page-v18 .archive-heading-v18 h1,
.archive-v18 .archive-hero-v18 h1{
  width:138%;
  margin-left:-19% !important;
  margin-right:-19% !important;
}

/* Smaller card headings need less extreme width compensation. */
.current-season-v18 .season-card-copy-v18 h3,
.archive-page-v18 .archive-card-copy-v18 h2,
.archive-page-v18 .archive-card-copy-v18 h3,
.archive-v18 .archive-card-v18 h2,
.archive-v18 .archive-card-v18 h3{
  width:128%;
  margin-left:-14% !important;
  margin-right:-14% !important;
}

/* Homepage: typography/detailing ONLY.
   Do not change background, imagery, layout, QR or tiki composition. */
.home-page p,
.home-v18 p,
.home-hero p,
.hero p,
.home-page .btn,
.home-v18 .btn,
.home-page [class*="qr"],
.home-v18 [class*="qr"]{
  font-family:var(--fb-body) !important;
}

/* Navigation stays clean MCM rather than making every word Deco. */
nav,.nav,.site-nav,header nav,header .nav{
  font-family:var(--fb-body) !important;
  font-weight:500 !important;
  letter-spacing:.13em !important;
}

/* Recipe body stays legible and sophisticated. */
.artifact34-copy h2,
.artifact34-copy li,
.artifact34-copy p,
.recipe-footer-v36,
.current-season-v18 .season-card-copy-v18 p,
.archive-page-v18 .archive-card-copy-v18 p{
  font-family:var(--fb-body) !important;
}

/* Preserve Chinese stencil's proper face. */
.artifact34-stencil span{
  font-family:"Songti SC","STSong","SimSun",serif !important;
}

/* Remove the unwanted recipe-page diamond while retaining the aged rules. */
.artifact34-rule,
.artifact34-smallrule{
  display:block !important;
  height:1px !important;
  background:rgba(130,82,35,.52) !important;
}
.artifact34-rule span,
.artifact34-smallrule span,
.artifact34-rule i,
.artifact34-smallrule i,
.artifact34-rule::before,
.artifact34-rule::after,
.artifact34-smallrule::before,
.artifact34-smallrule::after{
  content:none !important;
  display:none !important;
}

/* Keep the V54 printer's device treatment intact. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  transform:none !important;
}

/* Supporting headings/labels remain restrained teal MCM. */
.artifact34-copy h2,
.current-season-v18 .season-card-kicker-v18,
.archive-page-v18 .archive-card-copy-v18 .archive-year-v18,
.eyebrow{
  color:var(--fb-teal) !important;
  font-family:var(--fb-body) !important;
}

/* Mobile: keep Deco tall but reduce extreme horizontal compression slightly. */
@media(max-width:620px){
  .home-page h1,
  .home-v18 h1,
  .home-hero h1,
  .hero h1,
  .artifact34 > header.artifact34-header h1,
  .current-season-v18 .season-heading-v18 h1,
  .archive-page-v18 .archive-heading-v18 h1,
  .archive-v18 .archive-hero-v18 h1{
    transform:scaleX(.78) scaleY(1.07);
    width:124%;
    margin-left:-12% !important;
    margin-right:-12% !important;
    letter-spacing:.12em !important;
  }
}


/* =========================================================
   V60 — ARCHIVE FONT FIX
   The live Archive renderer uses the v32 class names, not v18.
   Apply the approved New York Deco display treatment to those
   exact selectors.
   ========================================================= */

.archive-page-v32 .archive-hero-v32 h1,
.archive-page-v32 .archive-copy-v32 h2{
  font-family:var(--fb-deco) !important;
  font-weight:400 !important;
  font-stretch:condensed !important;
  text-transform:uppercase !important;
  letter-spacing:.16em !important;
  color:var(--fb-bronze) !important;
  text-shadow:
    1px 1px 0 rgba(44,28,14,.26),
    0 -0.5px 0 rgba(190,133,61,.13) !important;
}

/* Stronger skyscraper-like proportion on the main ARCHIVE heading. */
.archive-page-v32 .archive-hero-v32 h1{
  transform:scaleX(.72) scaleY(1.10) !important;
  transform-origin:center center !important;
  width:138% !important;
  margin-left:-19% !important;
  margin-right:-19% !important;
}

/* Season names use the same family, but a little less extreme so
   they remain easy to scan. */
.archive-page-v32 .archive-copy-v32 h2{
  transform:scaleX(.80) scaleY(1.05) !important;
  transform-origin:left center !important;
  width:122% !important;
  margin-left:0 !important;
  margin-right:-22% !important;
}

/* Supporting archive text remains clean MCM. */
.archive-page-v32 .archive-hero-v32 .eyebrow,
.archive-page-v32 .archive-hero-v32 p,
.archive-page-v32 .archive-copy-v32 p,
.archive-page-v32 .archive-copy-v32 > span,
.archive-page-v32 .archive-note-v13{
  font-family:var(--fb-body) !important;
}

/* Also fix the older home-page archive label if shown. */
.archive-panel h2{
  font-family:var(--fb-deco) !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  color:var(--fb-bronze) !important;
  transform:scaleX(.80) scaleY(1.05);
  transform-origin:left center;
}

@media(max-width:620px){
  .archive-page-v32 .archive-hero-v32 h1{
    transform:scaleX(.78) scaleY(1.07) !important;
    width:124% !important;
    margin-left:-12% !important;
    margin-right:-12% !important;
    letter-spacing:.12em !important;
  }
  .archive-page-v32 .archive-copy-v32 h2{
    transform:scaleX(.84) scaleY(1.03) !important;
    width:116% !important;
    margin-right:-16% !important;
  }
}


/* =========================================================
   V61 — ARCHIVE TITLE CHARACTER + REMOVE DIAMOND
   ========================================================= */

/* Remove decorative diamond from Archive title ornament. */
.archive-page-v32 .archive-rule-v32 i,
.archive-page-v32 .archive-rule-v32::before,
.archive-page-v32 .archive-rule-v32::after{
  display:none !important;
  content:none !important;
}

/* Let the archive divider remain as a restrained old rule. */
.archive-page-v32 .archive-rule-v32{
  display:block !important;
  height:1px !important;
  max-width:360px !important;
  margin:16px auto !important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(128,82,34,.35) 12%,
      rgba(152,97,38,.68) 30%,
      rgba(152,97,38,.68) 70%,
      rgba(128,82,34,.35) 88%,
      transparent 100%
    ) !important;
}
.archive-page-v32 .archive-rule-v32 span{
  display:none !important;
}

/* Give ARCHIVE a bit more personality while staying in the same
   New York Deco / aged print language of the site. */
.archive-page-v32 .archive-hero-v32 h1{
  position:relative !important;

  color:#a86f31 !important;
  -webkit-text-fill-color:#a86f31 !important;
  background:none !important;

  opacity:.95 !important;

  /* subtle old-sign depth, not glossy/metallic */
  text-shadow:
    1px 1px 0 rgba(45,29,16,.30),
    0 -0.45px 0 rgba(190,133,61,.15) !important;

  /* broad, soft uneven fading rather than obvious stripes or pitting */
  -webkit-mask-image:
    radial-gradient(ellipse 18% 45% at 16% 44%, rgba(0,0,0,.80) 0 40%, #000 74%),
    radial-gradient(ellipse 14% 38% at 44% 66%, rgba(0,0,0,.84) 0 36%, #000 72%),
    radial-gradient(ellipse 18% 42% at 72% 34%, rgba(0,0,0,.79) 0 39%, #000 74%),
    radial-gradient(ellipse 12% 35% at 91% 62%, rgba(0,0,0,.83) 0 37%, #000 73%) !important;
  -webkit-mask-composite:source-in,source-in,source-in !important;
}

/* Add a quiet archival subtitle treatment so the page header feels
   more designed and less like a generic web heading. */
.archive-page-v32 .archive-hero-v32 .eyebrow{
  letter-spacing:.22em !important;
  color:#4b8f86 !important;
  opacity:.88;
}

.archive-page-v32 .archive-hero-v32 p{
  max-width:520px;
  margin:12px auto 0 !important;
  color:#887963 !important;
  font-family:var(--fb-body) !important;
  font-size:.86rem !important;
  letter-spacing:.025em;
}

/* Slightly age the pineapple above ARCHIVE so it feels like the same
   print language as the recipe-card printer's mark. */
.archive-page-v32 .archive-pineapple-v32{
  opacity:.58 !important;
  filter:
    sepia(.16)
    saturate(.82)
    brightness(.90)
    contrast(.96) !important;
}


/* =========================================================
   V62 — COMPACT ARCHIVE TITLE BOX
   Reduce the dead space inside the Archive hero/card without
   changing its established visual language.
   ========================================================= */

.archive-page-v32 .archive-hero-v32{
  /* Earlier versions left too much vertical room around a short heading.
     Make this read as a compact vintage menu/header plaque. */
  min-height:0 !important;
  height:auto !important;
  padding-top:26px !important;
  padding-bottom:24px !important;
}

.archive-page-v32 .archive-hero-v32 .eyebrow{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.archive-page-v32 .archive-hero-v32 h1{
  margin-top:0 !important;
  margin-bottom:0 !important;
  line-height:.88 !important;
}

.archive-page-v32 .archive-rule-v32{
  margin:11px auto 10px !important;
}

.archive-page-v32 .archive-hero-v32 p{
  margin-top:7px !important;
  margin-bottom:0 !important;
  line-height:1.42 !important;
}

/* If the hero has a decorative pineapple/mark, keep it close to the
   typography instead of letting it create a large empty upper zone. */
.archive-page-v32 .archive-pineapple-v32{
  margin-top:0 !important;
  margin-bottom:8px !important;
  max-height:34px !important;
}

/* Tighten any inner wrapper that may be carrying legacy spacing. */
.archive-page-v32 .archive-hero-v32 > div,
.archive-page-v32 .archive-hero-inner-v32{
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

@media(max-width:620px){
  .archive-page-v32 .archive-hero-v32{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
}


/* =========================================================
   V63 — ARCHIVE: FULLER, CLASSIER, MORE INTENTIONAL
   ========================================================= */

.archive-page-v32{
  max-width:1120px !important;
  padding-top:42px !important;
}

/* Turn the hero into a designed catalogue header rather than an empty box. */
.archive-page-v32 .archive-hero-v32{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:32px !important;
  padding:28px 38px 24px !important;
  min-height:0 !important;

  border:1px solid rgba(166,111,49,.34) !important;
  border-radius:12px !important;

  background:
    radial-gradient(ellipse at 50% -30%,rgba(151,99,42,.12),transparent 55%),
    linear-gradient(180deg,rgba(7,18,19,.98),rgba(5,14,15,.98)) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    inset 0 0 0 3px rgba(132,84,34,.055) !important;
}

/* Quiet aged inner rule. */
.archive-page-v32 .archive-hero-v32:before{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  border:1px solid rgba(150,96,39,.13) !important;
  border-radius:8px !important;
  pointer-events:none !important;
}

/* Three-part lockup fills the width without feeling busy. */
.archive-hero-top-v63{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 2.2fr 1fr;
  align-items:center;
  gap:24px;
}

.archive-title-lockup-v63{
  text-align:center;
}

.archive-page-v32 .archive-title-lockup-v63 .eyebrow{
  margin:0 0 7px !important;
  color:#4b8f86 !important;
  font-family:var(--fb-body) !important;
  font-size:.60rem !important;
  font-weight:500 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase;
  opacity:.88;
}

/* Main Archive title: strong Deco, warm, aged, but clean. */
.archive-page-v32 .archive-title-lockup-v63 h1{
  width:auto !important;
  margin:0 !important;
  transform:scaleX(.76) scaleY(1.09) !important;
  transform-origin:center !important;

  font-family:var(--fb-deco) !important;
  font-size:clamp(3rem,5.6vw,5rem) !important;
  font-weight:400 !important;
  line-height:.86 !important;
  letter-spacing:.17em !important;
  color:#a86f31 !important;
  -webkit-text-fill-color:#a86f31 !important;

  text-shadow:
    1px 1px 0 rgba(43,27,14,.34),
    0 -0.5px 0 rgba(194,140,67,.14) !important;

  /* no obvious stripe/pit weathering */
  -webkit-mask:none !important;
  mask:none !important;
}

/* Printer's mark sits underneath the title like a publisher's device. */
.archive-page-v32 .archive-pineapple-v32{
  display:block !important;
  width:24px !important;
  max-height:none !important;
  margin:10px auto 0 !important;
  opacity:.60 !important;
  filter:sepia(.12) saturate(.78) brightness(.90) contrast(.94) !important;
}

/* Collection statistics: fill side space elegantly. */
.archive-stat-v63{
  text-align:center;
  padding:12px 10px;
  border-left:1px solid rgba(139,91,35,.22);
  border-right:1px solid rgba(139,91,35,.22);
}

.archive-stat-v63 span{
  display:block;
  margin-bottom:3px;
  color:#aa7131;
  font-family:var(--fb-deco) !important;
  font-size:1.8rem;
  font-weight:400;
  line-height:1;
  letter-spacing:.06em;
}

.archive-stat-v63 small{
  display:block;
  color:#7b9188;
  font-family:var(--fb-body) !important;
  font-size:.55rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* Refined divider; no diamond. */
.archive-page-v32 .archive-rule-v32{
  position:relative !important;
  z-index:2;
  display:block !important;
  width:72% !important;
  max-width:560px !important;
  height:1px !important;
  margin:18px auto 14px !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(151,96,39,.52) 20%,
    rgba(151,96,39,.66) 50%,
    rgba(151,96,39,.52) 80%,
    transparent
  ) !important;
}
.archive-page-v32 .archive-rule-v32 span,
.archive-page-v32 .archive-rule-v32 i{
  display:none !important;
}

.archive-page-v32 .archive-hero-v32 > p{
  position:relative;
  z-index:2;
  max-width:670px !important;
  margin:0 auto !important;
  color:#8f8370 !important;
  font-family:var(--fb-body) !important;
  font-size:.82rem !important;
  line-height:1.55 !important;
  letter-spacing:.015em;
}

/* Archive cards: a little richer and more editorial. */
.archive-page-v32 .archive-grid-v32{
  gap:24px !important;
}

.archive-page-v32 .archive-card-v32{
  border-radius:12px !important;
  border-color:rgba(166,111,49,.38) !important;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(133,88,37,.06),transparent 36%),
    #071416 !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.32),
    inset 0 0 0 2px rgba(118,75,30,.045) !important;
}

.archive-page-v32 .archive-photo-v32{
  height:270px !important;
  padding:16px !important;
  background:
    radial-gradient(circle at 50% 40%,#1a2e29 0,#0a1817 57%,#051011 100%) !important;
}

.archive-page-v32 .archive-copy-v32{
  min-height:100px !important;
  padding:17px 19px 18px !important;
}

.archive-page-v32 .archive-copy-v32 h2{
  width:auto !important;
  margin:0 0 6px !important;
  transform:none !important;
  color:#a86f31 !important;
  font-family:var(--fb-deco) !important;
  font-size:1.18rem !important;
  font-weight:400 !important;
  letter-spacing:.12em !important;
}

.archive-page-v32 .archive-copy-v32 p{
  color:#4f9187 !important;
  font-family:var(--fb-body) !important;
  font-size:.64rem !important;
  letter-spacing:.095em !important;
}

.archive-page-v32 .archive-copy-v32 > span{
  color:#a47738 !important;
  font-family:var(--fb-body) !important;
  font-size:.63rem !important;
  letter-spacing:.09em !important;
}

/* Bottom note becomes a quiet catalogue footnote. */
.archive-page-v32 .archive-note-v13{
  max-width:720px;
  margin:34px auto 0 !important;
  padding-top:16px;
  border-top:1px solid rgba(137,87,35,.25);
  color:#716b60 !important;
  font-family:var(--fb-body) !important;
  font-size:.69rem !important;
  letter-spacing:.02em;
}
.archive-page-v32 .archive-note-v13 > span{
  display:none !important;
}

@media(max-width:760px){
  .archive-page-v32 .archive-hero-v32{
    padding:24px 18px 21px !important;
  }
  .archive-hero-top-v63{
    grid-template-columns:1fr;
    gap:12px;
  }
  .archive-stat-v63{
    display:none;
  }
  .archive-page-v32 .archive-title-lockup-v63 h1{
    transform:scaleX(.82) scaleY(1.06) !important;
    font-size:clamp(2.7rem,13vw,4rem) !important;
  }
  .archive-page-v32 .archive-photo-v32{
    height:240px !important;
  }
}


/* =========================================================
   V64 — ARCHIVE DECO PALM EMBLEM
   Fuller centre composition; no quote; no muted pineapple.
   ========================================================= */

.archive-page-v32 .archive-hero-v32{
  padding:26px 38px 20px !important;
}

.archive-hero-top-v63{
  grid-template-columns:.82fr 2.7fr .82fr !important;
  gap:18px !important;
}

/* ARCHIVE now reads as a proper period masthead. */
.archive-title-row-v64{
  display:grid;
  grid-template-columns:minmax(36px,1fr) auto minmax(36px,1fr);
  align-items:center;
  gap:15px;
  width:100%;
}

.archive-title-row-v64 .archive-wing-v64{
  display:block;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(165,108,43,.72) 100%
  );
}
.archive-title-row-v64 .archive-wing-v64:last-child{
  transform:scaleX(-1);
}

.archive-page-v32 .archive-title-row-v64 h1{
  transform:scaleX(.79) scaleY(1.08) !important;
  font-size:clamp(3.15rem,5.7vw,5.1rem) !important;
  letter-spacing:.16em !important;
  color:#ad7433 !important;
  -webkit-text-fill-color:#ad7433 !important;
}

/* Large stylized 1920s/30s New York Deco palm.
   Geometric, symmetrical and emblematic rather than tropical-cartoon. */
.archive-palm-v64{
  width:190px;
  height:82px;
  margin:5px auto -1px;
  opacity:.94;
}

.archive-palm-v64 svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.archive-palm-v64 .palm-rays-v64 path{
  fill:none;
  stroke:rgba(74,139,129,.33);
  stroke-width:1;
}

.archive-palm-v64 .palm-fronds-v64 path{
  fill:none;
  stroke:#aa7131;
  stroke-width:3.2;
  stroke-linecap:square;
  stroke-linejoin:miter;
}

.archive-palm-v64 .palm-trunk-v64{
  fill:#9b652e;
  stroke:#bd8240;
  stroke-width:1;
}

.archive-palm-v64 .palm-base-v64{
  fill:none;
  stroke:#a97031;
  stroke-width:2;
}

/* Side stats feel more like engraved catalogue furniture. */
.archive-stat-v63{
  padding:15px 8px !important;
  border-left:0 !important;
  border-right:0 !important;
  position:relative;
}
.archive-stat-v63:before,
.archive-stat-v63:after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  height:1px;
  background:rgba(157,101,39,.31);
}
.archive-stat-v63:before{top:0}
.archive-stat-v63:after{bottom:0}

.archive-stat-v63 span{
  font-size:2rem !important;
  color:#ad7433 !important;
}

/* With the quote gone, finish the header with the rule directly
   beneath the palm to keep it full but disciplined. */
.archive-page-v32 .archive-rule-v32{
  width:82% !important;
  max-width:700px !important;
  margin:8px auto 0 !important;
}

/* Retire V63 pineapple rules completely on Archive. */
.archive-page-v32 .archive-pineapple-v32{
  display:none !important;
}

@media(max-width:760px){
  .archive-palm-v64{
    width:155px;
    height:72px;
  }
  .archive-title-row-v64{
    gap:9px;
  }
  .archive-title-row-v64 .archive-wing-v64{
    min-width:25px;
  }
}


/* =========================================================
   V65 — FULLER NEW YORK DECO ARCHIVE MASTHEAD
   Palm removed. More ornament, hierarchy, and visual density.
   ========================================================= */

.archive-page-v32 .archive-hero-v32{
  padding:24px 28px 20px !important;
  min-height:0 !important;
  background:
    linear-gradient(90deg,rgba(148,96,39,.025),transparent 18%,transparent 82%,rgba(148,96,39,.025)),
    radial-gradient(ellipse at 50% -25%,rgba(151,99,42,.11),transparent 58%),
    linear-gradient(180deg,rgba(7,18,19,.99),rgba(5,14,15,.99)) !important;
}

/* More substantial frame so the box reads like a designed period plaque. */
.archive-page-v32 .archive-hero-v32:before{
  inset:7px !important;
  border:1px solid rgba(165,107,43,.19) !important;
  box-shadow:
    inset 0 0 0 5px rgba(126,79,30,.025),
    inset 0 0 0 9px rgba(126,79,30,.018) !important;
}

/* Small top crown / stepped Deco ornament. */
.archive-crown-v65{
  display:grid;
  grid-template-columns:1fr 10px 1fr;
  align-items:center;
  gap:9px;
  width:190px;
  margin:0 auto 8px;
}
.archive-crown-v65 span{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(170,110,43,.62));
}
.archive-crown-v65 span:last-child{
  transform:scaleX(-1);
}
.archive-crown-v65 i{
  display:block;
  width:8px;
  height:8px;
  margin:auto;
  border:1px solid rgba(168,108,42,.74);
  transform:rotate(45deg);
  box-shadow:0 0 0 3px rgba(168,108,42,.05);
}

/* Main lockup now occupies more of the panel. */
.archive-title-lockup-v63{
  padding:0 4px 2px;
}

.archive-page-v32 .archive-title-lockup-v63 .eyebrow{
  margin-bottom:5px !important;
  color:#4d9187 !important;
  font-size:.62rem !important;
  letter-spacing:.26em !important;
}

.archive-title-row-v64{
  grid-template-columns:minmax(70px,1fr) auto minmax(70px,1fr) !important;
  gap:14px !important;
}

.archive-title-row-v64 .archive-wing-v64{
  height:1px !important;
  position:relative;
  background:linear-gradient(90deg,transparent,rgba(165,108,43,.75)) !important;
}
.archive-title-row-v64 .archive-wing-v64:after{
  content:"";
  position:absolute;
  right:0;
  top:-3px;
  width:7px;
  height:7px;
  border:1px solid rgba(165,108,43,.62);
  transform:rotate(45deg);
  background:#071213;
}
.archive-title-row-v64 .archive-wing-v64:last-child:after{
  left:0;
  right:auto;
}

.archive-page-v32 .archive-title-row-v64 h1{
  transform:scaleX(.82) scaleY(1.10) !important;
  font-size:clamp(3.45rem,6.2vw,5.45rem) !important;
  letter-spacing:.17em !important;
  color:#b07734 !important;
  -webkit-text-fill-color:#b07734 !important;
  text-shadow:
    1px 1px 0 rgba(44,28,14,.32),
    0 -0.5px 0 rgba(197,141,67,.13) !important;
}

/* Geometric Deco fan—architectural ornament, not a literal palm tree. */
.archive-deco-fan-v65{
  position:relative;
  width:126px;
  height:42px;
  margin:3px auto 4px;
}
.archive-deco-fan-v65 .ray{
  position:absolute;
  left:50%;
  bottom:8px;
  width:1px;
  height:31px;
  transform-origin:bottom center;
  background:linear-gradient(180deg,rgba(70,138,127,.18),rgba(173,112,45,.78));
}
.archive-deco-fan-v65 .r1{transform:rotate(-58deg)}
.archive-deco-fan-v65 .r2{transform:rotate(-29deg)}
.archive-deco-fan-v65 .r3{transform:rotate(0deg)}
.archive-deco-fan-v65 .r4{transform:rotate(29deg)}
.archive-deco-fan-v65 .r5{transform:rotate(58deg)}
.archive-deco-fan-v65 .deco-base{
  position:absolute;
  left:50%;
  bottom:4px;
  width:48px;
  height:1px;
  transform:translateX(-50%);
  background:#a96f31;
  box-shadow:
    0 4px 0 rgba(169,111,49,.56),
    0 8px 0 rgba(169,111,49,.26);
}

.archive-era-v65{
  margin-top:4px;
  color:#817767;
  font-family:var(--fb-body) !important;
  font-size:.58rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Side stats receive real visual furniture so they don't float in empty space. */
.archive-stat-v63{
  min-height:116px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(151,96,39,.19) !important;
  background:
    linear-gradient(180deg,rgba(164,106,41,.035),rgba(4,16,17,.05)) !important;
}
.archive-stat-v63:before,
.archive-stat-v63:after{
  left:28% !important;
  right:28% !important;
}
.archive-stat-v63 span{
  font-size:2.25rem !important;
  line-height:.9 !important;
}
.archive-stat-v63 small{
  margin-top:7px;
  max-width:86px;
  line-height:1.35;
}

/* Bottom rule seals the masthead. */
.archive-page-v32 .archive-rule-v32{
  width:88% !important;
  max-width:780px !important;
  margin:10px auto 0 !important;
}

/* V64 literal palm is gone. */
.archive-palm-v64{
  display:none !important;
}

/* Make cards begin a little closer so the overall composition feels fuller. */
.archive-page-v32 .archive-grid-v32{
  margin-top:24px !important;
}

@media(max-width:760px){
  .archive-crown-v65{width:145px}
  .archive-title-row-v64{
    grid-template-columns:35px auto 35px !important;
  }
  .archive-title-row-v64 .archive-wing-v64:after{
    display:none;
  }
  .archive-deco-fan-v65{
    width:102px;
    height:37px;
  }
}


/* =========================================================
   V66 — CENTER THE ENTIRE ARCHIVE MASTHEAD COMPOSITION
   Preserve V65 styling; correct visual balance only.
   ========================================================= */

.archive-page-v32 .archive-hero-v32{
  display:grid !important;
  grid-template-columns:150px minmax(0, 1fr) 150px !important;
  align-items:center !important;
  column-gap:28px !important;
}

.archive-page-v32 .archive-stat-v63:first-of-type{
  grid-column:1 !important;
  justify-self:center !important;
}

.archive-page-v32 .archive-title-lockup-v63{
  grid-column:2 !important;
  justify-self:stretch !important;
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
}

.archive-page-v32 .archive-stat-v63:last-of-type{
  grid-column:3 !important;
  justify-self:center !important;
}

/* Force all pieces inside the centre lockup onto the same true centre axis. */
.archive-page-v32 .archive-crown-v65,
.archive-page-v32 .archive-deco-fan-v65{
  margin-left:auto !important;
  margin-right:auto !important;
}

.archive-page-v32 .archive-title-row-v64{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.archive-page-v32 .archive-title-row-v64 h1,
.archive-page-v32 .archive-era-v65,
.archive-page-v32 .archive-title-lockup-v63 .eyebrow{
  text-align:center !important;
}

/* The condensed title transform can visually pull the word off axis.
   Anchor its transform from the actual centre. */
.archive-page-v32 .archive-title-row-v64 h1{
  transform-origin:50% 50% !important;
}

/* Equal stat dimensions ensure the title is not optically shoved sideways. */
.archive-page-v32 .archive-stat-v63{
  width:96px !important;
  min-width:96px !important;
  box-sizing:border-box !important;
  margin:0 auto !important;
}

/* Centre the lower seal line as well. */
.archive-page-v32 .archive-rule-v32{
  grid-column:1 / -1 !important;
  justify-self:center !important;
}

@media(max-width:760px){
  .archive-page-v32 .archive-hero-v32{
    grid-template-columns:1fr !important;
    row-gap:12px !important;
  }
  .archive-page-v32 .archive-stat-v63:first-of-type,
  .archive-page-v32 .archive-title-lockup-v63,
  .archive-page-v32 .archive-stat-v63:last-of-type{
    grid-column:1 !important;
  }
}


/* =========================================================
   V67 — TRUE CENTERED ARCHIVE MASTHEAD
   The previous grid still allowed the center lockup to drift visually.
   This version fixes the masthead to a symmetric three-column frame.
   ========================================================= */

.archive-page-v32 .archive-hero-v32{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) 120px !important;
  grid-template-areas:
    "left center right"
    "rule rule rule" !important;
  align-items:center !important;
  justify-items:center !important;
  column-gap:24px !important;
  box-sizing:border-box !important;
}

.archive-page-v32 .archive-stat-v63:first-of-type{
  grid-area:left !important;
}

.archive-page-v32 .archive-title-lockup-v63{
  grid-area:center !important;
  width:100% !important;
  max-width:640px !important;
  margin:0 auto !important;
  padding:0 !important;
  justify-self:center !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.archive-page-v32 .archive-stat-v63:last-of-type{
  grid-area:right !important;
}

.archive-page-v32 .archive-rule-v32{
  grid-area:rule !important;
  justify-self:center !important;
}

/* Remove residual width/negative-margin tricks from earlier versions. */
.archive-page-v32 .archive-title-row-v64 h1{
  width:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.archive-page-v32 .archive-title-row-v64{
  width:100% !important;
  max-width:620px !important;
  margin:0 auto !important;
}

.archive-page-v32 .archive-crown-v65,
.archive-page-v32 .archive-deco-fan-v65,
.archive-page-v32 .archive-era-v65,
.archive-page-v32 .archive-title-lockup-v63 .eyebrow{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Equal stat-box geometry on both sides. */
.archive-page-v32 .archive-stat-v63{
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  margin:0 !important;
  justify-self:center !important;
}

@media(max-width:760px){
  .archive-page-v32 .archive-hero-v32{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "center"
      "rule" !important;
  }
  .archive-page-v32 .archive-stat-v63{
    display:none !important;
  }
}


/* =========================================================
   V68 — FIX THE ACTUAL CENTERING BUG
   The three-column layout belongs on .archive-hero-top-v63,
   not on the outer header. V67 was centering the wrong element.
   ========================================================= */

/* Reset the outer Archive box back to a normal vertical stack. */
.archive-page-v32 .archive-hero-v32{
  display:block !important;
  grid-template-columns:none !important;
  grid-template-areas:none !important;
  justify-items:initial !important;
  align-items:initial !important;
  column-gap:0 !important;
}

/* THIS is the element that actually contains:
   [left stat] [title lockup] [right stat]. */
.archive-page-v32 .archive-hero-top-v63{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) 120px !important;
  align-items:center !important;
  justify-items:center !important;
  gap:24px !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 auto !important;
}

/* Explicit child placement. */
.archive-page-v32 .archive-hero-top-v63 > .archive-stat-v63:first-child{
  grid-column:1 !important;
  justify-self:center !important;
}

.archive-page-v32 .archive-hero-top-v63 > .archive-title-lockup-v63{
  grid-column:2 !important;
  justify-self:stretch !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.archive-page-v32 .archive-hero-top-v63 > .archive-stat-v63:last-child{
  grid-column:3 !important;
  justify-self:center !important;
}

/* Clear legacy positioning/grid assignments from V66/V67. */
.archive-page-v32 .archive-stat-v63:first-of-type,
.archive-page-v32 .archive-stat-v63:last-of-type,
.archive-page-v32 .archive-title-lockup-v63{
  grid-area:auto !important;
}

/* Kill all older width/negative-margin compensation that was clipping ARCHIVE. */
.archive-page-v32 .archive-title-row-v64{
  display:grid !important;
  grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  overflow:visible !important;
}

.archive-page-v32 .archive-title-row-v64 h1{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:scaleX(.82) scaleY(1.10) !important;
  transform-origin:center center !important;
  white-space:nowrap !important;
  text-align:center !important;
  justify-self:center !important;
}

/* All central ornaments share the exact same axis. */
.archive-page-v32 .archive-crown-v65,
.archive-page-v32 .archive-deco-fan-v65,
.archive-page-v32 .archive-era-v65,
.archive-page-v32 .archive-title-lockup-v63 .eyebrow{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Side boxes identical dimensions = mathematically centred middle column. */
.archive-page-v32 .archive-stat-v63{
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Bottom line remains centred independently below the three-column row. */
.archive-page-v32 .archive-rule-v32{
  display:block !important;
  width:88% !important;
  max-width:780px !important;
  margin:10px auto 0 !important;
  justify-self:auto !important;
  grid-area:auto !important;
  grid-column:auto !important;
}

/* Make sure nothing clips the large Deco title. */
.archive-page-v32 .archive-hero-v32,
.archive-page-v32 .archive-hero-top-v63,
.archive-page-v32 .archive-title-lockup-v63{
  overflow:visible !important;
}

@media(max-width:760px){
  .archive-page-v32 .archive-hero-top-v63{
    grid-template-columns:1fr !important;
  }
  .archive-page-v32 .archive-stat-v63{
    display:none !important;
  }
  .archive-page-v32 .archive-hero-top-v63 > .archive-title-lockup-v63{
    grid-column:1 !important;
  }
}


/* =========================================================
   V70 — SIMPLE MIRRORED LINE + DIAMOND BESIDE "ARCHIVE"
   Exactly one ornament on each side of the word.
   ========================================================= */

/* Keep the title row to three simple pieces:
   [ line — diamond ]   ARCHIVE   [ diamond — line ] */
.archive-page-v32 .archive-title-row-v64{
  display:grid !important;
  grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) !important;
  align-items:center !important;
  gap:18px !important;
}

/* Strip every older decorative effect from the wing spans. */
.archive-page-v32 .archive-title-row-v64 .archive-wing-v64{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:12px !important;
  min-width:0 !important;
  transform:none !important;
  background:none !important;
  border:0 !important;
  opacity:1 !important;
}

/* Left ornament: line terminating in a diamond next to ARCHIVE. */
.archive-page-v32 .archive-title-row-v64 .archive-wing-v64:first-child::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:9px !important;
  top:50% !important;
  height:1px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(169,110,43,.34) 14%,
    rgba(169,110,43,.78) 100%
  ) !important;
}

.archive-page-v32 .archive-title-row-v64 .archive-wing-v64:first-child::after{
  content:"" !important;
  position:absolute !important;
  right:1px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  transform:translateY(-50%) rotate(45deg) !important;
  background:#071213 !important;
  border:1px solid rgba(169,110,43,.88) !important;
  box-sizing:border-box !important;
}

/* Right ornament: exact mirror — diamond next to ARCHIVE, then line outward. */
.archive-page-v32 .archive-title-row-v64 .archive-wing-v64:last-child::before{
  content:"" !important;
  position:absolute !important;
  left:9px !important;
  right:0 !important;
  top:50% !important;
  height:1px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(
    90deg,
    rgba(169,110,43,.78) 0%,
    rgba(169,110,43,.34) 86%,
    transparent 100%
  ) !important;
}

.archive-page-v32 .archive-title-row-v64 .archive-wing-v64:last-child::after{
  content:"" !important;
  position:absolute !important;
  left:1px !important;
  right:auto !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  transform:translateY(-50%) rotate(45deg) !important;
  background:#071213 !important;
  border:1px solid rgba(169,110,43,.88) !important;
  box-sizing:border-box !important;
}

/* Prevent any row-level pseudo ornaments from older experiments. */
.archive-page-v32 .archive-title-row-v64::before,
.archive-page-v32 .archive-title-row-v64::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   V73 — ARCHIVE → SEASON → YEAR/MENU
   Four permanent seasonal poster selectors.
   ========================================================= */
.archive-season-grid-v73{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:1040px;
  margin:30px auto 0;
}
.archive-season-poster-v73{
  position:relative;
  display:block;
  aspect-ratio:.68/1;
  overflow:hidden;
  border:1px solid rgba(171,113,43,.52);
  border-radius:10px;
  background:#071315;
  box-shadow:0 18px 42px rgba(0,0,0,.36);
  text-decoration:none;
}
.archive-season-poster-v73 img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.86) contrast(1.04) brightness(.90) sepia(.05);
  transition:transform .35s ease,filter .35s ease;
}
.archive-season-poster-v73:hover img{transform:scale(1.025);filter:saturate(.93) contrast(1.05) brightness(.95) sepia(.03)}
.archive-season-poster-shade-v73{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,8,9,.08),transparent 42%,rgba(2,8,9,.68) 100%),
             radial-gradient(ellipse at center,transparent 54%,rgba(2,8,9,.27) 100%);
}
.archive-season-poster-copy-v73{
  position:absolute;z-index:2;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:24px 16px 18px;text-align:center;
}
.archive-season-label-v73{
  color:#d0a05c;
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:2.05rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.archive-season-note-v73{
  margin-top:5px;color:#d2c3a7;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;opacity:.92;
}
.archive-season-count-v73{
  margin-top:13px;padding-top:10px;width:76%;
  border-top:1px solid rgba(187,126,49,.42);
  color:#ad7a3f;font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;
}

/* Season archive page = upscale old New York menu. */
.archive-family-page-v73{
  max-width:900px;margin:0 auto;padding:42px 24px 70px;
}
.archive-family-page-v73 .back{
  display:inline-block;margin:0 0 22px;color:#4c9289;text-decoration:none;
  text-transform:uppercase;letter-spacing:.12em;font-size:.63rem;
}
.archive-family-card-v73{
  position:relative;padding:40px 54px 38px;
  border:1px solid rgba(164,108,42,.48);border-radius:12px;
  background:radial-gradient(ellipse at 50% -15%,rgba(149,98,40,.10),transparent 45%),
             linear-gradient(180deg,#081617,#051112);
  box-shadow:0 22px 54px rgba(0,0,0,.38),inset 0 0 0 7px #071415,inset 0 0 0 8px rgba(158,101,39,.13);
}
.archive-family-kicker-v73{
  color:#4a9188;text-align:center;font-size:.60rem;letter-spacing:.26em;text-transform:uppercase;
}
.archive-family-card-v73 h1{
  margin:8px 0 0;color:#ad7433;
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:clamp(3rem,7vw,5.25rem);font-weight:300;line-height:.90;letter-spacing:.15em;
  text-align:center;text-transform:uppercase;
}
.archive-family-rule-v73{
  display:grid;grid-template-columns:1fr 7px 1fr;align-items:center;gap:10px;
  max-width:480px;margin:20px auto 24px;
}
.archive-family-rule-v73 span{height:1px;background:rgba(163,106,42,.55)}
.archive-family-rule-v73 i{width:6px;height:6px;border:1px solid rgba(163,106,42,.72);transform:rotate(45deg)}
.archive-menu-list-v73{max-width:650px;margin:0 auto}
.archive-menu-row-v73{
  display:grid;grid-template-columns:auto minmax(30px,1fr) 34px;align-items:end;gap:12px;
  padding:13px 4px 12px;color:#ba8241;text-decoration:none;
  border-bottom:1px solid rgba(139,90,35,.14);
}
.archive-menu-row-v73:hover{color:#d09b55}
.archive-menu-year-v73{
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:1.34rem;font-weight:300;letter-spacing:.09em;text-transform:uppercase;
}
.archive-menu-dots-v73{height:1.05em;overflow:hidden;opacity:.44;border-bottom:1px dotted rgba(176,118,45,.72)}
.archive-menu-price-v73{
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:1.18rem;font-weight:300;letter-spacing:.06em;text-align:right;
}
.archive-family-foot-v73{
  margin-top:28px;color:#766d5f;text-align:center;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;
}
.archive-empty-v73{text-align:center;color:#7e7465;padding:24px;font-size:.8rem}

@media(max-width:860px){.archive-season-grid-v73{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
  .archive-season-grid-v73{grid-template-columns:1fr}
  .archive-season-poster-v73{aspect-ratio:.78/1}
  .archive-family-card-v73{padding:32px 24px 30px}
}


/* V74 — permanent season umbrellas: image + season name only.
   Match the typography of the former year/season poster heading. */
.archive-season-poster-copy-v73{
  justify-content:flex-start;
  padding:18px 12px;
}

.archive-season-label-v73{
  margin:0;
  font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:clamp(1.7rem,2.7vw,2.35rem);
  font-weight:300;
  line-height:1;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#d0a05c;
  text-shadow:0 2px 10px rgba(0,0,0,.68);
}

.archive-season-note-v73,
.archive-season-count-v73{
  display:none !important;
}


/* V75 — seasonal archive covers use the artwork's own cream season title.
   No added yellow season label and no secondary card copy. */
.archive-season-poster-copy-v73,
.archive-season-label-v73,
.archive-season-note-v73,
.archive-season-count-v73{
  display:none !important;
}


/* V76 — archive family page: compact vintage New York cocktail-menu insert */
.archive-family-page-v76{
  width:min(1020px,calc(100% - 40px));
  margin:0 auto;
  padding:34px 0 70px;
}
.archive-family-back-v76{
  display:inline-block;
  margin:0 0 18px;
  color:var(--teal,#1d5b5a);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
}
.archive-family-hero-v76{
  position:relative;
  height:285px;
  overflow:hidden;
  border:1px solid rgba(184,136,71,.42);
  border-radius:12px 12px 0 0;
  background:#071413;
}
.archive-family-art-v76,
.archive-family-art-v76 img,
.archive-family-art-fade-v76{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.archive-family-art-v76 img{
  object-fit:cover;
  filter:brightness(.54) contrast(1.06) saturate(.72);
}
.archive-family-art-fade-v76{
  background:linear-gradient(90deg,rgba(4,15,14,.82),rgba(4,15,14,.38) 48%,rgba(4,15,14,.72));
}
.archive-family-heading-v76{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-transform:uppercase;
}
.archive-family-kicker-v76{
  color:#4b9892;
  letter-spacing:.28em;
  font-size:11px;
  margin-bottom:8px;
}
.archive-family-title-row-v76{
  display:grid;
  grid-template-columns:minmax(55px,170px) 9px auto 9px minmax(55px,170px);
  align-items:center;
  gap:12px;
  width:min(760px,86%);
}
.archive-family-title-row-v76 span{
  height:1px;
  background:linear-gradient(90deg,transparent,#a56d2b);
}
.archive-family-title-row-v76 span:last-child{
  background:linear-gradient(90deg,#a56d2b,transparent);
}
.archive-family-title-row-v76 i{
  width:7px;height:7px;
  border:1px solid #a56d2b;
  transform:rotate(45deg);
  display:block;
}
.archive-family-title-row-v76 h1{
  margin:0;
  color:#c4893d;
  font-family:var(--display-font);
  font-size:clamp(54px,8vw,88px);
  line-height:.92;
  font-weight:700;
  letter-spacing:.045em;
}
.archive-family-heading-v76 p{
  margin:15px 0 0;
  color:#d5bd8a;
  font-size:11px;
  letter-spacing:.24em;
}
.archive-family-menu-v76{
  position:relative;
  background:
    linear-gradient(rgba(5,19,18,.94),rgba(5,19,18,.97)),
    radial-gradient(circle at 50% 0,rgba(184,136,71,.08),transparent 52%);
  border:1px solid rgba(184,136,71,.42);
  border-top:0;
  border-radius:0 0 12px 12px;
  padding:30px clamp(28px,7vw,76px) 32px;
}
.archive-family-menu-v76:before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(184,136,71,.14);
  pointer-events:none;
}
.archive-family-menu-top-v76{
  position:relative;
  display:flex;
  justify-content:space-between;
  padding-bottom:15px;
  margin-bottom:5px;
  border-bottom:1px solid rgba(184,136,71,.28);
  color:#4b9892;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.archive-family-menu-list-v76{position:relative}
.archive-family-menu-row-v76{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:end;
  min-height:66px;
  padding:17px 5px 13px;
  text-decoration:none;
  border-bottom:1px solid rgba(184,136,71,.17);
}
.archive-family-menu-year-v76{
  color:#c4893d;
  font-family:var(--display-font);
  font-size:31px;
  letter-spacing:.07em;
  line-height:1;
}
.archive-family-menu-leader-v76{
  height:1px;
  margin-bottom:5px;
  background:repeating-linear-gradient(90deg,rgba(213,189,138,.34) 0 2px,transparent 2px 7px);
}
.archive-family-menu-mark-v76{
  color:#d5bd8a;
  font-family:var(--display-font);
  font-size:20px;
  letter-spacing:.08em;
  line-height:1;
}
.archive-family-menu-row-v76:hover .archive-family-menu-year-v76,
.archive-family-menu-row-v76:hover .archive-family-menu-mark-v76{
  color:#e0b46d;
}
.archive-family-menu-foot-v76{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:25px;
}
.archive-family-menu-foot-v76 span{
  width:80px;height:1px;background:rgba(184,136,71,.32);
}
.archive-family-menu-foot-v76 i{
  width:7px;height:7px;border:1px solid #a56d2b;transform:rotate(45deg);
}
@media(max-width:650px){
  .archive-family-page-v76{width:min(100% - 22px,1020px);padding-top:22px}
  .archive-family-hero-v76{height:235px}
  .archive-family-title-row-v76{grid-template-columns:35px 7px auto 7px 35px;gap:8px;width:94%}
  .archive-family-title-row-v76 h1{font-size:52px}
  .archive-family-menu-v76{padding:24px 22px 28px}
  .archive-family-menu-year-v76{font-size:27px}
}


/* =========================================================
   V77 — SEASON ARCHIVE AS A VINTAGE MENU INSERT
   No giant hero. Portrait seasonal artwork + compact menu list.
   ========================================================= */

.archive-family-page-v77{
  width:min(980px,calc(100% - 42px));
  margin:0 auto;
  padding:36px 0 72px;
}

.archive-family-back-v77{
  display:inline-block;
  margin:0 0 18px;
  color:#4c9289;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
}

.archive-menu-insert-v77{
  display:grid;
  grid-template-columns:34% 66%;
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(176,118,46,.50);
  border-radius:12px;
  background:#071313;
  box-shadow:
    0 22px 56px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(207,151,72,.03);
}

/* left: the season poster itself, treated like the cover of a menu */
.archive-menu-art-v77{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-right:1px solid rgba(176,118,46,.38);
  background:#061111;
}
.archive-menu-art-v77 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.84) contrast(1.04) brightness(.90) sepia(.06);
}
.archive-menu-art-v77:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,12,12,.08),transparent 58%,rgba(4,12,12,.26)),
    radial-gradient(ellipse at center,transparent 56%,rgba(1,7,8,.22));
  box-shadow:inset 0 0 0 8px rgba(5,15,15,.10);
  pointer-events:none;
}

/* right: restaurant-menu typography */
.archive-menu-panel-v77{
  position:relative;
  padding:42px 52px 38px;
  background:
    radial-gradient(ellipse at 50% -20%,rgba(167,108,42,.07),transparent 46%),
    linear-gradient(180deg,#081716,#051211);
}
.archive-menu-panel-v77:before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(176,118,46,.13);
  pointer-events:none;
}

.archive-menu-kicker-v77{
  position:relative;
  z-index:2;
  text-align:center;
  color:#4c9289;
  font-size:10px;
  letter-spacing:.25em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.archive-menu-title-row-v77{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(48px,1fr) 7px auto 7px minmax(48px,1fr);
  gap:10px;
  align-items:center;
  width:100%;
}
.archive-menu-title-row-v77 span{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(175,116,46,.70));
}
.archive-menu-title-row-v77 span:last-child{
  background:linear-gradient(90deg,rgba(175,116,46,.70),transparent);
}
.archive-menu-title-row-v77 i{
  width:6px;
  height:6px;
  border:1px solid rgba(175,116,46,.80);
  transform:rotate(45deg);
}
.archive-menu-title-row-v77 h1{
  margin:0;
  color:#bd7d34;
  font-family:var(--display-font);
  font-size:clamp(48px,6.3vw,72px);
  line-height:.92;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}

.archive-menu-subtitle-v77{
  position:relative;
  z-index:2;
  margin-top:13px;
  text-align:center;
  color:#d0b887;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.archive-menu-list-v77{
  position:relative;
  z-index:2;
  margin-top:28px;
}

.archive-menu-entry-v77{
  display:grid;
  grid-template-columns:auto minmax(30px,1fr) 34px;
  gap:13px;
  align-items:end;
  min-height:64px;
  padding:16px 3px 13px;
  color:#bd7d34;
  text-decoration:none;
  border-bottom:1px solid rgba(174,114,44,.15);
}

.archive-menu-year-v77{
  font-family:var(--display-font);
  font-size:30px;
  line-height:1;
  letter-spacing:.07em;
}

.archive-menu-dots-v77{
  margin-bottom:4px;
  border-bottom:1px dotted rgba(204,173,112,.38);
}

.archive-menu-count-v77{
  font-family:var(--display-font);
  font-size:19px;
  line-height:1;
  text-align:right;
  letter-spacing:.08em;
  color:#d1bd8e;
}

.archive-menu-entry-v77:hover .archive-menu-year-v77,
.archive-menu-entry-v77:hover .archive-menu-count-v77{
  color:#e1b66b;
}

.archive-menu-bottom-v77{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:78px 7px 78px;
  gap:10px;
  align-items:center;
  justify-content:center;
  margin-top:30px;
}
.archive-menu-bottom-v77 span{
  height:1px;
  background:rgba(175,116,46,.32);
}
.archive-menu-bottom-v77 i{
  width:6px;
  height:6px;
  border:1px solid rgba(175,116,46,.70);
  transform:rotate(45deg);
}

@media(max-width:760px){
  .archive-menu-insert-v77{
    grid-template-columns:1fr;
  }
  .archive-menu-art-v77{
    min-height:300px;
    border-right:0;
    border-bottom:1px solid rgba(176,118,46,.38);
  }
  .archive-menu-panel-v77{
    padding:34px 26px 30px;
  }
  .archive-menu-title-row-v77 h1{
    font-size:52px;
  }
}


/* V78 — cleaner seasonal companion art + no cocktail counts */
.archive-menu-entry-v78{
  grid-template-columns:1fr auto 1fr !important;
  align-items:center;
  gap:16px;
  text-align:center;
}
.archive-menu-entry-v78 .archive-menu-year-v77{
  min-width:105px;
  text-align:center;
}
.archive-menu-side-rule-v78{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,173,112,.32));
}
.archive-menu-side-rule-v78:last-child{
  background:linear-gradient(90deg,rgba(204,173,112,.32),transparent);
}


/* =========================================================
   V79 — SEASON ARCHIVE DISPLAY TYPE REFINEMENT
   Make SUMMER / FALL / WINTER / SPRING feel more like the
   approved New York Deco system and less like a heavy web heading.
   ========================================================= */

.archive-menu-title-row-v77 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  letter-spacing:.17em !important;
  line-height:.88 !important;
  color:#b67a36 !important;
  -webkit-text-fill-color:#b67a36 !important;

  /* Taller, narrower, Empire-State-era proportions without a heavy face. */
  transform:scaleX(.76) scaleY(1.08) !important;
  transform-origin:center center !important;

  text-shadow:
    1px 1px 0 rgba(39,25,13,.23),
    0 -0.4px 0 rgba(201,145,67,.10) !important;
}

/* Give the title more breathing room so the lighter lettering
   reads elegant rather than thin and cramped. */
.archive-menu-title-row-v77{
  grid-template-columns:minmax(58px,1fr) 7px auto 7px minmax(58px,1fr) !important;
  gap:14px !important;
}

/* Slightly quieter subtitle to let the Deco season title carry the page. */
.archive-menu-subtitle-v77{
  color:#bca77d !important;
  opacity:.82 !important;
  letter-spacing:.24em !important;
}


/* Crop the companion artwork a little tighter vertically so any
   legacy wording baked into the old source poster is outside the viewport. */
.archive-menu-art-v77 img{
  height:112% !important;
  top:-6% !important;
  position:relative !important;
  object-fit:cover !important;
}


/* =========================================================
   V80 — CLEAN SEASONAL ART
   No inpainting, no geometric distortion, no baked-in dates/counts.
   ========================================================= */

/* Main Archive cards use clean scenic images. The season word is now
   real HTML text, so it stays crisp and can never distort with the artwork. */
.archive-season-poster-copy-v73{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  padding:20px 12px !important;
  pointer-events:none !important;
}

.archive-season-label-v80{
  color:#d7c29a !important;
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(1.7rem,2.55vw,2.25rem) !important;
  font-weight:300 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 9px rgba(0,0,0,.72) !important;
}

/* Make sure no legacy baked-text workaround/crop causes image deformation. */
.archive-season-poster-v73 img,
.archive-menu-art-v77 img{
  position:static !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
}

/* Seasonal archive title: keep the lighter Deco/MCM direction from V79. */
.archive-menu-title-row-v77 h1{
  font-weight:300 !important;
}


/* =========================================================
   V81 — CLEAN MAIN ARCHIVE + MENU-ONLY SEASON PAGES
   ========================================================= */

/* ARCHIVE title now uses the same lighter, narrow display treatment
   as the seasonal SUMMER title. */
.archive-page-v32 .archive-title-row-v64 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  letter-spacing:.17em !important;
  line-height:.88 !important;
  color:#b67a36 !important;
  -webkit-text-fill-color:#b67a36 !important;
  transform:scaleX(.76) scaleY(1.08) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(39,25,13,.23),
    0 -0.4px 0 rgba(201,145,67,.10) !important;
}

/* Main Archive cards: clean scenic artwork only.
   The season word remains HTML text; no baked date/count survives. */
.archive-season-poster-v73 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  position:static !important;
  transform:none !important;
}

/* Individual season pages become pure old-menu pages:
   no second image, no duplicated seasonal artwork. */
.archive-family-page-v81{
  width:min(860px,calc(100% - 42px));
  margin:0 auto;
  padding:40px 0 76px;
}

.archive-family-back-v81{
  display:inline-block;
  margin:0 0 18px;
  color:#4c9289;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
}

.archive-family-menu-v81{
  position:relative;
  padding:48px clamp(34px,7vw,76px) 42px;
  border:1px solid rgba(176,118,46,.48);
  border-radius:12px;
  background:
    radial-gradient(ellipse at 50% -18%,rgba(158,102,40,.09),transparent 44%),
    linear-gradient(180deg,#081716,#051211);
  box-shadow:
    0 22px 56px rgba(0,0,0,.38),
    inset 0 0 0 7px #071415,
    inset 0 0 0 8px rgba(158,101,39,.13);
}

.archive-family-menu-v81:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(176,118,46,.12);
  border-radius:7px;
  pointer-events:none;
}

.archive-family-kicker-v81{
  position:relative;
  z-index:2;
  text-align:center;
  color:#4c9289;
  font-size:10px;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.archive-family-title-row-v81{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(60px,1fr) 7px auto 7px minmax(60px,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  margin-top:10px;
}

.archive-family-title-row-v81 span{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(175,116,46,.68));
}
.archive-family-title-row-v81 span:last-child{
  background:linear-gradient(90deg,rgba(175,116,46,.68),transparent);
}
.archive-family-title-row-v81 i{
  width:6px;
  height:6px;
  border:1px solid rgba(175,116,46,.78);
  transform:rotate(45deg);
}

.archive-family-title-row-v81 h1{
  margin:0;
  color:#b67a36;
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(52px,7vw,78px);
  font-weight:300;
  font-stretch:condensed;
  line-height:.88;
  letter-spacing:.17em;
  text-transform:uppercase;
  transform:scaleX(.76) scaleY(1.08);
  transform-origin:center center;
  white-space:nowrap;
}

.archive-family-subtitle-v81{
  position:relative;
  z-index:2;
  margin-top:16px;
  text-align:center;
  color:#bca77d;
  opacity:.84;
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.archive-family-list-v81{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:34px auto 0;
}

.archive-family-row-v81{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  min-height:74px;
  text-decoration:none;
  border-bottom:1px solid rgba(174,114,44,.13);
}

.archive-family-rule-left-v81,
.archive-family-rule-right-v81{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,173,112,.31));
}
.archive-family-rule-right-v81{
  background:linear-gradient(90deg,rgba(204,173,112,.31),transparent);
}

.archive-family-year-v81{
  min-width:118px;
  text-align:center;
  color:#bc7d36;
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:32px;
  font-weight:300;
  letter-spacing:.10em;
}

.archive-family-row-v81:hover .archive-family-year-v81{
  color:#dfad62;
}

.archive-family-footer-v81{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:78px 7px 78px;
  gap:10px;
  align-items:center;
  justify-content:center;
  margin-top:30px;
}
.archive-family-footer-v81 span{
  height:1px;
  background:rgba(175,116,46,.30);
}
.archive-family-footer-v81 i{
  width:6px;
  height:6px;
  border:1px solid rgba(175,116,46,.68);
  transform:rotate(45deg);
}

@media(max-width:620px){
  .archive-family-page-v81{width:min(100% - 22px,860px);padding-top:24px}
  .archive-family-menu-v81{padding:38px 24px 34px}
  .archive-family-title-row-v81{grid-template-columns:38px 6px auto 6px 38px;gap:8px}
  .archive-family-title-row-v81 h1{font-size:50px}
  .archive-family-year-v81{font-size:28px;min-width:100px}
}


/* =========================================================
   V82 — COCKTAIL COUNTS AS RESTAURANT-MENU PRICES
   ========================================================= */

.archive-family-row-v82{
  grid-template-columns:auto minmax(40px,1fr) 38px !important;
  align-items:end !important;
  gap:14px !important;
  text-align:left !important;
}

.archive-family-dots-v82{
  height:1.05em !important;
  margin-bottom:4px !important;
  border-bottom:1px dotted rgba(204,173,112,.38) !important;
}

.archive-family-price-v82{
  color:#d1bd8e !important;
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-size:20px !important;
  font-weight:300 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  text-align:right !important;
}

.archive-family-row-v82:hover .archive-family-price-v82{
  color:#e1b66b !important;
}

/* Retire the centered side-rule treatment from V81 on these rows. */
.archive-family-row-v82 .archive-family-rule-left-v81,
.archive-family-row-v82 .archive-family-rule-right-v81{
  display:none !important;
}


/* =========================================================
   V84 — SHARP SEASON ART + RELIABLE LINKS + THINNER DECO TYPE
   ========================================================= */

/* Keep the original poster art sharp and undistorted. */
.archive-season-poster-v73{
  position:relative !important;
  cursor:pointer !important;
  z-index:1 !important;
}

.archive-season-poster-v73 img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:saturate(.90) contrast(1.03) brightness(.91) sepia(.035) !important;
  pointer-events:none !important;
}

/* Hide the old baked-in title/date at the top with a clean,
   period-looking dark panel rather than editing the image itself. */
.archive-season-poster-v73::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:36% !important;
  background:
    linear-gradient(180deg,
      rgba(5,15,15,.90) 0%,
      rgba(5,15,15,.80) 70%,
      rgba(5,15,15,.16) 100%) !important;
  pointer-events:none !important;
}

/* Hide the old baked-in cocktail count at the bottom. */
.archive-season-poster-v73::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:14% !important;
  background:
    linear-gradient(180deg,
      rgba(5,15,15,.08) 0%,
      rgba(5,15,15,.82) 58%,
      rgba(5,15,15,.96) 100%) !important;
  pointer-events:none !important;
}

/* Real season name: thin, tall, architectural Deco. */
.archive-season-poster-copy-v73{
  display:flex !important;
  position:absolute !important;
  z-index:4 !important;
  inset:0 !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:24px 10px !important;
  pointer-events:none !important;
}

.archive-season-label-v84{
  color:#d7c59c !important;
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:200 !important;
  font-stretch:condensed !important;
  font-size:clamp(1.85rem,2.65vw,2.35rem) !important;
  line-height:1 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  transform:scaleX(.78) scaleY(1.06) !important;
  transform-origin:center top !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.62),
    0 2px 8px rgba(0,0,0,.32) !important;
}

/* Main ARCHIVE heading: thinner and more Deco than V82. */
.archive-page-v32 .archive-title-row-v64 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:200 !important;
  font-stretch:condensed !important;
  letter-spacing:.19em !important;
  line-height:.87 !important;
  color:#b27632 !important;
  -webkit-text-fill-color:#b27632 !important;
  transform:scaleX(.73) scaleY(1.09) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(38,24,12,.20),
    0 -0.4px 0 rgba(205,149,72,.09) !important;
}

/* Season-page title uses exactly the same display language. */
.archive-family-title-row-v81 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:200 !important;
  font-stretch:condensed !important;
  letter-spacing:.19em !important;
  line-height:.87 !important;
  color:#b27632 !important;
  -webkit-text-fill-color:#b27632 !important;
  transform:scaleX(.73) scaleY(1.09) !important;
  transform-origin:center center !important;
}

/* Ensure all poster overlays cannot block clicking. */
.archive-season-poster-shade-v73,
.archive-season-poster-copy-v73,
.archive-season-poster-copy-v73 *{
  pointer-events:none !important;
}


/* =========================================================
   V85 — LOCKED ARCHIVE CARD DIRECTION
   Realistic vintage imagery, slightly subdued, with worn menu edges.
   ========================================================= */

/* Remove V84's large dark title/count masking panels and duplicate overlay text. */
.archive-season-poster-v73::before,
.archive-season-poster-v73::after,
.archive-season-poster-copy-v73,
.archive-season-label-v84{
  content:none !important;
  display:none !important;
}

/* Keep the chosen image clean and sharp. */
.archive-season-poster-v73 img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  pointer-events:none !important;
}

/* Old-menu-cover edge: weathered at the perimeter, not smeared over the photo. */
.archive-season-poster-v73{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(178,119,45,.62) !important;
  border-radius:11px !important;
  background:#071313 !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(216,158,74,.05) !important;
}

.archive-season-poster-v73 .archive-season-poster-shade-v73{
  display:block !important;
  position:absolute !important;
  z-index:3 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(4,12,12,.02),transparent 55%,rgba(4,12,12,.13) 100%),
    radial-gradient(ellipse at center,transparent 64%,rgba(2,8,8,.16) 100%) !important;
  box-shadow:
    inset 0 0 0 3px rgba(181,119,43,.15),
    inset 0 0 0 7px rgba(4,13,13,.11) !important;
}

/* Irregular worn-gold edge texture — restrained and only around the perimeter. */
.archive-season-poster-v73 .archive-season-poster-shade-v73::before{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  border-radius:8px !important;
  pointer-events:none !important;
  opacity:.56 !important;
  background:
    linear-gradient(90deg,
      rgba(197,137,60,.48) 0 1px, transparent 1px 98%, rgba(197,137,60,.42) 98% 100%),
    linear-gradient(0deg,
      rgba(197,137,60,.46) 0 1px, transparent 1px 98%, rgba(197,137,60,.40) 98% 100%),
    radial-gradient(circle at 4% 7%, rgba(224,169,86,.48) 0 1px, transparent 2px),
    radial-gradient(circle at 96% 15%, rgba(224,169,86,.40) 0 1px, transparent 2px),
    radial-gradient(circle at 9% 92%, rgba(224,169,86,.36) 0 1px, transparent 2px),
    radial-gradient(circle at 94% 88%, rgba(224,169,86,.44) 0 1px, transparent 2px);
  background-size:auto,auto,13px 17px,17px 19px,19px 13px,15px 21px !important;
}

/* Thin Deco title system: ARCHIVE + season archive headings. */
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:200 !important;
  font-stretch:condensed !important;
  letter-spacing:.19em !important;
  line-height:.87 !important;
  color:#b27632 !important;
  -webkit-text-fill-color:#b27632 !important;
  transform:scaleX(.73) scaleY(1.09) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(38,24,12,.19),
    0 -0.4px 0 rgba(205,149,72,.08) !important;
}


/* =========================================================
   V86 — CLEANER REALISTIC ARCHIVE CARDS
   No speckle overlay. Weathering stays only at the edges.
   Spring is New York.
   ========================================================= */

/* Remove all interior grit/speckle from V85. */
.archive-season-poster-v73 .archive-season-poster-shade-v73,
.archive-season-poster-v73 .archive-season-poster-shade-v73::before,
.archive-season-poster-v73 .archive-season-poster-shade-v73::after{
  background:none !important;
  box-shadow:none !important;
  opacity:1 !important;
}

/* Keep images crisp and only slightly subdued. */
.archive-season-poster-v73 img{
  filter:none !important;
  transform:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Weathered MENU COVER edge only — no dots over the photograph. */
.archive-season-poster-v73{
  border:1px solid rgba(181,121,46,.70) !important;
  border-radius:11px !important;
  overflow:hidden !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.34),
    inset 0 0 0 2px rgba(205,146,65,.12),
    inset 0 0 0 6px rgba(4,13,13,.10) !important;
}

/* Uneven old-gold edge wear, confined to a narrow perimeter. */
.archive-season-poster-v73::before{
  content:"" !important;
  position:absolute !important;
  z-index:5 !important;
  inset:2px !important;
  border-radius:8px !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(222,160,73,.38) 0 1px, transparent 1px calc(100% - 1px), rgba(222,160,73,.28) calc(100% - 1px)),
    linear-gradient(0deg,
      rgba(222,160,73,.32) 0 1px, transparent 1px calc(100% - 1px), rgba(222,160,73,.24) calc(100% - 1px)) !important;
  opacity:.72 !important;
}

/* Tiny chips at corners only, instead of speckling the whole photo. */
.archive-season-poster-v73::after{
  content:"" !important;
  position:absolute !important;
  z-index:6 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 2% 3%, rgba(224,163,77,.48) 0 2px, transparent 3px),
    radial-gradient(circle at 98% 5%, rgba(224,163,77,.38) 0 2px, transparent 3px),
    radial-gradient(circle at 3% 97%, rgba(224,163,77,.32) 0 2px, transparent 3px),
    radial-gradient(circle at 97% 96%, rgba(224,163,77,.42) 0 2px, transparent 3px) !important;
}

/* Preserve thin Deco ARCHIVE/season title treatment. */
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1{
  font-family:"Avenir Next Condensed","Helvetica Neue Condensed",
              "Arial Narrow","Helvetica Neue",Arial,sans-serif !important;
  font-weight:200 !important;
  letter-spacing:.19em !important;
  transform:scaleX(.73) scaleY(1.09) !important;
}


/* =========================================================
   V87 — APPROVED SEASON PHOTO SET
   ========================================================= */

.archive-season-poster-v73 img{
  filter:none !important;
  transform:none !important;
  image-rendering:auto !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Keep the subtle old-menu edge, but leave the photograph itself clean. */
.archive-season-poster-v73 .archive-season-poster-shade-v73{
  background:
    linear-gradient(180deg,rgba(4,12,12,.02),transparent 64%,rgba(4,12,12,.10) 100%) !important;
  box-shadow:
    inset 0 0 0 2px rgba(202,143,62,.11),
    inset 0 0 0 6px rgba(4,13,13,.07) !important;
}


/* =========================================================
   V90 — CURRENT COCKTAILS PAGE CONSISTENCY PASS
   Archive/recipe/home structure stays untouched.
   ========================================================= */

/* Give the current menu the same quiet, architectural top treatment
   as the Archive without copying the Archive masthead wholesale. */
.current-season-v18 .season-heading-v18{
  max-width:1080px !important;
  padding:54px 28px 32px !important;
}

.current-season-v18 .season-heading-v18 .eyebrow{
  font-family:var(--fb-body) !important;
  color:#438f86 !important;
  font-size:.62rem !important;
  font-weight:500 !important;
  letter-spacing:.24em !important;
}

.current-season-v18 .season-heading-v18 h1{
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  letter-spacing:.18em !important;
  color:#a66e31 !important;
  text-shadow:
    1px 1px 0 rgba(36,23,12,.22),
    0 -0.4px 0 rgba(195,139,66,.09) !important;
  transform:scaleX(.73) scaleY(1.09) !important;
}

.current-season-v18 .season-heading-v18 p{
  max-width:520px !important;
  margin:15px auto 0 !important;
  color:#807565 !important;
  font-family:var(--fb-body) !important;
  font-size:.84rem !important;
  line-height:1.7 !important;
  letter-spacing:.04em !important;
}

.current-season-v18 .season-rule-v18{
  width:175px !important;
  margin:17px auto 0 !important;
  opacity:.72 !important;
}

/* Cards now read as preserved cocktail-menu pieces:
   clean photographs, restrained wear only at the perimeter. */
.current-season-v18 .season-card-grid-v18{
  gap:30px !important;
}

.current-season-v18 .season-card-v18{
  overflow:hidden !important;
  border:1px solid rgba(154,99,39,.66) !important;
  border-radius:10px !important;
  background:
    radial-gradient(ellipse at 20% 12%,rgba(156,101,41,.055),transparent 32%),
    linear-gradient(180deg,rgba(18,17,14,.985),rgba(8,12,11,.995)) !important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(188,124,50,.055) !important;
}

/* Remove the old floating wear blotches from the face of the cards. */
.current-season-v18 .season-card-v18:before{
  content:none !important;
  display:none !important;
}

/* Narrow aged inner line only. */
.current-season-v18 .season-card-v18:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:4 !important;
  inset:5px !important;
  pointer-events:none !important;
  border:1px solid rgba(135,84,31,.20) !important;
  border-radius:6px !important;
  background:none !important;
}

/* Let cocktail photography stay photographic rather than filtered. */
.current-season-v18 .season-card-photo-v18{
  margin:9px 9px 0 !important;
  border:1px solid rgba(112,70,28,.55) !important;
  border-radius:5px 5px 1px 1px !important;
  filter:none !important;
  background:#050a0a !important;
}

.current-season-v18 .season-card-photo-v18 img{
  filter:none !important;
  transform:none !important;
}

.current-season-v18 .season-card-photo-v18:after{
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(210,155,76,.035) !important;
}

/* Refine card typography to match the Archive's thinner Deco voice. */
.current-season-v18 .season-card-copy-v18{
  padding:18px 22px 22px !important;
}

.current-season-v18 .season-card-kicker-v18{
  color:#438f86 !important;
  font-family:var(--fb-body) !important;
  font-size:.59rem !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.current-season-v18 .season-card-copy-v18 h3{
  margin-top:9px !important;
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  font-size:1.63rem !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  color:#a66e31 !important;
  text-shadow:
    1px 1px 0 rgba(35,22,11,.20),
    0 -0.4px 0 rgba(191,136,66,.08) !important;
}

.current-season-v18 .season-card-copy-v18 p{
  color:#8b806e !important;
  font-family:var(--fb-body) !important;
  font-size:.80rem !important;
  line-height:1.6 !important;
  letter-spacing:.015em !important;
}

.current-season-v18 .season-card-divider-v18{
  width:116px !important;
  margin-top:12px !important;
  opacity:.80 !important;
}

/* Keep the faded Chinese menu-stencil character, but make it quieter. */
.current-season-v18 .season-card-chinese-v18{
  margin-top:15px !important;
  padding-top:12px !important;
  color:#76502c !important;
  opacity:.43 !important;
  filter:none !important;
}

/* Keep the little printer's pineapple but make it feel genuinely printed. */
.current-season-v18 .season-card-copy-v18:after{
  width:18px !important;
  height:26px !important;
  margin-top:13px !important;
  opacity:.40 !important;
  filter:sepia(.12) contrast(.94) brightness(.90) !important;
}

/* Less web-button-like hover behavior. */
.current-season-v18 .season-card-v18:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(179,117,47,.77) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.40),
    inset 0 0 0 1px rgba(188,124,50,.06) !important;
}

/* Random pick stays discoverable at the bottom, like a small menu footnote. */
.current-season-v18 .season-random-v18{
  max-width:390px !important;
  margin:70px auto 10px !important;
  padding-top:27px !important;
  text-align:center !important;
  border-top:1px solid rgba(133,86,34,.38) !important;
}

.current-season-v18 .season-random-v18 h2{
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  color:#9f692f !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.current-season-v18 .season-random-v18 p{
  color:#756b5c !important;
  line-height:1.55 !important;
}

.current-season-v18 .season-random-v18 .btn{
  border-color:rgba(61,128,120,.55) !important;
  background:rgba(7,27,27,.33) !important;
  color:#68a39b !important;
  border-radius:0 !important;
}

/* Phone pass for the current-menu page only. */
@media(max-width:620px){
  .current-season-v18 .season-heading-v18{
    padding:38px 18px 26px !important;
  }

  .current-season-v18 .season-heading-v18 h1{
    transform:scaleX(.79) scaleY(1.06) !important;
    letter-spacing:.13em !important;
  }

  .current-season-v18 .season-content-v18{
    padding-left:15px !important;
    padding-right:15px !important;
  }

  .current-season-v18 .season-card-grid-v18{
    gap:22px !important;
  }

  .current-season-v18 .season-card-copy-v18 h3{
    transform:scaleX(.80) scaleY(1.04) !important;
    width:122% !important;
    margin-left:-11% !important;
    margin-right:-11% !important;
  }
}


/* =========================================================
   V92 — RECIPE PAGE CONSISTENCY / FINAL POLISH
   ========================================================= */

.recipe-page-v30{ padding-top:42px !important; }

.recipe-sheet-v30{
  max-width:980px !important;
  border:1px solid rgba(142,91,36,.72) !important;
  border-radius:8px !important;
  background:
    radial-gradient(ellipse at 16% 12%, rgba(129,86,39,.055), transparent 28%),
    linear-gradient(180deg, rgba(19,18,15,.985), rgba(10,12,11,.995)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.40),
    inset 0 0 0 1px rgba(185,124,53,.06) !important;
}

.recipe-sheet-v30::before{ opacity:.16 !important; filter:none !important; }
.recipe-header-v30{ padding:34px 38px 24px !important; }

.recipe-eyebrow-v30{
  color:#438f86 !important;
  font-family:var(--fb-body) !important;
  font-size:.61rem !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

.recipe-title-v30{
  margin-top:10px !important;
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  letter-spacing:.14em !important;
  line-height:.96 !important;
  color:#a66e31 !important;
  text-shadow:
    1px 1px 0 rgba(37,23,12,.20),
    0 -0.4px 0 rgba(194,139,66,.08) !important;
}

.recipe-tagline-v30{
  max-width:640px !important;
  color:#857968 !important;
  font-family:var(--fb-body) !important;
  font-size:.87rem !important;
  line-height:1.65 !important;
  letter-spacing:.02em !important;
}

.recipe-photo-v30{
  border:1px solid rgba(119,75,30,.56) !important;
  border-radius:4px !important;
  overflow:hidden !important;
  background:#060b0b !important;
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.16),
    0 8px 20px rgba(0,0,0,.18) !important;
}

.recipe-photo-v30 img{ filter:none !important; transform:none !important; }

.recipe-section-v30 h2,
.recipe-meta-v30 h3{
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  letter-spacing:.13em !important;
  color:#9f692f !important;
  text-transform:uppercase !important;
}

.recipe-section-v30{ padding:27px 34px !important; }

.recipe-section-v30 ul,
.recipe-section-v30 ol{
  color:#c0b6a5 !important;
  font-family:var(--fb-body) !important;
  font-size:.88rem !important;
  line-height:1.72 !important;
}

.recipe-section-v30 li{ border-color:rgba(125,81,33,.26) !important; }

.recipe-meta-v30{
  border-color:rgba(129,83,33,.30) !important;
  background:rgba(7,18,18,.22) !important;
}

.recipe-meta-v30 dt{
  color:#438f86 !important;
  font-family:var(--fb-body) !important;
  font-size:.58rem !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
}

.recipe-meta-v30 dd{
  color:#9f9585 !important;
  font-family:var(--fb-body) !important;
  font-size:.80rem !important;
}

.recipe-chinese-v30{
  color:#704a28 !important;
  opacity:.37 !important;
  filter:none !important;
}

.recipe-printer-mark-v30,
.recipe-pineapple-v30{
  opacity:.42 !important;
  filter:sepia(.12) brightness(.88) contrast(.92) !important;
  transform:scale(.92) !important;
}

.recipe-back-v30,
.recipe-page-v30 .back-link{
  color:#5f9a92 !important;
  font-family:var(--fb-body) !important;
  font-size:.68rem !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(74,142,132,.24) !important;
}

.recipe-sheet-v30:hover{
  transform:none !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.40),
    inset 0 0 0 1px rgba(185,124,53,.06) !important;
}

@media(max-width:700px){
  .recipe-page-v30{ padding:26px 12px 40px !important; }
  .recipe-header-v30{ padding:26px 22px 20px !important; }
  .recipe-title-v30{
    font-size:clamp(2rem,11vw,3.3rem) !important;
    letter-spacing:.10em !important;
  }
  .recipe-section-v30{ padding:22px 20px !important; }
  .recipe-grid-v30{ gap:18px !important; }
  .recipe-photo-v30{ margin-left:0 !important; margin-right:0 !important; }
}


/* =========================================================
   V93 — HOMEPAGE CLEANUP
   Keep the approved homepage artwork, but make the archive list
   real HTML so its names update automatically with site data.
   ========================================================= */

/* Hide the old invisible archive hotspots; the new visible links replace them. */
.exact-home-stage .archive-1,
.exact-home-stage .archive-2,
.exact-home-stage .archive-3,
.exact-home-stage .archive-4,
.exact-home-stage .archive-button-hotspot{
  display:none !important;
}

/* Covers only the baked archive-list area in the artwork. */
.home-dynamic-archive{
  position:absolute;
  z-index:7;
  left:18.45%;
  top:63.4%;
  width:20.3%;
  height:27.2%;
  padding:0 1.45%;
  box-sizing:border-box;
  background:#031315;
  color:#c68d3b;
  font-family:var(--fb-body);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
}

.home-dynamic-archive-title{
  margin:0 auto 4.4%;
  color:#468f86;
  font-size:clamp(.72rem,1.45vw,1.52rem);
  font-weight:400;
  letter-spacing:.11em;
  line-height:1;
  white-space:nowrap;
}
.home-dynamic-archive-title span{
  color:#c68d3b;
  font-size:.55em;
  vertical-align:.2em;
  margin:0 .36em;
}

.home-dynamic-archive-list{
  display:flex;
  flex-direction:column;
  width:100%;
}

.home-dynamic-archive-list a{
  min-height:2.18em;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#c68d3b;
  text-decoration:none;
  border-bottom:1px solid rgba(126,91,47,.53);
  font-size:clamp(.53rem,1.06vw,1.16rem);
  font-weight:400;
  letter-spacing:.075em;
  line-height:1;
  white-space:nowrap;
  transition:color .16s ease,border-color .16s ease;
}

.home-dynamic-archive-list a b,
.home-dynamic-archive-button b{
  color:#478f86;
  font-size:1.35em;
  font-weight:300;
  line-height:1;
}

.home-dynamic-archive-list a:hover,
.home-dynamic-archive-list a:focus-visible{
  color:#dbab62;
  border-color:rgba(72,145,134,.68);
  outline:none;
}

.home-dynamic-archive-button{
  width:91%;
  min-height:2.7em;
  margin:8.5% auto 0;
  padding:0 7%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(67,143,134,.54);
  border-radius:4px;
  color:#4d978e;
  text-decoration:none;
  font-size:clamp(.48rem,.88vw,.94rem);
  letter-spacing:.10em;
  transition:border-color .16s ease,color .16s ease,background .16s ease;
}

.home-dynamic-archive-button:hover,
.home-dynamic-archive-button:focus-visible{
  color:#67aaa1;
  border-color:rgba(82,159,148,.85);
  background:rgba(13,48,46,.22);
  outline:none;
}

/* The main Summer-menu artwork remains visually untouched,
   but its invisible button has a proper keyboard focus treatment. */
.menu-hotspot:focus-visible{
  outline:2px solid rgba(90,170,159,.95) !important;
  outline-offset:4px !important;
  border-radius:5px;
}

/* Keep the dynamic archive usable at narrower desktop/tablet widths.
   The art itself retains the approved fixed composition. */
@media(max-width:900px){
  .home-dynamic-archive{
    left:18.0%;
    width:21.3%;
    padding-left:1.2%;
    padding-right:1.2%;
  }
  .home-dynamic-archive-title{
    font-size:clamp(.64rem,1.5vw,1rem);
  }
  .home-dynamic-archive-list a{
    font-size:clamp(.48rem,1.1vw,.78rem);
  }
  .home-dynamic-archive-button{
    font-size:clamp(.44rem,.95vw,.68rem);
  }
}


/* =========================================================
   V94 — ARCHIVED MENU HEADER
   Remove explanatory copy and frame the archived season name
   with refined Atomic Age / Deco ornaments.
   ========================================================= */

/* Archived menu pages get a cleaner, quieter masthead. */
.archive-season-page-v18 .archive-menu-heading-v94{
  max-width:1120px !important;
  padding:52px 26px 34px !important;
}

.archive-season-page-v18 .archive-menu-heading-v94::before{
  left:12% !important;
  right:12% !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(139,91,35,.36) 14%,
      rgba(139,91,35,.60) 48%,
      rgba(139,91,35,.60) 52%,
      rgba(139,91,35,.36) 86%,
      transparent) !important;
}

/* Title and ornaments live on one line. */
.archive-menu-title-row-v94{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center;
  gap:24px;
  width:min(900px,88%);
  margin:0 auto;
}

.archive-menu-title-row-v94 h1{
  width:auto !important;
  margin:0 !important;
  white-space:nowrap;
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
  font-size:clamp(2.7rem,5.4vw,5rem) !important;
  letter-spacing:.17em !important;
  line-height:.92 !important;
  color:#a66e31 !important;
  transform:scaleX(.76) scaleY(1.08) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(36,23,12,.22),
    0 -0.4px 0 rgba(195,139,66,.09) !important;
}

/* Refined Atomic Age wings:
   hairline double-rule, tiny teal nucleus, and a thin elliptical orbit.
   No chunky polygons or clip-art geometry. */
.archive-atomic-wing-v94{
  position:relative;
  display:block;
  height:34px;
  min-width:120px;
}

.archive-atomic-wing-v94::before,
.archive-atomic-wing-v94::after{
  content:"";
  position:absolute;
  top:50%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(176,116,45,.28) 8%,
    rgba(176,116,45,.72) 42%,
    rgba(176,116,45,.46) 84%,
    transparent 100%
  );
}

.archive-atomic-wing-v94::before{
  left:0;
  right:52%;
  margin-right:18px;
  transform:translateY(-3px);
}

.archive-atomic-wing-v94::after{
  left:52%;
  right:0;
  margin-left:18px;
  transform:translateY(3px);
}

/* Mirroring swaps the brighter taper so both sides point toward the title. */
.archive-atomic-wing-v94.left{
  transform:scaleX(-1);
}

.archive-atomic-wing-v94 .core-v94{
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#4b9a90;
  box-shadow:
    0 0 0 1px rgba(3,17,18,.95),
    0 0 7px rgba(75,154,144,.20);
  transform:translate(-50%,-50%);
}

.archive-atomic-wing-v94 .orbit-v94{
  position:absolute;
  left:50%;
  top:50%;
  width:27px;
  height:11px;
  border:1px solid rgba(178,118,47,.58);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-24deg);
  box-sizing:border-box;
}

.archive-atomic-wing-v94 .orbit-v94::after{
  content:"";
  position:absolute;
  inset:-1px;
  border:1px solid rgba(178,118,47,.36);
  border-radius:50%;
  transform:rotate(48deg);
}

/* Tiny terminals keep it architectural rather than "drawn". */
.archive-atomic-wing-v94 .orbit-v94::before{
  content:"";
  position:absolute;
  left:50%;
  top:-5px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#a86f30;
  transform:translateX(-50%);
  opacity:.72;
}

/* Archive-specific header no longer needs eyebrow/tagline/rule spacing. */
.archive-menu-heading-v94 .eyebrow,
.archive-menu-heading-v94 > p,
.archive-menu-heading-v94 > .season-rule-v18{
  display:none !important;
}

@media(max-width:720px){
  .archive-season-page-v18 .archive-menu-heading-v94{
    padding:38px 14px 26px !important;
  }

  .archive-menu-title-row-v94{
    grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr);
    gap:11px;
    width:96%;
  }

  .archive-menu-title-row-v94 h1{
    font-size:clamp(2.15rem,10vw,3.25rem) !important;
    letter-spacing:.10em !important;
    transform:scaleX(.82) scaleY(1.05) !important;
  }

  .archive-atomic-wing-v94{
    min-width:54px;
    height:28px;
  }

  .archive-atomic-wing-v94::before{
    margin-right:12px;
  }

  .archive-atomic-wing-v94::after{
    margin-left:12px;
  }

  .archive-atomic-wing-v94 .orbit-v94{
    width:21px;
    height:9px;
  }
}


/* =========================================================
   V95 — OPTICAL CENTERING FIX FOR ARCHIVED MENU TITLES
   ========================================================= */

/* Use a perfectly symmetrical three-part layout so the archived
   season name sits dead center between identical ornaments. */
.archive-menu-title-row-v94{
  display:grid !important;
  grid-template-columns:140px auto 140px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
}

.archive-menu-title-row-v94 h1{
  justify-self:center !important;
  text-align:center !important;
  margin:0 auto !important;
}

/* Pin each wing to the side nearest the title so both sides
   visually mirror one another around the center. */
.archive-atomic-wing-v94{
  width:140px !important;
  min-width:140px !important;
  justify-self:stretch !important;
}

.archive-atomic-wing-v94.left{
  justify-self:end !important;
}

.archive-atomic-wing-v94.right{
  justify-self:start !important;
}

/* Rebalance the internal line lengths so the ornament reads
   more evenly on both sides of the centered title. */
.archive-atomic-wing-v94::before{
  right:50% !important;
  margin-right:17px !important;
}

.archive-atomic-wing-v94::after{
  left:50% !important;
  margin-left:17px !important;
}

/* Mobile: keep the same symmetry with smaller fixed wings. */
@media(max-width:720px){
  .archive-menu-title-row-v94{
    grid-template-columns:60px auto 60px !important;
    gap:9px !important;
    width:max-content !important;
    max-width:100% !important;
  }

  .archive-atomic-wing-v94{
    width:60px !important;
    min-width:60px !important;
  }
}


/* =========================================================
   V96 — TRUE ARCHIVE HEADER CENTERING
   Root cause: archived headings had a max-width but no auto
   horizontal margins, so the entire masthead was anchored left.
   ========================================================= */

.archive-season-page-v18 .archive-menu-heading-v94{
  width:100% !important;
  max-width:1230px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Center against the same overall width used by the cocktail-card area,
   then let equal flexible wings balance the title precisely. */
.archive-menu-title-row-v94{
  width:min(940px, 100%) !important;
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr) !important;
  justify-content:stretch !important;
  align-items:center !important;
  gap:20px !important;
  box-sizing:border-box !important;
}

.archive-menu-title-row-v94 h1{
  grid-column:2 !important;
  justify-self:center !important;
  text-align:center !important;
  width:auto !important;
  margin:0 !important;
}

/* Equal ornament columns on both sides. */
.archive-atomic-wing-v94{
  width:100% !important;
  min-width:0 !important;
  justify-self:stretch !important;
}

.archive-atomic-wing-v94.left{
  grid-column:1 !important;
  transform:scaleX(-1) !important;
}

.archive-atomic-wing-v94.right{
  grid-column:3 !important;
}

/* Keep the bottom divider centered to the same archive masthead. */
.archive-season-page-v18 .archive-menu-heading-v94::before{
  left:8% !important;
  right:8% !important;
}

@media(max-width:720px){
  .archive-season-page-v18 .archive-menu-heading-v94{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .archive-menu-title-row-v94{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr) !important;
    gap:10px !important;
  }
}


/* =========================================================
   V97 — VIEWPORT-CENTERED ARCHIVE HEADER
   The screenshot exposed the real issue: the archived header
   itself was still capped at 1230px and visually anchored left.
   This version makes the masthead span the viewport, then centers
   the title lockup inside that full-width space.
   ========================================================= */

.archive-season-page-v18 .archive-menu-heading-v94{
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  padding:52px 0 34px !important;
  box-sizing:border-box !important;
  position:relative !important;
  left:0 !important;
  right:auto !important;
}

/* The title + two ornaments are centered against the browser viewport,
   not against a narrower inherited content block. */
.archive-menu-title-row-v94{
  width:min(980px, calc(100vw - 120px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr) !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:24px !important;
  box-sizing:border-box !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

.archive-menu-title-row-v94 h1{
  grid-column:2 !important;
  justify-self:center !important;
  text-align:center !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Both ornament cells are mathematically equal. */
.archive-atomic-wing-v94{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

.archive-atomic-wing-v94.left{
  grid-column:1 !important;
  transform:scaleX(-1) !important;
}

.archive-atomic-wing-v94.right{
  grid-column:3 !important;
}

/* Full-width masthead, restrained centered divider. */
.archive-season-page-v18 .archive-menu-heading-v94::before{
  left:8vw !important;
  right:8vw !important;
  bottom:0 !important;
}

/* Prevent any earlier generic season-heading widths/margins from
   reintroducing the left shift. */
.archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
  width:100vw !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:720px){
  .archive-season-page-v18 .archive-menu-heading-v94{
    width:100vw !important;
    max-width:none !important;
    padding:38px 0 26px !important;
  }

  .archive-menu-title-row-v94{
    width:calc(100vw - 28px) !important;
    grid-template-columns:minmax(46px,1fr) auto minmax(46px,1fr) !important;
    gap:10px !important;
  }
}


/* =========================================================
   V98 — ACTUAL ARCHIVE HEADER CENTERING FIX
   Root cause: the global `header { display:grid; ... }` rule
   was also applying to the nested archived-menu <header>.
   That placed the title lockup in the FIRST grid column.
   ========================================================= */

.archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
  /* Neutralize the site's top-navigation header grid. */
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  grid-auto-flow:initial !important;
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  min-height:0 !important;
  backdrop-filter:none !important;

  /* Full-width archived-menu masthead. */
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:52px 0 34px !important;
  box-sizing:border-box !important;
}

/* Center the complete ornament / title / ornament lockup. */
.archive-menu-title-row-v94{
  display:grid !important;
  grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr) !important;
  align-items:center !important;
  gap:24px !important;

  width:min(980px, calc(100% - 120px)) !important;
  max-width:980px !important;
  margin:0 auto !important;

  position:static !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

.archive-menu-title-row-v94 h1{
  grid-column:2 !important;
  justify-self:center !important;
  text-align:center !important;
  width:auto !important;
  margin:0 !important;
}

/* Identical ornament columns keep the title optically centered. */
.archive-atomic-wing-v94{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

.archive-atomic-wing-v94.left{
  grid-column:1 !important;
  transform:scaleX(-1) !important;
}

.archive-atomic-wing-v94.right{
  grid-column:3 !important;
}

/* Keep the divider centred underneath the same masthead. */
.archive-season-page-v18 .archive-menu-heading-v94::before{
  left:8% !important;
  right:8% !important;
}

@media(max-width:720px){
  .archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
    padding:38px 0 26px !important;
  }

  .archive-menu-title-row-v94{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    grid-template-columns:minmax(46px,1fr) auto minmax(46px,1fr) !important;
    gap:10px !important;
  }
}


/* =========================================================
   V99 — NAVIGATION / ROUTE POLISH
   ========================================================= */

/* Current section indicator in the top navigation. */
body > header nav a{
  position:relative;
}

body > header nav a.active{
  color:#c58b35 !important;
}

body > header nav a.active::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:-8px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(72,153,143,.86) 24%,
    rgba(72,153,143,.86) 76%,
    transparent
  );
}

/* Archived menu return control: small menu-footer navigation, not a big app button. */
.archive-season-page-v18 .archive-return-v18{
  margin-top:54px !important;
  text-align:center !important;
}

.archive-season-page-v18 .archive-return-v18 .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:210px !important;
  padding:11px 18px !important;
  border:1px solid rgba(66,139,130,.42) !important;
  border-radius:0 !important;
  background:rgba(6,23,23,.22) !important;
  color:#5d9e95 !important;
  font-family:var(--fb-body) !important;
  font-size:.66rem !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.archive-season-page-v18 .archive-return-v18 .btn:hover,
.archive-season-page-v18 .archive-return-v18 .btn:focus-visible{
  border-color:rgba(82,158,148,.72) !important;
  color:#77b4ac !important;
  background:rgba(9,38,37,.28) !important;
}

/* Make keyboard focus easy to follow without changing the visual style. */
a:focus-visible,
button:focus-visible{
  outline:1px solid rgba(77,158,147,.86) !important;
  outline-offset:4px !important;
}


/* =========================================================
   V100 — PHONE / TABLET PASS
   Desktop design remains unchanged.
   ========================================================= */

.mobile-home-v100{
  display:none;
}

/* ---------- TABLET ---------- */
@media(max-width:900px){

  /* Navigation: compact, stable, tappable. */
  body > header{
    min-height:62px !important;
    padding:0 18px !important;
    grid-template-columns:auto 1fr !important;
    gap:16px !important;
  }

  body > header .brand{
    gap:9px !important;
    min-width:0 !important;
  }

  body > header .brand img{
    width:28px !important;
    height:auto !important;
  }

  body > header .brand span{
    font-size:.92rem !important;
    letter-spacing:.12em !important;
    white-space:nowrap !important;
  }

  body > header nav{
    grid-column:2 !important;
    justify-self:end !important;
    gap:8px !important;
  }

  body > header nav a{
    min-height:44px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Archive masthead: title first, dynamic stats underneath. */
  .archive-page-v32 .archive-hero-top-v63{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto auto !important;
    gap:20px 14px !important;
  }

  .archive-hero-top-v63 > .archive-title-lockup-v63{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
  }

  .archive-hero-top-v63 > .archive-stat-v63:first-child{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    margin-right:18px !important;
  }

  .archive-hero-top-v63 > .archive-stat-v63:last-child{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    margin-left:18px !important;
  }

  .archive-page-v32 .archive-hero-v32{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .archive-season-grid-v73{
    max-width:720px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    padding-left:22px !important;
    padding-right:22px !important;
    box-sizing:border-box !important;
  }

  /* Season-family menu reads like a centered old restaurant menu. */
  .archive-family-page-v81{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .archive-family-menu-v81{
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Cards: comfortable touch targets. */
  .season-card-v18,
  .archive-season-poster-v73,
  .archive-family-row-v81{
    -webkit-tap-highlight-color:rgba(74,153,143,.12);
  }
}

/* ---------- PHONE ---------- */
@media(max-width:620px){

  body > header{
    min-height:58px !important;
    padding:0 10px !important;
    gap:8px !important;
  }

  body > header .brand{
    gap:6px !important;
  }

  body > header .brand img{
    width:25px !important;
  }

  body > header .brand span{
    font-size:.70rem !important;
    letter-spacing:.08em !important;
  }

  body > header nav{
    gap:0 !important;
  }

  body > header nav a{
    min-height:44px !important;
    padding:0 7px !important;
    font-size:.57rem !important;
    letter-spacing:.07em !important;
  }

  body > header nav a.active::after{
    bottom:3px !important;
  }

  /* The desktop homepage artwork is preserved for larger screens.
     Phones get a dedicated, readable version rather than a tiny screenshot. */
  body.exact-home .exact-home-stage{
    min-width:0 !important;
    width:100% !important;
    min-height:calc(100vh - 58px) !important;
    overflow:hidden !important;
    transform:none !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  body.exact-home .exact-home-art,
  body.exact-home .menu-hotspot,
  body.exact-home .home-dynamic-archive{
    display:none !important;
  }

  .mobile-home-v100{
    display:flex !important;
    min-height:calc(100vh - 58px) !important;
    padding:42px 22px 54px !important;
    box-sizing:border-box !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    color:#bfb29c !important;
  }

  .mobile-home-emblem-v100 img{
    width:34px !important;
    height:auto !important;
    opacity:.88 !important;
  }

  .mobile-home-eyebrow-v100{
    margin-top:14px !important;
    color:#4d978d !important;
    font-family:var(--fb-body) !important;
    font-size:.61rem !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
  }

  .mobile-home-v100 h1{
    margin:9px 0 0 !important;
    font-family:var(--fb-deco) !important;
    font-weight:200 !important;
    font-size:clamp(2.55rem,14vw,4rem) !important;
    line-height:.98 !important;
    letter-spacing:.10em !important;
    color:#b47a35 !important;
    text-transform:uppercase !important;
    transform:scaleX(.79) scaleY(1.06) !important;
  }

  .mobile-home-tagline-v100{
    max-width:310px !important;
    margin:18px auto 0 !important;
    font-family:var(--fb-body) !important;
    font-size:.78rem !important;
    line-height:1.65 !important;
    letter-spacing:.05em !important;
    color:#a99d8b !important;
  }

  .mobile-home-current-v100{
    width:min(330px,100%) !important;
    margin-top:32px !important;
    padding:17px 20px 18px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-decoration:none !important;
    border:1px solid rgba(174,113,44,.64) !important;
    background:rgba(3,17,17,.72) !important;
    box-shadow:
      inset 0 0 0 4px rgba(174,113,44,.045),
      0 12px 28px rgba(0,0,0,.23) !important;
  }

  .mobile-home-current-v100 small{
    color:#4f9b91 !important;
    font-family:var(--fb-body) !important;
    font-size:.55rem !important;
    letter-spacing:.20em !important;
  }

  .mobile-home-current-v100 strong{
    margin-top:7px !important;
    color:#b77c35 !important;
    font-family:var(--fb-deco) !important;
    font-size:1.72rem !important;
    font-weight:200 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }

  .mobile-home-current-v100 > span{
    margin-top:9px !important;
    color:#9d907c !important;
    font-family:var(--fb-body) !important;
    font-size:.57rem !important;
    letter-spacing:.13em !important;
  }

  .mobile-home-rule-v100{
    width:150px !important;
    margin:31px auto 21px !important;
    display:grid !important;
    grid-template-columns:1fr 7px 1fr !important;
    gap:8px !important;
    align-items:center !important;
  }

  .mobile-home-rule-v100 span{
    height:1px !important;
    background:rgba(159,103,41,.56) !important;
  }

  .mobile-home-rule-v100 i{
    width:6px !important;
    height:6px !important;
    background:#478f86 !important;
    transform:rotate(45deg) !important;
  }

  .mobile-home-archive-v100{
    width:min(330px,100%) !important;
  }

  .mobile-home-archive-title-v100{
    margin-bottom:7px !important;
    color:#8e806d !important;
    font-family:var(--fb-body) !important;
    font-size:.58rem !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .mobile-home-archive-v100 > a:not(.mobile-home-all-v100){
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#b47a35 !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(132,86,34,.34) !important;
    font-family:var(--fb-body) !important;
    font-size:.72rem !important;
    letter-spacing:.08em !important;
  }

  .mobile-home-archive-v100 > a b{
    color:#4b958c !important;
    font-weight:300 !important;
  }

  .mobile-home-all-v100{
    min-height:44px !important;
    margin-top:17px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 20px !important;
    color:#5b9f97 !important;
    text-decoration:none !important;
    border:1px solid rgba(70,144,135,.42) !important;
    font-family:var(--fb-body) !important;
    font-size:.58rem !important;
    letter-spacing:.14em !important;
  }

  /* Archive main page. */
  .archive-page-v32 .archive-hero-v32{
    margin-left:12px !important;
    margin-right:12px !important;
    padding:30px 12px 25px !important;
  }

  .archive-page-v32 .archive-hero-top-v63{
    grid-template-columns:1fr 1fr !important;
    gap:18px 8px !important;
  }

  .archive-hero-top-v63 > .archive-stat-v63:first-child{
    margin-right:7px !important;
  }

  .archive-hero-top-v63 > .archive-stat-v63:last-child{
    margin-left:7px !important;
  }

  .archive-stat-v63{
    width:104px !important;
    min-height:86px !important;
  }

  .archive-stat-v63 span{
    font-size:2rem !important;
  }

  .archive-title-row-v64 h1{
    font-size:clamp(2.75rem,15vw,4.3rem) !important;
  }

  .archive-season-grid-v73{
    grid-template-columns:1fr !important;
    max-width:365px !important;
    gap:20px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  /* Family/year menu page. */
  .archive-family-page-v81{
    padding:25px 12px 54px !important;
  }

  .archive-family-back-v81{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  .archive-family-menu-v81{
    padding:34px 19px 30px !important;
  }

  .archive-family-title-row-v81 h1{
    font-size:clamp(2.3rem,13vw,3.7rem) !important;
  }

  .archive-family-row-v81{
    min-height:50px !important;
  }

  /* Archived menu masthead. */
  .archive-menu-title-row-v94{
    width:calc(100% - 18px) !important;
    grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr) !important;
    gap:8px !important;
  }

  .archive-menu-title-row-v94 h1{
    font-size:clamp(2.15rem,11vw,3.35rem) !important;
    letter-spacing:.08em !important;
  }

  /* Current/archived cocktail cards. */
  .season-content-v18{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .season-card-grid-v18,
  .season-card-grid-v18.two-cards-v18{
    max-width:390px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .season-card-v18{
    width:100% !important;
  }

  /* Recipe page: compact but still feels like a physical card. */
  .treasure-recipe-page{
    padding:18px 9px 44px !important;
  }

  .treasure-back{
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    margin-left:4px !important;
  }

  .artifact34{
    border-radius:10px !important;
    padding:23px 14px 18px !important;
  }

  .artifact34-header{
    display:flex !important;
    grid-template-columns:none !important;
    min-height:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    backdrop-filter:none !important;
  }

  .artifact34-header h1{
    font-size:clamp(2rem,10.8vw,3rem) !important;
    letter-spacing:.08em !important;
  }

  .artifact34-body{
    grid-template-columns:1fr !important;
    gap:19px !important;
  }

  .artifact34-photo img{
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
  }

  .artifact34-copy section h2{
    font-size:.72rem !important;
    letter-spacing:.17em !important;
  }

  .artifact34-copy li,
  .artifact34-copy p{
    font-size:.92rem !important;
    line-height:1.62 !important;
  }

  .recipe-footer-v36{
    flex-wrap:wrap !important;
    row-gap:7px !important;
  }
}

/* Extra-small phones: keep navigation from colliding with the brand. */
@media(max-width:430px){
  body > header .brand span{
    display:none !important;
  }

  body > header .brand img{
    width:27px !important;
  }

  body > header nav a{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:.59rem !important;
  }

  .mobile-home-v100{
    padding-left:17px !important;
    padding-right:17px !important;
  }
}


/* =========================================================
   V101 — UNIFIED TYPE SYSTEM + CLEAN HOMEPAGE BACKGROUND
   Three coordinated faces only:
   1. New York Deco display
   2. restrained MCM sans for UI
   3. classic editorial serif for descriptive copy
   ========================================================= */

:root{
  --fb-deco:"Avenir Next Condensed","Helvetica Neue Condensed",
            "Arial Narrow","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --fb-body:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fb-serif:"Baskerville","Iowan Old Style","Palatino Linotype",
             Palatino,Georgia,serif;
}

/* Base UI / navigation — eliminates the stray Arial/legacy stacks. */
body,
button,
input,
select,
textarea{
  font-family:var(--fb-body) !important;
}

body > header nav,
body > header nav a,
.eyebrow,
.archive-stat-v63 small,
.archive-era-v65,
.archive-family-kicker-v81,
.archive-family-subtitle-v81,
.archive-family-back-v81,
.archive-family-price-v82,
.archive-return-v18 .btn,
.season-card-kicker-v18,
.treasure-back,
.recipe-footer-v36,
.home-dynamic-archive,
.mobile-home-eyebrow-v100,
.mobile-home-current-v100 small,
.mobile-home-current-v100 > span,
.mobile-home-archive-title-v100,
.mobile-home-archive-v100 a{
  font-family:var(--fb-body) !important;
}

/* New York Deco display voice — shared consistently between phone and Safari desktop. */
body > header .brand span,
.current-season-v18 .season-heading-v18 h1,
.archive-menu-title-row-v94 h1,
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1,
.current-season-v18 .season-card-copy-v18 h3,
.archive-season-page-v18 .season-card-copy-v18 h3,
.artifact34 > header.artifact34-header h1,
.artifact34-copy h2,
.season-random-v18 h2,
.mobile-home-v100 h1,
.mobile-home-current-v100 strong{
  font-family:var(--fb-deco) !important;
  font-weight:200 !important;
}

/* Brand gets the same architectural family without becoming oversized. */
body > header .brand span{
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#c58b35 !important;
}

/* Editorial/menu copy gives the Deco headings contrast instead of making every
   line on the page feel like the same typeface. */
.current-season-v18 .season-heading-v18 p,
.current-season-v18 .season-card-copy-v18 p,
.archive-season-page-v18 .season-card-copy-v18 p,
.artifact34-copy li,
.artifact34-copy p,
.recipe-source-note,
.recipe-provenance,
.empty,
.archive-empty-v73{
  font-family:var(--fb-serif) !important;
}

/* Recipe body: classic old-menu feel, but labels remain clean MCM sans. */
.artifact34-copy li,
.artifact34-copy p{
  letter-spacing:.01em !important;
}

.artifact34-copy h2{
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

/* Seasonal category labels remain clean and restrained rather than another
   competing display font. */
.season-category-v18 > h2{
  font-family:var(--fb-body) !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

/* Preserve proper Chinese type rather than forcing the Latin system onto it. */
.season-card-chinese-v18,
.artifact34-stencil,
.artifact34-stencil span{
  font-family:"Songti SC","STSong","SimSun","Noto Serif CJK TC",serif !important;
}

/* =========================================================
   DESKTOP HOMEPAGE — REMOVE THE BACKGROUND SHADOW / HALO
   Keep the approved artwork itself unchanged.
   ========================================================= */

body.exact-home{
  background:#031315 !important;
  background-image:none !important;
}

body.exact-home #app,
body.exact-home .exact-home-stage,
body.exact-home .exact-home-art{
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none;
}

body.exact-home .exact-home-stage{
  background:#031315 !important;
}

/* No vignette, halo, or pseudo-element shadow around the desktop art. */
body.exact-home .exact-home-stage::before,
body.exact-home .exact-home-stage::after,
body.exact-home .exact-home-art::before,
body.exact-home .exact-home-art::after{
  content:none !important;
  display:none !important;
}

/* Re-apply the purposeful mobile backdrop at phone size. */
@media(max-width:620px){
  body.exact-home .exact-home-stage{
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }
}


/* =========================================================
   V102 — DESKTOP HOMEPAGE TITLE MATCH
   Match the phone homepage identity:
   pineapple → WELCOME TO → FANCY BOOZES
   ========================================================= */

.desktop-home-brand-v102{
  position:absolute;
  z-index:6;
  left:20.0%;
  top:20.0%;
  width:43.5%;
  height:16.0%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(4,20,20,0) 0%,
      rgba(4,20,20,.94) 12%,
      rgba(4,20,20,.995) 23%,
      rgba(4,20,20,.995) 77%,
      rgba(4,20,20,.94) 88%,
      rgba(4,20,20,0) 100%
    );
  box-shadow:none !important;
  filter:none !important;
}

.desktop-home-brand-v102 span{
  margin-bottom:.38em;
  color:#4d978d;
  font-family:var(--fb-body) !important;
  font-size:clamp(.62rem,1.05vw,1.05rem);
  font-weight:500;
  letter-spacing:.24em;
  line-height:1;
  text-transform:uppercase;
}

.desktop-home-brand-v102 strong{
  color:#b47a35;
  font-family:var(--fb-deco) !important;
  font-size:clamp(3.1rem,6.1vw,6.3rem);
  font-weight:200 !important;
  letter-spacing:.13em;
  line-height:.88;
  text-transform:uppercase;
  transform:scaleX(.76) scaleY(1.08);
  transform-origin:center center;
  white-space:nowrap;
  text-shadow:
    1px 1px 0 rgba(36,23,12,.18),
    0 -0.4px 0 rgba(195,139,66,.07);
}

@media(max-width:620px){
  .desktop-home-brand-v102{
    display:none !important;
  }
}


/* =========================================================
   V103 — DESKTOP HOMEPAGE TITLE: FANCY BOOZES ONLY
   ========================================================= */

.desktop-home-brand-v102{
  justify-content:center !important;
}

.desktop-home-brand-v102 span{
  display:none !important;
}

.desktop-home-brand-v102 strong{
  margin:0 !important;
}


/* =========================================================
   V104 — CLEAN DESKTOP HOME TITLE
   Remove the ghosted SUMMER 2026 completely and give
   FANCY BOOZES a little more weight.
   ========================================================= */

/* Fully opaque patch over the original baked title.
   No transparency = no old lettering bleeding through. */
.desktop-home-brand-v102{
  left:18.8% !important;
  top:20.3% !important;
  width:46.5% !important;
  height:16.8% !important;

  background:#061a1a !important;
  background-image:none !important;

  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Slightly weightier while keeping the tall New York Deco proportions. */
.desktop-home-brand-v102 strong{
  font-weight:400 !important;
  letter-spacing:.105em !important;
  color:#b77a34 !important;
  opacity:1 !important;

  text-shadow:
    1px 1px 0 rgba(32,20,10,.18),
    0 -0.35px 0 rgba(202,145,67,.08) !important;
}

/* Make absolutely sure nothing translucent is reintroduced. */
body.exact-home .desktop-home-brand-v102::before,
body.exact-home .desktop-home-brand-v102::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   V105 — BLENDED HOMEPAGE TITLE + LIGHTER NY DECO
   ========================================================= */

/* Remove V104's hard-edged rectangle. */
.desktop-home-brand-v102{
  left:18.0% !important;
  top:20.0% !important;
  width:48.5% !important;
  height:17.0% !important;
  background:transparent !important;
  background-image:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* Feathered opaque patch:
   fully hides the old baked title in the centre, then dissolves
   into the photograph well outside the lettering. */
.desktop-home-brand-v102::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  inset:-12% -5% !important;
  background:#061a1a !important;
  opacity:1 !important;
  pointer-events:none !important;

  -webkit-mask-image:
    radial-gradient(
      ellipse 76% 72% at 50% 50%,
      #000 0%,
      #000 68%,
      rgba(0,0,0,.96) 78%,
      rgba(0,0,0,.66) 88%,
      transparent 100%
    ) !important;
  mask-image:
    radial-gradient(
      ellipse 76% 72% at 50% 50%,
      #000 0%,
      #000 68%,
      rgba(0,0,0,.96) 78%,
      rgba(0,0,0,.66) 88%,
      transparent 100%
    ) !important;
}

.desktop-home-brand-v102::after{
  content:none !important;
  display:none !important;
}

/* Back toward the thinner architectural Deco look:
   more presence than V103, much less weight than V104. */
.desktop-home-brand-v102 strong{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  font-size:clamp(3.05rem,5.9vw,6.05rem) !important;
  letter-spacing:.135em !important;
  line-height:.90 !important;
  color:#b57a35 !important;
  text-transform:uppercase !important;
  transform:scaleX(.72) scaleY(1.09) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(34,22,11,.15),
    0 -0.35px 0 rgba(196,140,66,.06) !important;
}


/* =========================================================
   V106 — SITE-WIDE NEW YORK DECO DISPLAY SYSTEM
   The V105 homepage title becomes the shared display voice.

   TYPE HIERARCHY
   1) NY Deco condensed: major titles + cocktail names
   2) Avenir Next: navigation, labels, UI, stats
   3) Baskerville/Iowan: descriptions, ingredients, methods
   ========================================================= */

:root{
  --fb-deco:"Avenir Next Condensed","Helvetica Neue Condensed",
            "Arial Narrow","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --fb-body:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fb-serif:"Baskerville","Iowan Old Style","Palatino Linotype",
             Palatino,Georgia,serif;

  --fb-display-weight:300;
  --fb-display-gold:#b57a35;
  --fb-display-shadow:1px 1px 0 rgba(34,22,11,.15),
                      0 -.35px 0 rgba(196,140,66,.06);
}

/* ---------- PRIMARY DISPLAY TITLES ---------- */
.desktop-home-brand-v102 strong,
.current-season-v18 .season-heading-v18 h1,
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1,
.archive-menu-title-row-v94 h1,
.artifact34 > header.artifact34-header h1,
.mobile-home-v100 h1{
  font-family:var(--fb-deco) !important;
  font-weight:var(--fb-display-weight) !important;
  font-stretch:condensed !important;
  color:var(--fb-display-gold) !important;
  -webkit-text-fill-color:var(--fb-display-gold) !important;
  text-transform:uppercase !important;
  letter-spacing:.135em !important;
  text-shadow:var(--fb-display-shadow) !important;
}

/* Exact V105 tall/narrow proportions for the big page titles. */
.current-season-v18 .season-heading-v18 h1,
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1,
.archive-menu-title-row-v94 h1{
  transform:scaleX(.72) scaleY(1.09) !important;
  transform-origin:center center !important;
}

.current-season-v18 .season-heading-v18 h1{
  width:auto !important;
  margin:0 !important;
  font-size:clamp(3.2rem,6.2vw,5.55rem) !important;
  line-height:.90 !important;
  white-space:nowrap !important;
}

.archive-page-v32 .archive-title-row-v64 h1{
  font-size:clamp(3.55rem,6.4vw,5.65rem) !important;
  line-height:.88 !important;
}

.archive-family-title-row-v81 h1{
  font-size:clamp(3.25rem,6.6vw,5.25rem) !important;
  line-height:.89 !important;
}

.archive-menu-title-row-v94 h1{
  font-size:clamp(3rem,5.7vw,5.05rem) !important;
  line-height:.90 !important;
}

/* Recipe title keeps its physical-card wear but uses the same Deco skeleton. */
.artifact34 > header.artifact34-header h1{
  font-size:clamp(2.55rem,4.5vw,4.15rem) !important;
  line-height:.95 !important;
  letter-spacing:.115em !important;
  transform:scaleX(.75) scaleY(1.07) !important;
  transform-origin:center center !important;
  width:130% !important;
  margin-left:-15% !important;
  margin-right:-15% !important;
}

/* ---------- CURRENT MENU: MATCHED HEADER DECOR ---------- */
.deco-season-title-row-v106{
  width:min(980px,94%) !important;
  margin:10px auto 0 !important;
  display:grid !important;
  grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) !important;
  align-items:center !important;
  gap:32px !important;
}

.deco-season-title-row-v106 h1{
  grid-column:2 !important;
  justify-self:center !important;
}

.deco-season-wing-v106{
  position:relative !important;
  height:18px !important;
  min-width:140px !important;
  background:none !important;
  transform:none !important;
  border:0 !important;
}

.deco-season-wing-v106::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  height:1px !important;
  width:100% !important;
  transform:translateY(-50%) !important;
  background:rgba(161,109,43,.78) !important;
}

.deco-season-wing-v106::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:8px !important;
  height:8px !important;
  background:#2b9b95 !important;
  transform:translateY(-50%) rotate(45deg) !important;
  box-shadow:0 0 0 1px rgba(6,18,18,.72) !important;
}

.deco-season-wing-v106.left::after{
  right:0 !important;
}

.deco-season-wing-v106.right::after{
  left:0 !important;
}

.deco-season-wing-v106.left::before{
  right:0 !important;
  background:linear-gradient(90deg, rgba(161,109,43,0) 0%, rgba(161,109,43,.78) 24%, rgba(161,109,43,.78) 100%) !important;
}

.deco-season-wing-v106.right::before{
  left:0 !important;
  background:linear-gradient(90deg, rgba(161,109,43,.78) 0%, rgba(161,109,43,.78) 76%, rgba(161,109,43,0) 100%) !important;
}

.deco-season-wing-v106.left span,
.deco-season-wing-v106.right span{
  display:none !important;
}


/* The lower rule becomes subtler now that the title has architectural wings. */
.current-season-v18 .season-rule-v18{
  width:150px !important;
  margin:16px auto 0 !important;
  opacity:.58 !important;
}

/* ---------- COCKTAIL CARD TITLES ---------- */
.current-season-v18 .season-card-copy-v18 h3,
.archive-season-page-v18 .season-card-copy-v18 h3{
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  font-size:clamp(1.42rem,2.1vw,1.78rem) !important;
  line-height:1.02 !important;
  letter-spacing:.085em !important;
  color:#ae7432 !important;
  -webkit-text-fill-color:#ae7432 !important;
  text-transform:uppercase !important;
  transform:scaleX(.83) scaleY(1.04) !important;
  transform-origin:center center !important;
  width:118% !important;
  margin-left:-9% !important;
  margin-right:-9% !important;
  text-shadow:1px 1px 0 rgba(33,21,11,.14) !important;
}

/* ---------- UI / SUPPORTING TYPE: MCM SANS ---------- */
body > header .brand span,
body > header nav,
body > header nav a,
.eyebrow,
.season-card-kicker-v18,
.season-category-v18 > h2,
.archive-stat-v63,
.archive-stat-v63 span,
.archive-stat-v63 small,
.archive-era-v65,
.archive-family-kicker-v81,
.archive-family-subtitle-v81,
.archive-family-back-v81,
.archive-family-row-v81,
.archive-family-year-v81,
.archive-family-price-v82,
.archive-return-v18 .btn,
.treasure-back,
.artifact34-copy h2,
.recipe-footer-v36,
.home-dynamic-archive,
.home-dynamic-archive-title,
.home-dynamic-archive-list,
.home-dynamic-archive-button,
.mobile-home-eyebrow-v100,
.mobile-home-current-v100 small,
.mobile-home-current-v100 > span,
.mobile-home-archive-title-v100,
.mobile-home-archive-v100 a{
  font-family:var(--fb-body) !important;
}

body > header .brand span{
  font-weight:400 !important;
  letter-spacing:.14em !important;
}

/* Stats should read like collection metadata, not competing display titles. */
.archive-stat-v63 span{
  font-weight:400 !important;
  letter-spacing:.035em !important;
}

.artifact34-copy h2{
  font-weight:500 !important;
  letter-spacing:.17em !important;
  color:#438f86 !important;
  -webkit-text-fill-color:#438f86 !important;
  transform:none !important;
}

/* Random section gets a restrained display title, but its copy/buttons stay UI. */
.season-random-v18 h2{
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  letter-spacing:.10em !important;
  color:#a97032 !important;
  transform:scaleX(.83) scaleY(1.04) !important;
}

/* ---------- EDITORIAL / RECIPE COPY: CLASSIC SERIF ---------- */
.current-season-v18 .season-heading-v18 p,
.current-season-v18 .season-card-copy-v18 p,
.archive-season-page-v18 .season-card-copy-v18 p,
.artifact34-copy li,
.artifact34-copy p,
.recipe-source-note,
.recipe-provenance,
.empty,
.archive-empty-v73,
.season-random-v18 p{
  font-family:var(--fb-serif) !important;
}

.artifact34-copy li,
.artifact34-copy p{
  letter-spacing:.005em !important;
  line-height:1.62 !important;
}

/* ---------- ARCHIVE MAIN: FINER PERIOD DETAILING ---------- */
.archive-page-v32 .archive-title-row-v64{
  gap:16px !important;
}

.archive-page-v32 .archive-wing-v64{
  opacity:.74 !important;
}

.archive-page-v32 .archive-hero-v32{
  box-shadow:inset 0 0 0 1px rgba(183,121,47,.055) !important;
}

.archive-family-title-row-v81 span,
.archive-family-title-row-v81 i{
  opacity:.72 !important;
}

/* ---------- RECIPE CARD: KEEP WEAR, REFINE THE HEADER ---------- */
.artifact34-header{
  align-items:center !important;
}

.artifact34-rule{
  opacity:.72 !important;
}

.artifact34-pineapple{
  flex:0 0 auto !important;
}

/* ---------- MOBILE: SAME FAMILY, SLIGHTLY LESS EXTREME ---------- */
@media(max-width:620px){
  .deco-season-title-row-v106{
    width:100% !important;
    grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr) !important;
    gap:9px !important;
  }

  .deco-season-wing-v106{
    min-width:42px !important;
    height:22px !important;
  }

  .current-season-v18 .season-heading-v18 h1,
  .archive-menu-title-row-v94 h1,
  .archive-family-title-row-v81 h1{
    letter-spacing:.09em !important;
    transform:scaleX(.80) scaleY(1.05) !important;
  }

  .current-season-v18 .season-card-copy-v18 h3,
  .archive-season-page-v18 .season-card-copy-v18 h3{
    transform:scaleX(.88) scaleY(1.02) !important;
    width:110% !important;
    margin-left:-5% !important;
    margin-right:-5% !important;
  }

  .artifact34 > header.artifact34-header h1{
    width:116% !important;
    margin-left:-8% !important;
    margin-right:-8% !important;
    transform:scaleX(.82) scaleY(1.04) !important;
    letter-spacing:.08em !important;
  }
}


/* =========================================================
   V108 — HOMEPAGE MATCHES THE APPROVED MOCKUP
   The desktop homepage uses the approved mockup artwork itself,
   cropped to remove Safari chrome, with invisible live hotspots.
   This prevents layout drift and eliminates overlapping titles.
   ========================================================= */

.mockup-home-v108{
  background:#041314;
  min-height:calc(100vh - 66px);
}

.mockup-home-desktop-v108{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  background:#041314;
}

.mockup-home-desktop-v108 > img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
}

.mockup-hotspot-v108{
  position:absolute;
  z-index:8;
  display:block;
  background:transparent;
  border:0;
  text-decoration:none;
}

/* Top navigation baked into the approved artwork. */
.mockup-hotspot-v108.nav-home{
  left:60.8%;
  top:0%;
  width:9.2%;
  height:9.0%;
}
.mockup-hotspot-v108.nav-current{
  left:71.5%;
  top:0%;
  width:12.5%;
  height:9.0%;
}
.mockup-hotspot-v108.nav-archive{
  left:84.5%;
  top:0%;
  width:13.5%;
  height:9.0%;
}

/* Current menu button. */
.mockup-hotspot-v108.browse-current{
  left:36.5%;
  top:52.0%;
  width:27.2%;
  height:7.4%;
}

/* Four visible archived menu rows. */
.mockup-hotspot-v108.archive-row{
  left:8.1%;
  width:22.2%;
  height:4.4%;
}
.mockup-hotspot-v108.archive-row-1{top:77.0%;}
.mockup-hotspot-v108.archive-row-2{top:81.35%;}
.mockup-hotspot-v108.archive-row-3{top:85.72%;}
.mockup-hotspot-v108.archive-row-4{top:90.10%;}

/* Small, nearly invisible keyboard focus treatment. */
.mockup-hotspot-v108:focus-visible{
  outline:1px solid rgba(75,151,141,.90) !important;
  outline-offset:-3px !important;
}

/* On the desktop homepage the mockup already contains the site header,
   so hide the normal live header only here. */
@media(min-width:621px){
  body.exact-home > header{
    display:none !important;
  }

  body.exact-home #app{
    margin:0 !important;
    padding:0 !important;
  }

  body.exact-home{
    background:#041314 !important;
    background-image:none !important;
  }

  body.exact-home .mobile-home-v100{
    display:none !important;
  }
}

/* Phone stays live/responsive and does NOT use the desktop screenshot. */
@media(max-width:620px){
  .mockup-home-desktop-v108{
    display:none !important;
  }

  .mockup-home-v108{
    min-height:calc(100vh - 58px);
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  .mockup-home-v108 .mobile-home-v100{
    display:flex !important;
  }
}


/* =========================================================
   V109 — SEASON PAGE CLEANUP
   ========================================================= */

/* Chinese characters belong only on the individual recipe/menu artifact card,
   not on the page that lists every cocktail in a season. */
.season-card-chinese-v18{
  display:none !important;
}


/* V110 — small-screen matching header decor */
@media (max-width: 820px){
  .deco-season-title-row-v106{
    width:min(96%,760px) !important;
    grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr) !important;
    gap:16px !important;
  }

  .deco-season-wing-v106{
    min-width:72px !important;
  }
}


/* =========================================================
   V111 — CURRENT SEASON / COCKTAILS PAGE FINAL POLISH
   ========================================================= */

/* IMPORTANT:
   The page masthead is also a <header>, so neutralize the site's
   navigation-header grid here just as we did for archived menus. */
.current-season-v18 .season-heading-v18{
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  grid-auto-flow:initial !important;
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  min-height:0 !important;
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:54px 28px 34px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  backdrop-filter:none !important;
  border:0 !important;
}

/* Small centred menu label. */
.current-season-v18 .season-heading-v18 .eyebrow{
  display:block !important;
  width:100% !important;
  margin:0 0 14px !important;
  text-align:center !important;
  color:#438f86 !important;
  font-family:var(--fb-body) !important;
  font-size:.61rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}

/* Symmetrical Deco lockup: ornament — SUMMER 2026 — ornament. */
.current-season-v18 .deco-season-title-row-v106{
  width:min(980px,94%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  align-items:center !important;
  gap:30px !important;
}

.current-season-v18 .deco-season-title-row-v106 h1{
  grid-column:2 !important;
  justify-self:center !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;

  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  font-size:clamp(3.4rem,5.7vw,5.35rem) !important;
  line-height:.90 !important;
  letter-spacing:.115em !important;
  color:#ae7432 !important;
  -webkit-text-fill-color:#ae7432 !important;
  text-transform:uppercase !important;

  transform:scaleX(.75) scaleY(1.08) !important;
  transform-origin:center center !important;
  text-shadow:
    1px 1px 0 rgba(32,21,11,.14),
    0 -0.35px 0 rgba(194,138,65,.06) !important;
}

/* Fine architectural wings, matching on both sides. */
.current-season-v18 .deco-season-wing-v106{
  position:relative !important;
  width:100% !important;
  min-width:150px !important;
  height:24px !important;
  background:none !important;
  border:0 !important;
  transform:none !important;
}

.current-season-v18 .deco-season-wing-v106::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:100% !important;
  height:1px !important;
  transform:translateY(-50%) !important;
}

.current-season-v18 .deco-season-wing-v106.left::before{
  left:0 !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(166,108,42,.38) 12%,
    rgba(166,108,42,.80) 72%,
    rgba(166,108,42,.80) 100%
  ) !important;
}

.current-season-v18 .deco-season-wing-v106.right::before{
  right:0 !important;
  background:linear-gradient(
    90deg,
    rgba(166,108,42,.80) 0%,
    rgba(166,108,42,.80) 28%,
    rgba(166,108,42,.38) 88%,
    transparent 100%
  ) !important;
}

.current-season-v18 .deco-season-wing-v106::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  background:#438f86 !important;
  box-shadow:0 0 0 1px rgba(3,15,16,.92) !important;
}

.current-season-v18 .deco-season-wing-v106.left::after{
  right:0 !important;
  transform:translate(50%,-50%) rotate(45deg) !important;
}

.current-season-v18 .deco-season-wing-v106.right::after{
  left:0 !important;
  transform:translate(-50%,-50%) rotate(45deg) !important;
}

/* One quiet closing rule under the title lockup. */
.current-season-v18 .season-rule-v18{
  width:190px !important;
  margin:20px auto 0 !important;
  display:grid !important;
  grid-template-columns:1fr 7px 1fr !important;
  gap:8px !important;
  align-items:center !important;
  opacity:.58 !important;
}

.current-season-v18 .season-rule-v18 span{
  height:1px !important;
  background:rgba(143,97,41,.76) !important;
}

.current-season-v18 .season-rule-v18 i{
  width:6px !important;
  height:6px !important;
  background:#438f86 !important;
  transform:rotate(45deg) !important;
}

/* Better vertical rhythm from masthead to the menu itself. */
.current-season-v18 .season-content-v18{
  max-width:1160px !important;
  margin:0 auto !important;
  padding:28px 28px 88px !important;
}

/* Category is support copy, not another competing display heading. */
.current-season-v18 .season-category-v18{
  margin-top:0 !important;
}

.current-season-v18 .season-category-v18 > h2{
  width:max-content !important;
  max-width:90% !important;
  margin:0 auto 22px !important;
  padding:0 26px 10px !important;
  position:relative !important;
  color:#4f968d !important;
  font-family:var(--fb-body) !important;
  font-size:.65rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(67,143,134,.20) !important;
}

/* With two drinks, make the menu feel composed rather than sparse. */
.current-season-v18 .season-card-grid-v18.two-cards-v18{
  width:min(930px,100%) !important;
  max-width:930px !important;
  margin:0 auto !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:30px !important;
}

/* Finer Deco menu-card framing. */
.current-season-v18 .season-card-v18{
  border:1px solid rgba(171,111,42,.75) !important;
  border-radius:5px !important;
  background:
    linear-gradient(180deg,rgba(11,18,17,.985),rgba(7,12,12,.995)) !important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(185,123,49,.045) !important;
}

.current-season-v18 .season-card-v18::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:5 !important;
  inset:5px !important;
  pointer-events:none !important;
  border:1px solid rgba(174,114,44,.20) !important;
  border-radius:2px !important;
  background:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

.current-season-v18 .season-card-v18::after{
  content:none !important;
  display:none !important;
}

/* Keep the photography clean and give it a precise inset frame. */
.current-season-v18 .season-card-photo-v18{
  margin:10px 10px 0 !important;
  padding:0 !important;
  aspect-ratio:1.30/1 !important;
  border:1px solid rgba(126,80,31,.58) !important;
  border-radius:2px 2px 0 0 !important;
  background:#040a0a !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.current-season-v18 .season-card-photo-v18 img,
.current-season-v18 .season-card-grid-v18.two-cards-v18 .season-card-photo-v18 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
  filter:none !important;
}

.current-season-v18 .season-card-photo-v18::after{
  box-shadow:inset 0 0 20px rgba(0,0,0,.14) !important;
}

/* Card text hierarchy. */
.current-season-v18 .season-card-copy-v18{
  padding:20px 24px 25px !important;
}

.current-season-v18 .season-card-kicker-v18{
  color:#4c958c !important;
  font-family:var(--fb-body) !important;
  font-size:.57rem !important;
  font-weight:500 !important;
  letter-spacing:.19em !important;
  text-transform:uppercase !important;
}

.current-season-v18 .season-card-copy-v18 h3{
  width:112% !important;
  margin:9px -6% 0 !important;
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  font-size:clamp(1.7rem,2.5vw,2.15rem) !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  color:#ad7331 !important;
  -webkit-text-fill-color:#ad7331 !important;
  text-transform:uppercase !important;
  transform:scaleX(.82) scaleY(1.04) !important;
  transform-origin:center !important;
  text-shadow:1px 1px 0 rgba(31,20,10,.13) !important;
}

.current-season-v18 .season-card-divider-v18{
  width:108px !important;
  margin:14px auto 0 !important;
  grid-template-columns:1fr 6px 1fr !important;
  gap:7px !important;
  opacity:.72 !important;
}

.current-season-v18 .season-card-divider-v18 span{
  height:1px !important;
  background:rgba(150,98,38,.72) !important;
}

.current-season-v18 .season-card-divider-v18 i{
  width:5px !important;
  height:5px !important;
  background:#438f86 !important;
}

.current-season-v18 .season-card-copy-v18 p{
  max-width:340px !important;
  margin:14px auto 0 !important;
  color:#8f8370 !important;
  font-family:var(--fb-serif) !important;
  font-size:.82rem !important;
  font-style:normal !important;
  line-height:1.55 !important;
  text-align:center !important;
}

/* Keep the approved printer's-mark pineapple, but smaller/quieter. */
.current-season-v18 .season-card-copy-v18::after{
  width:15px !important;
  height:22px !important;
  margin-top:15px !important;
  opacity:.34 !important;
}

/* Subtle interaction only. */
.current-season-v18 .season-card-v18:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(190,127,49,.88) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.37),
    inset 0 0 0 1px rgba(185,123,49,.05) !important;
}

/* Random choice becomes a slim footer feature rather than a second hero. */
.current-season-v18 .season-random-v18{
  width:min(460px,92%) !important;
  max-width:460px !important;
  margin:68px auto 0 !important;
  padding:25px 28px 0 !important;
  position:relative !important;
  border-top:1px solid rgba(145,94,36,.43) !important;
  text-align:center !important;
}

.current-season-v18 .season-random-v18::before{
  content:"◆" !important;
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  padding:0 9px !important;
  background:#061315 !important;
  color:#438f86 !important;
  font-size:.60rem !important;
  transform:translateX(-50%) !important;
}

.current-season-v18 .season-random-v18 .eyebrow{
  color:#4b938a !important;
  font-size:.57rem !important;
  letter-spacing:.19em !important;
}

.current-season-v18 .season-random-v18 h2{
  margin:7px 0 4px !important;
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  font-size:1.56rem !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  color:#a96f30 !important;
  transform:scaleX(.84) scaleY(1.03) !important;
}

.current-season-v18 .season-random-v18 p{
  margin:9px 0 17px !important;
  color:#766d5e !important;
  font-family:var(--fb-serif) !important;
  font-size:.78rem !important;
  font-style:normal !important;
}

.current-season-v18 .season-random-v18 .btn{
  min-height:40px !important;
  min-width:180px !important;
  padding:0 20px !important;
  border:1px solid rgba(61,128,120,.52) !important;
  border-radius:0 !important;
  background:rgba(7,27,27,.30) !important;
  color:#68a39b !important;
  font-family:var(--fb-body) !important;
  font-size:.61rem !important;
  font-weight:500 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

/* Tablet. */
@media(max-width:900px){
  .current-season-v18 .season-heading-v18{
    padding:44px 20px 30px !important;
  }

  .current-season-v18 .deco-season-title-row-v106{
    width:96% !important;
    grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) !important;
    gap:18px !important;
  }

  .current-season-v18 .deco-season-wing-v106{
    min-width:90px !important;
  }

  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    gap:22px !important;
  }
}

/* Phone. */
@media(max-width:620px){
  .current-season-v18 .season-heading-v18{
    padding:34px 14px 25px !important;
  }

  .current-season-v18 .season-heading-v18 .eyebrow{
    margin-bottom:12px !important;
  }

  .current-season-v18 .deco-season-title-row-v106{
    width:100% !important;
    grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr) !important;
    gap:8px !important;
  }

  .current-season-v18 .deco-season-wing-v106{
    min-width:40px !important;
  }

  .current-season-v18 .deco-season-title-row-v106 h1{
    font-size:clamp(2.25rem,11.5vw,3.25rem) !important;
    letter-spacing:.075em !important;
    transform:scaleX(.82) scaleY(1.04) !important;
  }

  .current-season-v18 .season-content-v18{
    padding:24px 12px 64px !important;
  }

  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    grid-template-columns:1fr !important;
    max-width:390px !important;
    gap:22px !important;
  }

  .current-season-v18 .season-card-photo-v18{
    aspect-ratio:1.25/1 !important;
  }

  .current-season-v18 .season-card-copy-v18 h3{
    font-size:1.82rem !important;
    width:110% !important;
    margin-left:-5% !important;
    margin-right:-5% !important;
    transform:scaleX(.86) scaleY(1.02) !important;
  }
}


/* =========================================================
   V112 — DUPLICATE THE HOMEPAGE BRAND ON ALL OTHER PAGES
   + mute the large homepage FANCY BOOZES title slightly.
   ========================================================= */

/* HOME: the approved homepage is a single mockup image.
   This very soft, wide overlay only lowers the brightness of the big
   central FANCY BOOZES lettering; it is intentionally feathered so it
   does not read as a rectangular patch. */
@media(min-width:621px){
  .mockup-home-desktop-v108::after{
    content:"" !important;
    position:absolute !important;
    z-index:4 !important;
    pointer-events:none !important;

    /* Broad enough to cover the large central title only. */
    left:21% !important;
    top:20% !important;
    width:58% !important;
    height:23% !important;

    background:rgba(2,14,15,.16) !important;

    -webkit-mask-image:
      radial-gradient(
        ellipse 74% 72% at 50% 50%,
        #000 0%,
        #000 48%,
        rgba(0,0,0,.85) 68%,
        rgba(0,0,0,.38) 84%,
        transparent 100%
      ) !important;

    mask-image:
      radial-gradient(
        ellipse 74% 72% at 50% 50%,
        #000 0%,
        #000 48%,
        rgba(0,0,0,.85) 68%,
        rgba(0,0,0,.38) 84%,
        transparent 100%
      ) !important;
  }
}

/* OTHER PAGES:
   Duplicate the homepage's top-left pineapple + FANCY BOOZES wordmark,
   rather than using a different interpretation. */
@media(min-width:621px){

  body:not(.exact-home) > header{
    min-height:72px !important;
    padding:0 30px !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    background:#041314 !important;
    border-bottom:1px solid rgba(177,119,45,.50) !important;
  }

  body:not(.exact-home) > header .brand{
    justify-self:start !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    text-decoration:none !important;
  }

  body:not(.exact-home) > header .brand img{
    width:34px !important;
    height:52px !important;
    object-fit:contain !important;
    opacity:.96 !important;
    filter:none !important;
    flex:0 0 auto !important;
  }

  body:not(.exact-home) > header .brand span{
    display:block !important;
    width:auto !important;
    margin:0 !important;

    font-family:var(--fb-deco) !important;
    font-size:1.47rem !important;
    font-weight:300 !important;
    font-stretch:condensed !important;
    line-height:.92 !important;
    letter-spacing:.095em !important;
    text-transform:uppercase !important;

    color:#b77d3b !important;
    -webkit-text-fill-color:#b77d3b !important;

    transform:scaleX(.78) scaleY(1.04) !important;
    transform-origin:left center !important;

    text-shadow:
      1px 1px 0 rgba(29,19,10,.11),
      0 -0.25px 0 rgba(198,144,72,.05) !important;
  }
}

/* Tablet: same duplicated identity, just scaled down. */
@media(max-width:900px) and (min-width:621px){
  body:not(.exact-home) > header{
    min-height:64px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body:not(.exact-home) > header .brand{
    gap:9px !important;
  }

  body:not(.exact-home) > header .brand img{
    width:29px !important;
    height:44px !important;
  }

  body:not(.exact-home) > header .brand span{
    font-size:1.15rem !important;
    letter-spacing:.08em !important;
    transform:scaleX(.80) scaleY(1.03) !important;
  }
}


/* =========================================================
   V113 — EXACT HOMEPAGE BRAND ON EVERY OTHER PAGE
   No re-created font or pineapple. This is the actual lockup
   cropped from the approved homepage artwork.
   ========================================================= */

body:not(.exact-home) > header .brand.brand-exact-v113{
  display:block !important;
  justify-self:start !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  line-height:0 !important;
  transform:none !important;
}

body:not(.exact-home) > header .brand.brand-exact-v113 img{
  display:block !important;
  width:clamp(300px,23.83vw,372px) !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  margin:0 !important;
}

/* Match the home header's scale/air around the brand as closely as possible. */
@media(min-width:901px){
  body:not(.exact-home) > header{
    min-height:clamp(82px,6.08vw,95px) !important;
    height:clamp(82px,6.08vw,95px) !important;
    padding:0 clamp(28px,3.1vw,48px) !important;
    background:#010a0d !important;
    border-bottom:1px solid rgba(190,132,49,.76) !important;
  }
}



/* Tablet keeps the same exact artwork, simply scaled down. */
@media(max-width:900px) and (min-width:621px){
  body:not(.exact-home) > header{
    min-height:70px !important;
    height:70px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113 img{
    width:250px !important;
  }
}

/* Phone also uses the same mark instead of a different reconstruction. */
@media(max-width:620px){
  body > header .brand.brand-exact-v113{
    display:block !important;
    line-height:0 !important;
  }

  body > header .brand.brand-exact-v113 img{
    display:block !important;
    width:178px !important;
    height:auto !important;
    max-width:none !important;
    filter:none !important;
    transform:none !important;
  }
}


/* =========================================================
   V114 — STEP 2: RECIPE PAGE POLISH
   + remove the redundant top-left brand from the desktop home page
   ========================================================= */

/* ---------------------------------------------------------
   HOME PAGE
   The approved homepage artwork already contains the large central
   FANCY BOOZES identity, so the smaller duplicate in the upper-left
   is covered with the exact flat header tone.
   --------------------------------------------------------- */
@media(min-width:621px){
  .mockup-home-desktop-v108::before{
    content:"" !important;
    position:absolute !important;
    z-index:6 !important;
    pointer-events:none !important;
    left:0 !important;
    top:0 !important;
    width:31% !important;
    height:9.1% !important;
    background:#010a0d !important;
  }

  /* V112/V113 title muting remains intact underneath. */
  .mockup-home-desktop-v108::after{
    z-index:4 !important;
  }
}

/* ---------------------------------------------------------
   RECIPE PAGE SHELL
   --------------------------------------------------------- */
.treasure-recipe-page{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:34px 28px 76px !important;
}

.treasure-back{
  margin:0 0 18px 8px !important;
  color:#55978f !important;
  font-family:var(--fb-body) !important;
  font-size:.67rem !important;
  font-weight:500 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

/* ---------------------------------------------------------
   RECIPE CARD SURFACE
   Keep the tactile card, but make the edge wear quieter.
   --------------------------------------------------------- */
.artifact34{
  max-width:1060px !important;
  padding:38px 40px 27px !important;
  border-radius:18px !important;
  background:
    linear-gradient(rgba(4,15,15,.08),rgba(4,15,15,.08)),
    url("images/textures/approved-physical-card-v36.jpg") center/100% 100% no-repeat !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.48),
    inset 0 0 0 1px rgba(176,119,47,.10),
    inset 0 0 28px rgba(3,14,15,.22) !important;
}

/* This softens only the outer perimeter, hiding the harshest wear
   without making the card look freshly digital. */
.artifact34-wear{
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    radial-gradient(
      ellipse at center,
      transparent 0%,
      transparent 67%,
      rgba(4,15,15,.035) 79%,
      rgba(4,15,15,.13) 91%,
      rgba(4,15,15,.25) 100%
    ) !important;
  opacity:1 !important;
}

/* ---------------------------------------------------------
   RECIPE HEADER — same Deco family, lighter physical-card touch.
   --------------------------------------------------------- */
.artifact34 > header.artifact34-header{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) 38px !important;
  align-items:center !important;
  gap:14px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:4px 8px 7px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Put the small printer's mark to the left, leaving the title centred. */
.artifact34 > header.artifact34-header .artifact34-pineapple{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:center !important;
  width:22px !important;
  height:auto !important;
  margin:0 !important;
  opacity:.46 !important;
  filter:sepia(.22) saturate(.82) brightness(.83) !important;
}

.artifact34 > header.artifact34-header h1{
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:center !important;
  width:118% !important;
  margin:0 -9% !important;

  font-family:var(--fb-deco) !important;
  font-size:clamp(2.7rem,4.8vw,4.35rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:.92 !important;
  letter-spacing:.105em !important;
  text-align:center !important;
  text-transform:uppercase !important;

  color:#a96f31 !important;
  -webkit-text-fill-color:#a96f31 !important;

  transform:scaleX(.76) scaleY(1.06) !important;
  transform-origin:center !important;
  opacity:.88 !important;
  text-shadow:
    1px 1px 0 rgba(30,19,10,.16),
    0 -0.3px 0 rgba(196,140,66,.05) !important;
}

/* Reserve the right column to keep the title mathematically centered. */
.artifact34 > header.artifact34-header::before{
  content:"" !important;
  grid-column:3 !important;
  grid-row:1 !important;
  width:22px !important;
  height:1px !important;
  justify-self:center !important;
}

/* Natural title wear stays, but much lighter than before. */
.artifact34 > header.artifact34-header::after{
  opacity:.24 !important;
  mix-blend-mode:multiply !important;
}

/* Fine rulework closer to the homepage language. */
.artifact34-rule{
  width:min(570px,78%) !important;
  margin:12px auto 24px !important;
  grid-template-columns:1fr 7px 1fr !important;
  gap:9px !important;
  opacity:.68 !important;
}

.artifact34-rule span,
.artifact34-smallrule span{
  height:1px !important;
  background:rgba(139,91,36,.54) !important;
}

.artifact34-rule i,
.artifact34-smallrule i{
  width:6px !important;
  height:6px !important;
  background:#438f86 !important;
  opacity:.72 !important;
}

/* ---------------------------------------------------------
   RECIPE BODY
   --------------------------------------------------------- */
.artifact34-body{
  grid-template-columns:minmax(0,46%) minmax(0,54%) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.artifact34-photo{
  min-height:355px !important;
  border:1px solid rgba(125,79,34,.52) !important;
  border-radius:5px !important;
  box-shadow:
    0 0 0 3px rgba(32,23,15,.20),
    inset 0 0 20px rgba(0,0,0,.30) !important;
}

.artifact34-photo img{
  min-height:355px !important;
  max-height:420px !important;
  object-fit:contain !important;
  transform:scale(.975) !important;
  filter:saturate(.86) contrast(1.04) brightness(.88) sepia(.05) !important;
}

.artifact34-copy{
  padding:7px 6px 0 0 !important;
}

.artifact34-copy h2{
  margin:0 0 10px !important;
  color:#4c9188 !important;
  -webkit-text-fill-color:#4c9188 !important;
  font-family:var(--fb-body) !important;
  font-size:.72rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.artifact34-copy ul{
  margin:0 !important;
  padding-left:1.15rem !important;
}

.artifact34-copy li,
.artifact34-copy p{
  color:#aa783f !important;
  font-family:var(--fb-serif) !important;
  font-size:.96rem !important;
  line-height:1.60 !important;
  letter-spacing:.003em !important;
}

.artifact34-copy li{
  margin:.23rem 0 !important;
}

.artifact34-copy p{
  margin:.15rem 0 !important;
}

.artifact34-smallrule{
  width:72% !important;
  margin:22px 0 19px !important;
  grid-template-columns:1fr 6px 1fr !important;
  gap:8px !important;
  opacity:.58 !important;
}

/* ---------------------------------------------------------
   CHINESE STENCIL — stays here only, as requested.
   Slightly more elegant, still old printed ink.
   --------------------------------------------------------- */
.artifact34-stencil{
  margin:18px 7px 0 !important;
  padding:15px 18px 1px !important;
  border-top:1px solid rgba(121,76,33,.32) !important;
}

.artifact34-stencil span{
  font-size:clamp(2.75rem,4.7vw,4.05rem) !important;
  color:#95653d !important;
  opacity:.42 !important;
  letter-spacing:.055em !important;
  transform:rotate(-.35deg) !important;
  filter:contrast(.90) blur(.04px) !important;
}

/* Provenance/source note recedes into the card. */
.artifact34-source{
  margin-top:10px !important;
  color:#716451 !important;
  font-family:var(--fb-serif) !important;
  font-size:.66rem !important;
  line-height:1.5 !important;
}

/* Under-card footer: quieter, so the physical recipe card remains primary. */
.recipe-footer-v36{
  margin-top:20px !important;
  opacity:.58 !important;
}

.recipe-footer-v36 img{
  opacity:.52 !important;
}

/* ---------------------------------------------------------
   TABLET / PHONE
   --------------------------------------------------------- */
@media(max-width:760px){
  .treasure-recipe-page{
    padding:20px 10px 52px !important;
  }

  .artifact34{
    padding:25px 17px 20px !important;
    border-radius:12px !important;
  }

  .artifact34 > header.artifact34-header{
    grid-template-columns:26px minmax(0,1fr) 26px !important;
    gap:7px !important;
    padding:0 2px 4px !important;
  }

  .artifact34 > header.artifact34-header .artifact34-pineapple{
    width:17px !important;
  }

  .artifact34 > header.artifact34-header h1{
    width:112% !important;
    margin-left:-6% !important;
    margin-right:-6% !important;
    font-size:clamp(2.1rem,10vw,3.15rem) !important;
    letter-spacing:.075em !important;
    transform:scaleX(.83) scaleY(1.03) !important;
  }

  .artifact34-body{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .artifact34-photo{
    min-height:0 !important;
  }

  .artifact34-photo img{
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    transform:none !important;
  }

  .artifact34-copy{
    padding-right:0 !important;
  }

  .artifact34-smallrule{
    width:62% !important;
  }

  .artifact34-stencil span{
    font-size:clamp(2.15rem,10vw,3.25rem) !important;
  }
}


/* =========================================================
   V115 — HOME HEADER LINE FIX
   The V114 logo-cover was also covering part of the mockup's
   top and bottom header rules, which made those rules begin
   abruptly partway across the page. Keep the rules untouched.
   ========================================================= */

@media(min-width:621px){
  .mockup-home-desktop-v108::before{
    left:1px !important;
    top:1px !important;
    width:calc(31% - 1px) !important;
    height:8.2% !important;
    background:#020b0e !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V117 — ARCHIVE SEASON / YEAR PAGE POLISH
   Main Archive hub stays as approved.
   ========================================================= */

/* ---------------------------------------------------------
   SEASON FAMILY PAGE — dark upscale NYC ledger/menu
   --------------------------------------------------------- */
.archive-family-page-v81{
  width:min(900px,calc(100% - 42px)) !important;
  margin:0 auto !important;
  padding:42px 0 82px !important;
}

.archive-family-back-v81{
  margin:0 0 17px 7px !important;
  color:#57968e !important;
  font-family:var(--fb-body) !important;
  font-size:.63rem !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  opacity:.86 !important;
}

.archive-family-menu-v81{
  position:relative !important;
  padding:50px clamp(38px,7vw,78px) 42px !important;
  border:1px solid rgba(169,110,42,.55) !important;
  border-radius:4px !important;
  background:
    radial-gradient(ellipse at 50% -12%,rgba(171,112,44,.055),transparent 42%),
    linear-gradient(180deg,#071615,#051211) !important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.36),
    inset 0 0 0 5px #071415,
    inset 0 0 0 6px rgba(169,110,42,.13) !important;
}

.archive-family-menu-v81::before{
  inset:10px !important;
  border:1px solid rgba(177,118,46,.12) !important;
  border-radius:1px !important;
}

/* A very fine upper rule makes the page feel like a printed menu. */
.archive-family-menu-v81::after{
  content:"" !important;
  position:absolute !important;
  top:29px !important;
  left:50% !important;
  width:86px !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,transparent,rgba(167,108,42,.52),transparent) !important;
  pointer-events:none !important;
}

.archive-family-kicker-v81{
  color:#4f948c !important;
  font-family:var(--fb-body) !important;
  font-size:.59rem !important;
  font-weight:500 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}

/* Same refined Deco vocabulary used on current-season mastheads. */
.archive-family-title-row-v81{
  width:min(720px,100%) !important;
  margin:15px auto 0 !important;
  grid-template-columns:minmax(90px,1fr) 7px auto 7px minmax(90px,1fr) !important;
  gap:13px !important;
}

.archive-family-title-row-v81 span{
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(167,109,43,.70)) !important;
}

.archive-family-title-row-v81 span:last-child{
  background:linear-gradient(90deg,rgba(167,109,43,.70),transparent) !important;
}

.archive-family-title-row-v81 i{
  width:6px !important;
  height:6px !important;
  border:0 !important;
  background:#438f86 !important;
  opacity:.78 !important;
  transform:rotate(45deg) !important;
}

.archive-family-title-row-v81 h1{
  margin:0 !important;
  font-family:var(--fb-deco) !important;
  font-size:clamp(3.35rem,6.4vw,5.25rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:.88 !important;
  letter-spacing:.135em !important;
  color:#ad7332 !important;
  -webkit-text-fill-color:#ad7332 !important;
  text-transform:uppercase !important;
  transform:scaleX(.76) scaleY(1.07) !important;
  transform-origin:center !important;
  text-shadow:1px 1px 0 rgba(31,20,10,.13) !important;
}

.archive-family-subtitle-v81{
  margin-top:17px !important;
  color:#9a896c !important;
  font-family:var(--fb-serif) !important;
  font-size:.72rem !important;
  font-style:italic !important;
  letter-spacing:.045em !important;
  text-transform:none !important;
  opacity:.78 !important;
}

/* Restaurant-menu year + dotted leader + "price" count. */
.archive-family-list-v81{
  max-width:620px !important;
  margin:36px auto 0 !important;
}

.archive-family-row-v82{
  grid-template-columns:auto minmax(64px,1fr) 42px !important;
  gap:13px !important;
  min-height:68px !important;
  padding:0 5px !important;
  border-bottom:1px solid rgba(167,108,42,.12) !important;
}

.archive-family-year-v81{
  min-width:112px !important;
  text-align:left !important;
  color:#ad7538 !important;
  font-family:var(--fb-deco) !important;
  font-size:2rem !important;
  font-weight:300 !important;
  letter-spacing:.075em !important;
  line-height:1 !important;
  transform:scaleX(.84) scaleY(1.03) !important;
  transform-origin:left center !important;
}

.archive-family-dots-v82{
  height:.9em !important;
  margin-bottom:5px !important;
  border-bottom:1px dotted rgba(190,158,98,.32) !important;
}

.archive-family-price-v82{
  color:#b9a67f !important;
  font-family:var(--fb-body) !important;
  font-size:.77rem !important;
  font-weight:500 !important;
  letter-spacing:.13em !important;
  line-height:1 !important;
  text-align:right !important;
}

.archive-family-row-v82:hover .archive-family-year-v81{
  color:#c98b44 !important;
}

.archive-family-row-v82:hover .archive-family-price-v82{
  color:#66a49c !important;
}

.archive-family-footer-v81{
  grid-template-columns:92px 6px 92px !important;
  gap:10px !important;
  margin-top:34px !important;
}

.archive-family-footer-v81 span{
  background:rgba(164,105,41,.30) !important;
}

.archive-family-footer-v81 i{
  width:6px !important;
  height:6px !important;
  border:0 !important;
  background:#438f86 !important;
  opacity:.66 !important;
}


/* ---------------------------------------------------------
   ARCHIVED YEAR/MENU PAGE
   --------------------------------------------------------- */
.archive-season-page-v18{
  max-width:1180px !important;
  margin:0 auto !important;
  padding-top:0 !important;
}

.archive-menu-back-v117{
  display:inline-block !important;
  margin:30px 0 0 30px !important;
  color:#57968e !important;
  font-family:var(--fb-body) !important;
  font-size:.63rem !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  opacity:.84 !important;
}

.archive-menu-back-v117:hover{
  color:#72aaa3 !important;
}

.archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
  display:block !important;
  grid-template-columns:none !important;
  width:100% !important;
  max-width:1060px !important;
  margin:0 auto !important;
  padding:36px 24px 28px !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* Keep the Atomic-Age character already approved, but lighten it. */
.archive-menu-title-row-v94{
  grid-template-columns:132px auto 132px !important;
  gap:19px !important;
  width:max-content !important;
  max-width:96% !important;
  margin:0 auto !important;
}

.archive-menu-title-row-v94 h1{
  font-family:var(--fb-deco) !important;
  font-size:clamp(3.1rem,5.5vw,4.9rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:.89 !important;
  letter-spacing:.12em !important;
  color:#ad7332 !important;
  -webkit-text-fill-color:#ad7332 !important;
  transform:scaleX(.77) scaleY(1.06) !important;
  transform-origin:center !important;
  text-shadow:1px 1px 0 rgba(31,20,10,.12) !important;
}

.archive-atomic-wing-v94{
  width:132px !important;
  min-width:132px !important;
  height:30px !important;
  opacity:.70 !important;
}

.archive-atomic-wing-v94::before,
.archive-atomic-wing-v94::after{
  height:1px !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(167,109,43,.58) 34%,
    rgba(167,109,43,.58) 66%,
    transparent
  ) !important;
}

.archive-atomic-wing-v94 .orbit-v94{
  width:24px !important;
  height:10px !important;
  border-color:rgba(167,109,43,.48) !important;
}

.archive-atomic-wing-v94 .core-v94{
  width:5px !important;
  height:5px !important;
  background:#438f86 !important;
  box-shadow:none !important;
}

/* Archived cocktail lists should feel like a preserved menu,
   not a second "current" page. */
.archive-season-page-v18 .season-content-v18{
  max-width:1080px !important;
  padding:24px 28px 70px !important;
}

.archive-season-page-v18 .season-category-v18 > h2{
  width:max-content !important;
  margin:0 auto 20px !important;
  padding:0 22px 9px !important;
  color:#4d9189 !important;
  font-family:var(--fb-body) !important;
  font-size:.61rem !important;
  font-weight:500 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(67,143,134,.18) !important;
}

.archive-season-page-v18 .season-card-grid-v18{
  gap:26px !important;
}

.archive-season-page-v18 .season-card-v18{
  border:1px solid rgba(157,101,38,.58) !important;
  border-radius:4px !important;
  background:linear-gradient(180deg,rgba(10,17,16,.98),rgba(6,12,11,.99)) !important;
  box-shadow:
    0 13px 30px rgba(0,0,0,.29),
    inset 0 0 0 1px rgba(177,116,44,.04) !important;
}

.archive-season-page-v18 .season-card-v18::before{
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  z-index:5 !important;
  pointer-events:none !important;
  border:1px solid rgba(164,105,40,.16) !important;
  border-radius:1px !important;
  background:none !important;
  opacity:1 !important;
}

.archive-season-page-v18 .season-card-v18::after{
  content:none !important;
  display:none !important;
}

.archive-season-page-v18 .season-card-copy-v18 h3{
  font-size:clamp(1.55rem,2.2vw,1.95rem) !important;
  letter-spacing:.085em !important;
  color:#a96f30 !important;
  -webkit-text-fill-color:#a96f30 !important;
}

.archive-season-page-v18 .season-card-kicker-v18{
  color:#4e928a !important;
  font-family:var(--fb-body) !important;
  font-size:.55rem !important;
  letter-spacing:.18em !important;
}

.archive-season-page-v18 .season-card-copy-v18 p{
  color:#897c69 !important;
  font-family:var(--fb-serif) !important;
  font-size:.80rem !important;
  line-height:1.55 !important;
}

/* Chinese characters remain absent from archive listing cards too. */
.archive-season-page-v18 .season-card-chinese-v18{
  display:none !important;
}

/* Bottom return becomes a quiet secondary navigation element. */
.archive-return-v18{
  margin-top:46px !important;
  text-align:center !important;
}

.archive-return-v18 .btn{
  min-height:38px !important;
  padding:0 18px !important;
  border:1px solid rgba(61,128,120,.42) !important;
  border-radius:0 !important;
  background:rgba(7,27,27,.20) !important;
  color:#629e96 !important;
  font-family:var(--fb-body) !important;
  font-size:.59rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}


/* ---------------------------------------------------------
   TABLET / PHONE
   --------------------------------------------------------- */
@media(max-width:760px){
  .archive-family-page-v81{
    width:min(100% - 22px,900px) !important;
    padding:25px 0 60px !important;
  }

  .archive-family-menu-v81{
    padding:39px 22px 33px !important;
  }

  .archive-family-title-row-v81{
    grid-template-columns:minmax(34px,1fr) 6px auto 6px minmax(34px,1fr) !important;
    gap:7px !important;
  }

  .archive-family-title-row-v81 h1{
    font-size:clamp(2.7rem,13vw,4rem) !important;
    letter-spacing:.10em !important;
    transform:scaleX(.82) scaleY(1.04) !important;
  }

  .archive-family-row-v82{
    min-height:60px !important;
  }

  .archive-family-year-v81{
    min-width:92px !important;
    font-size:1.72rem !important;
  }

  .archive-menu-back-v117{
    margin:22px 0 0 16px !important;
  }

  .archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
    padding:30px 10px 23px !important;
  }

  .archive-menu-title-row-v94{
    grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr) !important;
    gap:9px !important;
    width:96% !important;
  }

  .archive-atomic-wing-v94{
    width:100% !important;
    min-width:52px !important;
  }

  .archive-menu-title-row-v94 h1{
    font-size:clamp(2.15rem,10vw,3.3rem) !important;
    letter-spacing:.09em !important;
    transform:scaleX(.83) scaleY(1.04) !important;
  }

  .archive-season-page-v18 .season-content-v18{
    padding:20px 12px 56px !important;
  }
}


/* =========================================================
   V118 — RECIPE NOTE CLEANUP + LARGER CHINESE STENCIL
   ========================================================= */

/* Source/provenance explanatory notes are no longer shown on recipe cards. */
.artifact34-source,
.recipe-provenance{
  display:none !important;
}

/* Chinese characters remain recipe-card-only, now with a little more presence. */
.artifact34-stencil{
  margin-top:20px !important;
  padding-top:17px !important;
}

.artifact34-stencil span{
  font-size:clamp(3.35rem,5.8vw,4.85rem) !important;
  line-height:.95 !important;
  letter-spacing:.065em !important;
  color:#99683e !important;
  opacity:.46 !important;
}

/* Phone: larger than before, but still contained comfortably on the card. */
@media(max-width:760px){
  .artifact34-stencil span{
    font-size:clamp(2.7rem,12vw,3.8rem) !important;
  }
}


/* =========================================================
   V119 — UNGROUPED COCKTAIL LISTS
   Individual cards still identify the drink style/type.
   ========================================================= */

.season-category-ungrouped-v119 > h2,
.current-season-v18 .season-category-v18 > h2,
.archive-season-page-v18 .season-category-v18 > h2{
  display:none !important;
}

.season-category-ungrouped-v119{
  margin-top:0 !important;
}


/* =========================================================
   V120 — MOBILE / TABLET CONSISTENCY PASS
   Desktop styling intentionally untouched.
   ========================================================= */

/* Shared responsive safety */
@media(max-width:900px){
  html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  #app,
  .season-page-v18,
  .archive-page-v32,
  .archive-family-page-v81,
  .treasure-recipe-page{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  img{
    max-width:100%;
  }

  a, button{
    -webkit-tap-highlight-color:rgba(67,143,134,.14);
  }
}


/* ---------------------------------------------------------
   TABLET HEADER — same brand/navigation balance as desktop,
   simply compressed rather than redesigned.
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  body:not(.exact-home) > header{
    min-height:68px !important;
    height:68px !important;
    padding:0 18px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:16px !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113 img{
    width:218px !important;
  }

  body:not(.exact-home) > header nav{
    justify-self:end !important;
    gap:4px !important;
  }

  body:not(.exact-home) > header nav a{
    min-height:44px !important;
    padding:0 11px !important;
    font-size:.62rem !important;
    letter-spacing:.10em !important;
  }

  /* Tablet homepage keeps the approved mockup image,
     with full-width scaling and no live header duplication. */
  body.exact-home > header{
    display:none !important;
  }

  .mockup-home-desktop-v108{
    display:block !important;
  }

  .mockup-home-v108 .mobile-home-v100{
    display:none !important;
  }
}


/* ---------------------------------------------------------
   PHONE HEADER
   Home: navigation only (no redundant brand).
   Inner pages: compact exact brand + navigation.
   --------------------------------------------------------- */
@media(max-width:620px){
  body > header{
    min-height:58px !important;
    height:58px !important;
    padding:0 9px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:6px !important;
    background:#041314 !important;
    border-bottom:1px solid rgba(177,119,45,.42) !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113{
    display:block !important;
    justify-self:start !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113 img{
    display:block !important;
    width:132px !important;
    height:auto !important;
    max-width:none !important;
  }

  body > header nav{
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    white-space:nowrap !important;
  }

  body > header nav a{
    min-width:0 !important;
    min-height:44px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:.52rem !important;
    letter-spacing:.055em !important;
  }

  /* Home does not need a second Fancy Boozes brand above the hero. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:0 10px !important;
  }

  body.exact-home > header .brand{
    display:none !important;
  }

  body.exact-home > header nav{
    justify-self:center !important;
  }

  body.exact-home > header nav a{
    padding-left:15px !important;
    padding-right:15px !important;
    font-size:.56rem !important;
    letter-spacing:.08em !important;
  }

  body.exact-home .mockup-home-desktop-v108{
    display:none !important;
  }

  body.exact-home .mockup-home-v108 .mobile-home-v100{
    display:flex !important;
  }
}


/* ---------------------------------------------------------
   MOBILE HOME — same identity, slightly cleaner proportions.
   --------------------------------------------------------- */
@media(max-width:620px){
  .mockup-home-v108{
    min-height:calc(100vh - 58px) !important;
  }

  .mobile-home-v100{
    min-height:calc(100vh - 58px) !important;
    padding:34px 20px 48px !important;
  }

  .mobile-home-emblem-v100 img{
    width:31px !important;
  }

  .mobile-home-v100 h1{
    margin-top:10px !important;
    font-weight:300 !important;
    font-size:clamp(2.65rem,13vw,3.75rem) !important;
    line-height:.94 !important;
    letter-spacing:.09em !important;
  }

  .mobile-home-tagline-v100{
    max-width:295px !important;
    margin-top:16px !important;
    font-size:.75rem !important;
    line-height:1.55 !important;
  }

  .mobile-home-current-v100{
    width:min(324px,100%) !important;
    margin-top:27px !important;
    min-height:116px !important;
  }

  .mobile-home-archive-v100{
    width:min(324px,100%) !important;
  }

  .mobile-home-archive-v100 > a:not(.mobile-home-all-v100){
    min-height:46px !important;
  }

  .mobile-home-all-v100{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* ---------------------------------------------------------
   CURRENT + ARCHIVED COCKTAIL LISTS
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  .season-content-v18{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .season-card-grid-v18{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
  }

  .season-card-photo-v18{
    aspect-ratio:1.24/1 !important;
  }
}

@media(max-width:620px){
  .season-page-v18{
    width:100% !important;
  }

  .current-season-v18 .season-heading-v18,
  .archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
    width:100% !important;
    box-sizing:border-box !important;
  }

  .current-season-v18 .season-heading-v18{
    padding-top:31px !important;
    padding-bottom:22px !important;
  }

  .current-season-v18 .deco-season-title-row-v106{
    grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr) !important;
    gap:7px !important;
  }

  .current-season-v18 .deco-season-wing-v106{
    min-width:30px !important;
  }

  .current-season-v18 .deco-season-title-row-v106 h1{
    max-width:78vw !important;
    font-size:clamp(2.45rem,11vw,3.15rem) !important;
    line-height:.91 !important;
    white-space:nowrap !important;
  }

  .season-content-v18{
    width:100% !important;
    padding:20px 12px 58px !important;
    box-sizing:border-box !important;
  }

  .season-card-grid-v18,
  .season-card-grid-v18.two-cards-v18{
    width:min(100%,390px) !important;
    max-width:390px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .season-card-v18{
    width:100% !important;
    min-width:0 !important;
  }

  .season-card-photo-v18{
    aspect-ratio:1.30/1 !important;
  }

  .season-card-copy-v18{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .current-season-v18 .season-random-v18{
    width:min(340px,94%) !important;
    margin-top:52px !important;
    box-sizing:border-box !important;
  }

  .current-season-v18 .season-random-v18 .btn,
  .archive-return-v18 .btn{
    min-height:44px !important;
  }

  .archive-menu-back-v117,
  .treasure-back,
  .archive-family-back-v81{
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE HUB
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  .archive-page-v32{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .archive-season-grid-v73{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
  }

  .archive-season-poster-v73{
    min-height:0 !important;
  }
}

@media(max-width:620px){
  .archive-page-v32{
    padding:30px 12px 56px !important;
  }

  .archive-hero-v32{
    margin-bottom:27px !important;
  }

  .archive-hero-top-v63{
    grid-template-columns:52px minmax(0,1fr) 52px !important;
    gap:7px !important;
    align-items:center !important;
  }

  .archive-stat-v63 span{
    font-size:1.35rem !important;
  }

  .archive-stat-v63 small{
    font-size:.43rem !important;
    letter-spacing:.07em !important;
    line-height:1.35 !important;
  }

  .archive-title-row-v64{
    gap:7px !important;
  }

  .archive-title-row-v64 h1{
    font-size:clamp(2.55rem,13vw,3.55rem) !important;
    letter-spacing:.09em !important;
  }

  .archive-wing-v64{
    min-width:25px !important;
  }

  .archive-era-v65{
    font-size:.51rem !important;
    letter-spacing:.13em !important;
  }

  .archive-season-grid-v73{
    width:min(100%,390px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:1fr !important;
    gap:17px !important;
  }

  .archive-season-poster-v73{
    min-height:0 !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE FAMILY / YEAR LIST
   --------------------------------------------------------- */
@media(max-width:620px){
  .archive-family-page-v81{
    width:calc(100% - 20px) !important;
    padding-top:20px !important;
  }

  .archive-family-menu-v81{
    padding:34px 18px 28px !important;
    box-sizing:border-box !important;
  }

  .archive-family-title-row-v81{
    grid-template-columns:minmax(22px,1fr) 5px auto 5px minmax(22px,1fr) !important;
    gap:5px !important;
  }

  .archive-family-title-row-v81 h1{
    max-width:64vw !important;
    font-size:clamp(2.7rem,13vw,3.7rem) !important;
    white-space:nowrap !important;
  }

  .archive-family-list-v81{
    margin-top:28px !important;
  }

  .archive-family-row-v82{
    grid-template-columns:auto minmax(28px,1fr) 36px !important;
    gap:9px !important;
    min-height:58px !important;
  }

  .archive-family-year-v81{
    min-width:84px !important;
    font-size:1.62rem !important;
  }

  .archive-family-price-v82{
    font-size:.70rem !important;
  }
}


/* ---------------------------------------------------------
   RECIPE PAGE — mobile/tablet consistency
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  .treasure-recipe-page{
    padding:28px 22px 64px !important;
  }

  .artifact34{
    max-width:760px !important;
    padding:32px 30px 24px !important;
  }

  .artifact34-body{
    grid-template-columns:44% 56% !important;
    gap:26px !important;
  }
}

@media(max-width:620px){
  .treasure-recipe-page{
    width:100% !important;
    padding:18px 10px 50px !important;
    box-sizing:border-box !important;
  }

  .treasure-back{
    margin-left:4px !important;
    margin-bottom:12px !important;
  }

  .artifact34{
    width:100% !important;
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:23px 14px 18px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
  }

  .artifact34 > header.artifact34-header{
    grid-template-columns:23px minmax(0,1fr) 23px !important;
    gap:5px !important;
  }

  .artifact34 > header.artifact34-header h1{
    width:108% !important;
    margin-left:-4% !important;
    margin-right:-4% !important;
    max-width:none !important;
    font-size:clamp(2.05rem,9.5vw,3rem) !important;
    line-height:.94 !important;
    letter-spacing:.065em !important;
  }

  .artifact34-rule{
    width:68% !important;
    margin-top:10px !important;
    margin-bottom:19px !important;
  }

  .artifact34-body{
    grid-template-columns:1fr !important;
    gap:19px !important;
  }

  .artifact34-photo{
    min-height:0 !important;
    margin:0 !important;
  }

  .artifact34-photo img{
    width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1.22/1 !important;
    object-fit:cover !important;
    transform:none !important;
  }

  .artifact34-copy{
    padding:0 3px !important;
  }

  .artifact34-copy h2{
    font-size:.67rem !important;
  }

  .artifact34-copy li,
  .artifact34-copy p{
    font-size:.92rem !important;
    line-height:1.58 !important;
  }

  .artifact34-stencil{
    margin-top:17px !important;
    padding-top:14px !important;
  }

  .artifact34-stencil span{
    font-size:clamp(2.75rem,12vw,3.65rem) !important;
  }

  .recipe-footer-v36{
    width:min(92%,360px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:.55rem !important;
  }
}


/* ---------------------------------------------------------
   GLOBAL FOOTER
   --------------------------------------------------------- */
@media(max-width:620px){
  body > footer{
    min-height:48px !important;
    padding:10px 14px !important;
    box-sizing:border-box !important;
    font-size:.51rem !important;
    letter-spacing:.08em !important;
    text-align:center !important;
  }

  body > footer img{
    width:15px !important;
  }
}


/* =========================================================
   V121 — MAC SAFARI VIEWPORT-FIT PASS
   Desktop only. Uses viewport HEIGHT as well as width.
   Long menus still scroll naturally when they genuinely contain
   more content than can reasonably fit on one screen.
   ========================================================= */

/* ---------------------------------------------------------
   HOMEPAGE — always show the entire approved composition
   in the visible desktop browser viewport, without cropping
   or distorting it. The wrapper keeps the exact image aspect
   ratio so all invisible hotspots remain aligned.
   --------------------------------------------------------- */
@media(min-width:901px){
  body.exact-home{
    overflow-x:hidden !important;
    background:#020b0e !important;
  }

  body.exact-home #app,
  body.exact-home .mockup-home-v108{
    min-height:0 !important;
    height:100vh !important;
    height:100dvh !important;
    overflow:hidden !important;
  }

  body.exact-home .mockup-home-v108{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }

  body.exact-home .mockup-home-desktop-v108{
    /* 1448 × 996 is the approved homepage artwork. */
    width:min(100vw,calc(100vh * 1.453815)) !important;
    width:min(100vw,calc(100dvh * 1.453815)) !important;
    aspect-ratio:1448 / 996 !important;
    height:auto !important;
    margin:0 auto !important;
    flex:0 0 auto !important;
  }

  body.exact-home .mockup-home-desktop-v108 > img{
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }
}


/* ---------------------------------------------------------
   COMPACT DESKTOP MODE
   Activated only on desktop Safari-sized windows with limited
   vertical room. Larger displays keep the roomier design.
   --------------------------------------------------------- */
@media(min-width:901px) and (max-height:900px){

  /* Global live header/footer become a little shallower. */
  body:not(.exact-home) > header{
    min-height:68px !important;
    height:68px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113 img{
    width:260px !important;
  }

  body > footer{
    min-height:40px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    font-size:.52rem !important;
  }


  /* -------------------------------------------------------
     CURRENT SUMMER 2026 PAGE
     The present two-drink menu should fit as one composition.
     ------------------------------------------------------- */
  .current-season-v18 .season-heading-v18{
    padding:26px 24px 16px !important;
  }

  .current-season-v18 .season-heading-v18 .eyebrow{
    margin-bottom:9px !important;
    font-size:.55rem !important;
  }

  .current-season-v18 .deco-season-title-row-v106{
    width:min(860px,90%) !important;
  }

  .current-season-v18 .deco-season-title-row-v106 h1{
    font-size:clamp(3rem,5vw,4.35rem) !important;
  }

  .current-season-v18 .season-rule-v18{
    width:160px !important;
    margin-top:12px !important;
  }

  .current-season-v18 .season-content-v18{
    padding:12px 24px 42px !important;
  }

  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    width:min(760px,92%) !important;
    gap:22px !important;
  }

  .current-season-v18 .season-card-photo-v18{
    margin:8px 8px 0 !important;
    aspect-ratio:1.48/1 !important;
  }

  .current-season-v18 .season-card-copy-v18{
    padding:14px 19px 18px !important;
  }

  .current-season-v18 .season-card-kicker-v18{
    font-size:.51rem !important;
  }

  .current-season-v18 .season-card-copy-v18 h3{
    margin-top:6px !important;
    font-size:clamp(1.48rem,2.15vw,1.88rem) !important;
  }

  .current-season-v18 .season-card-divider-v18{
    margin-top:9px !important;
  }

  .current-season-v18 .season-card-copy-v18 p{
    margin-top:9px !important;
    font-size:.74rem !important;
    line-height:1.43 !important;
  }

  .current-season-v18 .season-card-copy-v18::after{
    margin-top:10px !important;
    height:18px !important;
  }

  .current-season-v18 .season-random-v18{
    width:min(410px,88%) !important;
    margin-top:30px !important;
    padding-top:17px !important;
  }

  .current-season-v18 .season-random-v18 h2{
    margin-top:5px !important;
    font-size:1.34rem !important;
  }

  .current-season-v18 .season-random-v18 p{
    margin:6px 0 11px !important;
    font-size:.71rem !important;
  }

  .current-season-v18 .season-random-v18 .btn{
    min-height:34px !important;
  }


  /* -------------------------------------------------------
     MAIN ARCHIVE HUB
     Four season cards remain large enough to browse, but the
     entire hub uses less vertical space.
     ------------------------------------------------------- */
  .archive-page-v32{
    padding-top:20px !important;
    padding-bottom:38px !important;
  }

  .archive-page-v32 .archive-hero-v32{
    padding-top:13px !important;
    padding-bottom:10px !important;
  }

  .archive-page-v32 .archive-title-row-v64 h1{
    font-size:clamp(3rem,5.1vw,4.35rem) !important;
  }

  .archive-page-v32 .archive-era-v65{
    margin-top:4px !important;
  }

  .archive-page-v32 .archive-rule-v32{
    margin-top:6px !important;
  }

  .archive-season-grid-v73{
    max-width:880px !important;
    margin-top:16px !important;
    gap:15px !important;
  }

  .archive-season-poster-v73{
    aspect-ratio:.76/1 !important;
    border-radius:7px !important;
  }

  .archive-season-poster-copy-v73{
    padding-bottom:13px !important;
  }


  /* -------------------------------------------------------
     ARCHIVE SEASON/YEAR LEDGER
     These usually contain only a few years and can comfortably
     fit within a MacBook Safari viewport.
     ------------------------------------------------------- */
  .archive-family-page-v81{
    padding-top:22px !important;
    padding-bottom:38px !important;
  }

  .archive-family-back-v81{
    margin-bottom:10px !important;
  }

  .archive-family-menu-v81{
    padding-top:34px !important;
    padding-bottom:28px !important;
  }

  .archive-family-menu-v81::after{
    top:21px !important;
  }

  .archive-family-title-row-v81{
    margin-top:10px !important;
  }

  .archive-family-title-row-v81 h1{
    font-size:clamp(3rem,5.4vw,4.45rem) !important;
  }

  .archive-family-subtitle-v81{
    margin-top:11px !important;
  }

  .archive-family-list-v81{
    margin-top:22px !important;
  }

  .archive-family-row-v82{
    min-height:55px !important;
  }

  .archive-family-year-v81{
    font-size:1.76rem !important;
  }

  .archive-family-footer-v81{
    margin-top:22px !important;
  }


  /* -------------------------------------------------------
     ARCHIVED YEAR/MENU PAGE
     Header and cards are tightened, but menus with many drinks
     still scroll — intentionally.
     ------------------------------------------------------- */
  .archive-menu-back-v117{
    margin-top:18px !important;
  }

  .archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
    padding-top:20px !important;
    padding-bottom:17px !important;
  }

  .archive-menu-title-row-v94 h1{
    font-size:clamp(2.8rem,4.8vw,4.1rem) !important;
  }

  .archive-season-page-v18 .season-content-v18{
    padding-top:12px !important;
    padding-bottom:42px !important;
  }

  .archive-season-page-v18 .season-card-grid-v18{
    gap:20px !important;
  }

  .archive-season-page-v18 .season-card-copy-v18{
    padding-top:15px !important;
    padding-bottom:18px !important;
  }


  /* -------------------------------------------------------
     RECIPE CARD
     Common recipe pages fit much more naturally in a laptop
     viewport while keeping readable recipe text.
     ------------------------------------------------------- */
  .treasure-recipe-page{
    padding-top:16px !important;
    padding-bottom:34px !important;
  }

  .treasure-back{
    margin-bottom:9px !important;
  }

  .artifact34{
    max-width:970px !important;
    padding:24px 31px 20px !important;
    border-radius:15px !important;
  }

  .artifact34 > header.artifact34-header{
    padding-top:0 !important;
    padding-bottom:2px !important;
  }

  .artifact34 > header.artifact34-header h1{
    font-size:clamp(2.45rem,4.15vw,3.7rem) !important;
  }

  .artifact34-rule{
    margin-top:8px !important;
    margin-bottom:15px !important;
  }

  .artifact34-body{
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
    gap:27px !important;
  }

  .artifact34-photo{
    min-height:290px !important;
  }

  .artifact34-photo img{
    min-height:290px !important;
    max-height:335px !important;
  }

  .artifact34-copy h2{
    margin-bottom:7px !important;
    font-size:.65rem !important;
  }

  .artifact34-copy li,
  .artifact34-copy p{
    font-size:.87rem !important;
    line-height:1.48 !important;
  }

  .artifact34-copy li{
    margin:.15rem 0 !important;
  }

  .artifact34-smallrule{
    margin-top:14px !important;
    margin-bottom:13px !important;
  }

  .artifact34-stencil{
    margin-top:12px !important;
    padding-top:11px !important;
  }

  .artifact34-stencil span{
    font-size:clamp(2.75rem,4.8vw,4.1rem) !important;
  }

  .recipe-footer-v36{
    margin-top:10px !important;
  }
}


/* Extra-tight laptop window: preserve readability but reduce
   nonessential vertical air further. */
@media(min-width:901px) and (max-height:760px){

  .current-season-v18 .season-heading-v18{
    padding-top:18px !important;
    padding-bottom:11px !important;
  }

  .current-season-v18 .deco-season-title-row-v106 h1{
    font-size:3.35rem !important;
  }

  .current-season-v18 .season-content-v18{
    padding-top:7px !important;
    padding-bottom:28px !important;
  }

  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    width:min(680px,88%) !important;
  }

  .current-season-v18 .season-random-v18{
    margin-top:20px !important;
  }

  .archive-season-grid-v73{
    max-width:790px !important;
  }

  .archive-family-menu-v81{
    padding-top:28px !important;
    padding-bottom:22px !important;
  }

  .artifact34{
    max-width:900px !important;
    padding-top:18px !important;
    padding-bottom:16px !important;
  }

  .artifact34-photo{
    min-height:250px !important;
  }

  .artifact34-photo img{
    min-height:250px !important;
    max-height:295px !important;
  }

  .artifact34-copy li,
  .artifact34-copy p{
    font-size:.82rem !important;
    line-height:1.42 !important;
  }

  .artifact34-stencil span{
    font-size:3.15rem !important;
  }
}


/* =========================================================
   V122 — HOMEPAGE EDGE BLEED
   Preserve the full height-fitted homepage, but eliminate the
   amateur-looking hard side gutters on wide Mac/Safari windows.
   ========================================================= */

@media(min-width:901px){

  body.exact-home #app,
  body.exact-home .mockup-home-v108{
    width:100vw !important;
    max-width:none !important;
  }

  body.exact-home .mockup-home-v108{
    position:relative !important;
    isolation:isolate !important;
    background:#020b0e !important;
  }

  /* Full-bleed ambient extension of the SAME approved homepage art.
     It only becomes visible in the extra-wide side areas. */
  body.exact-home .mockup-home-v108::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    inset:-30px !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(1,10,12,.18) 0%,
        rgba(1,10,12,.04) 22%,
        rgba(1,10,12,.04) 78%,
        rgba(1,10,12,.18) 100%
      ),
      url("images/homepage-v108-approved.png") center top / cover no-repeat !important;

    filter:
      blur(18px)
      brightness(.47)
      saturate(.82) !important;

    transform:scale(1.045) !important;
    transform-origin:center top !important;
  }

  /* A restrained vignette keeps the side bleed atmospheric rather
     than looking like a second enlarged copy of the page. */
  body.exact-home .mockup-home-v108::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    inset:0 !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(1,12,13,.50) 0%,
        rgba(1,12,13,.22) 7%,
        rgba(1,12,13,0) 20%,
        rgba(1,12,13,0) 80%,
        rgba(1,12,13,.22) 93%,
        rgba(1,12,13,.50) 100%
      ) !important;
  }

  /* The approved page remains the crisp foreground and still
     scales entirely by viewport height. */
  body.exact-home .mockup-home-desktop-v108{
    position:relative !important;
    z-index:2 !important;
    box-shadow:
      -12px 0 30px rgba(1,10,12,.28),
       12px 0 30px rgba(1,10,12,.28) !important;
  }

  /* Very slight feather at the left/right image boundaries removes
     the visible ruler-straight cut without softening the artwork. */
  body.exact-home .mockup-home-desktop-v108 > img{
    -webkit-mask-image:
      linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0,
        #000 12px,
        #000 calc(100% - 12px),
        rgba(0,0,0,.72) 100%
      ) !important;
    mask-image:
      linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0,
        #000 12px,
        #000 calc(100% - 12px),
        rgba(0,0,0,.72) 100%
      ) !important;
  }

  /* Keep the clickable hotspots above all decorative layers. */
  body.exact-home .mockup-hotspot-v108{
    z-index:8 !important;
  }

  /* The homepage logo-removal cover must also stay above the ambient
     bleed, otherwise the removed logo could faintly reappear. */
  body.exact-home .mockup-home-desktop-v108::before{
    z-index:6 !important;
  }
}

/* On normal-width desktop windows the bleed is intentionally subtle;
   when there are almost no side gutters it effectively disappears. */
@media(min-width:901px) and (max-aspect-ratio:3/2){
  body.exact-home .mockup-home-v108::before{
    opacity:.55 !important;
  }
}


/* =========================================================
   V123 — IMAGE SCALING FIXES
   1. Current Summer 2026 cocktail photos keep their natural
      1.2:1 composition instead of being vertically cropped.
   2. Archive season posters return to their native 2:3 ratio
      so SUMMER / FALL / WINTER / SPRING fit correctly.
   ========================================================= */

/* ---------------------------------------------------------
   CURRENT MENU — preserve the final drink photo composition.
   The final Old Fashioned / Gin & Tonic images are ~1.2:1.
   --------------------------------------------------------- */
.current-season-v18 .season-card-photo-v18{
  aspect-ratio:1.2 / 1 !important;
}

.current-season-v18 .season-card-photo-v18 img,
.current-season-v18 .season-card-grid-v18.two-cards-v18 .season-card-photo-v18 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* On short Mac/Safari windows, make the cards a little narrower
   rather than cropping the photographs to force them shorter. */
@media(min-width:901px) and (max-height:900px){
  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    width:min(650px,88%) !important;
    max-width:650px !important;
    gap:20px !important;
  }

  .current-season-v18 .season-card-photo-v18{
    aspect-ratio:1.2 / 1 !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    width:min(610px,84%) !important;
    max-width:610px !important;
  }
}


/* ---------------------------------------------------------
   MAIN ARCHIVE — native poster proportion.
   The approved season poster files are 1024×1536 (2:3).
   --------------------------------------------------------- */
.archive-season-poster-v73{
  aspect-ratio:2 / 3 !important;
}

.archive-season-poster-v73 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* Keep the four posters within the laptop-height viewport by
   reducing their width rather than cropping their top/bottom. */
@media(min-width:901px) and (max-height:900px){
  .archive-season-grid-v73{
    max-width:820px !important;
    gap:14px !important;
  }

  .archive-season-poster-v73{
    aspect-ratio:2 / 3 !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .archive-season-grid-v73{
    max-width:760px !important;
    gap:13px !important;
  }
}


/* =========================================================
   V124 — FULL-WIDTH HOME + CENTERED LIVE NAVIGATION
   ========================================================= */

@media(min-width:901px){

  /* The homepage now uses the same real header/nav as every other page.
     The brand is intentionally absent on Home because the hero already
     contains the main FANCY BOOZES identity. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    min-height:74px !important;
    height:74px !important;
    padding:0 30px !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(184,126,48,.70) !important;
    box-sizing:border-box !important;
  }

  body.exact-home > header .brand{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.exact-home > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(34px,5.7vw,78px) !important;
  }

  body.exact-home > header nav a{
    font-family:var(--fb-body) !important;
    font-size:.69rem !important;
    font-weight:500 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }

  /* Remove the old baked-header hotspot system completely. */
  body.exact-home .mockup-hotspot-v108.nav-home,
  body.exact-home .mockup-hotspot-v108.nav-current,
  body.exact-home .mockup-hotspot-v108.nav-archive{
    display:none !important;
  }

  /* Body art ratio after cropping the baked header:
     1448 × 907 = 1.59647. */
  body.exact-home{
    --home-live-header-h:74px;
    --home-body-ratio:1.59647;
    --home-body-h:calc(100dvh - var(--home-live-header-h));
    --home-fit-w:min(100vw,calc(var(--home-body-h) * var(--home-body-ratio)));

    overflow:hidden !important;
    background:#020b0e !important;
  }

  body.exact-home #app{
    width:100vw !important;
    height:var(--home-body-h) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.exact-home .mockup-home-v108{
    position:relative !important;
    isolation:isolate !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    width:100vw !important;
    height:var(--home-body-h) !important;
    min-height:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    background:#020b0e !important;
  }

  /* Left side extension. It mirrors the real left edge of the approved
     artwork outward, so the seam begins with the exact same pixels. */
  body.exact-home .mockup-home-v108::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:max(0px,calc((100vw - var(--home-fit-w)) / 2 + 2px)) !important;
    pointer-events:none !important;

    background:
      url("images/homepage-v124-body.png")
      left top / var(--home-fit-w) 100% no-repeat !important;

    transform:scaleX(-1) !important;
    transform-origin:right center !important;

    filter:brightness(.90) saturate(.94) !important;
  }

  /* Right side extension — same treatment, from the exact right edge. */
  body.exact-home .mockup-home-v108::after{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    bottom:0 !important;
    right:0 !important;
    left:auto !important;
    width:max(0px,calc((100vw - var(--home-fit-w)) / 2 + 2px)) !important;
    pointer-events:none !important;

    background:
      url("images/homepage-v124-body.png")
      right top / var(--home-fit-w) 100% no-repeat !important;

    transform:scaleX(-1) !important;
    transform-origin:left center !important;

    filter:brightness(.90) saturate(.94) !important;
  }

  /* Crisp approved composition remains undistorted in the center. */
  body.exact-home .mockup-home-desktop-v108{
    position:relative !important;
    z-index:2 !important;
    width:var(--home-fit-w) !important;
    height:var(--home-body-h) !important;
    aspect-ratio:1448 / 907 !important;
    margin:0 auto !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.exact-home .mockup-home-desktop-v108 > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;

    /* Remove the older V122 feather mask. The mirrored extensions
       now provide a continuous edge treatment. */
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  /* The V114 cover for the old baked upper-left brand is no longer
     necessary because that whole baked header has been cropped away. */
  body.exact-home .mockup-home-desktop-v108::before{
    content:none !important;
    display:none !important;
  }

  body.exact-home .mockup-home-desktop-v108::after{
    content:none !important;
    display:none !important;
  }

  /* Re-map clickable regions to the header-free body crop. */
  body.exact-home .mockup-hotspot-v108.browse-current{
    left:36.5% !important;
    top:47.29% !important;
    width:27.2% !important;
    height:8.13% !important;
  }

  body.exact-home .mockup-hotspot-v108.archive-row{
    left:8.1% !important;
    width:22.2% !important;
    height:4.83% !important;
  }

  body.exact-home .mockup-hotspot-v108.archive-row-1{top:74.74% !important;}
  body.exact-home .mockup-hotspot-v108.archive-row-2{top:79.52% !important;}
  body.exact-home .mockup-hotspot-v108.archive-row-3{top:84.32% !important;}
  body.exact-home .mockup-hotspot-v108.archive-row-4{top:89.13% !important;}

  body.exact-home .mockup-hotspot-v108{
    z-index:8 !important;
  }
}

/* Short MacBook Safari windows use the exact same compact 68px header
   as the other desktop pages. */
@media(min-width:901px) and (max-height:900px){
  body.exact-home{
    --home-live-header-h:68px;
  }

  body.exact-home > header{
    min-height:68px !important;
    height:68px !important;
  }
}

/* Existing phone homepage stays untouched. */
@media(max-width:900px){
  body.exact-home .mockup-home-v108::before,
  body.exact-home .mockup-home-v108::after{
    content:none !important;
    display:none !important;
  }
}


/* =========================================================
   V125 — HOME FULL-WIDTH / NATURAL SCALE
   The viewport-fit experiment made the approved homepage look
   undersized on wide Mac/Safari windows. Prioritize full-width,
   natural proportions, and visual quality here; allow a modest
   vertical scroll when the browser is wider than it is tall.
   ========================================================= */

@media(min-width:901px){

  body.exact-home{
    --home-live-header-h:68px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:#020b0e !important;
  }

  body.exact-home > header{
    min-height:68px !important;
    height:68px !important;
    width:100vw !important;
    padding:0 30px !important;
  }

  body.exact-home #app{
    width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.exact-home .mockup-home-v108{
    display:block !important;
    position:relative !important;
    width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    background:#020b0e !important;
  }

  /* No side-fill tricks are needed now: the approved artwork itself
     spans the complete browser width. */
  body.exact-home .mockup-home-v108::before,
  body.exact-home .mockup-home-v108::after{
    content:none !important;
    display:none !important;
  }

  body.exact-home .mockup-home-desktop-v108{
    display:block !important;
    position:relative !important;
    z-index:2 !important;
    width:100vw !important;
    height:auto !important;
    aspect-ratio:1448 / 907 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.exact-home .mockup-home-desktop-v108 > img{
    display:block !important;
    width:100vw !important;
    height:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  /* Hotspots continue to use percentages of the artwork, so they
     stay aligned automatically as the image expands to full width. */
  body.exact-home .mockup-hotspot-v108{
    z-index:8 !important;
  }
}

/* A slightly smaller header on very short MacBook windows gives the
   artwork as much usable space as possible without shrinking it. */
@media(min-width:901px) and (max-height:780px){
  body.exact-home{
    --home-live-header-h:60px !important;
  }

  body.exact-home > header{
    min-height:60px !important;
    height:60px !important;
  }
}

/* Tablet / phone remain exactly as before. */
@media(max-width:900px){
  body.exact-home .mockup-home-v108{
    height:auto !important;
  }
}


/* =========================================================
   V126 — UNIFIED DESKTOP NAVIGATION WIDTHS
   Home / Cocktails / Archive now use the exact same navigation
   geometry on every desktop page.
   ========================================================= */

@media(min-width:901px){

  body > header nav,
  body.exact-home > header nav,
  body:not(.exact-home) > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
  }

  body > header nav a,
  body.exact-home > header nav a,
  body:not(.exact-home) > header nav a{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-family:var(--fb-body) !important;
    font-size:.69rem !important;
    font-weight:500 !important;
    letter-spacing:.15em !important;
    text-align:center !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  /* Same active indicator width/position on all three buttons. */
  body > header nav a::after{
    left:50% !important;
    right:auto !important;
    bottom:8px !important;
    width:34px !important;
    height:1px !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
  }

  body > header nav a:hover::after,
  body > header nav a.active::after{
    transform:translateX(-50%) scaleX(1) !important;
  }
}

/* Keep the same equal-button principle on tablet, at a smaller width. */
@media(max-width:900px) and (min-width:621px){
  body > header nav{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:0 !important;
    width:285px !important;
    min-width:285px !important;
    max-width:285px !important;
  }

  body > header nav a{
    width:100% !important;
    padding:0 !important;
    justify-content:center !important;
  }
}


/* =========================================================
   V127 — RESPONSIVE SPLIT HOMEPAGE PROTOTYPE
   Rebuilds the approved concept as two independent sections:
   1) full-width hero
   2) compact Archive / ornament / QR row
   This lets the desktop homepage fill width AND fit the Safari
   viewport without scaling one giant poster.
   ========================================================= */

@media(min-width:901px){

  body.exact-home{
    overflow:hidden !important;
    background:#020b0e !important;
  }

  /* Use the same live, centered navigation as every other page.
     No small duplicate logo on Home. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    width:100vw !important;
    min-height:64px !important;
    height:64px !important;
    padding:0 30px !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(181,124,48,.66) !important;
  }

  body.exact-home > header .brand{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.exact-home > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    gap:0 !important;
  }

  body.exact-home > header nav a{
    width:100% !important;
    min-height:44px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.exact-home #app{
    width:100vw !important;
    height:calc(100dvh - 64px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .home-v127{
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
    background:#031112 !important;
  }

  .home-v127-desktop{
    display:grid !important;
    grid-template-rows:minmax(0,62%) minmax(0,38%) !important;
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  /* ---------------- HERO ---------------- */
  .home-v127-hero{
    position:relative !important;
    min-height:0 !important;
    overflow:hidden !important;

    background:
      url("images/home-v127-hero.png")
      center center / cover no-repeat !important;

    border-bottom:1px solid rgba(181,124,48,.64) !important;
  }

  /* Live hotspot over the baked Browse Summer Menu button. */
  .home-v127-browse{
    position:absolute !important;
    z-index:5 !important;
    left:36.3% !important;
    top:72.4% !important;
    width:27.5% !important;
    height:11.5% !important;
    text-decoration:none !important;
    background:transparent !important;
  }

  .home-v127-browse:focus-visible{
    outline:1px solid #4e9990 !important;
    outline-offset:-4px !important;
  }

  /* ---------------- LOWER ---------------- */
  .home-v127-lower{
    display:grid !important;
    grid-template-columns:minmax(360px,1.24fr) minmax(180px,.56fr) minmax(360px,1.24fr) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:clamp(14px,2vw,30px) !important;
    min-height:0 !important;
    padding:8px clamp(28px,4vw,72px) 10px !important;
    box-sizing:border-box !important;

    background:
      radial-gradient(ellipse at 50% 0%,rgba(27,63,58,.12),transparent 42%),
      linear-gradient(180deg,#061817,#031112) !important;
    overflow:hidden !important;
  }

  .home-v127-archive-wrap,
  .home-v127-center-wrap,
  .home-v127-qr-wrap{
    position:relative !important;
    width:100% !important;
    max-width:420px !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .home-v127-archive-wrap{
    justify-self:start !important;
    margin-left:0 !important;
  }

  .home-v127-qr-wrap{
    justify-self:end !important;
    margin-right:0 !important;
  }


  .home-v127-archive-wrap{max-width:430px !important;}
  .home-v127-center-wrap{max-width:250px !important;}
  .home-v127-qr-wrap{max-width:430px !important;}

  .home-v127-archive-wrap img,
  .home-v127-center-wrap img,
  .home-v127-qr-wrap img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }

  .home-v127-center-wrap img{
    width:82% !important;
    margin-inline:auto !important;
    opacity:.96 !important;
  }

  /* Live archive rows mapped to the panel crop. */
  .home-v127-archive-link{
    position:absolute !important;
    z-index:4 !important;
    left:12% !important;
    width:76% !important;
    height:10% !important;
    background:transparent !important;
  }

  .home-v127-archive-link.row-1{top:29% !important;}
  .home-v127-archive-link.row-2{top:41% !important;}
  .home-v127-archive-link.row-3{top:53% !important;}
  .home-v127-archive-link.row-4{top:65% !important;}

  .home-v127-archive-link:focus-visible{
    outline:1px solid rgba(71,151,141,.86) !important;
    outline-offset:-2px !important;
  }

  /* Hide legacy homepage systems completely. */
  .mockup-home-v108,
  .deco-home-v107,
  .exact-home-stage,
  .exact-home-art{
    display:none !important;
  }

  .home-v127 .mobile-home-v100{
    display:none !important;
  }
}

/* Short laptop windows: slightly favor the hero, keep lower controls intact. */
@media(min-width:901px) and (max-height:760px){
  body.exact-home > header{
    min-height:58px !important;
    height:58px !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 58px) !important;
  }

  .home-v127-desktop{
    grid-template-rows:minmax(0,63%) minmax(0,37%) !important;
  }

  .home-v127-lower{
    padding-top:6px !important;
    padding-bottom:6px !important;
    grid-template-columns:minmax(330px,1.18fr) minmax(160px,.48fr) minmax(330px,1.18fr) !important;
    gap:clamp(10px,1.6vw,22px) !important;
  }
}

/* Tablet: use the same split idea, with tighter proportions. */
@media(max-width:900px) and (min-width:621px){
  .home-v127-desktop{
    display:grid !important;
    grid-template-rows:auto auto !important;
    width:100% !important;
  }

  .home-v127-hero{
    aspect-ratio:1448 / 554 !important;
    background:url("images/home-v127-hero.png") center/cover no-repeat !important;
  }

  .home-v127-lower{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
    padding:18px !important;
    align-items:start !important;
  }

  .home-v127-center-wrap{
    display:none !important;
  }

  .home-v127-archive-wrap,
  .home-v127-qr-wrap{
    height:auto !important;
    margin:0 !important;
    justify-self:center !important;
  }

  .home-v127-archive-wrap img,
  .home-v127-qr-wrap img{
    width:100% !important;
    height:auto !important;
  }

  .home-v127 .mobile-home-v100{
    display:none !important;
  }
}

/* Phone keeps the existing approved mobile homepage. */
@media(max-width:620px){
  .home-v127-desktop{
    display:none !important;
  }

  .home-v127{
    min-height:calc(100vh - 58px) !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  .home-v127 .mobile-home-v100{
    display:flex !important;
  }
}


/* =========================================================
   V130 — COMPLETE RESPONSIVE HOME
   Restores the full homepage: live nav + hero + Archive + accent + QR.
   ========================================================= */

@media(min-width:901px){

  body.exact-home{
    overflow:hidden !important;
    background:#031112 !important;
  }

  /* Keep the same centered live nav as the rest of the site.
     Home intentionally has no duplicate small brand at upper left. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    width:100vw !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 30px !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(182,124,47,.66) !important;
  }

  body.exact-home > header .brand{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.exact-home > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    gap:0 !important;
  }

  body.exact-home > header nav a{
    width:100% !important;
    min-height:42px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.exact-home #app{
    width:100vw !important;
    height:calc(100dvh - 58px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .home-v130{
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
    background:#031112 !important;
  }

  .home-v130-desktop{
    display:grid !important;
    grid-template-rows:minmax(0,61%) minmax(0,39%) !important;
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
  }

  /* ---------------- HERO ---------------- */
  .home-v130-hero{
    position:relative !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(182,124,47,.66) !important;
  }

  .home-v130-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }

  /* The button is baked into the hero image; this is its live hit area. */
  .home-v130-browse{
    position:absolute !important;
    z-index:5 !important;
    left:39.4% !important;
    top:64.5% !important;
    width:20.2% !important;
    height:11.2% !important;
    background:transparent !important;
    text-decoration:none !important;
  }

  .home-v130-browse:focus-visible{
    outline:1px solid #4d968e !important;
    outline-offset:-3px !important;
  }

  /* ---------------- LOWER ---------------- */
  .home-v130-lower{
    display:grid !important;
    grid-template-columns:minmax(360px,1.20fr) minmax(120px,.34fr) minmax(360px,1.20fr) !important;
    gap:clamp(20px,3vw,48px) !important;
    align-items:center !important;
    justify-items:center !important;
    min-height:0 !important;
    padding:10px clamp(52px,7vw,120px) 12px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(25,61,56,.12),transparent 48%),
      linear-gradient(180deg,#061817,#031112) !important;
  }

  /* Larger left/right panels, with the middle intentionally just an accent. */
  .home-v130-archive-card,
  .home-v130-qr-card{
    position:relative !important;
    width:min(100%,430px) !important;
    height:92% !important;
    max-height:330px !important;
    min-height:235px !important;
    box-sizing:border-box !important;
  }

  /* LIVE Archive card eliminates crop/AI-edge artifacts. */
  .home-v130-archive-card{
    justify-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:24px 34px 22px !important;
    border:1px solid rgba(181,121,45,.75) !important;
    background:
      radial-gradient(circle at 18% 8%,rgba(190,127,51,.04),transparent 28%),
      linear-gradient(180deg,#061817,#041312) !important;
    box-shadow:inset 0 0 0 6px #061817,
               inset 0 0 0 7px rgba(181,121,45,.17) !important;
  }

  .home-v130-corner{
    position:absolute !important;
    width:19px !important;
    height:19px !important;
    border-color:#b77b36 !important;
    opacity:.72 !important;
  }
  .home-v130-corner.tl{top:12px;left:12px;border-top:1px solid;border-left:1px solid;}
  .home-v130-corner.tr{top:12px;right:12px;border-top:1px solid;border-right:1px solid;}
  .home-v130-corner.bl{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid;}
  .home-v130-corner.br{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid;}

  .home-v130-archive-heading{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:13px !important;
    margin-bottom:15px !important;
  }

  .home-v130-archive-heading span{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(181,121,45,.72)) !important;
  }

  .home-v130-archive-heading span:last-child{
    transform:scaleX(-1) !important;
  }

  .home-v130-archive-heading h2{
    margin:0 !important;
    font-family:var(--fb-deco) !important;
    font-size:2.12rem !important;
    font-weight:300 !important;
    letter-spacing:.13em !important;
    color:#b77b37 !important;
    text-transform:uppercase !important;
    transform:scaleX(.82) scaleY(1.04) !important;
  }

  .home-v130-archive-list{
    display:flex !important;
    flex-direction:column !important;
  }

  .home-v130-archive-list a{
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(154,99,39,.40) !important;
    color:#bf8842 !important;
    font-family:var(--fb-body) !important;
    font-size:.70rem !important;
    letter-spacing:.08em !important;
    text-decoration:none !important;
  }

  .home-v130-archive-list a b{
    color:#4f968d !important;
    font-size:1.05rem !important;
    font-weight:300 !important;
  }

  .home-v130-accent{
    width:min(100%,150px) !important;
    height:72% !important;
    max-height:245px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .home-v130-accent img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    opacity:.94 !important;
  }

  /* QR stays large like the Archive, but crop artifacts are removed. */
  .home-v130-qr-card{
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .home-v130-qr-card img{
    display:block !important;
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:100% !important;
    object-fit:contain !important;
  }

  /* Hide older home systems. */
  .home-v127,
  .home-v127-desktop,
  .mockup-home-v108,
  .deco-home-v107,
  .exact-home-stage,
  .exact-home-art{
    display:none !important;
  }

  .home-v130 .mobile-home-v100{
    display:none !important;
  }
}

/* Short laptop windows: keep Archive/QR dominant, accent smaller. */
@media(min-width:901px) and (max-height:760px){
  body.exact-home > header{
    min-height:54px !important;
    height:54px !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 54px) !important;
  }

  .home-v130-desktop{
    grid-template-rows:minmax(0,60%) minmax(0,40%) !important;
  }

  .home-v130-lower{
    padding-top:7px !important;
    padding-bottom:7px !important;
  }

  .home-v130-archive-card,
  .home-v130-qr-card{
    max-height:285px !important;
    min-height:215px !important;
  }

  .home-v130-accent{
    max-height:185px !important;
    width:min(100%,120px) !important;
  }
}

/* Tablet: keep the existing responsive hierarchy but simplify the accent. */
@media(max-width:900px) and (min-width:621px){
  .home-v130-desktop{
    display:grid !important;
    grid-template-rows:auto auto !important;
  }

  .home-v130-hero{
    aspect-ratio:1672 / 590 !important;
  }

  .home-v130-hero > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-v130-lower{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
    padding:18px !important;
  }

  .home-v130-accent{
    display:none !important;
  }

  .home-v130-archive-card,
  .home-v130-qr-card{
    width:100% !important;
    height:auto !important;
    min-height:270px !important;
    justify-self:center !important;
  }

  .home-v130 .mobile-home-v100{
    display:none !important;
  }
}

/* Phone remains the previously approved mobile home. */
@media(max-width:620px){
  .home-v130-desktop{
    display:none !important;
  }

  .home-v130{
    min-height:calc(100vh - 58px) !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  .home-v130 .mobile-home-v100{
    display:flex !important;
  }
}


/* =========================================================
   V131 — HOME LOWER POLISH + NO HORIZONTAL SCROLL
   + CRISP/LOWER ARCHIVE SEASON LABELS
   ========================================================= */

/* ---------------------------------------------------------
   SITE-WIDE HORIZONTAL SCROLL FIX
   --------------------------------------------------------- */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}

body > header,
#app{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#app > *,
.season-page-v18,
.archive-page-v32,
.archive-family-page-v81,
.treasure-recipe-page{
  max-width:100% !important;
  box-sizing:border-box !important;
}

img,
svg{
  max-width:100%;
}

@media(min-width:901px){

  body.exact-home{
    overflow-y:hidden !important;
    background:#031112 !important;
  }

  /* Same centered live navigation as the rest of the site. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    width:100% !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 30px !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(182,124,47,.66) !important;
  }

  body.exact-home > header .brand{
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.exact-home > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    gap:0 !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 58px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .home-v131{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    background:#031112 !important;
  }

  .home-v131-desktop{
    display:grid !important;
    grid-template-rows:minmax(0,61%) minmax(0,39%) !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
  }

  /* ---------------- HERO: keep the V130 top exactly in spirit ---------------- */
  .home-v131-hero{
    position:relative !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#020b0e !important;
    border-bottom:1px solid rgba(182,124,47,.66) !important;
  }

  .home-v131-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }

  .home-v131-browse{
    position:absolute !important;
    z-index:5 !important;
    left:39.4% !important;
    top:64.5% !important;
    width:20.2% !important;
    height:11.2% !important;
    background:transparent !important;
  }

  /* ---------------- LOWER: bigger sides, small accent ---------------- */
  .home-v131-lower{
    display:grid !important;
    grid-template-columns:minmax(360px,1fr) 96px minmax(360px,1fr) !important;
    gap:clamp(30px,4vw,70px) !important;
    align-items:center !important;
    justify-items:center !important;
    width:100% !important;
    min-height:0 !important;
    padding:12px clamp(58px,7vw,120px) 14px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;

    background:
      radial-gradient(ellipse at 50% -8%,rgba(23,63,58,.16),transparent 45%),
      linear-gradient(180deg,#061817,#031112) !important;
  }

  .home-v131-archive-card,
  .home-v131-qr-card{
    width:min(100%,440px) !important;
    height:min(92%,300px) !important;
    min-height:235px !important;
    box-sizing:border-box !important;
  }

  /* Left: live Archive card, no image seams/artifacts. */
  .home-v131-archive-card{
    position:relative !important;
    justify-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:25px 37px 24px !important;
    border:1px solid rgba(181,121,45,.73) !important;
    background:
      radial-gradient(circle at 12% 10%,rgba(184,124,47,.04),transparent 25%),
      linear-gradient(180deg,#061817,#041312) !important;
    box-shadow:
      inset 0 0 0 6px #061817,
      inset 0 0 0 7px rgba(181,121,45,.15) !important;
  }

  .home-v131-corner{
    position:absolute !important;
    width:18px !important;
    height:18px !important;
    opacity:.62 !important;
  }

  .home-v131-corner.tl{top:12px;left:12px;border-top:1px solid #b77b36;border-left:1px solid #b77b36;}
  .home-v131-corner.tr{top:12px;right:12px;border-top:1px solid #b77b36;border-right:1px solid #b77b36;}
  .home-v131-corner.bl{bottom:12px;left:12px;border-bottom:1px solid #b77b36;border-left:1px solid #b77b36;}
  .home-v131-corner.br{bottom:12px;right:12px;border-bottom:1px solid #b77b36;border-right:1px solid #b77b36;}

  .home-v131-panel-title{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:14px !important;
    margin-bottom:15px !important;
  }

  .home-v131-panel-title span{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(181,121,45,.70)) !important;
  }

  .home-v131-panel-title span:last-child{
    transform:scaleX(-1) !important;
  }

  .home-v131-panel-title h2{
    margin:0 !important;
    font-family:var(--fb-deco) !important;
    font-size:2.05rem !important;
    font-weight:300 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
    color:#b77b37 !important;
    transform:scaleX(.82) scaleY(1.04) !important;
  }

  .home-v131-archive-list{
    display:flex !important;
    flex-direction:column !important;
  }

  .home-v131-archive-list a{
    min-height:39px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(151,96,37,.39) !important;
    color:#be8640 !important;
    font-family:var(--fb-body) !important;
    font-size:.70rem !important;
    letter-spacing:.08em !important;
    text-decoration:none !important;
  }

  .home-v131-archive-list a b{
    color:#52978f !important;
    font-size:1.06rem !important;
    font-weight:300 !important;
  }

  /* Center: pure CSS accent — no bitmap tile, no crop artifact. */
  .home-v131-accent{
    position:relative !important;
    width:76px !important;
    height:220px !important;
    align-self:center !important;
    opacity:.86 !important;
  }

  .home-v131-accent::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:4px !important;
    bottom:4px !important;
    width:1px !important;
    background:linear-gradient(transparent,rgba(181,121,45,.68) 12%,rgba(181,121,45,.68) 88%,transparent) !important;
  }

  .home-v131-accent-cap{
    position:absolute !important;
    top:9px !important;
    left:50% !important;
    width:8px !important;
    height:8px !important;
    background:#b77b36 !important;
    transform:translateX(-50%) rotate(45deg) !important;
  }

  .home-v131-accent-rays{
    position:absolute !important;
    top:55px !important;
    left:50% !important;
    width:64px !important;
    height:78px !important;
    transform:translateX(-50%) !important;
    background:
      linear-gradient(72deg,transparent 48.8%,rgba(181,121,45,.72) 49%,rgba(181,121,45,.72) 50%,transparent 50.2%),
      linear-gradient(81deg,transparent 48.8%,rgba(181,121,45,.72) 49%,rgba(181,121,45,.72) 50%,transparent 50.2%),
      linear-gradient(99deg,transparent 48.8%,rgba(181,121,45,.72) 49%,rgba(181,121,45,.72) 50%,transparent 50.2%),
      linear-gradient(108deg,transparent 48.8%,rgba(181,121,45,.72) 49%,rgba(181,121,45,.72) 50%,transparent 50.2%) !important;
  }

  .home-v131-accent-diamond{
    position:absolute !important;
    left:50% !important;
    bottom:34px !important;
    width:20px !important;
    height:20px !important;
    border:1px solid rgba(181,121,45,.88) !important;
    transform:translateX(-50%) rotate(45deg) !important;
  }

  .home-v131-accent-diamond::after{
    content:"" !important;
    position:absolute !important;
    inset:5px !important;
    border:1px solid rgba(181,121,45,.55) !important;
  }

  .home-v131-accent-stem{
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    width:1px !important;
    height:27px !important;
    background:rgba(181,121,45,.70) !important;
  }

  /* Right: live QR with clean Deco frame. */
  .home-v131-qr-card{
    position:relative !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .home-v131-qr-frame{
    position:relative !important;
    width:min(78%,245px) !important;
    aspect-ratio:1 / 1 !important;
    padding:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;

    border:1px solid rgba(181,121,45,.78) !important;
    outline:1px solid rgba(181,121,45,.27) !important;
    outline-offset:8px !important;
    background:#061817 !important;
    box-shadow:
      inset 0 0 0 7px #061817,
      inset 0 0 0 8px rgba(181,121,45,.21) !important;
  }

  .home-v131-qr-frame img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  .home-v131-qr-crown{
    position:absolute !important;
    z-index:3 !important;
    top:2px !important;
    left:50% !important;
    width:48px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateX(-50%) !important;
    background:#061817 !important;
  }

  .home-v131-qr-crown::before,
  .home-v131-qr-crown::after{
    content:"" !important;
    position:absolute !important;
    top:23px !important;
    width:58px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(181,121,45,.65)) !important;
  }

  .home-v131-qr-crown::before{
    right:33px !important;
  }

  .home-v131-qr-crown::after{
    left:33px !important;
    transform:scaleX(-1) !important;
  }

  .home-v131-qr-crown img{
    width:28px !important;
    height:auto !important;
    opacity:.90 !important;
  }

  /* Hide previous desktop homepage systems. */
  .home-v130,
  .home-v127,
  .mockup-home-v108,
  .deco-home-v107,
  .exact-home-stage,
  .exact-home-art{
    display:none !important;
  }

  .home-v131 .mobile-home-v100{
    display:none !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  body.exact-home > header{
    min-height:54px !important;
    height:54px !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 54px) !important;
  }

  .home-v131-desktop{
    grid-template-rows:minmax(0,60%) minmax(0,40%) !important;
  }

  .home-v131-archive-card,
  .home-v131-qr-card{
    height:min(92%,270px) !important;
    min-height:215px !important;
  }

  .home-v131-accent{
    height:180px !important;
    width:64px !important;
  }

  .home-v131-lower{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE HUB — LIVE LOWERED TITLES, NO FUZZY BAKED TEXT
   --------------------------------------------------------- */
.archive-season-poster-v73{
  position:relative !important;
  aspect-ratio:2 / 3 !important;
  overflow:hidden !important;
}

.archive-season-poster-v73 img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  transform:none !important;
}

/* No old title masking panels or interior blur. */
.archive-season-poster-v73::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(4,13,13,.34) 0%,rgba(4,13,13,.09) 25%,transparent 48%),
    linear-gradient(180deg,transparent 68%,rgba(4,13,13,.12) 100%) !important;
}

.archive-season-poster-v73::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:5 !important;
  inset:2px !important;
  border:1px solid rgba(214,152,68,.38) !important;
  border-radius:7px !important;
  pointer-events:none !important;
  background:none !important;
}

/* Bring back real HTML season names, slightly lower than before. */
.archive-season-poster-copy-v73{
  display:flex !important;
  position:absolute !important;
  z-index:4 !important;
  inset:0 !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:0 !important;
  pointer-events:none !important;
}

.archive-season-label-v80{
  position:absolute !important;
  top:9.5% !important;
  left:50% !important;
  margin:0 !important;
  color:#d3bd90 !important;
  font-family:var(--fb-deco) !important;
  font-size:clamp(1.65rem,2.25vw,2.15rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  transform:translateX(-50%) scaleX(.80) scaleY(1.04) !important;
  transform-origin:center !important;

  /* No blur/glow: particularly important on Spring. */
  text-shadow:
    0 1px 0 rgba(0,0,0,.46) !important;
  filter:none !important;
  opacity:.96 !important;
}


/* ---------------------------------------------------------
   TABLET: keep no-x-scroll rule and clean archive titles.
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  .home-v131-desktop{
    display:grid !important;
    grid-template-rows:auto auto !important;
  }

  .home-v131-hero{
    aspect-ratio:1672 / 590 !important;
  }

  .home-v131-hero > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-v131-lower{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
    padding:18px !important;
  }

  .home-v131-accent{
    display:none !important;
  }

  .home-v131-archive-card,
  .home-v131-qr-card{
    width:100% !important;
    height:auto !important;
    min-height:265px !important;
    justify-self:center !important;
  }

  .home-v131 .mobile-home-v100{
    display:none !important;
  }
}

@media(max-width:620px){
  .home-v131-desktop{
    display:none !important;
  }

  .home-v131{
    min-height:calc(100vh - 58px) !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  .home-v131 .mobile-home-v100{
    display:flex !important;
  }

  .archive-season-label-v80{
    top:9% !important;
    font-size:2rem !important;
  }
}


/* =========================================================
   V132 — ROOT SCROLL FIX + HOME LOWER BALANCE + ARCHIVE LABEL READABILITY
   ========================================================= */

/* ---------------------------------------------------------
   REMOVE HORIZONTAL SCROLL AT THE SOURCE
   Safari uses the root element for page scrolling. Avoid 100vw-sized
   live layouts and constrain the known full-width legacy elements.
   --------------------------------------------------------- */
html{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
}

body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
}

body > header,
#app{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#app{
  overflow-x:hidden !important;
}

.current-season-v18,
.archive-season-page-v18,
.archive-page-v32,
.archive-family-page-v81,
.treasure-recipe-page,
.archive-family-menu-v81,
.artifact34,
.season-card-v18{
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:clip !important;
}

/* These older full-viewport rules were a major source of the side-scroll. */
.archive-season-page-v18 .archive-menu-heading-v94,
.archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:auto !important;
  right:auto !important;
}

.archive-menu-title-row-v94{
  width:min(980px,calc(100% - 40px)) !important;
  max-width:100% !important;
}

.expedition-photo-zone{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:720px){
  .archive-season-page-v18 .archive-menu-heading-v94,
  .archive-season-page-v18 .season-heading-v18.archive-menu-heading-v94{
    width:100% !important;
  }

  .archive-menu-title-row-v94{
    width:calc(100% - 24px) !important;
  }
}

/* ---------------------------------------------------------
   HOME: truly lock the desktop homepage to the visible viewport.
   --------------------------------------------------------- */
@media(min-width:901px){

  html.exact-home-html,
  html.exact-home-html body{
    height:100% !important;
    min-height:100% !important;
    overflow:hidden !important;
  }

  body.exact-home{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }

  body.exact-home > header{
    width:100% !important;
    max-width:100% !important;
    min-height:58px !important;
    height:58px !important;
    padding-inline:30px !important;
  }

  body.exact-home #app{
    width:100% !important;
    max-width:100% !important;
    height:calc(100dvh - 58px) !important;
    overflow:hidden !important;
  }

  .home-v131,
  .home-v131-desktop{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  /* Slightly less hero, slightly more room for the lower composition. */
  .home-v131-desktop{
    grid-template-rows:minmax(0,58%) minmax(0,42%) !important;
  }

  .home-v131-hero{
    width:100% !important;
    max-width:100% !important;
  }

  .home-v131-hero > img{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }

  /* Fluid columns: no hard 360px minimums that can push the grid wider. */
  .home-v131-lower{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:minmax(0,1fr) clamp(68px,7vw,108px) minmax(0,1fr) !important;
    gap:clamp(22px,3.4vw,56px) !important;
    padding:10px clamp(34px,6vw,96px) 12px !important;
    overflow:hidden !important;
  }

  /* Side panels remain the visual anchors, but now fit completely. */
  .home-v131-archive-card,
  .home-v131-qr-card{
    width:min(100%,390px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .home-v131-archive-card{
    min-height:220px !important;
    max-height:245px !important;
    padding:20px 31px 19px !important;
  }

  .home-v131-panel-title{
    margin-bottom:10px !important;
  }

  .home-v131-panel-title h2{
    font-size:1.82rem !important;
  }

  .home-v131-archive-list a{
    min-height:34px !important;
    font-size:.66rem !important;
  }

  /* Center should read only as a decorative accent. */
  .home-v131-accent{
    width:58px !important;
    height:142px !important;
    opacity:.78 !important;
  }

  .home-v131-accent-rays{
    width:48px !important;
    height:52px !important;
    top:40px !important;
  }

  .home-v131-accent-diamond{
    width:16px !important;
    height:16px !important;
    bottom:24px !important;
  }

  .home-v131-accent-stem{
    height:20px !important;
  }

  /* Clean live QR panel using only the real QR code, no square background tile. */
  .home-v131-qr-card{
    min-height:220px !important;
    max-height:245px !important;
  }

  .home-v131-qr-frame{
    width:min(72%,215px) !important;
    padding:16px !important;
    outline-offset:6px !important;
  }

  .home-v131-qr-frame img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    object-fit:contain !important;
  }

  .home-v131-qr-crown{
    top:0 !important;
    width:42px !important;
    height:36px !important;
  }

  .home-v131-qr-crown img{
    width:23px !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  html.exact-home-html body.exact-home > header{
    min-height:54px !important;
    height:54px !important;
  }

  html.exact-home-html body.exact-home #app{
    height:calc(100dvh - 54px) !important;
  }

  .home-v131-desktop{
    grid-template-rows:minmax(0,57%) minmax(0,43%) !important;
  }

  .home-v131-archive-card{
    max-height:225px !important;
    min-height:205px !important;
  }

  .home-v131-qr-card{
    max-height:225px !important;
    min-height:205px !important;
  }

  .home-v131-qr-frame{
    width:min(68%,190px) !important;
  }

  .home-v131-accent{
    height:118px !important;
    width:50px !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE POSTERS: LOWER, CRISPER, MORE LEGIBLE SEASON NAMES
   --------------------------------------------------------- */
.archive-season-poster-v73::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;

  /* Darken only the upper title zone. No blur. */
  background:
    linear-gradient(
      180deg,
      rgba(3,10,10,.72) 0%,
      rgba(3,10,10,.58) 14%,
      rgba(3,10,10,.28) 27%,
      rgba(3,10,10,.06) 40%,
      transparent 50%
    ) !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.archive-season-label-v80{
  top:12.5% !important;
  color:#dec99e !important;
  -webkit-text-fill-color:#dec99e !important;
  font-size:clamp(1.72rem,2.3vw,2.18rem) !important;
  font-weight:300 !important;
  letter-spacing:.125em !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;

  /* Crisp separation from the photo without a glow/blur. */
  text-shadow:
    0 1px 0 rgba(0,0,0,.92),
    1px 0 0 rgba(0,0,0,.28),
    -1px 0 0 rgba(0,0,0,.28) !important;
}

@media(max-width:620px){
  .archive-season-label-v80{
    top:11.5% !important;
    font-size:1.85rem !important;
  }
}


/* =========================================================
   V133 — EXACT REFERENCE LOWER HOME + HARD HORIZONTAL SCROLL LOCK
   ========================================================= */

/* Strong Safari horizontal-scroll containment. */
html,
body{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow-x:hidden !important;
}

body{
  position:relative !important;
}

body > header,
#app{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  contain:paint !important;
}

#app > *{
  min-width:0 !important;
  max-width:100% !important;
}

/* Remove sideways overflow from transformed / extra-wide legacy headings. */
.archive-menu-title-row-v94,
.deco-season-title-row-v106,
.archive-family-title-row-v81,
.artifact34 > header.artifact34-header h1,
.current-season-v18 .season-card-copy-v18 h3{
  max-width:100% !important;
}

/* ---------------------------------------------------------
   DESKTOP HOME
   --------------------------------------------------------- */
@media(min-width:901px){

  html.exact-home-html,
  html.exact-home-html body{
    height:100% !important;
    overflow:hidden !important;
  }

  body.exact-home{
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
    background:#031112 !important;
  }

  body.exact-home > header{
    width:100% !important;
    max-width:100% !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 30px !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 58px) !important;
    overflow:hidden !important;
  }

  .home-v133{
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    background:#031112 !important;
  }

  .home-v133-desktop{
    display:grid !important;
    grid-template-rows:minmax(0,61.5%) minmax(0,38.5%) !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .home-v133-hero{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-bottom:1px solid rgba(182,124,47,.66) !important;
    background:#020b0e !important;
  }

  .home-v133-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }

  .home-v133-browse{
    position:absolute !important;
    z-index:5 !important;
    left:39.4% !important;
    top:64.5% !important;
    width:20.2% !important;
    height:11.2% !important;
    background:transparent !important;
  }

  /* The exact detailed lower section from the approved reference. */
  .home-v133-lower{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#061817 !important;
  }

  .home-v133-lower > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:fill !important;
  }

  /* Invisible live archive links over the four rows in the reference art. */
  .home-v133-archive-link{
    position:absolute !important;
    z-index:5 !important;
    left:10.2% !important;
    width:19.5% !important;
    height:10.8% !important;
    background:transparent !important;
  }

  .home-v133-archive-link.row-1{top:31.0% !important;}
  .home-v133-archive-link.row-2{top:43.2% !important;}
  .home-v133-archive-link.row-3{top:55.4% !important;}
  .home-v133-archive-link.row-4{top:67.6% !important;}

  /* Hide the previous desktop homepage implementations completely. */
  .home-v131,
  .home-v130,
  .home-v127,
  .mockup-home-v108,
  .deco-home-v107,
  .exact-home-stage,
  .exact-home-art{
    display:none !important;
  }

  .home-v133 .mobile-home-v100{
    display:none !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  body.exact-home > header{
    min-height:54px !important;
    height:54px !important;
  }

  body.exact-home #app{
    height:calc(100dvh - 54px) !important;
  }

  .home-v133-desktop{
    grid-template-rows:minmax(0,60%) minmax(0,40%) !important;
  }
}

/* Tablet keeps the split home but avoids any side overflow. */
@media(max-width:900px) and (min-width:621px){
  .home-v133-desktop{
    display:grid !important;
    grid-template-rows:auto auto !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .home-v133-hero{
    aspect-ratio:1672 / 590 !important;
  }

  .home-v133-hero > img,
  .home-v133-lower > img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }

  .home-v133-lower{
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .home-v133 .mobile-home-v100{
    display:none !important;
  }
}

/* Phone remains the existing dedicated phone home. */
@media(max-width:620px){
  .home-v133-desktop{
    display:none !important;
  }

  .home-v133{
    min-height:calc(100vh - 58px) !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }

  .home-v133 .mobile-home-v100{
    display:flex !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE HUB: LOWER + MUCH MORE READABLE LIVE SEASON NAMES
   --------------------------------------------------------- */
.archive-season-poster-v73::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;

  /* Dark, clean title zone — no blur or glow. */
  background:
    linear-gradient(
      180deg,
      rgba(2,9,9,.84) 0%,
      rgba(2,9,9,.70) 13%,
      rgba(2,9,9,.47) 25%,
      rgba(2,9,9,.15) 37%,
      transparent 48%
    ) !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.archive-season-label-v80{
  top:14.5% !important;
  width:92% !important;
  color:#e0c995 !important;
  -webkit-text-fill-color:#e0c995 !important;
  font-size:clamp(1.82rem,2.5vw,2.35rem) !important;
  font-weight:300 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
  text-shadow:0 1px 0 rgba(0,0,0,.96) !important;
}

@media(max-width:620px){
  .archive-season-label-v80{
    top:13.5% !important;
    font-size:1.95rem !important;
  }
}


/* =========================================================
   V137 — STABLE MAC HOME + CLEAN POSTCARDS + PHONE HEADER FIXES
   Desktop Home deliberately returns to the V133 composition.
   ========================================================= */

/* ---------------------------------------------------------
   MAC / DESKTOP HOME
   Do not stretch, squash or recompose the version that was working.
   --------------------------------------------------------- */
@media(min-width:901px){

  .home-v133-desktop{
    grid-template-rows:minmax(0,61.5%) minmax(0,38.5%) !important;
  }

  .home-v133-hero{
    overflow:hidden !important;
  }

  .home-v133-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
    transform:none !important;
  }

  .home-v133-lower{
    overflow:hidden !important;
  }

  .home-v133-lower > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:fill !important;
    object-position:center center !important;
    transform:none !important;
  }

  .home-v133-browse{
    left:39.4% !important;
    top:64.5% !important;
    width:20.2% !important;
    height:11.2% !important;
  }

  .home-v133-archive-link{
    left:10.2% !important;
    width:19.5% !important;
    height:10.8% !important;
  }

  .home-v133-archive-link.row-1{top:31.0% !important;}
  .home-v133-archive-link.row-2{top:43.2% !important;}
  .home-v133-archive-link.row-3{top:55.4% !important;}
  .home-v133-archive-link.row-4{top:67.6% !important;}

  /* Keep the current two-drink menu a bit narrower, as requested. */
  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    width:min(640px,82%) !important;
    max-width:640px !important;
    gap:18px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE POSTCARDS
   Remove the weird top box completely.
   Use the same photos with crisp postcard-script names bottom-left.
   --------------------------------------------------------- */
.archive-season-poster-v73{
  position:relative !important;
  overflow:hidden !important;
  background:#11120f !important;
  border:2px solid rgba(194,145,68,.62) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.25),
    inset 0 0 0 1px rgba(235,203,143,.16) !important;
}

/* Remove every legacy title-box/shade artifact. */
.archive-season-poster-v73 .archive-season-poster-shade-v73,
.archive-season-poster-v73 .archive-season-poster-shade-v73::before,
.archive-season-poster-v73 .archive-season-poster-shade-v73::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Only a soft lower vignette for script legibility. */
.archive-season-poster-v73::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  background:
    linear-gradient(
      0deg,
      rgba(8,6,3,.68) 0%,
      rgba(8,6,3,.34) 14%,
      rgba(8,6,3,.10) 29%,
      transparent 43%
    ),
    radial-gradient(ellipse at center,transparent 69%,rgba(22,15,7,.08) 100%) !important;
}

.archive-season-poster-v73::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:5 !important;
  inset:3px !important;
  pointer-events:none !important;
  border:1px solid rgba(226,187,116,.22) !important;
  border-radius:5px !important;
  background:none !important;
  box-shadow:none !important;
}

.archive-season-poster-v73 img{
  filter:sepia(.045) saturate(.95) contrast(1.02) brightness(.99) !important;
  transform:none !important;
}

.archive-season-poster-copy-v73{
  position:absolute !important;
  z-index:4 !important;
  inset:0 !important;
  display:block !important;
  padding:0 !important;
  background:none !important;
  pointer-events:none !important;
}

.archive-season-label-v80{
  position:absolute !important;
  top:auto !important;
  left:8% !important;
  right:auto !important;
  bottom:7.5% !important;
  width:84% !important;
  margin:0 !important;

  font-family:
    "Snell Roundhand",
    "Apple Chancery",
    "Brush Script MT",
    "Segoe Script",
    cursive !important;
  font-size:clamp(2.15rem,3vw,3rem) !important;
  font-weight:500 !important;
  line-height:.86 !important;
  letter-spacing:.005em !important;
  text-align:left !important;
  text-transform:none !important;

  color:#efd69f !important;
  -webkit-text-fill-color:#efd69f !important;
  opacity:1 !important;
  filter:none !important;
  backdrop-filter:none !important;
  transform:none !important;
  text-shadow:
    0 1px 0 rgba(55,32,10,.98),
    0 2px 4px rgba(0,0,0,.43) !important;
}


/* ---------------------------------------------------------
   IPHONE HOME — preserve the good phone layout, remove header ghosting.
   --------------------------------------------------------- */
@media(max-width:620px){

  body.exact-home{
    background:#041314 !important;
    background-image:none !important;
  }

  body.exact-home > header{
    position:relative !important;
    z-index:100 !important;
    background:#041314 !important;
    background-image:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  body.exact-home > header::before,
  body.exact-home > header::after{
    content:none !important;
    display:none !important;
  }

  .home-v133{
    background:#041314 !important;
    background-image:none !important;
  }

  .home-v133 .mobile-home-v100{
    background:
      linear-gradient(180deg,rgba(2,13,14,.76),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }


  /* -------------------------------------------------------
     IPHONE ARCHIVE HEADER — true centered lockup.
     ------------------------------------------------------- */
  .archive-page-v32{
    width:100% !important;
    padding:22px 12px 34px !important;
    box-sizing:border-box !important;
  }

  .archive-page-v32 .archive-hero-v32{
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    margin:0 auto 18px !important;
    padding:0 !important;
    text-align:center !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  .archive-page-v32 .archive-hero-top-v63{
    display:grid !important;
    grid-template-columns:1fr !important;
    place-items:center !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  .archive-page-v32 .archive-stat-v63{
    display:none !important;
  }

  .archive-page-v32 .archive-title-lockup-v63{
    display:block !important;
    width:min(100%,350px) !important;
    max-width:350px !important;
    margin:0 auto !important;
    padding:0 !important;
    justify-self:center !important;
    text-align:center !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  .archive-page-v32 .archive-title-lockup-v63 .eyebrow,
  .archive-page-v32 .archive-era-v65{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .archive-page-v32 .archive-title-row-v64{
    display:grid !important;
    grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr) !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:340px !important;
    margin:4px auto 0 !important;
    padding:0 !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }

  .archive-page-v32 .archive-title-row-v64 h1{
    margin:0 auto !important;
    text-align:center !important;
    transform:scaleX(.80) scaleY(1.05) !important;
    transform-origin:center center !important;
  }

  .archive-page-v32 .archive-crown-v65,
  .archive-page-v32 .archive-deco-fan-v65,
  .archive-page-v32 .archive-rule-v32{
    left:auto !important;
    right:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }


  /* Compact 2x2 postcard grid stays locked. */
  .archive-season-grid-v73{
    width:min(100%,420px) !important;
    max-width:420px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .archive-season-poster-v73{
    width:100% !important;
    min-width:0 !important;
    aspect-ratio:1.18 / 1 !important;
    min-height:0 !important;
    border-radius:8px !important;
  }

  .archive-season-poster-v73 img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transform:none !important;
  }

  .archive-season-summer-v137 img{object-position:center 58% !important;}
  .archive-season-fall-v137 img{object-position:center 60% !important;}
  .archive-season-winter-v137 img{object-position:center 56% !important;}
  .archive-season-spring-v137 img{object-position:center 61% !important;}

  .archive-season-label-v80{
    left:8% !important;
    bottom:7% !important;
    width:84% !important;
    font-size:clamp(1.65rem,8.7vw,2.28rem) !important;
  }
}


/* ---------------------------------------------------------
   Reassert no horizontal scroll.
   --------------------------------------------------------- */
html,
body,
#app{
  max-width:100% !important;
  overflow-x:hidden !important;
}

body > header,
#app > *{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}


/* =========================================================
   V138 — ROYAL TEAL LOWER HOME + CLEAN APPROVED POSTERS
   + NATURAL QR PINEAPPLE + NARROWER RECIPE CARDS
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP HOME
   Keep the stable V133 hero and rebuild ONLY the lower portion.
   --------------------------------------------------------- */
@media(min-width:901px){

  .home-v138{
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    background:#031112 !important;
  }

  .home-v138-desktop{
    display:grid !important;
    grid-template-rows:minmax(0,61.5%) minmax(0,38.5%) !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .home-v138-hero{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-bottom:1px solid rgba(196,139,55,.76) !important;
    background:#020b0e !important;
  }

  .home-v138-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }

  .home-v138-browse{
    position:absolute !important;
    z-index:5 !important;
    left:39.4% !important;
    top:64.5% !important;
    width:20.2% !important;
    height:11.2% !important;
  }

  /* Royal-teal lower field: richer than the black hero, still restrained. */
  .home-v138-lower{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(120px,15vw,230px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:clamp(24px,4vw,66px) !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    padding:16px clamp(54px,7vw,112px) 18px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;

    background:
      radial-gradient(ellipse at 50% 20%,rgba(26,123,126,.18),transparent 48%),
      linear-gradient(180deg,#07565b 0%,#04494e 55%,#033e43 100%) !important;
  }

  .home-v138-lower::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    opacity:.13 !important;
    background:
      radial-gradient(circle at 14px 14px,transparent 12px,rgba(221,177,95,.10) 13px,transparent 14px) 0 0/28px 28px !important;
  }

  .home-v138-archive,
  .home-v138-qr{
    position:relative !important;
    z-index:2 !important;
    width:min(100%,390px) !important;
    min-height:220px !important;
    max-height:255px !important;
    box-sizing:border-box !important;
    background:rgba(2,26,28,.30) !important;
    border:1px solid rgba(205,148,58,.78) !important;
    box-shadow:
      inset 0 0 0 5px rgba(2,40,42,.32),
      inset 0 0 0 6px rgba(205,148,58,.18),
      0 13px 30px rgba(0,0,0,.18) !important;
  }

  .home-v138-archive{
    justify-self:start !important;
    padding:22px 34px 20px !important;
  }

  .home-v138-panel-title{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:17px !important;
    margin-bottom:12px !important;
  }

  .home-v138-panel-title span{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(205,148,58,.70)) !important;
  }

  .home-v138-panel-title span:last-child{
    background:linear-gradient(90deg,rgba(205,148,58,.70),transparent) !important;
  }

  .home-v138-panel-title h2{
    margin:0 !important;
    color:#d09a49 !important;
    font-family:var(--fb-deco) !important;
    font-size:1.85rem !important;
    font-weight:300 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
  }

  .home-v138-archive-list{
    display:flex !important;
    flex-direction:column !important;
  }

  .home-v138-archive-list a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:36px !important;
    border-bottom:1px solid rgba(205,148,58,.38) !important;
    color:#e1af60 !important;
    font-family:var(--fb-body) !important;
    font-size:.67rem !important;
    font-weight:500 !important;
    letter-spacing:.105em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
  }

  .home-v138-archive-list a:last-child{
    border-bottom:0 !important;
  }

  .home-v138-archive-list b{
    color:#e5b05a !important;
    font-size:1rem !important;
    font-weight:400 !important;
  }

  .home-v138-center{
    position:relative !important;
    z-index:2 !important;
    justify-self:center !important;
    align-self:center !important;
    width:min(100%,210px) !important;
    height:92% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .home-v138-center::before,
  .home-v138-center::after{
    content:"" !important;
    position:absolute !important;
    top:4% !important;
    bottom:4% !important;
    width:1px !important;
    background:linear-gradient(180deg,transparent,rgba(216,160,68,.72) 14%,rgba(216,160,68,.72) 86%,transparent) !important;
  }

  .home-v138-center::before{left:-18px !important;}
  .home-v138-center::after{right:-18px !important;}

  .home-v138-center img{
    display:block !important;
    width:auto !important;
    height:min(94%,220px) !important;
    max-width:100% !important;
    object-fit:contain !important;
    opacity:.94 !important;
  }

  .home-v138-qr{
    justify-self:end !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px 26px 15px !important;
  }

  /* Natural aspect ratio: this is the fix for the squat/fat pineapple. */
  .home-v138-qr-pineapple{
    height:48px !important;
    margin-bottom:-4px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    z-index:3 !important;
  }

  .home-v138-qr-pineapple img{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:none !important;
    object-fit:contain !important;
  }

  .home-v138-qr-frame{
    position:relative !important;
    width:min(56%,150px) !important;
    aspect-ratio:1/1 !important;
    padding:10px !important;
    box-sizing:border-box !important;
    background:#efe1bf !important;
    border:1px solid rgba(222,165,75,.95) !important;
    box-shadow:
      0 0 0 5px rgba(3,55,58,.88),
      0 0 0 6px rgba(215,156,65,.64) !important;
  }

  .home-v138-qr-frame::before,
  .home-v138-qr-frame::after{
    content:"" !important;
    position:absolute !important;
    inset:-15px !important;
    pointer-events:none !important;
    border:1px solid rgba(210,151,61,.60) !important;
  }

  .home-v138-qr-frame::after{
    inset:-22px !important;
    border-color:rgba(210,151,61,.28) !important;
  }

  .home-v138-qr-frame img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  .home-v138-qr-copy{
    margin-top:16px !important;
    text-align:center !important;
    text-transform:uppercase !important;
  }

  .home-v138-qr-copy small{
    display:block !important;
    color:#e0a959 !important;
    font-family:var(--fb-body) !important;
    font-size:.50rem !important;
    letter-spacing:.22em !important;
  }

  .home-v138-qr-copy strong{
    display:block !important;
    margin-top:4px !important;
    color:#e3b15d !important;
    font-family:var(--fb-deco) !important;
    font-size:.92rem !important;
    font-weight:300 !important;
    letter-spacing:.12em !important;
  }

  .home-v138 .mobile-home-v100{
    display:none !important;
  }

  /* Hide all previous desktop home shells. */
  .home-v133,
  .home-v131,
  .home-v130,
  .home-v127,
  .mockup-home-v108,
  .deco-home-v107,
  .exact-home-stage,
  .exact-home-art{
    display:none !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .home-v138-desktop{
    grid-template-rows:minmax(0,60%) minmax(0,40%) !important;
  }

  .home-v138-lower{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .home-v138-archive,
  .home-v138-qr{
    min-height:205px !important;
    max-height:225px !important;
  }

  .home-v138-center img{
    height:min(90%,192px) !important;
  }
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */
@media(max-width:900px) and (min-width:621px){
  .home-v138-desktop{
    display:grid !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .home-v138-hero{
    aspect-ratio:1672/590 !important;
  }

  .home-v138-hero > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-v138-lower{
    display:grid !important;
    grid-template-columns:1fr 110px 1fr !important;
    gap:18px !important;
    padding:18px !important;
    background:linear-gradient(180deg,#07565b,#033e43) !important;
  }

  .home-v138-archive,
  .home-v138-qr{
    min-width:0 !important;
  }

  .home-v138-center img{
    width:100% !important;
    height:auto !important;
  }

  .home-v138 .mobile-home-v100{
    display:none !important;
  }
}


/* ---------------------------------------------------------
   IPHONE HOME
   Exactly ONE background image. Every legacy background layer is cleared.
   --------------------------------------------------------- */
@media(max-width:620px){

  .home-v138-desktop{
    display:none !important;
  }

  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v138{
    background:#041314 !important;
    background-image:none !important;
  }

  body.exact-home::before,
  body.exact-home::after,
  body.exact-home #app::before,
  body.exact-home #app::after,
  .home-v138::before,
  .home-v138::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  body.exact-home > header{
    position:relative !important;
    z-index:100 !important;
    background:#041314 !important;
    background-image:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  .home-v138{
    min-height:calc(100vh - 58px) !important;
  }

  /* The phone's ONE intended background image lives here and nowhere else. */
  .home-v138 .mobile-home-v100{
    display:flex !important;
    background:
      linear-gradient(180deg,rgba(2,13,14,.80),rgba(2,12,13,.96)),
      url("images/homepage-approved-body.jpg") center 26% / cover no-repeat !important;
  }
}


/* ---------------------------------------------------------
   ARCHIVE SEASON POSTERS
   New approved artwork; no HTML overlay box at all.
   Clip only the damaged outer edge so the clean inner gold border survives.
   --------------------------------------------------------- */
.archive-season-poster-v73{
  position:relative !important;
  overflow:hidden !important;
  background:#071616 !important;
  border:2px solid rgba(197,139,51,.76) !important;
  border-radius:7px !important;
  box-shadow:
    0 10px 23px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(235,204,146,.12) !important;
}

.archive-season-poster-v73::before,
.archive-season-poster-v73::after,
.archive-season-poster-shade-v73,
.archive-season-poster-copy-v73{
  content:none !important;
  display:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.archive-season-poster-v73 img{
  position:absolute !important;
  inset:-2.4% !important;
  width:104.8% !important;
  height:104.8% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:saturate(.96) contrast(1.015) brightness(.99) !important;
}

@media(max-width:620px){
  .archive-season-grid-v73{
    width:min(100%,420px) !important;
    max-width:420px !important;
    margin:0 auto !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .archive-season-poster-v73{
    aspect-ratio:1.05/1 !important;
    min-height:0 !important;
  }

  /* Keep the baked script names visible in the compact phone crops. */
  .archive-season-summer-v138 img{object-position:center 77% !important;}
  .archive-season-fall-v138 img{object-position:center 76% !important;}
  .archive-season-winter-v138 img{object-position:center 76% !important;}
  .archive-season-spring-v138 img{object-position:center 77% !important;}
}


/* ---------------------------------------------------------
   RECIPE CARDS — desktop was too wide.
   --------------------------------------------------------- */
@media(min-width:761px){
  .treasure-recipe-page{
    max-width:980px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .artifact34{
    width:min(100%,900px) !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:34px !important;
    padding-right:34px !important;
  }

  .artifact34-body{
    grid-template-columns:minmax(0,45%) minmax(0,55%) !important;
    gap:28px !important;
  }

  .artifact34-photo{
    min-height:325px !important;
  }

  .artifact34-photo img{
    min-height:325px !important;
    max-height:385px !important;
  }

  .recipe-footer-v36{
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ---------------------------------------------------------
   Final horizontal-scroll containment.
   --------------------------------------------------------- */
html,
body,
#app{
  max-width:100% !important;
  overflow-x:hidden !important;
}

body > header,
#app > *{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}


/* =========================================================
   V139 — LOCKED HOME
   Exact desktop reference approved 2026-08-20.
   Do not redesign this composition in later passes unless asked.
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP/TABLET HOME
   The approved reference is an undistorted artboard.
   It "covers" the viewport by cropping edges only — never stretching.
   --------------------------------------------------------- */
@media(min-width:621px){

  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#061a25 !important;
  }

  body.exact-home > header,
  body.exact-home > footer{
    display:none !important;
  }

  .home-v139{
    position:relative !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#061a25 !important;
  }

  .home-v139-desktop{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    overflow:hidden !important;
    background:#061a25 !important;
  }

  /*
    This artboard preserves the source ratio (1672 × 941).
    max() makes it cover both wide and tall viewports without distortion.
  */
  .home-v139-artboard{
    position:absolute !important;
    z-index:1 !important;
    left:50% !important;
    top:50% !important;
    width:max(100vw, calc(100dvh * 1.7768331562)) !important;
    aspect-ratio:1672 / 941 !important;
    transform:translate(-50%,-50%) !important;
    overflow:hidden !important;
  }

  .home-v139-art{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:fill !important;
    transform:none !important;
  }

  /* Live click targets over the baked-in navigation and menu entries. */
  .home-v139-hotspot{
    position:absolute !important;
    z-index:5 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    text-decoration:none !important;
  }

  .home-v139-hotspot.nav-home{
    left:36.9% !important;
    top:1.0% !important;
    width:6.2% !important;
    height:5.0% !important;
  }

  .home-v139-hotspot.nav-cocktails{
    left:44.5% !important;
    top:1.0% !important;
    width:9.2% !important;
    height:5.0% !important;
  }

  .home-v139-hotspot.nav-archive{
    left:54.7% !important;
    top:1.0% !important;
    width:8.5% !important;
    height:5.0% !important;
  }

  .home-v139-hotspot.browse{
    left:39.2% !important;
    top:52.0% !important;
    width:20.4% !important;
    height:6.4% !important;
  }

  .home-v139-hotspot.archive-year{
    left:18.1% !important;
    width:16.8% !important;
    height:4.2% !important;
  }

  .home-v139-hotspot.archive-year.row-1{top:76.6% !important;}
  .home-v139-hotspot.archive-year.row-2{top:80.9% !important;}
  .home-v139-hotspot.archive-year.row-3{top:85.2% !important;}
  .home-v139-hotspot.archive-year.row-4{top:89.5% !important;}

  /*
    Replace the generated QR pattern in the mockup with the site's real QR.
    The surrounding approved gold frame/pineapple remain part of the reference.
  */
  .home-v139-live-qr{
    position:absolute !important;
    z-index:4 !important;
    left:70.0% !important;
    top:78.7% !important;
    width:8.15% !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* Old desktop home constructs are not part of V139. */
  .home-v139 > .home-v138-desktop,
  .home-v138-hero,
  .home-v138-lower{
    display:none !important;
  }

  .home-v139 .mobile-home-v100{
    display:none !important;
  }
}


/* ---------------------------------------------------------
   PHONE HOME
   Keep the already-approved dedicated phone layout.
   Exactly one intended image layer; no ghost image behind it.
   --------------------------------------------------------- */
@media(max-width:620px){

  .home-v139-desktop{
    display:none !important;
  }

  body.exact-home > header{
    display:grid !important;
    position:relative !important;
    z-index:100 !important;
    background:#041314 !important;
    background-image:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  body.exact-home::before,
  body.exact-home::after,
  body.exact-home #app::before,
  body.exact-home #app::after,
  .home-v139::before,
  .home-v139::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  .home-v139{
    background:#041314 !important;
    background-image:none !important;
  }

  .home-v139 .mobile-home-v100{
    display:flex !important;
  }
}


/* ---------------------------------------------------------
   RECIPE CARD — larger Chinese title treatment.
   Desktop: use the otherwise-empty lower-right portion of the card.
   --------------------------------------------------------- */
@media(min-width:761px){

  .artifact34{
    position:relative !important;
    width:min(100%,900px) !important;
    max-width:900px !important;
    padding-bottom:128px !important;
  }

  .artifact34-stencil{
    position:absolute !important;
    z-index:3 !important;
    right:42px !important;
    bottom:30px !important;
    width:51% !important;
    min-height:82px !important;
    margin:0 !important;
    padding:0 !important;
    border-top:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-end !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  .artifact34-stencil span{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    font-family:"Songti SC","STSong","SimSun",serif !important;
    font-size:clamp(4.8rem,6.2vw,6.7rem) !important;
    line-height:.82 !important;
    letter-spacing:.035em !important;
    text-align:right !important;
    white-space:nowrap !important;
    color:#99683e !important;
    opacity:.38 !important;
    transform:rotate(-.25deg) !important;
    transform-origin:right bottom !important;
    filter:contrast(.94) !important;
  }
}

/* Phone recipe treatment stays contained. */
@media(max-width:760px){
  .artifact34-stencil{
    position:static !important;
    width:auto !important;
    min-height:0 !important;
    margin:20px 7px 0 !important;
    padding:17px 18px 1px !important;
    border-top:1px solid rgba(121,76,33,.32) !important;
    display:block !important;
  }

  .artifact34-stencil span{
    white-space:normal !important;
    text-align:center !important;
    font-size:clamp(2.7rem,12vw,3.8rem) !important;
  }
}


/* ---------------------------------------------------------
   V139 hard stop for browser side-scrolling.
   --------------------------------------------------------- */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}

#app,
#app > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}


/* =========================================================
   V140 — NEW IPHONE HOME
   Replaces the old V100/V138 mobile homepage entirely.
   No background image is applied to body/app/home wrappers.
   ========================================================= */

.mobile-home-v140{
  display:none;
}

@media(max-width:620px){

  /* Do not allow any old home class to inject an image behind this page. */
  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v139,
  .home-v140,
  .mobile-home-v140,
  .mobile-home-v140-lower{
    background-image:none !important;
  }

  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v140{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    background:#061a25 !important;
    overflow-x:hidden !important;
  }

  .home-v139-desktop{
    display:none !important;
  }

  /* Home header now mirrors the locked desktop nav instead of the old phone header. */
  body.exact-home > header{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 14px !important;
    background:#061a25 !important;
    background-image:none !important;
    border-bottom:1px solid rgba(202,143,54,.76) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    overflow:hidden !important;
  }

  body.exact-home > header::before,
  body.exact-home > header::after{
    content:none !important;
    display:none !important;
  }

  body.exact-home > header .brand{
    display:none !important;
  }

  body.exact-home > header nav{
    grid-column:1 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,auto) !important;
    gap:28px !important;
    width:auto !important;
    margin:0 auto !important;
  }

  body.exact-home > header nav a{
    min-height:58px !important;
    padding:0 2px !important;
    font-size:.65rem !important;
    letter-spacing:.15em !important;
    color:#d8a24b !important;
  }

  body.exact-home > header nav a.active::after{
    bottom:7px !important;
    left:0 !important;
    right:0 !important;
    height:1px !important;
    background:#d4a04d !important;
  }

  body.exact-home::before,
  body.exact-home::after,
  body.exact-home #app::before,
  body.exact-home #app::after,
  .home-v140::before,
  .home-v140::after,
  .mobile-home-v140::before,
  .mobile-home-v140::after{
    content:none !important;
    display:none !important;
  }

  .mobile-home-v140{
    display:block !important;
    width:100% !important;
    min-height:calc(100dvh - 58px) !important;
    overflow:hidden !important;
    background:#061a25 !important;
  }

  /*
    This is an actual image element, not a background.
    It cannot repeat, float behind other sections, or ghost under the header.
  */
  .mobile-home-v140-hero{
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
    background:#071416 !important;
    border-bottom:1px solid rgba(202,143,54,.78) !important;
  }

  .mobile-home-v140-hero img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  .mobile-home-v140-browse{
    position:absolute !important;
    z-index:3 !important;
    left:24.0% !important;
    top:74.5% !important;
    width:52.0% !important;
    height:12.5% !important;
    display:block !important;
  }

  .mobile-home-v140-lower{
    position:relative !important;
    padding:22px 18px 34px !important;
    box-sizing:border-box !important;
    background:
      radial-gradient(ellipse at 50% 0%,rgba(23,70,75,.28),transparent 52%),
      linear-gradient(180deg,#0a3341 0%,#082b38 48%,#061f2b 100%) !important;
  }

  .mobile-home-v140-archive{
    width:min(100%,390px) !important;
    margin:0 auto !important;
    padding:22px 25px 20px !important;
    box-sizing:border-box !important;
    background:rgba(3,24,31,.62) !important;
    border:1px solid rgba(202,143,54,.72) !important;
    box-shadow:
      inset 0 0 0 4px rgba(8,52,59,.30),
      inset 0 0 0 5px rgba(202,143,54,.14) !important;
  }

  .mobile-home-v140-title{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:13px !important;
    margin-bottom:10px !important;
  }

  /* Only the two decorative rule spans get the gold stroke.  The Archive
     lettering itself contains nested spans, so targeting every span gave the
     phone title an unintended highlight behind the word. */
  .mobile-home-v140-title > span{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(206,151,66,.64)) !important;
  }

  .mobile-home-v140-title > span:last-child{
    background:linear-gradient(90deg,rgba(206,151,66,.64),transparent) !important;
  }

  .mobile-home-v140-title h2{
    margin:0 !important;
    font-family:var(--fb-deco) !important;
    font-size:1.72rem !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    color:#d6a052 !important;
  }

  .mobile-home-v140-list{
    display:flex !important;
    flex-direction:column !important;
  }

  .mobile-home-v140-list a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:45px !important;
    border-bottom:1px solid rgba(204,146,57,.34) !important;
    color:#d8a354 !important;
    font-family:var(--fb-body) !important;
    font-size:.72rem !important;
    font-weight:500 !important;
    letter-spacing:.11em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
  }

  .mobile-home-v140-list a:last-child{
    border-bottom:0 !important;
  }

  .mobile-home-v140-list b{
    color:#76a88c !important;
    font-size:1rem !important;
    font-weight:400 !important;
  }

  .mobile-home-v140-full{
    display:block !important;
    width:100% !important;
    margin-top:14px !important;
    padding:12px 10px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(202,143,54,.52) !important;
    color:#d1a057 !important;
    font-family:var(--fb-body) !important;
    font-size:.60rem !important;
    font-weight:500 !important;
    letter-spacing:.16em !important;
    text-align:center !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
  }

  .mobile-home-v140-signoff{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:11px !important;
    width:min(210px,72%) !important;
    margin:25px auto 0 !important;
    color:#668f7b !important;
  }

  .mobile-home-v140-signoff span{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(104,145,124,.50)) !important;
  }

  .mobile-home-v140-signoff span:last-child{
    background:linear-gradient(90deg,rgba(104,145,124,.50),transparent) !important;
  }

  .mobile-home-v140-signoff i{
    font-style:normal !important;
    font-size:.54rem !important;
  }

  /* Old V100/V138 mobile home is gone in V140. */
  .mobile-home-v100{
    display:none !important;
    background:none !important;
    background-image:none !important;
  }
}

/* Retain the hard no-side-scroll rule. */
html,
body,
#app{
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}


/* =========================================================
   V141 — PHONE QR + HIGHER ARCHIVE LABELS + COMPACT 2-COLUMN MENU
   ========================================================= */

@media(max-width:620px){

  /* -------------------------------------------------------
     HOME: phone-friendly QR sharing panel
     ------------------------------------------------------- */
  .mobile-home-v141-share{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 122px !important;
    align-items:center !important;
    gap:18px !important;

    width:min(100%,390px) !important;
    margin:0 auto 16px !important;
    padding:18px 18px 18px 20px !important;
    box-sizing:border-box !important;

    background:
      linear-gradient(135deg,rgba(11,58,67,.93),rgba(5,35,45,.95)) !important;
    border:1px solid rgba(202,143,54,.66) !important;
    box-shadow:
      inset 0 0 0 4px rgba(8,52,59,.28),
      inset 0 0 0 5px rgba(202,143,54,.11) !important;
  }

  .mobile-home-v141-share-copy{
    min-width:0 !important;
  }

  .mobile-home-v141-share-copy small{
    display:block !important;
    margin-bottom:6px !important;

    font-family:var(--fb-body) !important;
    font-size:.55rem !important;
    font-weight:500 !important;
    letter-spacing:.16em !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
    color:#78a88f !important;
  }

  .mobile-home-v141-share-copy strong{
    display:block !important;

    font-family:var(--fb-deco) !important;
    font-size:1.36rem !important;
    font-weight:300 !important;
    letter-spacing:.08em !important;
    line-height:1.02 !important;
    text-transform:uppercase !important;
    color:#d5a155 !important;
  }

  .mobile-home-v141-share-copy p{
    margin:8px 0 0 !important;
    max-width:150px !important;

    font-family:var(--fb-serif) !important;
    font-size:.78rem !important;
    line-height:1.35 !important;
    color:#bdaf91 !important;
  }

  .mobile-home-v141-qr-frame{
    position:relative !important;
    width:116px !important;
    aspect-ratio:1/1 !important;
    justify-self:end !important;
    padding:7px !important;
    box-sizing:border-box !important;

    background:#efe1bd !important;
    border:1px solid rgba(218,159,68,.92) !important;
    box-shadow:
      0 0 0 4px rgba(4,43,50,.95),
      0 0 0 5px rgba(204,145,57,.56) !important;
  }

  .mobile-home-v141-qr-frame::before{
    content:"" !important;
    position:absolute !important;
    inset:-10px !important;
    pointer-events:none !important;
    border:1px solid rgba(204,145,57,.28) !important;
  }

  .mobile-home-v141-qr-frame img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }


  /* -------------------------------------------------------
     ARCHIVE: raise baked postcard season names
     The names are part of the images. On phone we shift the
     visible crop upward and reduce overscan so the script no
     longer sits against / under the border.
     ------------------------------------------------------- */
  .archive-season-poster-v73 img{
    inset:-1.0% !important;
    width:102% !important;
    height:102% !important;
  }

  .archive-season-summer-v138 img{
    object-position:center 70% !important;
  }

  .archive-season-fall-v138 img{
    object-position:center 69% !important;
  }

  .archive-season-winter-v138 img{
    object-position:center 69% !important;
  }

  .archive-season-spring-v138 img{
    object-position:center 70% !important;
  }


  /* -------------------------------------------------------
     CURRENT SEASON: compact two-card-per-row browsing.
     This applies only to the CURRENT menu on phones.
     Archive/year menus retain their existing layout.
     ------------------------------------------------------- */
  .current-season-v18 .season-card-grid-v18,
  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;

    width:min(100%,420px) !important;
    max-width:420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .current-season-v18 .season-card-v18{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    border-radius:7px !important;
  }

  .current-season-v18 .season-card-photo-v18{
    width:100% !important;
    aspect-ratio:1.02 / 1 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .current-season-v18 .season-card-photo-v18 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  .current-season-v18 .season-card-copy-v18{
    min-height:78px !important;
    padding:9px 8px 10px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .current-season-v18 .season-card-kicker-v18{
    margin-bottom:4px !important;
    font-size:.45rem !important;
    letter-spacing:.12em !important;
    line-height:1.15 !important;
  }

  .current-season-v18 .season-card-copy-v18 h3{
    margin:0 !important;
    font-size:clamp(.92rem,4.5vw,1.12rem) !important;
    line-height:1.02 !important;
    letter-spacing:.025em !important;
  }

  .current-season-v18 .season-card-divider-v18{
    width:58px !important;
    margin:7px auto 0 !important;
  }

  /* The browse card does not need the full summary on a phone.
     The recipe page still contains the complete information. */
  .current-season-v18 .season-card-copy-v18 p{
    display:none !important;
  }

  .current-season-v18 .season-card-copy-v18::after{
    display:none !important;
  }

  .current-season-v18 .season-random-v18{
    margin-top:34px !important;
  }
}


/* Very narrow phones still keep 2 columns, but tighten slightly. */
@media(max-width:360px){
  .current-season-v18 .season-content-v18{
    padding-left:9px !important;
    padding-right:9px !important;
  }

  .current-season-v18 .season-card-grid-v18,
  .current-season-v18 .season-card-grid-v18.two-cards-v18{
    gap:8px !important;
  }

  .current-season-v18 .season-card-copy-v18{
    min-height:73px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .current-season-v18 .season-card-copy-v18 h3{
    font-size:.90rem !important;
  }

  .mobile-home-v141-share{
    grid-template-columns:minmax(0,1fr) 105px !important;
    gap:13px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .mobile-home-v141-qr-frame{
    width:100px !important;
  }
}


/* =========================================================
   V142 — PHONE ARCHIVED MENUS MATCH CURRENT MENU BROWSING
   Archived year menus now use the same compact 2-column scan
   pattern as the Current Menu, while keeping archive colours.
   ========================================================= */

@media(max-width:620px){

  /* Give archived menus enough horizontal room for two useful cards. */
  .archive-season-page-v18 .season-content-v18{
    width:100% !important;
    max-width:440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:18px 12px 46px !important;
    box-sizing:border-box !important;
  }

  .archive-season-page-v18 .season-category-v18{
    width:100% !important;
    margin:0 !important;
  }

  /* Same efficient 2-up browsing model as Current Menu. */
  .archive-season-page-v18 .season-card-grid-v18,
  .archive-season-page-v18 .season-card-grid-v18.two-cards-v18{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;

    width:min(100%,420px) !important;
    max-width:420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .archive-season-page-v18 .season-card-v18{
    display:block !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;

    border:1px solid rgba(157,101,38,.64) !important;
    border-radius:7px !important;
    background:linear-gradient(180deg,rgba(10,17,16,.98),rgba(6,12,11,.99)) !important;
    box-shadow:
      0 7px 16px rgba(0,0,0,.24),
      inset 0 0 0 1px rgba(177,116,44,.04) !important;
  }

  /* Preserve the "archived menu" inset line without eating card space. */
  .archive-season-page-v18 .season-card-v18::before{
    inset:3px !important;
    border-color:rgba(164,105,40,.16) !important;
    border-radius:4px !important;
  }

  .archive-season-page-v18 .season-card-photo-v18{
    width:100% !important;
    aspect-ratio:1.02 / 1 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .archive-season-page-v18 .season-card-photo-v18 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }

  .archive-season-page-v18 .season-card-copy-v18{
    min-height:78px !important;
    padding:9px 8px 10px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .archive-season-page-v18 .season-card-kicker-v18{
    margin-bottom:4px !important;
    font-size:.45rem !important;
    letter-spacing:.12em !important;
    line-height:1.15 !important;
  }

  .archive-season-page-v18 .season-card-copy-v18 h3{
    margin:0 !important;
    font-size:clamp(.92rem,4.5vw,1.12rem) !important;
    line-height:1.02 !important;
    letter-spacing:.035em !important;
  }

  .archive-season-page-v18 .season-card-divider-v18{
    width:58px !important;
    margin:7px auto 0 !important;
  }

  /* Archive browse screen stays concise; recipe page has the full text. */
  .archive-season-page-v18 .season-card-copy-v18 p{
    display:none !important;
  }

  .archive-season-page-v18 .season-card-copy-v18::after{
    display:none !important;
  }

  .archive-season-page-v18 .archive-return-v18{
    margin-top:28px !important;
  }
}


/* Very narrow phones: keep two columns and tighten just a touch. */
@media(max-width:360px){

  .archive-season-page-v18 .season-content-v18{
    padding-left:9px !important;
    padding-right:9px !important;
  }

  .archive-season-page-v18 .season-card-grid-v18,
  .archive-season-page-v18 .season-card-grid-v18.two-cards-v18{
    gap:8px !important;
  }

  .archive-season-page-v18 .season-card-copy-v18{
    min-height:73px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .archive-season-page-v18 .season-card-copy-v18 h3{
    font-size:.90rem !important;
  }
}


/* =========================================================
   V143 — PHONE ARCHIVE SEASON NAMES HIGHER
   The season names are baked into the poster artwork.
   Increasing object-position moves the visible crop downward
   through the source image, which raises the baked name inside
   the phone card.
   ========================================================= */

@media(max-width:620px){

  .archive-season-poster-v73 img{
    inset:-0.5% !important;
    width:101% !important;
    height:101% !important;
  }

  .archive-season-summer-v138 img{
    object-position:center 83% !important;
  }

  .archive-season-fall-v138 img{
    object-position:center 82% !important;
  }

  .archive-season-winter-v138 img{
    object-position:center 82% !important;
  }

  .archive-season-spring-v138 img{
    object-position:center 83% !important;
  }
}


/* =========================================================
   V144 — PHONE QR DECOR + DESKTOP BLUE PALETTE MATCH
   ========================================================= */

@media(max-width:620px){

  /* Match the locked Mac homepage blue rather than the brighter teal. */
  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v140,
  .mobile-home-v140,
  .mobile-home-v140-lower{
    background:#061a25 !important;
  }

  .mobile-home-v140-lower{
    background:
      radial-gradient(ellipse at 50% 0%,
        rgba(30,58,76,.22) 0%,
        rgba(16,42,57,.12) 36%,
        transparent 66%),
      linear-gradient(180deg,
        #0b2533 0%,
        #08212e 48%,
        #061a25 100%) !important;
  }

  /* QR panel now looks like the Mac lower-right Deco panel. */
  .mobile-home-v141-share{
    grid-template-columns:minmax(0,1fr) 126px !important;
    gap:18px !important;
    width:min(100%,390px) !important;
    margin:0 auto 18px !important;
    padding:20px 18px 20px 22px !important;

    background:
      linear-gradient(180deg,rgba(7,29,40,.98),rgba(5,24,34,.99)) !important;
    border:1px solid rgba(206,150,61,.76) !important;
    box-shadow:
      inset 0 0 0 5px rgba(6,26,37,.96),
      inset 0 0 0 6px rgba(206,150,61,.20),
      0 10px 24px rgba(0,0,0,.20) !important;
  }

  .mobile-home-v141-share::before,
  .mobile-home-v141-share::after{
    content:"" !important;
    position:absolute !important;
    pointer-events:none !important;
  }

  .mobile-home-v141-share{
    position:relative !important;
  }

  .mobile-home-v141-share::before{
    inset:8px !important;
    border:1px solid rgba(206,150,61,.22) !important;
  }

  .mobile-home-v141-share::after{
    left:50% !important;
    top:11px !important;
    width:8px !important;
    height:8px !important;
    transform:translateX(-50%) rotate(45deg) !important;
    border:1px solid rgba(206,150,61,.68) !important;
    background:#061a25 !important;
  }

  .mobile-home-v141-share-copy small{
    margin-bottom:7px !important;
    color:#c89242 !important;
    font-size:.53rem !important;
    letter-spacing:.18em !important;
  }

  .mobile-home-v141-share-copy strong{
    color:#d8a458 !important;
    font-size:1.42rem !important;
    letter-spacing:.09em !important;
  }

  /* Removed the explanatory sentence beneath the QR title. */
  .mobile-home-v141-share-copy p{
    display:none !important;
  }

  /* More Deco, less generic "QR card". */
  .mobile-home-v141-qr-frame{
    width:118px !important;
    padding:8px !important;
    background:#ead9b4 !important;
    border:1px solid rgba(218,164,76,.98) !important;
    box-shadow:
      0 0 0 4px #08212e,
      0 0 0 5px rgba(209,151,60,.80),
      0 0 0 10px #061a25,
      0 0 0 11px rgba(209,151,60,.38) !important;
  }

  .mobile-home-v141-qr-frame::before{
    inset:-16px !important;
    border:1px solid rgba(209,151,60,.34) !important;
  }

  .mobile-home-v141-qr-frame::after{
    content:"◆" !important;
    display:block !important;
    position:absolute !important;
    left:50% !important;
    bottom:-27px !important;
    transform:translateX(-50%) !important;
    color:#cf9741 !important;
    font-size:.70rem !important;
    line-height:1 !important;
    background:#061a25 !important;
    padding:0 5px !important;
  }

  /* Recent Archive card uses the same blue/gold family. */
  .mobile-home-v140-archive{
    background:linear-gradient(180deg,rgba(7,29,40,.96),rgba(5,24,34,.98)) !important;
    border-color:rgba(206,150,61,.72) !important;
    box-shadow:
      inset 0 0 0 4px rgba(6,26,37,.96),
      inset 0 0 0 5px rgba(206,150,61,.16) !important;
  }

  .mobile-home-v140-list b,
  .mobile-home-v140-signoff{
    color:#c89242 !important;
  }

  .mobile-home-v140-signoff span{
    background:linear-gradient(90deg,transparent,rgba(200,146,66,.40)) !important;
  }

  .mobile-home-v140-signoff span:last-child{
    background:linear-gradient(90deg,rgba(200,146,66,.40),transparent) !important;
  }
}

@media(max-width:360px){
  .mobile-home-v141-share{
    grid-template-columns:minmax(0,1fr) 108px !important;
  }

  .mobile-home-v141-qr-frame{
    width:102px !important;
  }
}


/* =========================================================
   V145 — MAC QR DESIGN IN PORTRAIT + LANDSCAPE PHONE SCROLL
   ========================================================= */

/* ---------------------------------------------------------
   PORTRAIT PHONE
   Use the exact QR panel from the locked Mac homepage.
   The real QR code is overlaid on the baked mockup code.
   --------------------------------------------------------- */
@media(max-width:620px) and (orientation:portrait){

  .mobile-home-v141-share{
    display:none !important;
  }

  .mobile-home-v145-share{
    display:block !important;
    position:relative !important;

    width:min(100%,390px) !important;
    aspect-ratio:500 / 340 !important;
    margin:0 auto 18px !important;

    overflow:hidden !important;
    background:#061a25 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .mobile-home-v145-share-art{
    display:block !important;
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }

  /*
    Exact replacement area for the generated QR inside the Mac panel.
    The surrounding bronze pineapple / geometric frame remain untouched.
  */
  .mobile-home-v145-share-qr{
    display:block !important;
    position:absolute !important;
    z-index:3 !important;

    left:32.8% !important;
    top:40.7% !important;
    width:27.7% !important;
    aspect-ratio:1/1 !important;

    object-fit:contain !important;
  }

  /* Keep the lower area in the same dark blue as the locked desktop. */
  .mobile-home-v140-lower{
    background:
      radial-gradient(ellipse at 50% 0%,
        rgba(26,52,68,.20) 0%,
        rgba(16,38,51,.10) 38%,
        transparent 66%),
      linear-gradient(180deg,
        #0a2230 0%,
        #081f2c 48%,
        #061a25 100%) !important;
  }
}


/* ---------------------------------------------------------
   LANDSCAPE PHONE
   Keep the full locked Mac-style page, but make the artboard
   part of normal document flow so the user can scroll down
   to Archive and QR instead of having the bottom clipped.
   --------------------------------------------------------- */
@media(orientation:landscape) and (max-width:950px) and (max-height:520px){

  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app{
    height:auto !important;
    min-height:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#061a25 !important;
  }

  body.exact-home{
    position:relative !important;
  }

  body.exact-home > header,
  body.exact-home > footer{
    display:none !important;
  }

  .home-v139,
  .home-v140{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    background:#061a25 !important;
  }

  .home-v139-desktop{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    overflow:visible !important;
  }

  .home-v139-artboard{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;

    width:100vw !important;
    height:auto !important;
    aspect-ratio:1672 / 941 !important;

    overflow:hidden !important;
  }

  .home-v139-art{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }

  .home-v139-live-qr{
    display:block !important;
  }

  /* Portrait-only home is hidden in landscape. */
  .mobile-home-v140,
  .mobile-home-v145-share{
    display:none !important;
  }

  /*
    Leave enough room below the artboard for Safari's bottom chrome
    and make the entire locked page comfortably scrollable.
  */
  .home-v139-desktop::after{
    content:"" !important;
    display:block !important;
    height:28px !important;
    background:#061a25 !important;
  }
}


/* Reassert no sideways scrolling anywhere. */
html,
body,
#app{
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}


/* =========================================================
   V146 — SINGLE CLEAN QR
   Removes the visible "QR-on-top-of-QR" effect on both the
   locked Mac Home and the portrait iPhone Mac-style QR panel.
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP / LANDSCAPE LOCKED HOME
   Cover the generated QR completely with a cream plate, then
   place the real QR cleanly within it.
   Coordinates match the baked QR area in the 1672×941 art.
   --------------------------------------------------------- */
@media(min-width:621px){

  .home-v139-live-qr{
    left:69.1986% !important;     /* 1157 / 1672 */
    top:78.2147% !important;      /* 736 / 941 */
    width:9.0909% !important;     /* 152 / 1672 */
    height:14.558% !important;    /* 137 / 941 */
    aspect-ratio:auto !important;

    box-sizing:border-box !important;
    padding:3.6% 8.0% !important;

    background:#ead9b4 !important;
    object-fit:contain !important;
    object-position:center !important;

    border:0 !important;
    box-shadow:none !important;
  }
}


/* ---------------------------------------------------------
   PORTRAIT PHONE MAC-STYLE QR PANEL
   Same fix using the exact QR rectangle in the 500×340 panel.
   --------------------------------------------------------- */
@media(max-width:620px) and (orientation:portrait){

  .mobile-home-v145-share-qr{
    left:31.4% !important;        /* 157 / 500 */
    top:40.0% !important;         /* 136 / 340 */
    width:30.4% !important;       /* 152 / 500 */
    height:40.294% !important;    /* 137 / 340 */
    aspect-ratio:auto !important;

    box-sizing:border-box !important;
    padding:3.5% 7.8% !important;

    background:#ead9b4 !important;
    object-fit:contain !important;
    object-position:center !important;

    border:0 !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V147 — QR IS BAKED INTO ARTWORK; NO LIVE OVERLAY EXISTS
   ========================================================= */

.home-v139-live-qr,
.mobile-home-v145-share-qr{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   V149 — QR CLEAN ROLLBACK
   The QR is now ONLY the original artwork baked into the
   approved Mac panel and portrait-phone panel.
   No replacement QR, recolour, cream plate, or live overlay.
   ========================================================= */

.home-v139-live-qr,
.mobile-home-v145-share-qr,
.home-real-qr,
.real-qr-overlay{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Keep the portrait phone QR panel itself exactly as artwork. */
@media(max-width:620px) and (orientation:portrait){
  .mobile-home-v145-share{
    background:#061a25 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .mobile-home-v145-share-art{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }
}


/* =========================================================
   V150 — SINGLE-FRAME QR
   QR is part of the artwork. No live overlay or second frame.
   ========================================================= */
.home-v139-live-qr,
.mobile-home-v145-share-qr{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   V152 — QR ONLY
   Outer Deco frame + QR only.
   No pineapple. No side diamonds. No live QR overlay.
   ========================================================= */
.home-v139-live-qr,
.mobile-home-v145-share-qr{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   V155 — DYNAMIC ARCHIVE FAMILIES
   Spring / Summer / Fall / Winter link to family folders.
   Counts are unique archived cocktail names per family and
   update automatically when site.archive / cocktails.json change.
   ========================================================= */

@media(min-width:621px){

  /*
    Live Archive panel covers the old baked year list.
    Its size/position tracks the original 1672×941 Home artboard.
  */
  .home-v155-archive-panel{
    position:absolute !important;
    z-index:6 !important;
    left:15.1% !important;
    top:67.7% !important;
    width:21.1% !important;
    height:30.3% !important;
    box-sizing:border-box !important;
    padding:23px 35px 17px !important;

    background:
      radial-gradient(ellipse at 45% 35%,rgba(18,55,68,.22),transparent 66%),
      linear-gradient(180deg,#082331 0%,#061c28 100%) !important;

    border:1px solid rgba(202,148,60,.88) !important;
    box-shadow:
      inset 0 0 0 6px #061c28,
      inset 0 0 0 7px rgba(202,148,60,.23) !important;

    color:#d4a254 !important;
    overflow:hidden !important;
  }

  .home-v155-archive-panel::before,
  .home-v155-archive-panel::after{
    content:"" !important;
    position:absolute !important;
    width:27px !important;
    height:27px !important;
    border-color:#c99543 !important;
    pointer-events:none !important;
  }

  .home-v155-archive-panel::before{
    left:10px !important;
    top:10px !important;
    border-left:1px solid !important;
    border-top:1px solid !important;
  }

  .home-v155-archive-panel::after{
    right:10px !important;
    bottom:10px !important;
    border-right:1px solid !important;
    border-bottom:1px solid !important;
  }

  .home-v155-archive-title{
    font-family:var(--fb-deco) !important;
    font-size:clamp(1.38rem,2.15vw,2.18rem) !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
    text-align:center !important;
    color:#d2a057 !important;
  }

  .home-v155-archive-rule,
  .home-v155-archive-foot{
    display:grid !important;
    grid-template-columns:1fr 8px 1fr !important;
    align-items:center !important;
    gap:9px !important;
  }

  .home-v155-archive-rule{
    margin:11px 0 3px !important;
  }

  .home-v155-archive-foot{
    width:56% !important;
    margin:8px auto 0 !important;
  }

  .home-v155-archive-rule span,
  .home-v155-archive-foot span{
    height:1px !important;
    background:rgba(199,143,53,.58) !important;
  }

  .home-v155-archive-rule i,
  .home-v155-archive-foot i{
    width:6px !important;
    height:6px !important;
    justify-self:center !important;
    transform:rotate(45deg) !important;
    border:1px solid #c99543 !important;
  }

  .home-v155-archive-list{
    display:flex !important;
    flex-direction:column !important;
  }

  .home-v155-archive-list a{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 34px 18px !important;
    align-items:center !important;
    min-height:39px !important;
    border-bottom:1px solid rgba(192,137,52,.36) !important;

    font-family:var(--fb-body) !important;
    font-size:.72rem !important;
    font-weight:500 !important;
    letter-spacing:.105em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    color:#d0a053 !important;
  }

  .home-v155-archive-list a:last-child{
    border-bottom:0 !important;
  }

  .home-v155-archive-list b{
    font:inherit !important;
    letter-spacing:.06em !important;
    text-align:right !important;
    color:#8ea88e !important;
  }

  .home-v155-archive-list em{
    font-style:normal !important;
    font-size:1rem !important;
    text-align:right !important;
    color:#d1a054 !important;
  }
}


/* Phone Archive list: family + unique cocktail count + arrow. */
@media(max-width:620px){

  .mobile-home-v155-family-list a{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 34px 18px !important;
    column-gap:8px !important;
  }

  .mobile-home-v155-family-list .mobile-home-v155-count{
    justify-self:end !important;
    font-family:var(--fb-body) !important;
    font-size:.67rem !important;
    font-weight:500 !important;
    letter-spacing:.07em !important;
    color:#8ea88e !important;
  }

  .mobile-home-v155-family-list em{
    justify-self:end !important;
    font-style:normal !important;
    color:#d1a054 !important;
    font-size:1rem !important;
  }
}


/* =========================================================
   V156 — RESTORED LOCKED HOME + NO ARCHIVE ARROWS
   ========================================================= */

@media(min-width:621px){

  /* Archive box keeps dynamic links/counts but no arrow column. */
  .home-v155-archive-list a{
    grid-template-columns:minmax(0,1fr) 42px !important;
  }

  .home-v155-archive-list em{
    display:none !important;
  }

  /* Blend the live dynamic Archive panel into the richer restored lower art. */
  .home-v155-archive-panel{
    background:
      radial-gradient(ellipse at 45% 35%,rgba(16,58,70,.20),transparent 64%),
      linear-gradient(180deg,#082838 0%,#062331 100%) !important;
  }

  .home-v155-archive-list b{
    color:#d0a053 !important;
    font-variant-numeric:tabular-nums !important;
  }
}

@media(max-width:620px){

  .mobile-home-v155-family-list a{
    grid-template-columns:minmax(0,1fr) 40px !important;
  }

  .mobile-home-v155-family-list em{
    display:none !important;
  }

  .mobile-home-v155-family-list .mobile-home-v155-count{
    color:#d0a053 !important;
    font-variant-numeric:tabular-nums !important;
  }
}


/* =========================================================
   V157 — LOCKED HOME RESET
   Source of truth after the V154–V156 drift.
   ========================================================= */

/* Never allow page-level horizontal drift. */
html,body,#app{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
}

@media(min-width:621px){
  /* New baked art uses the locked bar/chairs/couch/blue-wall hero and
     the approved rich-blue center/QR lower section. */
  .home-v139-hotspot.browse{
    left:36.5% !important;
    top:47.7% !important;
    width:25.0% !important;
    height:7.0% !important;
  }

  /* The archive FRAME is baked into the approved lower artwork.
     Only the changing text/counts are live. */
  .home-v155-archive-panel{
    left:15.0% !important;
    top:68.0% !important;
    width:21.2% !important;
    height:28.8% !important;
    padding:18px 43px 12px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .home-v155-archive-panel::before,
  .home-v155-archive-panel::after{
    content:none !important;
    display:none !important;
  }

  .home-v155-archive-title{
    font-size:clamp(1.25rem,1.9vw,1.92rem) !important;
    letter-spacing:.065em !important;
    color:#d3a158 !important;
  }

  .home-v155-archive-rule{
    margin:9px 0 2px !important;
  }

  .home-v155-archive-list a{
    grid-template-columns:minmax(0,1fr) 38px !important;
    min-height:36px !important;
    font-size:.70rem !important;
    letter-spacing:.095em !important;
    border-bottom:1px solid rgba(190,139,62,.37) !important;
  }

  .home-v155-archive-list b{
    color:#d3a158 !important;
    font-variant-numeric:tabular-nums !important;
  }

  /* The bottom flourish is already part of the baked frame. */
  .home-v155-archive-foot{
    display:none !important;
  }
}

@media(max-width:620px){
  /* Locked family order is rendered by JS; keep the phone list uncluttered. */
  .mobile-home-v155-family-list a{
    grid-template-columns:minmax(0,1fr) 40px !important;
  }
  .mobile-home-v155-family-list em{display:none !important;}
  .mobile-home-v155-family-list .mobile-home-v155-count{
    color:#d0a053 !important;
    font-variant-numeric:tabular-nums !important;
  }

  /* Make sure the dedicated hero remains the only hero image in portrait. */
  .mobile-home-v140-hero{
    background:#061a25 !important;
  }
  .mobile-home-v140-hero img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   V160 — LOCKED HOMEPAGE REFRESH
   Approved desktop artboard only.  Preserve the V159 season
   poster faces and all non-homepage behavior.
   ========================================================= */

@media(min-width:621px){
  /* The approved V160 artboard already contains the Archive copy and seasons.
     Keep it visually untouched and use invisible click targets only. */
  .home-v155-archive-panel{display:none !important;}

  .home-v160-archive-title-hotspot,
  .home-v160-season-hotspot{
    position:absolute !important;
    z-index:7 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    text-decoration:none !important;
  }

  .home-v160-archive-title-hotspot{
    left:20.5% !important;
    top:70.8% !important;
    width:10.2% !important;
    height:5.2% !important;
  }

  .home-v160-season-hotspot.winter{
    left:17.6% !important;
    top:77.2% !important;
    width:7.1% !important;
    height:4.4% !important;
  }
  .home-v160-season-hotspot.spring{
    left:27.0% !important;
    top:77.2% !important;
    width:7.0% !important;
    height:4.4% !important;
  }
  .home-v160-season-hotspot.summer{
    left:17.6% !important;
    top:84.7% !important;
    width:7.3% !important;
    height:4.5% !important;
  }
  .home-v160-season-hotspot.fall{
    left:27.4% !important;
    top:84.7% !important;
    width:5.6% !important;
    height:4.5% !important;
  }

  /* Match the newly approved browse button position precisely. */
  .home-v139-hotspot.browse{
    left:40.2% !important;
    top:45.7% !important;
    width:20.8% !important;
    height:6.9% !important;
  }
}

/* Page-title language approved alongside V160: keep existing page layouts,
   but unify the tall Deco title face and restrained gold ornamentation. */
.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1,
.deco-season-title-row-v106 h1,
.archive-menu-title-row-v94 h1{
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  letter-spacing:.13em !important;
}

.archive-page-v32 .archive-title-row-v64 h1{
  color:#d7a754 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.28) !important;
}

/* =========================================================
   V161 — MOBILE HOME PARITY + UNIFIED DECO PAGE TITLES
   ========================================================= */

@media(max-width:620px){
  .mobile-home-v161-share{
    display:block !important;
    width:min(100%,390px) !important;
    margin:0 auto 18px !important;
    padding:16px 18px 18px !important;
    box-sizing:border-box !important;
    background:rgba(3,24,31,.62) !important;
    border:1px solid rgba(202,143,54,.72) !important;
    box-shadow:
      inset 0 0 0 4px rgba(8,52,59,.30),
      inset 0 0 0 5px rgba(202,143,54,.14) !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
  }

  .mobile-home-v161-share-title{
    margin:0 0 12px !important;
    text-align:center !important;
    font-family:var(--fb-deco) !important;
    font-size:1.02rem !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
    color:#d6a052 !important;
  }

  .mobile-home-v161-share-frame{
    width:min(100%,260px) !important;
    margin:0 auto !important;
  }

  .mobile-home-v161-share-art{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .mobile-home-v161-archive{
    padding:22px 25px 20px !important;
  }

  .mobile-home-v161-title h2{
    font-size:1.8rem !important;
    letter-spacing:.14em !important;
    color:#d6a052 !important;
  }

  .mobile-home-v161-season-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px 18px !important;
    width:min(100%,260px) !important;
    margin:12px auto 10px !important;
  }

  .mobile-home-v161-season-grid a{
    display:block !important;
    padding:7px 0 8px !important;
    text-align:center !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    font-family:var(--fb-deco) !important;
    font-size:1.02rem !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    color:#d8a354 !important;
    border-top:1px solid rgba(204,146,57,.34) !important;
    border-bottom:1px solid rgba(204,146,57,.34) !important;
  }

  .mobile-home-v161-full{
    margin-top:16px !important;
  }
}

/* Unified page-title language based on the approved Archive heading. */
.archive-page-v32 .eyebrow,
.archive-family-kicker-v81,
.season-heading-v18 .eyebrow{
  color:#d5a155 !important;
  font-family:var(--fb-body) !important;
  font-size:.74rem !important;
  font-weight:500 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}

.archive-page-v32 .archive-era-v65,
.archive-family-subtitle-v81,
.archive-season-page-v18 .season-heading-v18 p,
.season-heading-v18 .season-rule-v18 + p{
  color:#c6b596 !important;
  font-family:var(--fb-body) !important;
  font-size:.86rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.archive-page-v32 .archive-title-row-v64,
.archive-family-title-row-v81,
.archive-menu-title-row-v94,
.deco-season-title-row-v106{
  align-items:center !important;
}

.archive-page-v32 .archive-title-row-v64 h1,
.archive-family-title-row-v81 h1,
.archive-menu-title-row-v94 h1,
.deco-season-title-row-v106 h1{
  color:#d6a052 !important;
  font-family:var(--fb-deco) !important;
  font-weight:300 !important;
  line-height:.9 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

.archive-page-v32 .archive-title-row-v64 h1{
  font-size:clamp(3rem,5.8vw,5.25rem) !important;
}

.archive-family-title-row-v81 h1,
.archive-menu-title-row-v94 h1,
.deco-season-title-row-v106 h1{
  font-size:clamp(2.8rem,5.4vw,4.9rem) !important;
}

@media(max-width:620px){
  .archive-page-v32 .archive-title-row-v64 h1,
  .archive-family-title-row-v81 h1,
  .archive-menu-title-row-v94 h1,
  .deco-season-title-row-v106 h1{
    font-size:clamp(2.15rem,9.2vw,3.1rem) !important;
    letter-spacing:.13em !important;
  }

  .archive-page-v32 .eyebrow,
  .archive-family-kicker-v81,
  .season-heading-v18 .eyebrow,
  .archive-page-v32 .archive-era-v65,
  .archive-family-subtitle-v81{
    letter-spacing:.18em !important;
    font-size:.68rem !important;
  }
}


/* =========================================================
   V162 — IPHONE HOME SEASON TYPE MATCHES LOCKED MAC HOME
   ========================================================= */
@media(max-width:620px){
  .mobile-home-v161-season-grid a{
    font-family:var(--fb-serif) !important;
    font-size:1.12rem !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:.08em !important;
    color:#d8a354 !important;
  }
}

/* =========================================================
   V163 — LOCKED DECO PAGE-HEADER SYSTEM
   Based on the approved Archive mockup. Reusable for all
   non-recipe content pages so future pages stay consistent.
   ========================================================= */
.deco-page-header-v163{
  width:min(1120px,94%);
  margin:0 auto 42px;
  padding:10px 0 4px;
  text-align:center;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.deco-page-eyebrow-v163{
  margin:0 0 12px;
  font-family:var(--fb-body);
  font-size:.68rem;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:#c89443;
}

.deco-page-title-row-v163{
  display:grid;
  grid-template-columns:minmax(115px,1fr) auto minmax(115px,1fr);
  align-items:center;
  gap:28px;
  width:min(900px,92%);
  margin:0 auto;
}

.deco-page-title-row-v163 h1{
  margin:0 !important;
  padding:0 !important;
  font-family:var(--fb-deco) !important;
  font-size:clamp(3rem,5.8vw,5.2rem) !important;
  font-weight:300 !important;
  font-stretch:condensed;
  line-height:.92 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  white-space:nowrap;
  color:#d6a052 !important;
  text-shadow:none !important;
  transform:scaleX(.86) scaleY(1.04);
  transform-origin:center;
}

.deco-page-wing-v163{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  height:30px;
}

.deco-page-wing-v163 i{
  display:block;
  height:1px;
  background:#c89443;
  opacity:.92;
}

.deco-page-wing-v163.left{align-items:flex-end}
.deco-page-wing-v163.right{align-items:flex-start}
.deco-page-wing-v163 i:nth-child(1){width:64%}
.deco-page-wing-v163 i:nth-child(2){width:84%}
.deco-page-wing-v163 i:nth-child(3){width:100%}

.deco-page-wing-v163::after{
  content:"";
  position:absolute;
  top:50%;
  width:6px;
  height:6px;
  border:1px solid #c89443;
  transform:translateY(-50%) rotate(45deg);
  background:#07191d;
}
.deco-page-wing-v163.left::after{right:-11px}
.deco-page-wing-v163.right::after{left:-11px}

.deco-page-subtitle-v163{
  margin:13px auto 0;
  font-family:var(--fb-body);
  font-size:.78rem;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#d0a158;
}

/* Archive hub: remove the older crown/stats treatment and use V163 header. */
.archive-page-v32 .archive-header-v163{
  margin-bottom:32px !important;
  padding-top:8px !important;
}

/* Current / archived seasonal menus. */
.season-page-v18 .deco-page-header-v163{
  margin-bottom:30px !important;
}
.current-menu-heading-v163 .deco-page-title-row-v163 h1,
.archive-menu-heading-v163 .deco-page-title-row-v163 h1{
  font-size:clamp(2.8rem,5.2vw,4.8rem) !important;
}

/* Archive family pages keep their menu-card body but share the same title lockup. */
.archive-family-heading-v163{
  width:100% !important;
  margin-bottom:24px !important;
  padding-top:0 !important;
}
.archive-family-heading-v163 .deco-page-title-row-v163{
  width:min(760px,94%) !important;
}
.archive-family-heading-v163 .deco-page-title-row-v163 h1{
  font-size:clamp(2.8rem,5.1vw,4.7rem) !important;
}

@media(max-width:700px){
  .deco-page-header-v163{
    width:100%;
    margin-bottom:28px;
    padding-left:10px;
    padding-right:10px;
  }

  .deco-page-title-row-v163{
    grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);
    gap:14px;
    width:100%;
  }

  .deco-page-title-row-v163 h1,
  .current-menu-heading-v163 .deco-page-title-row-v163 h1,
  .archive-menu-heading-v163 .deco-page-title-row-v163 h1,
  .archive-family-heading-v163 .deco-page-title-row-v163 h1{
    font-size:clamp(2rem,10vw,3rem) !important;
    letter-spacing:.11em !important;
    white-space:normal;
  }

  .deco-page-wing-v163{gap:4px;height:24px}
  .deco-page-wing-v163 i:nth-child(1){width:50%}
  .deco-page-wing-v163 i:nth-child(2){width:74%}
  .deco-page-wing-v163 i:nth-child(3){width:100%}
  .deco-page-wing-v163::after{width:5px;height:5px}
  .deco-page-wing-v163.left::after{right:-8px}
  .deco-page-wing-v163.right::after{left:-8px}

  .deco-page-eyebrow-v163{font-size:.60rem;letter-spacing:.20em;margin-bottom:10px}
  .deco-page-subtitle-v163{font-size:.65rem;letter-spacing:.16em;margin-top:10px}
}


/* =========================================================
   V164 — FORCE CURRENT/ARCHIVE SEASON HEADERS TO MATCH
   THE LOCKED ARCHIVE HEADING EXACTLY
   ========================================================= */

/* Use the same clean header shell everywhere the new system appears. */
.archive-page-v32 .deco-page-header-v163,
.archive-family-page-v81 .deco-page-header-v163,
.current-season-v18 .deco-page-header-v163,
.archive-season-page-v18 .deco-page-header-v163{
  width:min(1120px,94%) !important;
  margin:0 auto 34px !important;
  padding:8px 0 4px !important;
  text-align:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.archive-page-v32 .deco-page-eyebrow-v163,
.archive-family-page-v81 .deco-page-eyebrow-v163,
.current-season-v18 .deco-page-eyebrow-v163,
.archive-season-page-v18 .deco-page-eyebrow-v163{
  margin:0 0 12px !important;
  font-family:var(--fb-body) !important;
  font-size:.68rem !important;
  font-weight:500 !important;
  letter-spacing:.25em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  color:#c89443 !important;
}

.archive-page-v32 .deco-page-title-row-v163,
.archive-family-page-v81 .deco-page-title-row-v163,
.current-season-v18 .deco-page-title-row-v163,
.archive-season-page-v18 .deco-page-title-row-v163{
  display:grid !important;
  grid-template-columns:minmax(115px,1fr) auto minmax(115px,1fr) !important;
  align-items:center !important;
  gap:28px !important;
  width:min(900px,92%) !important;
  margin:0 auto !important;
}

.archive-page-v32 .deco-page-title-row-v163 h1,
.archive-family-page-v81 .deco-page-title-row-v163 h1,
.current-season-v18 .deco-page-title-row-v163 h1,
.archive-season-page-v18 .deco-page-title-row-v163 h1{
  margin:0 !important;
  padding:0 !important;
  font-family:var(--fb-deco) !important;
  font-size:clamp(3rem,5.8vw,5.2rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:.92 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  color:#d6a052 !important;
  text-shadow:none !important;
  transform:scaleX(.86) scaleY(1.04) !important;
  transform-origin:center !important;
}

.archive-page-v32 .deco-page-wing-v163,
.archive-family-page-v81 .deco-page-wing-v163,
.current-season-v18 .deco-page-wing-v163,
.archive-season-page-v18 .deco-page-wing-v163{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
  height:30px !important;
}
.archive-page-v32 .deco-page-wing-v163 i,
.archive-family-page-v81 .deco-page-wing-v163 i,
.current-season-v18 .deco-page-wing-v163 i,
.archive-season-page-v18 .deco-page-wing-v163 i{
  display:block !important;
  height:1px !important;
  background:#c89443 !important;
  opacity:.92 !important;
}
.archive-page-v32 .deco-page-wing-v163.left,
.archive-family-page-v81 .deco-page-wing-v163.left,
.current-season-v18 .deco-page-wing-v163.left,
.archive-season-page-v18 .deco-page-wing-v163.left{align-items:flex-end !important}
.archive-page-v32 .deco-page-wing-v163.right,
.archive-family-page-v81 .deco-page-wing-v163.right,
.current-season-v18 .deco-page-wing-v163.right,
.archive-season-page-v18 .deco-page-wing-v163.right{align-items:flex-start !important}
.archive-page-v32 .deco-page-wing-v163 i:nth-child(1),
.archive-family-page-v81 .deco-page-wing-v163 i:nth-child(1),
.current-season-v18 .deco-page-wing-v163 i:nth-child(1),
.archive-season-page-v18 .deco-page-wing-v163 i:nth-child(1){width:64% !important}
.archive-page-v32 .deco-page-wing-v163 i:nth-child(2),
.archive-family-page-v81 .deco-page-wing-v163 i:nth-child(2),
.current-season-v18 .deco-page-wing-v163 i:nth-child(2),
.archive-season-page-v18 .deco-page-wing-v163 i:nth-child(2){width:84% !important}
.archive-page-v32 .deco-page-wing-v163 i:nth-child(3),
.archive-family-page-v81 .deco-page-wing-v163 i:nth-child(3),
.current-season-v18 .deco-page-wing-v163 i:nth-child(3),
.archive-season-page-v18 .deco-page-wing-v163 i:nth-child(3){width:100% !important}

.archive-page-v32 .deco-page-wing-v163::after,
.archive-family-page-v81 .deco-page-wing-v163::after,
.current-season-v18 .deco-page-wing-v163::after,
.archive-season-page-v18 .deco-page-wing-v163::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border:1px solid #c89443 !important;
  transform:translateY(-50%) rotate(45deg) !important;
  background:#07191d !important;
}
.archive-page-v32 .deco-page-wing-v163.left::after,
.archive-family-page-v81 .deco-page-wing-v163.left::after,
.current-season-v18 .deco-page-wing-v163.left::after,
.archive-season-page-v18 .deco-page-wing-v163.left::after{right:-11px !important}
.archive-page-v32 .deco-page-wing-v163.right::after,
.archive-family-page-v81 .deco-page-wing-v163.right::after,
.current-season-v18 .deco-page-wing-v163.right::after,
.archive-season-page-v18 .deco-page-wing-v163.right::after{left:-11px !important}

.archive-page-v32 .deco-page-subtitle-v163,
.archive-family-page-v81 .deco-page-subtitle-v163,
.current-season-v18 .deco-page-subtitle-v163,
.archive-season-page-v18 .deco-page-subtitle-v163{
  margin:13px auto 0 !important;
  font-family:var(--fb-body) !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:#d0a158 !important;
}

/* Neutralize old heading-only decoration rules so they do not alter the new shared header. */
.current-season-v18 .season-heading-v18,
.archive-season-page-v18 .season-heading-v18,
.archive-family-page-v81 .archive-family-menu-v81{
  text-align:inherit !important;
}
.current-season-v18 .season-heading-v18::before,
.archive-season-page-v18 .season-heading-v18::before{
  content:none !important;
  display:none !important;
}

@media(max-width:700px){
  .archive-page-v32 .deco-page-header-v163,
  .archive-family-page-v81 .deco-page-header-v163,
  .current-season-v18 .deco-page-header-v163,
  .archive-season-page-v18 .deco-page-header-v163{
    width:100% !important;
    margin:0 auto 26px !important;
    padding:6px 10px 4px !important;
  }
  .archive-page-v32 .deco-page-title-row-v163,
  .archive-family-page-v81 .deco-page-title-row-v163,
  .current-season-v18 .deco-page-title-row-v163,
  .archive-season-page-v18 .deco-page-title-row-v163{
    grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) !important;
    gap:14px !important;
    width:100% !important;
  }
  .archive-page-v32 .deco-page-title-row-v163 h1,
  .archive-family-page-v81 .deco-page-title-row-v163 h1,
  .current-season-v18 .deco-page-title-row-v163 h1,
  .archive-season-page-v18 .deco-page-title-row-v163 h1{
    font-size:clamp(2rem,10vw,3rem) !important;
    letter-spacing:.11em !important;
    white-space:normal !important;
  }
  .archive-page-v32 .deco-page-wing-v163,
  .archive-family-page-v81 .deco-page-wing-v163,
  .current-season-v18 .deco-page-wing-v163,
  .archive-season-page-v18 .deco-page-wing-v163{gap:4px !important;height:24px !important}
  .archive-page-v32 .deco-page-wing-v163 i:nth-child(1),
  .archive-family-page-v81 .deco-page-wing-v163 i:nth-child(1),
  .current-season-v18 .deco-page-wing-v163 i:nth-child(1),
  .archive-season-page-v18 .deco-page-wing-v163 i:nth-child(1){width:50% !important}
  .archive-page-v32 .deco-page-wing-v163 i:nth-child(2),
  .archive-family-page-v81 .deco-page-wing-v163 i:nth-child(2),
  .current-season-v18 .deco-page-wing-v163 i:nth-child(2),
  .archive-season-page-v18 .deco-page-wing-v163 i:nth-child(2){width:74% !important}
  .archive-page-v32 .deco-page-wing-v163::after,
  .archive-family-page-v81 .deco-page-wing-v163::after,
  .current-season-v18 .deco-page-wing-v163::after,
  .archive-season-page-v18 .deco-page-wing-v163::after{width:5px !important;height:5px !important}
  .archive-page-v32 .deco-page-wing-v163.left::after,
  .archive-family-page-v81 .deco-page-wing-v163.left::after,
  .current-season-v18 .deco-page-wing-v163.left::after,
  .archive-season-page-v18 .deco-page-wing-v163.left::after{right:-8px !important}
  .archive-page-v32 .deco-page-wing-v163.right::after,
  .archive-family-page-v81 .deco-page-wing-v163.right::after,
  .current-season-v18 .deco-page-wing-v163.right::after,
  .archive-season-page-v18 .deco-page-wing-v163.right::after{left:-8px !important}
  .archive-page-v32 .deco-page-eyebrow-v163,
  .archive-family-page-v81 .deco-page-eyebrow-v163,
  .current-season-v18 .deco-page-eyebrow-v163,
  .archive-season-page-v18 .deco-page-eyebrow-v163{font-size:.60rem !important;letter-spacing:.20em !important;margin-bottom:10px !important}
  .archive-page-v32 .deco-page-subtitle-v163,
  .archive-family-page-v81 .deco-page-subtitle-v163,
  .current-season-v18 .deco-page-subtitle-v163,
  .archive-season-page-v18 .deco-page-subtitle-v163{font-size:.65rem !important;letter-spacing:.16em !important;margin-top:10px !important}
}


/* =========================================================
   V165 — EXACT ARCHIVE MOCKUP TITLE TYPOGRAPHY
   Tighten the shared page headers so their title text matches
   the approved Archive mockup more closely: taller, a bit more
   elegant, less stretched horizontally, and with wider tracking.
   ========================================================= */

.archive-page-v32 .deco-page-title-row-v163 h1,
.archive-family-page-v81 .deco-page-title-row-v163 h1,
.current-season-v18 .deco-page-title-row-v163 h1,
.archive-season-page-v18 .deco-page-title-row-v163 h1{
  font-family: var(--fb-deco) !important;
  font-weight: 300 !important;
  font-stretch: condensed !important;
  font-size: clamp(3.15rem, 5.95vw, 5.45rem) !important;
  line-height: .9 !important;
  letter-spacing: .18em !important;
  color: #d7a553 !important;
  transform: scaleX(.78) scaleY(1.10) !important;
  transform-origin: center center !important;
  text-shadow: none !important;
}

.archive-page-v32 .deco-page-subtitle-v163,
.archive-family-page-v81 .deco-page-subtitle-v163,
.current-season-v18 .deco-page-subtitle-v163,
.archive-season-page-v18 .deco-page-subtitle-v163{
  font-size: .82rem !important;
  letter-spacing: .19em !important;
  color: #d6a052 !important;
}

.archive-page-v32 .deco-page-eyebrow-v163,
.archive-family-page-v81 .deco-page-eyebrow-v163,
.current-season-v18 .deco-page-eyebrow-v163,
.archive-season-page-v18 .deco-page-eyebrow-v163{
  letter-spacing: .23em !important;
  color: #c99545 !important;
}

@media(max-width:700px){
  .archive-page-v32 .deco-page-title-row-v163 h1,
  .archive-family-page-v81 .deco-page-title-row-v163 h1,
  .current-season-v18 .deco-page-title-row-v163 h1,
  .archive-season-page-v18 .deco-page-title-row-v163 h1{
    font-size: clamp(2.1rem, 10vw, 3.15rem) !important;
    letter-spacing: .15em !important;
    transform: scaleX(.82) scaleY(1.08) !important;
  }
}


/* =========================================================
   V166 — APPROVED MOCKUP PAGE TITLE FONT
   The earlier condensed/scaled treatment made ARCHIVE too
   skinny. Use macOS Helvetica Neue UltraLight proportions,
   which match the approved mockup much more closely.
   ========================================================= */

:root{
  --fb-page-title:"Helvetica Neue","HelveticaNeue-Thin","Avenir Next",Arial,sans-serif;
}

.archive-page-v32 .deco-page-title-row-v163 h1,
.archive-family-page-v81 .deco-page-title-row-v163 h1,
.current-season-v18 .deco-page-title-row-v163 h1,
.archive-season-page-v18 .deco-page-title-row-v163 h1{
  font-family:var(--fb-page-title) !important;
  font-weight:100 !important;
  font-stretch:normal !important;
  font-size:clamp(3.8rem,6.5vw,6.1rem) !important;
  line-height:.88 !important;
  letter-spacing:.105em !important;
  color:#d5a052 !important;
  transform:none !important;
  text-shadow:none !important;
}

/* Archive itself is the visual master reference. */
.archive-page-v32 .deco-page-title-row-v163 h1{
  font-size:clamp(4rem,6.8vw,6.25rem) !important;
  letter-spacing:.11em !important;
}

/* Keep the same font/proportions on other page headers. */
.archive-family-page-v81 .deco-page-title-row-v163 h1,
.current-season-v18 .deco-page-title-row-v163 h1,
.archive-season-page-v18 .deco-page-title-row-v163 h1{
  font-size:clamp(3.35rem,5.8vw,5.45rem) !important;
  letter-spacing:.10em !important;
}

/* Bring the ornament spacing into the same visual rhythm as the mockup. */
.archive-page-v32 .deco-page-title-row-v163,
.archive-family-page-v81 .deco-page-title-row-v163,
.current-season-v18 .deco-page-title-row-v163,
.archive-season-page-v18 .deco-page-title-row-v163{
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  gap:32px !important;
}

.archive-page-v32 .deco-page-wing-v163,
.archive-family-page-v81 .deco-page-wing-v163,
.current-season-v18 .deco-page-wing-v163,
.archive-season-page-v18 .deco-page-wing-v163{
  gap:5px !important;
}

.archive-page-v32 .deco-page-subtitle-v163,
.archive-family-page-v81 .deco-page-subtitle-v163,
.current-season-v18 .deco-page-subtitle-v163,
.archive-season-page-v18 .deco-page-subtitle-v163{
  margin-top:12px !important;
  font-size:.80rem !important;
  letter-spacing:.19em !important;
  color:#d4a04f !important;
}

@media(max-width:700px){
  .archive-page-v32 .deco-page-title-row-v163,
  .archive-family-page-v81 .deco-page-title-row-v163,
  .current-season-v18 .deco-page-title-row-v163,
  .archive-season-page-v18 .deco-page-title-row-v163{
    grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr) !important;
    gap:12px !important;
  }

  .archive-page-v32 .deco-page-title-row-v163 h1,
  .archive-family-page-v81 .deco-page-title-row-v163 h1,
  .current-season-v18 .deco-page-title-row-v163 h1,
  .archive-season-page-v18 .deco-page-title-row-v163 h1{
    font-size:clamp(2.35rem,11vw,3.45rem) !important;
    letter-spacing:.08em !important;
    transform:none !important;
  }
}


/* =========================================================
   V167 — ISOLATED APPROVED MOCKUP HEADER
   No legacy season/archive heading class is allowed to alter it.
   Visual reference: approved ARCHIVE mockup.
   ========================================================= */

:root{
  --fb-mockup-title: Optima, "Optima Nova", "Gillius ADF", "Gill Sans", "Avenir Next", Arial, sans-serif;
}

.deco-page-header-v167{
  position:relative !important;
  display:block !important;
  width:min(1180px,94%) !important;
  max-width:1180px !important;
  margin:0 auto 38px !important;
  padding:18px 0 6px !important;
  text-align:center !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  transform:none !important;
  overflow:visible !important;
}

.deco-page-eyebrow-v167{
  position:static !important;
  display:block !important;
  width:auto !important;
  margin:0 auto 12px !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.70rem !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:#d2a04f !important;
  transform:none !important;
}

.deco-page-title-row-v167{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr) !important;
  align-items:center !important;
  gap:34px !important;
  width:min(1000px,92%) !important;
  margin:0 auto !important;
  padding:0 !important;
  transform:none !important;
}

.deco-page-title-row-v167 h1{
  position:static !important;
  grid-column:2 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-family:var(--fb-mockup-title) !important;
  font-size:clamp(3.35rem,4.15vw,4.75rem) !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-stretch:normal !important;
  line-height:.92 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase !important;
  color:#d8a354 !important;
  text-shadow:0 1px 0 rgba(255,221,157,.08),0 2px 8px rgba(0,0,0,.25) !important;
  transform:none !important;
}

.deco-page-wing-v167{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:6px !important;
  width:100% !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  transform:none !important;
}
.deco-page-wing-v167.left{align-items:flex-end !important}
.deco-page-wing-v167.right{align-items:flex-start !important}

.deco-page-wing-v167 i{
  display:block !important;
  flex:0 0 auto !important;
  height:1px !important;
  min-height:1px !important;
  background:#d09a45 !important;
  border:0 !important;
  opacity:.95 !important;
}
.deco-page-wing-v167 i:nth-child(1){width:72% !important}
.deco-page-wing-v167 i:nth-child(2){width:91% !important}
.deco-page-wing-v167 i:nth-child(3){width:100% !important}
.deco-page-wing-v167 i:nth-child(4){width:72% !important}

/* Outer diamond, matching the approved poster-like wing treatment. */
.deco-page-wing-v167::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  box-sizing:border-box !important;
  border:1px solid #d09a45 !important;
  background:#07191d !important;
  transform:translateY(-50%) rotate(45deg) !important;
}
.deco-page-wing-v167.left::before{left:-2px !important}
.deco-page-wing-v167.right::before{right:-2px !important}
.deco-page-wing-v167::after{content:none !important;display:none !important}

.deco-page-subtitle-v167{
  position:static !important;
  display:block !important;
  width:auto !important;
  margin:14px auto 0 !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:#d6a052 !important;
  transform:none !important;
}

/* Current Cocktails, Archive hub, archive-family and archived-season pages all share it exactly. */
.archive-header-v167,
.current-menu-heading-v167,
.archive-menu-heading-v167,
.archive-family-heading-v167{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Avoid the old archive-family card art from painting over the new title area. */
.archive-family-menu-v81 > .deco-page-header-v167{
  width:100% !important;
  margin-top:0 !important;
}

@media(max-width:760px){
  .deco-page-header-v167{
    width:100% !important;
    margin-bottom:28px !important;
    padding:14px 12px 4px !important;
  }
  .deco-page-title-row-v167{
    grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr) !important;
    gap:14px !important;
    width:100% !important;
  }
  .deco-page-title-row-v167 h1{
    font-size:clamp(2.25rem,9.4vw,3.35rem) !important;
    letter-spacing:.07em !important;
    white-space:normal !important;
  }
  .deco-page-wing-v167{gap:4px !important;height:27px !important}
  .deco-page-wing-v167 i:nth-child(1){width:62% !important}
  .deco-page-wing-v167 i:nth-child(2){width:82% !important}
  .deco-page-wing-v167 i:nth-child(3){width:100% !important}
  .deco-page-wing-v167 i:nth-child(4){width:62% !important}
  .deco-page-wing-v167::before{width:6px !important;height:6px !important}
  .deco-page-eyebrow-v167{font-size:.60rem !important;letter-spacing:.18em !important;margin-bottom:9px !important}
  .deco-page-subtitle-v167{font-size:.64rem !important;letter-spacing:.15em !important;margin-top:10px !important}
}


/* =========================================================
   V168 — APPROVED ARCHIVE MOCKUP HEADER MATCH
   Purpose: match the first reference mockup, not the boxed result.
   - no rounded plaque/box around the heading
   - slightly smaller, broader Art Deco title
   - centered subtitle and eyebrow
   - four-line side flourishes with outer diamonds
   - same header language on Archive, Cocktails/current,
     archive-family pages, and archived season pages
   ========================================================= */

.archive-header-v168,
.current-menu-heading-v168,
.archive-menu-heading-v168,
.archive-family-heading-v168,
.deco-page-header-v168{
  position:relative !important;
  display:block !important;
  width:min(1180px,94%) !important;
  max-width:1180px !important;
  margin:0 auto 26px !important;
  padding:4px 0 2px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  overflow:visible !important;
}

.archive-header-v168::before,
.archive-header-v168::after,
.current-menu-heading-v168::before,
.current-menu-heading-v168::after,
.archive-menu-heading-v168::before,
.archive-menu-heading-v168::after,
.archive-family-heading-v168::before,
.archive-family-heading-v168::after,
.deco-page-header-v168::before,
.deco-page-header-v168::after{
  content:none !important;
  display:none !important;
}

.deco-page-eyebrow-v168{
  display:block !important;
  margin:0 auto 8px !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.74rem !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:#d3a251 !important;
}

.deco-page-title-row-v168{
  display:grid !important;
  grid-template-columns:minmax(175px,1fr) auto minmax(175px,1fr) !important;
  align-items:center !important;
  gap:22px !important;
  width:min(980px,92%) !important;
  margin:0 auto !important;
  padding:0 !important;
}

.deco-page-title-row-v168 h1{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-family:var(--fb-deco) !important;
  font-size:clamp(3rem,4.7vw,4.38rem) !important;
  font-weight:300 !important;
  font-stretch:condensed !important;
  line-height:.92 !important;
  letter-spacing:.145em !important;
  text-transform:uppercase !important;
  color:#d7a552 !important;
  text-shadow:none !important;
  transform:scaleX(.84) scaleY(1.03) !important;
  transform-origin:center center !important;
}

.deco-page-wing-v168{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
  width:100% !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
}
.deco-page-wing-v168.left{align-items:flex-end !important}
.deco-page-wing-v168.right{align-items:flex-start !important}

.deco-page-wing-v168 i{
  display:block !important;
  height:1px !important;
  min-height:1px !important;
  background:#cf9a45 !important;
  opacity:.95 !important;
}
/* make the longest line sit nearest the title like the reference */
.deco-page-wing-v168 i:nth-child(1){width:46% !important}
.deco-page-wing-v168 i:nth-child(2){width:62% !important}
.deco-page-wing-v168 i:nth-child(3){width:78% !important}
.deco-page-wing-v168 i:nth-child(4){width:94% !important}

.deco-page-wing-v168::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  box-sizing:border-box !important;
  border:1px solid #cf9a45 !important;
  background:transparent !important;
  transform:translateY(-50%) rotate(45deg) !important;
}
.deco-page-wing-v168.left::before{left:-2px !important}
.deco-page-wing-v168.right::before{right:-2px !important}
.deco-page-wing-v168::after{content:none !important; display:none !important}

.deco-page-subtitle-v168{
  display:block !important;
  margin:10px auto 0 !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.185em !important;
  text-transform:uppercase !important;
  color:#d7a552 !important;
}

/* page-specific spacing to mirror the approved mockup more closely */
.archive-page-v32 .deco-page-header-v168{
  margin-bottom:18px !important;
}
.current-season-v18 .deco-page-header-v168,
.archive-season-page-v18 .deco-page-header-v168,
.archive-family-page-v81 .deco-page-header-v168{
  margin-bottom:24px !important;
}

/* neutralize legacy page-heading decoration that still affects position */
.archive-page-v32 .archive-hero-v32,
.archive-page-v32 .archive-hero-v32::before,
.current-season-v18 .season-heading-v18::before,
.archive-season-page-v18 .season-heading-v18::before{
  content:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.current-season-v18 .season-heading-v18,
.archive-season-page-v18 .season-heading-v18,
.archive-family-page-v81 .archive-family-menu-v81{
  background:none !important;
}

@media(max-width:760px){
  .archive-header-v168,
  .current-menu-heading-v168,
  .archive-menu-heading-v168,
  .archive-family-heading-v168,
  .deco-page-header-v168{
    width:100% !important;
    margin:0 auto 20px !important;
    padding:2px 10px !important;
  }
  .deco-page-eyebrow-v168{
    font-size:.62rem !important;
    letter-spacing:.18em !important;
    margin-bottom:7px !important;
  }
  .deco-page-title-row-v168{
    grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr) !important;
    gap:12px !important;
    width:100% !important;
  }
  .deco-page-title-row-v168 h1{
    font-size:clamp(2.2rem,8.9vw,3.2rem) !important;
    letter-spacing:.11em !important;
    white-space:normal !important;
  }
  .deco-page-wing-v168{height:20px !important; gap:4px !important}
  .deco-page-wing-v168 i:nth-child(1){width:34% !important}
  .deco-page-wing-v168 i:nth-child(2){width:52% !important}
  .deco-page-wing-v168 i:nth-child(3){width:70% !important}
  .deco-page-wing-v168 i:nth-child(4){width:88% !important}
  .deco-page-wing-v168::before{width:6px !important; height:6px !important}
  .deco-page-subtitle-v168{font-size:.64rem !important; letter-spacing:.14em !important; margin-top:9px !important}
}


/* =========================================================
   V169 — REFERENCE HEADER MATCH PASS
   Use the approved archive screenshot as the target.
   The goal is the same visual system on archive and menu pages:
   - smaller, more balanced title size
   - longer side flourishes
   - title centered higher in the block
   - eyebrow and subtitle centered and tucked closer
   ========================================================= */

.archive-page-v32 .deco-page-header-v168,
.current-season-v18 .deco-page-header-v168,
.archive-season-page-v18 .deco-page-header-v168,
.archive-family-page-v81 .deco-page-header-v168{
  width:min(1120px,92%) !important;
  max-width:1120px !important;
  margin:0 auto 20px !important;
  padding:0 !important;
  text-align:center !important;
}

.archive-page-v32 .deco-page-eyebrow-v168,
.current-season-v18 .deco-page-eyebrow-v168,
.archive-season-page-v18 .deco-page-eyebrow-v168,
.archive-family-page-v81 .deco-page-eyebrow-v168{
  margin:0 auto 6px !important;
  font-size:.66rem !important;
  letter-spacing:.24em !important;
  color:#d4a14e !important;
}

.archive-page-v32 .deco-page-title-row-v168,
.current-season-v18 .deco-page-title-row-v168,
.archive-season-page-v18 .deco-page-title-row-v168,
.archive-family-page-v81 .deco-page-title-row-v168{
  display:grid !important;
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr) !important;
  align-items:center !important;
  gap:26px !important;
  width:min(1060px,96%) !important;
  margin:0 auto !important;
}

.archive-page-v32 .deco-page-title-row-v168 h1,
.current-season-v18 .deco-page-title-row-v168 h1,
.archive-season-page-v18 .deco-page-title-row-v168 h1,
.archive-family-page-v81 .deco-page-title-row-v168 h1{
  font-family:var(--fb-deco) !important;
  font-size:clamp(2.65rem,3.65vw,4.15rem) !important;
  font-weight:300 !important;
  line-height:.92 !important;
  letter-spacing:.165em !important;
  color:#d7a552 !important;
  text-shadow:none !important;
  transform:scaleX(.89) scaleY(1.02) !important;
  transform-origin:center center !important;
  white-space:nowrap !important;
}

.archive-page-v32 .deco-page-wing-v168,
.current-season-v18 .deco-page-wing-v168,
.archive-season-page-v18 .deco-page-wing-v168,
.archive-family-page-v81 .deco-page-wing-v168{
  gap:5px !important;
  height:18px !important;
}
.archive-page-v32 .deco-page-wing-v168 i,
.current-season-v18 .deco-page-wing-v168 i,
.archive-season-page-v18 .deco-page-wing-v168 i,
.archive-family-page-v81 .deco-page-wing-v168 i{
  background:#cf9a45 !important;
}
/* shortest line on the outside, longest near the title */
.archive-page-v32 .deco-page-wing-v168 i:nth-child(1),
.current-season-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(1){width:34% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(2),
.current-season-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(2){width:48% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(3),
.current-season-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(3){width:64% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(4),
.current-season-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(4){width:82% !important}

.archive-page-v32 .deco-page-wing-v168::before,
.current-season-v18 .deco-page-wing-v168::before,
.archive-season-page-v18 .deco-page-wing-v168::before,
.archive-family-page-v81 .deco-page-wing-v168::before{
  width:6px !important;
  height:6px !important;
  border-color:#cf9a45 !important;
}
.archive-page-v32 .deco-page-wing-v168.left::before,
.current-season-v18 .deco-page-wing-v168.left::before,
.archive-season-page-v18 .deco-page-wing-v168.left::before,
.archive-family-page-v81 .deco-page-wing-v168.left::before{left:6px !important}
.archive-page-v32 .deco-page-wing-v168.right::before,
.current-season-v18 .deco-page-wing-v168.right::before,
.archive-season-page-v18 .deco-page-wing-v168.right::before,
.archive-family-page-v81 .deco-page-wing-v168.right::before{right:6px !important}

.archive-page-v32 .deco-page-subtitle-v168,
.current-season-v18 .deco-page-subtitle-v168,
.archive-season-page-v18 .deco-page-subtitle-v168,
.archive-family-page-v81 .deco-page-subtitle-v168{
  margin:8px auto 0 !important;
  font-size:.70rem !important;
  letter-spacing:.20em !important;
  color:#d6a052 !important;
}

/* tighten the top of current-menu and season pages so the header sits like the reference */
.current-season-v18 .season-heading-v18,
.archive-season-page-v18 .season-heading-v18{
  margin-bottom:16px !important;
  padding-top:0 !important;
}
.current-season-v18 .deco-page-header-v168{
  margin-top:-4px !important;
}

@media(max-width:760px){
  .archive-page-v32 .deco-page-header-v168,
  .current-season-v18 .deco-page-header-v168,
  .archive-season-page-v18 .deco-page-header-v168,
  .archive-family-page-v81 .deco-page-header-v168{
    width:100% !important;
    margin:0 auto 18px !important;
    padding:0 10px !important;
  }
  .archive-page-v32 .deco-page-title-row-v168,
  .current-season-v18 .deco-page-title-row-v168,
  .archive-season-page-v18 .deco-page-title-row-v168,
  .archive-family-page-v81 .deco-page-title-row-v168{
    grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr) !important;
    gap:12px !important;
    width:100% !important;
  }
  .archive-page-v32 .deco-page-title-row-v168 h1,
  .current-season-v18 .deco-page-title-row-v168 h1,
  .archive-season-page-v18 .deco-page-title-row-v168 h1,
  .archive-family-page-v81 .deco-page-title-row-v168 h1{
    font-size:clamp(2rem,8.7vw,2.95rem) !important;
    letter-spacing:.12em !important;
    white-space:normal !important;
  }
  .archive-page-v32 .deco-page-wing-v168,
  .current-season-v18 .deco-page-wing-v168,
  .archive-season-page-v18 .deco-page-wing-v168,
  .archive-family-page-v81 .deco-page-wing-v168{height:16px !important; gap:4px !important}
  .archive-page-v32 .deco-page-wing-v168 i:nth-child(1),
  .current-season-v18 .deco-page-wing-v168 i:nth-child(1),
  .archive-season-page-v18 .deco-page-wing-v168 i:nth-child(1),
  .archive-family-page-v81 .deco-page-wing-v168 i:nth-child(1){width:24% !important}
  .archive-page-v32 .deco-page-wing-v168 i:nth-child(2),
  .current-season-v18 .deco-page-wing-v168 i:nth-child(2),
  .archive-season-page-v18 .deco-page-wing-v168 i:nth-child(2),
  .archive-family-page-v81 .deco-page-wing-v168 i:nth-child(2){width:40% !important}
  .archive-page-v32 .deco-page-wing-v168 i:nth-child(3),
  .current-season-v18 .deco-page-wing-v168 i:nth-child(3),
  .archive-season-page-v18 .deco-page-wing-v168 i:nth-child(3),
  .archive-family-page-v81 .deco-page-wing-v168 i:nth-child(3){width:58% !important}
  .archive-page-v32 .deco-page-wing-v168 i:nth-child(4),
  .current-season-v18 .deco-page-wing-v168 i:nth-child(4),
  .archive-season-page-v18 .deco-page-wing-v168 i:nth-child(4),
  .archive-family-page-v81 .deco-page-wing-v168 i:nth-child(4){width:76% !important}
  .archive-page-v32 .deco-page-subtitle-v168,
  .current-season-v18 .deco-page-subtitle-v168,
  .archive-season-page-v18 .deco-page-subtitle-v168,
  .archive-family-page-v81 .deco-page-subtitle-v168{font-size:.62rem !important; letter-spacing:.14em !important}
}


/* =========================================================
   V170 — CURRENT/ARCHIVE HEADER ONE-TO-ONE FIX
   Main fixes from the user's comparison screenshots:
   - CURRENT MENU no longer collides with the top rule
   - title block sits lower and reads more like the archive reference
   - flourishes extend farther and feel less cramped
   - archive and current pages share the same proportions more closely
   ========================================================= */

.archive-page-v32 .deco-page-header-v168,
.current-season-v18 .deco-page-header-v168,
.archive-season-page-v18 .deco-page-header-v168,
.archive-family-page-v81 .deco-page-header-v168{
  width:min(1120px,92%) !important;
  max-width:1120px !important;
  margin:0 auto 18px !important;
  padding:10px 0 0 !important;
}

/* extra breathing room on the current-menu page so CURRENT MENU is not jammed into the top line */
.current-season-v18 .deco-page-header-v168{
  margin-top:14px !important;
  padding-top:20px !important;
  margin-bottom:24px !important;
}
.archive-season-page-v18 .deco-page-header-v168,
.archive-family-page-v81 .deco-page-header-v168{
  margin-top:8px !important;
  padding-top:14px !important;
}

.archive-page-v32 .deco-page-eyebrow-v168,
.current-season-v18 .deco-page-eyebrow-v168,
.archive-season-page-v18 .deco-page-eyebrow-v168,
.archive-family-page-v81 .deco-page-eyebrow-v168{
  margin:0 auto 9px !important;
  font-size:.66rem !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
}
.current-season-v18 .deco-page-eyebrow-v168{
  margin-bottom:11px !important;
}

.archive-page-v32 .deco-page-title-row-v168,
.current-season-v18 .deco-page-title-row-v168,
.archive-season-page-v18 .deco-page-title-row-v168,
.archive-family-page-v81 .deco-page-title-row-v168{
  grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr) !important;
  gap:20px !important;
  width:min(1080px,96%) !important;
}

.archive-page-v32 .deco-page-title-row-v168 h1,
.current-season-v18 .deco-page-title-row-v168 h1,
.archive-season-page-v18 .deco-page-title-row-v168 h1,
.archive-family-page-v81 .deco-page-title-row-v168 h1{
  font-size:clamp(2.8rem,3.9vw,4.25rem) !important;
  letter-spacing:.16em !important;
  line-height:.92 !important;
  transform:scaleX(.90) scaleY(1.02) !important;
  transform-origin:center center !important;
}

.archive-page-v32 .deco-page-wing-v168,
.current-season-v18 .deco-page-wing-v168,
.archive-season-page-v18 .deco-page-wing-v168,
.archive-family-page-v81 .deco-page-wing-v168{
  height:19px !important;
  gap:5px !important;
}
/* longer overall spread, longest line nearest the title */
.archive-page-v32 .deco-page-wing-v168 i:nth-child(1),
.current-season-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(1){width:28% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(2),
.current-season-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(2){width:44% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(3),
.current-season-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(3){width:62% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(4),
.current-season-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(4){width:84% !important}

.archive-page-v32 .deco-page-subtitle-v168,
.current-season-v18 .deco-page-subtitle-v168,
.archive-season-page-v18 .deco-page-subtitle-v168,
.archive-family-page-v81 .deco-page-subtitle-v168{
  margin:9px auto 0 !important;
  font-size:.71rem !important;
  line-height:1.1 !important;
  letter-spacing:.19em !important;
}

/* keep the season page content from pulling visually too close to the heading */
.current-season-v18 .season-content-v18,
.archive-season-page-v18 .season-content-v18{
  padding-top:4px !important;
}

@media(max-width:760px){
  .archive-page-v32 .deco-page-header-v168,
  .current-season-v18 .deco-page-header-v168,
  .archive-season-page-v18 .deco-page-header-v168,
  .archive-family-page-v81 .deco-page-header-v168{
    width:100% !important;
    margin:0 auto 16px !important;
    padding:10px 10px 0 !important;
  }
  .current-season-v18 .deco-page-header-v168{padding-top:16px !important}
  .archive-page-v32 .deco-page-title-row-v168,
  .current-season-v18 .deco-page-title-row-v168,
  .archive-season-page-v18 .deco-page-title-row-v168,
  .archive-family-page-v81 .deco-page-title-row-v168{
    grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr) !important;
    gap:12px !important;
    width:100% !important;
  }
  .archive-page-v32 .deco-page-title-row-v168 h1,
  .current-season-v18 .deco-page-title-row-v168 h1,
  .archive-season-page-v18 .deco-page-title-row-v168 h1,
  .archive-family-page-v81 .deco-page-title-row-v168 h1{
    font-size:clamp(2.05rem,8.5vw,3rem) !important;
    letter-spacing:.12em !important;
    white-space:normal !important;
  }
}


/* =========================================================
   V171 — REFERENCE-ACCURATE PAGE TITLE + SIDE ORNAMENT
   Target: approved Archive mockup supplied by user.
   ========================================================= */

/* Serif display title from the reference — NOT condensed sans. */
.archive-page-v32 .deco-page-title-row-v168 h1,
.current-season-v18 .deco-page-title-row-v168 h1,
.archive-season-page-v18 .deco-page-title-row-v168 h1,
.archive-family-page-v81 .deco-page-title-row-v168 h1{
  font-family:Didot,"Bodoni 72","Bodoni MT","Times New Roman",serif !important;
  font-size:clamp(3.25rem,4.35vw,4.9rem) !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-stretch:normal !important;
  line-height:.92 !important;
  letter-spacing:.105em !important;
  color:#d8a456 !important;
  text-shadow:none !important;
  transform:none !important;
  white-space:nowrap !important;
}

/* Match the reference proportions: long ornaments with generous title gap. */
.archive-page-v32 .deco-page-title-row-v168,
.current-season-v18 .deco-page-title-row-v168,
.archive-season-page-v18 .deco-page-title-row-v168,
.archive-family-page-v81 .deco-page-title-row-v168{
  grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr) !important;
  gap:44px !important;
  width:min(1040px,92%) !important;
  margin:0 auto !important;
}

.archive-page-v32 .deco-page-wing-v168,
.current-season-v18 .deco-page-wing-v168,
.archive-season-page-v18 .deco-page-wing-v168,
.archive-family-page-v81 .deco-page-wing-v168{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
  height:28px !important;
  width:100% !important;
}
.archive-page-v32 .deco-page-wing-v168.left,
.current-season-v18 .deco-page-wing-v168.left,
.archive-season-page-v18 .deco-page-wing-v168.left,
.archive-family-page-v81 .deco-page-wing-v168.left{align-items:flex-end !important}
.archive-page-v32 .deco-page-wing-v168.right,
.current-season-v18 .deco-page-wing-v168.right,
.archive-season-page-v18 .deco-page-wing-v168.right,
.archive-family-page-v81 .deco-page-wing-v168.right{align-items:flex-start !important}

.archive-page-v32 .deco-page-wing-v168 i,
.current-season-v18 .deco-page-wing-v168 i,
.archive-season-page-v18 .deco-page-wing-v168 i,
.archive-family-page-v81 .deco-page-wing-v168 i{
  position:relative !important;
  display:block !important;
  height:1px !important;
  background:#d09a45 !important;
  opacity:.96 !important;
}

/* Reference pattern: short / longest / medium / short, all aligned at title side. */
.archive-page-v32 .deco-page-wing-v168 i:nth-child(1),
.current-season-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(1),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(1){width:58% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(2),
.current-season-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(2),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(2){width:100% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(3),
.current-season-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(3),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(3){width:80% !important}
.archive-page-v32 .deco-page-wing-v168 i:nth-child(4),
.current-season-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-season-page-v18 .deco-page-wing-v168 i:nth-child(4),
.archive-family-page-v81 .deco-page-wing-v168 i:nth-child(4){width:58% !important}

/* Remove the detached diamonds created by earlier versions. */
.archive-page-v32 .deco-page-wing-v168::before,
.current-season-v18 .deco-page-wing-v168::before,
.archive-season-page-v18 .deco-page-wing-v168::before,
.archive-family-page-v81 .deco-page-wing-v168::before,
.archive-page-v32 .deco-page-wing-v168::after,
.current-season-v18 .deco-page-wing-v168::after,
.archive-season-page-v18 .deco-page-wing-v168::after,
.archive-family-page-v81 .deco-page-wing-v168::after{
  content:none !important;
  display:none !important;
}

/* Attach the diamond to the OUTER end of the longest second rule, as in reference. */
.archive-page-v32 .deco-page-wing-v168.left i:nth-child(2)::before,
.current-season-v18 .deco-page-wing-v168.left i:nth-child(2)::before,
.archive-season-page-v18 .deco-page-wing-v168.left i:nth-child(2)::before,
.archive-family-page-v81 .deco-page-wing-v168.left i:nth-child(2)::before,
.archive-page-v32 .deco-page-wing-v168.right i:nth-child(2)::after,
.current-season-v18 .deco-page-wing-v168.right i:nth-child(2)::after,
.archive-season-page-v18 .deco-page-wing-v168.right i:nth-child(2)::after,
.archive-family-page-v81 .deco-page-wing-v168.right i:nth-child(2)::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  box-sizing:border-box !important;
  border:1px solid #d09a45 !important;
  background:#07191d !important;
  transform:translateY(-50%) rotate(45deg) !important;
}
.archive-page-v32 .deco-page-wing-v168.left i:nth-child(2)::before,
.current-season-v18 .deco-page-wing-v168.left i:nth-child(2)::before,
.archive-season-page-v18 .deco-page-wing-v168.left i:nth-child(2)::before,
.archive-family-page-v81 .deco-page-wing-v168.left i:nth-child(2)::before{left:-4px !important}
.archive-page-v32 .deco-page-wing-v168.right i:nth-child(2)::after,
.current-season-v18 .deco-page-wing-v168.right i:nth-child(2)::after,
.archive-season-page-v18 .deco-page-wing-v168.right i:nth-child(2)::after,
.archive-family-page-v81 .deco-page-wing-v168.right i:nth-child(2)::after{right:-4px !important}

/* Subtitle/eyebrow spacing from the supplied mockup. */
.archive-page-v32 .deco-page-subtitle-v168,
.current-season-v18 .deco-page-subtitle-v168,
.archive-season-page-v18 .deco-page-subtitle-v168,
.archive-family-page-v81 .deco-page-subtitle-v168{
  margin:10px auto 0 !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  letter-spacing:.19em !important;
  color:#d6a052 !important;
}
.archive-page-v32 .deco-page-eyebrow-v168,
.current-season-v18 .deco-page-eyebrow-v168,
.archive-season-page-v18 .deco-page-eyebrow-v168,
.archive-family-page-v81 .deco-page-eyebrow-v168{
  margin:0 auto 10px !important;
  font-size:.68rem !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
  color:#d3a251 !important;
}

/* Keep the header comfortably below navigation. */
.archive-page-v32 .deco-page-header-v168{padding-top:7px !important}
.current-season-v18 .deco-page-header-v168{padding-top:20px !important;margin-top:8px !important}
.archive-season-page-v18 .deco-page-header-v168,
.archive-family-page-v81 .deco-page-header-v168{padding-top:14px !important}

@media(max-width:760px){
  .archive-page-v32 .deco-page-title-row-v168,
  .current-season-v18 .deco-page-title-row-v168,
  .archive-season-page-v18 .deco-page-title-row-v168,
  .archive-family-page-v81 .deco-page-title-row-v168{
    grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr) !important;
    gap:14px !important;
    width:100% !important;
  }
  .archive-page-v32 .deco-page-title-row-v168 h1,
  .current-season-v18 .deco-page-title-row-v168 h1,
  .archive-season-page-v18 .deco-page-title-row-v168 h1,
  .archive-family-page-v81 .deco-page-title-row-v168 h1{
    font-size:clamp(2.2rem,9.5vw,3.2rem) !important;
    letter-spacing:.08em !important;
    white-space:normal !important;
  }
  .archive-page-v32 .deco-page-wing-v168,
  .current-season-v18 .deco-page-wing-v168,
  .archive-season-page-v18 .deco-page-wing-v168,
  .archive-family-page-v81 .deco-page-wing-v168{height:22px !important;gap:4px !important}
}


/* =========================================================
   V172 — LITERAL REFERENCE HEADER
   Ornament geometry traced from the approved reference crop.
   Typography uses Optima, the closest native Mac/iOS match to
   the reference's flared, serifless Roman display lettering.
   ========================================================= */

.deco-ref-header-v172{
  position:relative !important;
  display:block !important;
  width:min(1120px,94%) !important;
  max-width:1120px !important;
  margin:0 auto 24px !important;
  padding:12px 0 0 !important;
  text-align:center !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.deco-ref-header-v172::before,
.deco-ref-header-v172::after{
  content:none !important;
  display:none !important;
}

.deco-ref-eyebrow-v172{
  display:block !important;
  margin:0 auto 9px !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.68rem !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:#d5a051 !important;
}

.deco-ref-title-row-v172{
  display:grid !important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) !important;
  align-items:center !important;
  gap:24px !important;
  width:min(1000px,94%) !important;
  margin:0 auto !important;
  padding:0 !important;
}

.deco-ref-title-v172{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-family:Optima,"Optima Nova","Avenir Next",Arial,sans-serif !important;
  font-size:clamp(3.25rem,4.15vw,4.55rem) !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-stretch:normal !important;
  line-height:.93 !important;
  letter-spacing:.145em !important;
  text-transform:uppercase !important;
  color:#d8a454 !important;
  text-shadow:0 1px 0 rgba(255,223,161,.06),0 2px 9px rgba(0,0,0,.24) !important;
  transform:scaleX(.94) !important;
  transform-origin:center center !important;
}

.deco-ref-wing-v172{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:60px !important;
  overflow:visible !important;
  color:#cf9945 !important;
}

.deco-ref-subtitle-v172{
  display:block !important;
  margin:10px auto 0 !important;
  padding:0 !important;
  text-align:center !important;
  font-family:var(--fb-body) !important;
  font-size:.76rem !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:#d7a353 !important;
}

/* page-specific spacing only; typography/ornament remain identical */
.archive-page-v32 .deco-ref-header-v172{
  margin-bottom:18px !important;
  padding-top:6px !important;
}
.current-season-v18 .deco-ref-header-v172{
  margin-top:18px !important;
  margin-bottom:26px !important;
  padding-top:12px !important;
}
.archive-season-page-v18 .deco-ref-header-v172,
.archive-family-page-v81 .deco-ref-header-v172{
  margin-top:10px !important;
  margin-bottom:24px !important;
}

/* neutralize legacy page heading chrome around the new literal component */
.current-season-v18 .season-heading-v18,
.archive-season-page-v18 .season-heading-v18,
.archive-family-page-v81 .archive-family-menu-v81{
  background:none !important;
  background-image:none !important;
  border-top:0 !important;
  box-shadow:none !important;
}
.current-season-v18 .season-heading-v18::before,
.current-season-v18 .season-heading-v18::after,
.archive-season-page-v18 .season-heading-v18::before,
.archive-season-page-v18 .season-heading-v18::after{
  content:none !important;
  display:none !important;
}

@media(max-width:760px){
  .deco-ref-header-v172{
    width:100% !important;
    margin:0 auto 18px !important;
    padding:10px 10px 0 !important;
  }
  .current-season-v18 .deco-ref-header-v172{
    margin-top:10px !important;
    padding-top:12px !important;
  }
  .deco-ref-eyebrow-v172{
    font-size:.60rem !important;
    letter-spacing:.18em !important;
    margin-bottom:8px !important;
  }
  .deco-ref-title-row-v172{
    grid-template-columns:minmax(66px,1fr) auto minmax(66px,1fr) !important;
    gap:12px !important;
    width:100% !important;
  }
  .deco-ref-title-v172{
    font-size:clamp(2.15rem,8.8vw,3.1rem) !important;
    letter-spacing:.105em !important;
    white-space:normal !important;
    transform:scaleX(.96) !important;
  }
  .deco-ref-wing-v172{
    max-height:42px !important;
  }
  .deco-ref-subtitle-v172{
    font-size:.62rem !important;
    letter-spacing:.145em !important;
    margin-top:8px !important;
  }
}


/* =========================================================
   V173 — TITLE FONT ONLY
   Ornament geometry from V172 is intentionally untouched.
   Marcellus is a restrained Roman-inscription display face,
   much closer to the approved reference title than Optima.
   ========================================================= */
.deco-ref-title-v172{
  font-family:"Marcellus","Baskerville","Iowan Old Style","Palatino Linotype",Palatino,serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:clamp(3.05rem,3.95vw,4.35rem) !important;
  line-height:.94 !important;
  letter-spacing:.115em !important;
  transform:scaleX(.92) scaleY(1.02) !important;
  transform-origin:center center !important;
  text-shadow:0 1px 0 rgba(255,223,161,.045),0 2px 8px rgba(0,0,0,.20) !important;
}

@media(max-width:760px){
  .deco-ref-title-v172{
    font-size:clamp(2.05rem,8.45vw,3rem) !important;
    letter-spacing:.09em !important;
    transform:scaleX(.94) scaleY(1.01) !important;
  }
}


/* =========================================================
   V174 — TITLE FONT CORRECTION ONLY
   Keep the V172/V173 ornament exactly as-is. Replace only the
   title face with a slimmer classical display closer to the
   approved mockup.
   ========================================================= */
.deco-ref-title-v172{
  font-family:"Forum","Iowan Old Style","Palatino Linotype",Palatino,serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:clamp(2.95rem,3.75vw,4.18rem) !important;
  line-height:.94 !important;
  letter-spacing:.125em !important;
  transform:scaleX(.95) scaleY(1.01) !important;
  transform-origin:center center !important;
  text-shadow:0 1px 0 rgba(255,223,161,.04),0 2px 7px rgba(0,0,0,.18) !important;
}
.archive-page-v32 .deco-ref-title-v172,
.current-season-v18 .deco-ref-title-v172,
.archive-family-page-v81 .deco-ref-title-v172,
.archive-season-page-v18 .deco-ref-title-v172{
  font-family:"Forum","Iowan Old Style","Palatino Linotype",Palatino,serif !important;
}
@media(max-width:760px){
  .deco-ref-title-v172{
    font-size:clamp(1.95rem,8.1vw,2.85rem) !important;
    letter-spacing:.105em !important;
    transform:scaleX(.97) scaleY(1.01) !important;
  }
}


/* =========================================================
   V175 — TITLE FACE MATCH PASS
   Ornament from V172 stays unchanged. Only the title face and
   title proportions are refined to better match the approved
   mockup's thin Didone-style lettering.
   ========================================================= */
.deco-ref-title-v172{
  font-family:"Italiana","Didot","Bodoni 72","Bodoni MT","Times New Roman",serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:clamp(3.02rem,3.78vw,4.20rem) !important;
  line-height:.92 !important;
  letter-spacing:.135em !important;
  transform:scaleX(.97) scaleY(1.01) !important;
  transform-origin:center center !important;
  text-shadow:0 1px 0 rgba(255,223,161,.035),0 2px 7px rgba(0,0,0,.16) !important;
}
.archive-page-v32 .deco-ref-title-v172,
.current-season-v18 .deco-ref-title-v172,
.archive-family-page-v81 .deco-ref-title-v172,
.archive-season-page-v18 .deco-ref-title-v172{
  font-family:"Italiana","Didot","Bodoni 72","Bodoni MT","Times New Roman",serif !important;
}
@media(max-width:760px){
  .deco-ref-title-v172{
    font-size:clamp(2rem,8.15vw,2.9rem) !important;
    letter-spacing:.11em !important;
    transform:scaleX(.98) scaleY(1.01) !important;
  }
}


/* =========================================================
   V176 — REFERENCE TITLE FACE: THIN CONDENSED ART-DECO SANS
   Ornament geometry from V172 remains untouched.
   The approved mockup title is monoline/sans, not Didone/serif.
   Prefer Apple's Avenir Next Condensed on Mac/iPhone and use
   Poiret One as the matching cross-platform fallback.
   ========================================================= */
.deco-ref-title-v172,
.archive-page-v32 .deco-ref-title-v172,
.current-season-v18 .deco-ref-title-v172,
.archive-family-page-v81 .deco-ref-title-v172,
.archive-season-page-v18 .deco-ref-title-v172{
  font-family:"Avenir Next Condensed","Avenir Next","Poiret One","Helvetica Neue",Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  font-size:clamp(3.05rem,3.90vw,4.32rem) !important;
  line-height:.92 !important;
  letter-spacing:.145em !important;
  text-transform:uppercase !important;
  transform:scaleX(.94) scaleY(1.01) !important;
  transform-origin:center center !important;
  text-shadow:0 1px 0 rgba(255,223,161,.025),0 2px 6px rgba(0,0,0,.14) !important;
}

@media(max-width:760px){
  .deco-ref-title-v172,
  .archive-page-v32 .deco-ref-title-v172,
  .current-season-v18 .deco-ref-title-v172,
  .archive-family-page-v81 .deco-ref-title-v172,
  .archive-season-page-v18 .deco-ref-title-v172{
    font-size:clamp(2.0rem,8.15vw,2.95rem) !important;
    letter-spacing:.115em !important;
    transform:scaleX(.96) scaleY(1.01) !important;
  }
}


/* =========================================================
   V177 — CUSTOM TITLE ARTWORK
   Use fixed transparent title artwork for the approved key headers
   so browser font rendering is no longer responsible for the look.
   Ornament treatment remains unchanged.
   ========================================================= */
.deco-ref-title-art-v177{
  display:block !important;
  width:auto !important;
  max-width:min(92vw, 720px) !important;
  height:clamp(52px, 7.2vw, 86px) !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 1px 0 rgba(255,223,161,.03)) drop-shadow(0 2px 8px rgba(0,0,0,.16));
}
.current-season-v18 .deco-ref-title-art-v177{
  max-width:min(92vw, 860px) !important;
  height:clamp(52px, 7.25vw, 86px) !important;
}
.archive-page-v32 .deco-ref-title-art-v177{
  max-width:min(92vw, 560px) !important;
}
@media(max-width:760px){
  .deco-ref-title-art-v177{
    max-width:90vw !important;
    height:auto !important;
    max-height:56px !important;
  }
}


/* =========================================================
   V178 — APPROVED MOCKUP BUILD
   Uses masthead artwork extracted directly from the approved
   Archive + Current Menu mockups. No browser font approximation.
   ========================================================= */

.deco-approved-header-v178{
  width:100%;
  margin:0 auto;
  padding:0;
  text-align:center;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.deco-approved-header-v178 img{
  display:block;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  max-width:100%;
}
.archive-page-v32 .deco-approved-header-v178{
  margin-top:18px;
  margin-bottom:16px;
}
.archive-page-v32 .deco-approved-header-v178 img{
  width:min(860px,92vw);
}
.current-season-v18 .deco-approved-header-v178{
  margin-top:20px;
  margin-bottom:24px;
}
.current-season-v18 .deco-approved-header-v178 img{
  width:min(1110px,92vw);
}

/* Archive proportions from approved mockup: much broader four-card wall. */
.archive-page-v32{
  width:100%!important;
  max-width:1500px!important;
  padding:22px 24px 74px!important;
}
.archive-season-grid-v73{
  width:min(1390px,94vw)!important;
  max-width:1390px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  margin:16px auto 0!important;
}
.archive-season-poster-v73{
  border-radius:8px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
}
.archive-season-poster-v73 img{
  filter:none!important;
}

/* Current-menu proportions from approved mockup. */
.current-season-v18{
  padding-top:0!important;
}
.current-season-v18 .season-content-v18{
  padding-top:0!important;
}
.current-season-v18 .season-card-grid-v18.two-cards-v18{
  width:min(820px,92vw)!important;
  max-width:820px!important;
  gap:24px!important;
  margin:0 auto!important;
}
.current-season-v18 .season-card-v18{
  border-radius:5px!important;
}
.current-season-v18 .season-card-v18:after{
  border-radius:2px!important;
}
.current-season-v18 .season-card-photo-v18{
  border-radius:1px!important;
}
.current-season-v18 .season-random-v18{
  margin-top:30px!important;
}

/* Reusable exact ornament on family/future-page fallback headers. */
.deco-fallback-header-v178{
  width:min(1120px,94vw);
  margin:18px auto 28px;
  padding:0;
  text-align:center;
}
.deco-fallback-row-v178{
  display:grid;
  grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);
  gap:24px;
  align-items:center;
  width:100%;
}
.deco-fallback-wing-v178{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.deco-fallback-title-v178{
  margin:0;
  color:#d7a552;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,serif;
  font-size:clamp(2.7rem,4.2vw,4.2rem);
  font-weight:400;
  letter-spacing:.15em;
  line-height:.95;
  text-transform:uppercase;
  white-space:nowrap;
}
.deco-fallback-header-v178 .deco-ref-eyebrow-v172{
  margin-bottom:8px!important;
}
.deco-fallback-header-v178 .deco-ref-subtitle-v172{
  margin-top:8px!important;
}

@media(max-width:900px){
  .archive-season-grid-v73{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(760px,92vw)!important;
  }
}
@media(max-width:620px){
  .archive-page-v32{padding:18px 12px 54px!important}
  .archive-page-v32 .deco-approved-header-v178 img{width:96vw}
  .current-season-v18 .deco-approved-header-v178 img{width:98vw}
  .archive-season-grid-v73{
    grid-template-columns:1fr!important;
    width:min(390px,92vw)!important;
    gap:18px!important;
  }
  .deco-fallback-row-v178{
    grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);
    gap:10px;
  }
  .deco-fallback-title-v178{
    font-size:clamp(1.9rem,9vw,2.8rem);
    letter-spacing:.10em;
    white-space:normal;
  }
}


/* =========================================================
   V181 — SAFE MASTHEAD CENTERING + CLEAN ARCHIVE FAMILY HEADER
   Restore approved V178 artwork unchanged. Centre the artwork with
   layout only; never move/crop the pixels inside the masthead image.
   ========================================================= */

/* Exact approved Archive + Current Menu artwork: centre relative to viewport. */
.archive-page-v32 .deco-approved-header-v178,
.current-season-v18 .deco-approved-header-v178{
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100vw !important;
  max-width:none !important;
  left:50% !important;
  margin-left:-50vw !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-page-v32 .deco-approved-header-v178 img,
.current-season-v18 .deco-approved-header-v178 img{
  position:static !important;
  display:block !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}
.archive-page-v32 .deco-approved-header-v178 img{
  width:min(860px,92vw) !important;
}
.current-season-v18 .deco-approved-header-v178 img{
  width:min(1110px,92vw) !important;
}

/* Archive family pages: decoration + centred season only; no plaque/bar. */
.archive-family-page-v81 .deco-fallback-header-v178,
.archive-family-page-v81 .archive-family-heading-v172{
  width:min(980px,92vw) !important;
  max-width:980px !important;
  margin:16px auto 30px !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.archive-family-page-v81 .deco-fallback-row-v178{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  gap:26px !important;
  align-items:center !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-fallback-wing-v178{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
}
.archive-family-page-v81 .deco-fallback-title-v178{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}
.archive-family-page-v81 .deco-ref-eyebrow-v172,
.archive-family-page-v81 .deco-ref-subtitle-v172{
  display:none !important;
}

@media(max-width:620px){
  .archive-page-v32 .deco-approved-header-v178 img{width:96vw !important}
  .current-season-v18 .deco-approved-header-v178 img{width:98vw !important}
  .archive-family-page-v81 .deco-fallback-row-v178{
    grid-template-columns:minmax(55px,1fr) auto minmax(55px,1fr) !important;
    gap:10px !important;
  }
}


/* =========================================================
   V182 — HEADING REPAIR ONLY
   Fix the Summer 2026 approved masthead centering, keep the
   approved artwork intact, and simplify/archive-family headers.
   ========================================================= */

/* Restore simple centered approved art. */
.archive-page-v32 .deco-approved-header-v178,
.current-season-v18 .deco-approved-header-v178{
  position:relative !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  left:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-page-v32 .deco-approved-header-v178{
  width:min(920px,94vw) !important;
  margin:18px auto 16px !important;
}
.archive-page-v32 .deco-approved-header-v178 img{
  width:100% !important;
  max-width:920px !important;
  height:auto !important;
  margin:0 auto !important;
}
.current-season-v18 .deco-approved-header-v178{
  width:min(1120px,96vw) !important;
  margin:18px auto 22px !important;
}
.current-season-v18 .deco-approved-header-v178 img{
  width:100% !important;
  max-width:1120px !important;
  height:auto !important;
  margin:0 auto !important;
}

/* Archive-family pages: remove the oversized boxed panel and use a cleaner title. */
.archive-family-page-v81{
  width:min(1040px,calc(100% - 42px)) !important;
  max-width:1040px !important;
  padding:28px 0 56px !important;
}
.archive-family-menu-v81{
  padding:6px 0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.archive-family-menu-v81::before,
.archive-family-menu-v81::after{
  content:none !important;
  display:none !important;
}
.archive-family-page-v81 .deco-fallback-header-v178,
.archive-family-page-v81 .archive-family-heading-v172{
  width:min(960px,94vw) !important;
  max-width:960px !important;
  margin:10px auto 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-fallback-row-v178{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  gap:24px !important;
  align-items:center !important;
}
.archive-family-page-v81 .deco-fallback-title-v178{
  color:#d7a552 !important;
  font-family:"Baskerville","Baskerville Old Face","Iowan Old Style","Palatino Linotype",Palatino,serif !important;
  font-size:clamp(3.7rem,6vw,5.6rem) !important;
  font-weight:400 !important;
  letter-spacing:.12em !important;
  line-height:.92 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.archive-family-page-v81 .deco-ref-eyebrow-v172,
.archive-family-page-v81 .deco-ref-subtitle-v172{
  display:none !important;
}
.archive-family-list-v81{
  width:min(620px,100%) !important;
  margin:16px auto 0 !important;
}
.archive-empty-v73{
  text-align:center !important;
}
.archive-family-footer-v81{
  width:min(220px,100%) !important;
  margin:18px auto 0 !important;
}

@media(max-width:620px){
  .archive-page-v32 .deco-approved-header-v178{width:96vw !important;}
  .current-season-v18 .deco-approved-header-v178{width:98vw !important;}
  .archive-family-page-v81 .deco-fallback-row-v178{
    grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr) !important;
    gap:10px !important;
  }
  .archive-family-page-v81 .deco-fallback-title-v178{
    font-size:clamp(2.2rem,10vw,3.2rem) !important;
    letter-spacing:.10em !important;
  }
}


/* =========================================================
   V184 — DEDICATED ARCHIVE-FAMILY TITLE ARTWORK
   The approved season-family titles are fixed artwork, not live fonts.
   Main Archive and Summer 2026 mastheads remain unchanged from V182.
   ========================================================= */
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v185{
  display:block !important;
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
  margin:18px auto 24px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v185 img{
  display:block !important;
  width:100% !important;
  max-width:1100px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
/* V186 — season family title artwork now uses gold shading and sits slightly higher. */
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v186{
  display:block !important;
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
  margin:4px auto 20px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v186 img{
  display:block !important;
  width:100% !important;
  max-width:1100px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
/* Remove any old family-header plaque/eyebrow/subtitle styling. */
.archive-family-page-v81 .archive-family-heading-v172{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media(max-width:620px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v185{
    width:96vw !important;
    margin-top:12px !important;
    margin-bottom:18px !important;
  }
}
@media(max-width:620px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v186{
    width:96vw !important;
    margin-top:2px !important;
    margin-bottom:14px !important;
  }
}


/* V187 — season family title artwork is lighter / more delicate and sits higher. */
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v187{
  display:block !important;
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
  margin:-10px auto 14px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v187 img{
  display:block !important;
  width:100% !important;
  max-width:1100px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
@media(max-width:620px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v187{
    width:96vw !important;
    margin-top:-8px !important;
    margin-bottom:12px !important;
  }
}


/* =========================================================
   V188 — APPROVED SEASON / SEASON-YEAR MASTHEADS
   Stronger gold shading, larger ornaments closer to the title,
   higher placement, and matching artwork on archive year pages.
   ========================================================= */
.archive-family-page-v81{
  padding-top:12px !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188{
  display:block !important;
  width:min(1200px,96vw) !important;
  max-width:1200px !important;
  margin:-18px auto 4px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188 img{
  display:block !important;
  width:100% !important;
  max-width:1200px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}

.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188{
  display:block !important;
  width:min(1200px,96vw) !important;
  max-width:1200px !important;
  margin:4px auto 18px !important;
  padding:0 !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188::before,
.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188::after{
  content:none !important;
  display:none !important;
}
.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188 img{
  display:block !important;
  width:100% !important;
  max-width:1200px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
.archive-season-page-v18 .archive-menu-heading-v172{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:620px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v188{
    width:98vw !important;
    margin-top:-10px !important;
    margin-bottom:6px !important;
  }
  .archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188{
    width:98vw !important;
    margin-top:0 !important;
    margin-bottom:14px !important;
  }
}

/* =========================================================
   V191 — NYC ART DECO RECIPE PAGE
   Recipe-page redesign only. Archive/season mastheads remain locked.
   ========================================================= */

.recipe-page-v191{
  --v191-gold:#b98536;
  --v191-gold2:#e0b55f;
  --v191-gold3:#765020;
  --v191-teal:#4d9189;
  --v191-ink:#061012;
  --v191-panel:#071416;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 30px 46px;
  color:#cbbd9e;
}

/* One predictable click target location throughout archive/recipe navigation. */
.fb-backlink-v191,
.archive-family-back-v81,
.archive-menu-back-v117{
  display:block !important;
  width:max-content !important;
  margin:24px 0 0 0 !important;
  color:#57968e !important;
  font-family:var(--fb-body) !important;
  font-size:.63rem !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  opacity:.88 !important;
}
.fb-backlink-v191:hover,
.archive-family-back-v81:hover,
.archive-menu-back-v117:hover{color:#75aea7 !important;}

.recipe-masthead-v191{
  width:min(1320px,100%);
  margin:18px auto 24px;
  text-align:center;
}
.recipe-eyebrow-v191{
  color:#c39243;
  font-family:var(--fb-body);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin-bottom:13px;
}
.recipe-title-row-v191{
  display:grid;
  grid-template-columns:minmax(130px,1fr) minmax(280px,auto) minmax(130px,1fr);
  align-items:center;
  justify-items:center;
  gap:24px;
}
.recipe-wing-v191{
  display:block;
  width:min(285px,100%);
  height:auto;
  opacity:.96;
}
.recipe-wing-left-v191{justify-self:end;}
.recipe-wing-right-v191{justify-self:start;}
.recipe-title-row-v191 h1{
  margin:0;
  max-width:760px;
  color:#d5a452;
  font-family:"Didot","Bodoni 72","Bodoni 72 Smallcaps","Baskerville","Times New Roman",serif;
  font-size:clamp(3.5rem,6vw,6.75rem);
  font-weight:400;
  letter-spacing:.105em;
  line-height:.92;
  text-align:center;
  text-transform:uppercase;
  background:linear-gradient(180deg,#f2d17d 0%,#d8a34c 48%,#aa7127 72%,#e1b562 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(49,28,7,.7),0 0 1px rgba(236,193,99,.38);
}
.recipe-style-v191{
  margin-top:13px;
  color:#c79a4b;
  font-family:var(--fb-body);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.32em;
  text-transform:uppercase;
}
.recipe-mini-rule-v191{
  width:190px;
  margin:12px auto 0;
  display:flex;
  align-items:center;
  gap:10px;
}
.recipe-mini-rule-v191 span{height:1px;background:rgba(184,132,50,.72);flex:1;}
.recipe-mini-rule-v191 i{width:8px;height:8px;border:1px solid #478e86;transform:rotate(45deg);}

.recipe-layout-v191{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:34px;
  align-items:stretch;
}
.recipe-photo-frame-v191,
.recipe-info-v191{
  position:relative;
  margin:0;
  border:1px solid rgba(190,136,53,.82);
  background:linear-gradient(180deg,rgba(9,25,26,.98),rgba(4,13,15,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 0 0 4px #071416,inset 0 0 0 5px rgba(177,124,43,.48);
}
.recipe-photo-frame-v191::before,
.recipe-photo-frame-v191::after,
.recipe-info-v191::before,
.recipe-info-v191::after{
  content:"";
  position:absolute;
  width:32px;
  height:32px;
  pointer-events:none;
  border-color:#c18b39;
  opacity:.86;
}
.recipe-photo-frame-v191::before,
.recipe-info-v191::before{left:-1px;top:-1px;border-left:3px double #c18b39;border-top:3px double #c18b39;}
.recipe-photo-frame-v191::after,
.recipe-info-v191::after{right:-1px;bottom:-1px;border-right:3px double #c18b39;border-bottom:3px double #c18b39;}
.recipe-photo-inner-v191{padding:12px;height:100%;min-height:520px;}
.recipe-photo-inner-v191 img{
  display:block;
  width:100%;
  height:100%;
  min-height:496px;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(176,124,47,.42);
}

.recipe-info-v191{
  padding:24px 28px 22px;
  display:flex;
  flex-direction:column;
}
.recipe-meta-row-v191{
  display:grid;
  grid-template-columns:160px 1fr;
  min-height:58px;
  align-items:center;
  border-bottom:1px solid rgba(177,124,43,.48);
}
.recipe-meta-label-v191,
.recipe-section-v191 h2{
  color:#c89848;
  font-family:var(--fb-body);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.recipe-meta-label-v191{padding-right:20px;}
.recipe-meta-value-v191{
  min-height:58px;
  display:flex;
  align-items:center;
  padding-left:24px;
  border-left:1px dotted rgba(177,124,43,.44);
  color:#d0bd96;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.93rem;
  line-height:1.45;
}
.recipe-section-v191{
  display:grid;
  grid-template-columns:160px 1fr;
  padding:18px 0;
  border-bottom:1px solid rgba(177,124,43,.48);
}
.recipe-section-v191 h2{margin:2px 20px 0 0;}
.recipe-section-v191 ul,
.recipe-section-v191 p{
  margin:0;
  padding-left:24px;
  border-left:1px dotted rgba(177,124,43,.44);
  color:#d1c09f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.91rem;
  line-height:1.62;
}
.recipe-section-v191 ul{padding-top:0;padding-bottom:0;padding-right:4px;list-style-position:inside;}
.recipe-section-v191 li{margin:0 0 4px;}
.recipe-notes-v191{border-bottom:0;}
.recipe-archive-note-v191,
.recipe-source-note-v191{
  margin-top:10px !important;
  color:#8f856f !important;
  font-size:.74rem !important;
  font-style:italic;
}
.recipe-stamp-v191{
  margin-top:auto;
  padding-top:14px;
  text-align:right;
  color:#718060;
  font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;
  font-size:clamp(1.65rem,3.2vw,2.5rem);
  letter-spacing:.14em;
  opacity:.58;
  filter:contrast(.9);
}

.recipe-footer-v191{
  width:min(1240px,100%);
  margin:26px auto 0;
  display:grid;
  grid-template-columns:1fr auto auto auto 1fr;
  gap:13px;
  align-items:center;
  color:#9a8665;
  font-family:var(--fb-body);
  font-size:.61rem;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.recipe-footer-v191 > span{height:1px;background:rgba(177,124,43,.44);}
.recipe-footer-v191 img{width:24px;height:auto;opacity:.72;}

@media(max-width:940px){
  .recipe-page-v191{padding-left:20px;padding-right:20px;}
  .recipe-title-row-v191{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);gap:14px;}
  .recipe-wing-v191{width:min(190px,100%);}
  .recipe-layout-v191{grid-template-columns:1fr;max-width:720px;}
  .recipe-photo-inner-v191{min-height:0;}
  .recipe-photo-inner-v191 img{min-height:0;aspect-ratio:4/3;}
}
@media(max-width:620px){
  .recipe-page-v191{padding:0 14px 34px;}
  .fb-backlink-v191,
  .archive-family-back-v81,
  .archive-menu-back-v117{margin-top:18px !important;}
  .recipe-masthead-v191{margin-top:16px;margin-bottom:18px;}
  .recipe-eyebrow-v191{font-size:.62rem;letter-spacing:.2em;}
  .recipe-title-row-v191{grid-template-columns:66px minmax(0,1fr) 66px;gap:8px;}
  .recipe-wing-v191{width:66px;}
  .recipe-title-row-v191 h1{font-size:clamp(2.15rem,10.8vw,3.55rem);letter-spacing:.07em;}
  .recipe-style-v191{font-size:.65rem;letter-spacing:.22em;}
  .recipe-layout-v191{gap:18px;}
  .recipe-photo-inner-v191{padding:8px;}
  .recipe-info-v191{padding:18px 16px;}
  .recipe-meta-row-v191,
  .recipe-section-v191{grid-template-columns:110px 1fr;}
  .recipe-meta-label-v191,
  .recipe-section-v191 h2{font-size:.62rem;letter-spacing:.12em;}
  .recipe-meta-value-v191,
  .recipe-section-v191 ul,
  .recipe-section-v191 p{padding-left:15px;font-size:.82rem;}
  .recipe-footer-v191{grid-template-columns:1fr auto auto auto 1fr;gap:7px;font-size:.48rem;letter-spacing:.11em;}
  .recipe-footer-v191 img{width:18px;}
}

/* =========================================================
   V192 — RECIPE PAGE CORRECTION / NYC ART DECO MASTER
   Replaces the V191 recipe implementation. Keeps archive/season
   mastheads locked while correcting decoration, image quality,
   and back-link position.
   ========================================================= */

.recipe-page-v192{
  --r192-gold:#c99643;
  --r192-gold-bright:#efca73;
  --r192-gold-deep:#80551e;
  --r192-teal:#55958e;
  --r192-panel:#061416;
  width:100%;
  max-width:1500px;
  margin:0 auto;
  padding:56px 34px 48px;
  color:#d2c2a1;
}

/* Exact repeatable target: same screen coordinates on every archive/recipe page. */
.fb-backlink-v192,
.fb-backlink-v191,
.archive-family-back-v81,
.archive-menu-back-v117{
  position:fixed !important;
  left:32px !important;
  top:94px !important;
  z-index:35 !important;
  display:block !important;
  width:max-content !important;
  margin:0 !important;
  padding:8px 0 !important;
  color:#579b93 !important;
  background:rgba(4,16,18,.78) !important;
  box-shadow:0 0 18px rgba(4,16,18,.78) !important;
  font-family:var(--fb-body) !important;
  font-size:.64rem !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  opacity:.94 !important;
  white-space:nowrap !important;
}
.fb-backlink-v192:hover,
.fb-backlink-v191:hover,
.archive-family-back-v81:hover,
.archive-menu-back-v117:hover{color:#80b9b1 !important;}

.recipe-masthead-v192{
  width:min(1380px,100%);
  margin:0 auto 25px;
  padding-top:2px;
  text-align:center;
}
.recipe-title-row-v192{
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(330px,auto) minmax(250px,1fr);
  gap:16px;
  align-items:center;
  justify-items:center;
}
.recipe-wing-v192{
  display:block;
  width:min(410px,100%);
  height:auto;
  opacity:.98;
  filter:drop-shadow(0 1px 0 rgba(255,215,126,.13));
}
.recipe-wing-left-v192{justify-self:end;}
.recipe-wing-right-v192{justify-self:start;transform:scaleX(-1);}
.recipe-title-row-v192 h1{
  margin:0;
  max-width:760px;
  color:#d5a452;
  font-family:"Didot","Bodoni 72","Bodoni 72 Smallcaps","Baskerville","Times New Roman",serif;
  font-size:clamp(4rem,6vw,6.7rem);
  font-weight:400;
  letter-spacing:.095em;
  line-height:.90;
  text-align:center;
  text-transform:uppercase;
  background:linear-gradient(180deg,#f4d582 0%,#d9a44c 40%,#a76b22 71%,#e3b962 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.25px rgba(238,198,108,.46);
  text-shadow:0 1px 0 rgba(40,22,5,.84),0 3px 8px rgba(0,0,0,.27);
}
.recipe-title-row-v192 h1.recipe-title-long-v192{
  font-size:clamp(3.2rem,5vw,5.65rem);
  letter-spacing:.07em;
}
.recipe-title-rule-v192{
  width:min(230px,40vw);
  margin:14px auto 0;
  display:flex;
  align-items:center;
  gap:11px;
}
.recipe-title-rule-v192 span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b77e31,#b77e31);}
.recipe-title-rule-v192 span:last-child{background:linear-gradient(90deg,#b77e31,#b77e31,transparent);}
.recipe-title-rule-v192 i{width:9px;height:9px;border:1px solid var(--r192-teal);transform:rotate(45deg);box-shadow:0 0 8px rgba(85,149,142,.18);}

.recipe-layout-v192{
  width:min(1280px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  gap:34px;
  align-items:stretch;
}
.recipe-photo-frame-v192,
.recipe-info-v192{
  position:relative;
  margin:0;
  min-width:0;
  background:linear-gradient(180deg,rgba(7,23,24,.99),rgba(3,12,14,.99));
  border:1px solid rgba(198,144,59,.92);
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    inset 0 0 0 5px #071416,
    inset 0 0 0 6px rgba(192,135,50,.46);
}
/* Stepped NYC-deco outer corners */
.recipe-photo-frame-v192:before,.recipe-photo-frame-v192:after,
.recipe-info-v192:before,.recipe-info-v192:after{
  content:"";
  position:absolute;
  width:48px;height:48px;
  z-index:3;
  pointer-events:none;
}
.recipe-photo-frame-v192:before,.recipe-info-v192:before{
  left:-1px;top:-1px;
  border-left:4px double #c58e39;
  border-top:4px double #c58e39;
  box-shadow:8px 8px 0 -7px #c58e39,15px 15px 0 -14px #c58e39;
}
.recipe-photo-frame-v192:after,.recipe-info-v192:after{
  right:-1px;bottom:-1px;
  border-right:4px double #c58e39;
  border-bottom:4px double #c58e39;
  box-shadow:-8px -8px 0 -7px #c58e39,-15px -15px 0 -14px #c58e39;
}
.recipe-photo-inner-v192{
  height:100%;
  min-height:560px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(184,132,50,.09),transparent 55%),
    #050f11;
}
.recipe-photo-inner-v192 img{
  display:block;
  width:100%;
  height:100%;
  max-height:680px;
  min-height:536px;
  object-fit:contain;
  object-position:center;
  border:1px solid rgba(181,127,46,.36);
  background:#050f11;
  filter:contrast(1.025) saturate(.96);
}
.recipe-photo-medallion-v192{
  position:absolute;
  left:50%;bottom:-25px;
  transform:translateX(-50%);
  width:54px;height:54px;
  display:grid;place-items:center;
  z-index:5;
  background:#061416;
  border:1px solid #bd8736;
  transform-origin:center;
  box-shadow:0 0 0 6px #061416,0 0 0 7px rgba(189,135,54,.65);
}
.recipe-photo-medallion-v192:before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(189,135,54,.45);transform:rotate(45deg);
}
.recipe-photo-medallion-v192 img{width:22px;height:auto;opacity:.84;position:relative;z-index:2;}

.recipe-info-v192{padding:13px;}
.recipe-info-inner-v192{
  height:100%;
  padding:17px 22px 20px;
  border:1px solid rgba(178,123,43,.36);
  position:relative;
  display:flex;
  flex-direction:column;
}
.recipe-info-inner-v192:before,
.recipe-info-inner-v192:after{
  content:"";position:absolute;left:20px;right:20px;height:1px;
  background:linear-gradient(90deg,transparent,#aa742d,#d0a14f,#aa742d,transparent);
  opacity:.72;
}
.recipe-info-inner-v192:before{top:9px}.recipe-info-inner-v192:after{bottom:9px}
.recipe-meta-row-v192{
  display:grid;
  grid-template-columns:175px 1fr;
  min-height:64px;
  align-items:center;
  border-bottom:1px solid rgba(181,126,45,.54);
}
.recipe-meta-label-v192,
.recipe-section-v192 h2{
  color:#d1a050;
  font-family:var(--fb-body);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.recipe-meta-label-v192,
.recipe-section-v192 h2{
  display:flex;align-items:center;gap:12px;
}
.recipe-meta-label-v192 i,
.recipe-section-v192 h2 i{
  display:inline-block;
  width:13px;height:13px;
  border:1px solid #c28b38;
  transform:rotate(45deg);
  box-shadow:inset 0 0 0 3px #071416;
  flex:0 0 auto;
}
.recipe-meta-value-v192{
  min-height:64px;
  display:flex;align-items:center;
  padding-left:26px;
  border-left:1px dotted rgba(183,127,43,.58);
  color:#d6c5a1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.94rem;
  line-height:1.48;
}
.recipe-section-v192{
  display:grid;
  grid-template-columns:175px 1fr;
  padding:20px 0;
  border-bottom:1px solid rgba(181,126,45,.54);
}
.recipe-section-v192 h2{margin:2px 20px 0 0;align-self:start;}
.recipe-section-v192 ul,
.recipe-section-v192 p,
.recipe-section-v192 > div:not(.recipe-meta-label-v192){
  margin:0;
  padding-left:26px;
  border-left:1px dotted rgba(183,127,43,.58);
  color:#d7c6a4;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.91rem;
  line-height:1.62;
}
.recipe-section-v192 ul{padding-right:5px;list-style-position:inside;}
.recipe-section-v192 li{margin:0 0 4px;}
.recipe-notes-v192{border-bottom:0;}
.recipe-notes-v192 > div{display:block;}
.recipe-notes-v192 p{padding-left:0;border-left:0;}
.recipe-archive-note-v192,.recipe-source-note-v192{margin-top:9px !important;color:#918773 !important;font-size:.74rem !important;font-style:italic;}
.recipe-stamp-v192{
  margin-top:auto;
  padding:18px 10px 3px 0;
  text-align:right;
  color:#718060;
  font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;
  font-size:clamp(1.7rem,3vw,2.55rem);
  letter-spacing:.14em;
  opacity:.55;
}
.recipe-stamp-v192:before{
  content:"";display:inline-block;width:52px;height:1px;background:rgba(179,126,44,.38);vertical-align:middle;margin-right:15px;
}

.recipe-footer-v192{
  width:min(1280px,100%);
  margin:36px auto 0;
  display:grid;
  grid-template-columns:1fr auto auto auto 1fr;
  gap:13px;
  align-items:center;
  color:#9e8b69;
  font-family:var(--fb-body);
  font-size:.61rem;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.recipe-footer-v192 > span{height:1px;background:linear-gradient(90deg,transparent,rgba(182,127,44,.62));}
.recipe-footer-v192 > span:last-child{background:linear-gradient(90deg,rgba(182,127,44,.62),transparent);}
.recipe-footer-v192 img{width:26px;height:auto;opacity:.78;}

@media(max-width:1050px){
  .recipe-page-v192{padding-left:20px;padding-right:20px;}
  .recipe-title-row-v192{grid-template-columns:minmax(150px,1fr) minmax(260px,auto) minmax(150px,1fr);gap:10px;}
  .recipe-wing-v192{width:min(300px,100%);}
  .recipe-layout-v192{grid-template-columns:1fr;max-width:760px;gap:38px;}
  .recipe-photo-inner-v192{min-height:0;}
  .recipe-photo-inner-v192 img{min-height:0;height:auto;max-height:680px;}
}
@media(max-width:620px){
  .recipe-page-v192{padding:48px 12px 32px;}
  .fb-backlink-v192,.fb-backlink-v191,.archive-family-back-v81,.archive-menu-back-v117{
    left:14px !important;top:75px !important;font-size:.56rem !important;letter-spacing:.1em !important;
  }
  .recipe-masthead-v192{margin-bottom:18px;}
  .recipe-title-row-v192{grid-template-columns:82px minmax(0,1fr) 82px;gap:7px;}
  .recipe-wing-v192{width:82px;}
  .recipe-title-row-v192 h1{font-size:clamp(2.25rem,10.8vw,3.6rem);letter-spacing:.065em;}
  .recipe-title-row-v192 h1.recipe-title-long-v192{font-size:clamp(1.85rem,9vw,3rem);}
  .recipe-title-rule-v192{margin-top:9px;}
  .recipe-layout-v192{gap:34px;}
  .recipe-photo-inner-v192{padding:8px;}
  .recipe-photo-medallion-v192{width:44px;height:44px;bottom:-20px;}
  .recipe-photo-medallion-v192 img{width:18px;}
  .recipe-info-v192{padding:9px;}
  .recipe-info-inner-v192{padding:14px 12px 16px;}
  .recipe-meta-row-v192,.recipe-section-v192{grid-template-columns:104px 1fr;}
  .recipe-meta-label-v192,.recipe-section-v192 h2{font-size:.59rem;letter-spacing:.11em;gap:8px;}
  .recipe-meta-label-v192 i,.recipe-section-v192 h2 i{width:10px;height:10px;}
  .recipe-meta-value-v192,.recipe-section-v192 ul,.recipe-section-v192 p,.recipe-section-v192 > div:not(.recipe-meta-label-v192){padding-left:13px;font-size:.81rem;}
  .recipe-footer-v192{grid-template-columns:1fr auto auto auto 1fr;gap:6px;font-size:.46rem;letter-spacing:.095em;}
  .recipe-footer-v192 img{width:18px;}
}

/* =========================================================
   V193 — DEDICATED RECIPE TITLE ART + ONE-SCREEN DESKTOP
   Keeps the V192 NYC Art Deco recipe language, but removes
   browser-dependent title typography and makes the desktop
   recipe composition fit inside the viewport below the nav.
   ========================================================= */
.recipe-title-art-v193{
  display:block;
  max-width:min(760px,100%);
  max-height:104px;
  width:auto;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.24));
}
.recipe-title-row-v193{
  grid-template-columns:minmax(190px,1fr) minmax(280px,760px) minmax(190px,1fr);
  gap:12px;
}
.recipe-wing-v193{width:min(350px,100%);}
.recipe-masthead-v193{margin-bottom:14px;}
.recipe-title-rule-v193{margin-top:5px;width:min(190px,32vw);}

@media(min-width:1051px){
  body:has(.recipe-page-v193){overflow:hidden;}
  .recipe-page-v193{
    box-sizing:border-box;
    height:calc(100dvh - 66px);
    max-height:calc(100dvh - 66px);
    min-height:0;
    padding:28px 30px 14px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    row-gap:10px;
    overflow:hidden;
  }
  .recipe-masthead-v193{
    width:min(1320px,100%);
    min-height:0;
    margin:0 auto;
  }
  .recipe-title-row-v193{
    grid-template-columns:minmax(190px,1fr) minmax(260px,720px) minmax(190px,1fr);
    gap:8px;
  }
  .recipe-title-art-v193{
    max-width:720px;
    max-height:78px;
  }
  .recipe-wing-v193{width:min(330px,100%);}
  .recipe-title-rule-v193{margin-top:2px;}

  .recipe-layout-v193{
    width:min(1260px,100%);
    height:100%;
    min-height:0;
    margin:0 auto;
    gap:22px;
    align-items:stretch;
  }
  .recipe-photo-frame-v193,
  .recipe-info-v193{
    min-height:0;
    height:100%;
  }
  .recipe-photo-inner-v193{
    height:100%;
    min-height:0;
    padding:8px;
  }
  .recipe-photo-inner-v193 img{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    object-fit:contain;
    object-position:center;
  }
  .recipe-photo-medallion-v193{
    width:42px;
    height:42px;
    bottom:-18px;
  }
  .recipe-photo-medallion-v193 img{width:17px;}

  .recipe-info-v193{padding:8px;}
  .recipe-info-inner-v193{
    min-height:0;
    height:100%;
    padding:10px 15px 11px;
    overflow:hidden;
  }
  .recipe-meta-row-v192{
    grid-template-columns:138px 1fr;
    min-height:43px;
  }
  .recipe-meta-value-v192{
    min-height:43px;
    padding-left:17px;
    font-size:.78rem;
    line-height:1.28;
  }
  .recipe-meta-label-v192,
  .recipe-section-v192 h2{
    font-size:.61rem;
    letter-spacing:.14em;
    gap:9px;
  }
  .recipe-meta-label-v192 i,
  .recipe-section-v192 h2 i{width:10px;height:10px;}
  .recipe-section-v192{
    grid-template-columns:138px 1fr;
    padding:8px 0;
  }
  .recipe-section-v192 h2{margin-right:12px;}
  .recipe-section-v192 ul,
  .recipe-section-v192 p,
  .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:17px;
    font-size:.77rem;
    line-height:1.34;
  }
  .recipe-section-v192 li{margin-bottom:1px;}
  .recipe-archive-note-v192,.recipe-source-note-v192{
    margin-top:4px !important;
    font-size:.66rem !important;
    line-height:1.25 !important;
  }
  .recipe-stamp-v192{
    position:absolute;
    right:18px;
    bottom:9px;
    margin:0;
    padding:0;
    font-size:1.25rem;
    opacity:.32;
    pointer-events:none;
  }
  .recipe-stamp-v192:before{width:30px;margin-right:8px;}
  .recipe-footer-v193{
    width:min(1260px,100%);
    margin:0 auto;
    gap:9px;
    font-size:.48rem;
    letter-spacing:.15em;
  }
  .recipe-footer-v193 img{width:20px;}

  .recipe-dense-v193 .recipe-meta-row-v192{min-height:38px;}
  .recipe-dense-v193 .recipe-meta-value-v192{min-height:38px;font-size:.72rem;line-height:1.2;}
  .recipe-dense-v193 .recipe-section-v192{padding:6px 0;}
  .recipe-dense-v193 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.70rem;line-height:1.22;}
  .recipe-dense-v193 .recipe-meta-label-v192,
  .recipe-dense-v193 .recipe-section-v192 h2{font-size:.56rem;}
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v193{padding-top:20px;padding-bottom:10px;row-gap:7px;}
  .recipe-title-art-v193{max-height:66px;}
  .recipe-wing-v193{width:min(290px,100%);}
  .recipe-title-rule-v193{display:none;}
  .recipe-layout-v193{gap:18px;}
  .recipe-info-inner-v193{padding:8px 13px 9px;}
  .recipe-meta-row-v192{min-height:36px;}
  .recipe-meta-value-v192{min-height:36px;font-size:.71rem;}
  .recipe-section-v192{padding:5px 0;}
  .recipe-section-v192 ul,.recipe-section-v192 p,.recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.69rem;line-height:1.20;}
  .recipe-meta-label-v192,.recipe-section-v192 h2{font-size:.54rem;}
  .recipe-footer-v193{font-size:.44rem;}
}

@media(max-width:1050px){
  body:has(.recipe-page-v193){overflow:auto;}
  .recipe-title-art-v193{max-width:min(620px,100%);max-height:92px;}
  .recipe-title-row-v193{grid-template-columns:minmax(120px,1fr) minmax(220px,620px) minmax(120px,1fr);gap:8px;}
  .recipe-wing-v193{width:min(260px,100%);}
}
@media(max-width:620px){
  .recipe-title-row-v193{grid-template-columns:70px minmax(0,1fr) 70px;gap:5px;}
  .recipe-title-art-v193{max-width:100%;max-height:64px;}
  .recipe-wing-v193{width:70px;}
}


/* =========================================================
   V194 — HOME LOWER PANEL BLUE-GREEN REFERENCE MATCH
   Matches the approved teal/blue-green lower wall treatment.
   Desktop uses dedicated artwork; mobile receives the same palette.
   ========================================================= */
@media(max-width:620px){
  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v140,
  .mobile-home-v140{
    background:#0b2d31 !important;
  }

  .mobile-home-v140-lower{
    background:
      radial-gradient(ellipse at 50% 0%,
        rgba(55,103,103,.24) 0%,
        rgba(30,73,75,.16) 38%,
        transparent 70%),
      linear-gradient(180deg,
        #123c3e 0%,
        #0f3538 50%,
        #0b2d31 100%) !important;
  }

  .mobile-home-v161-share{
    background:rgba(8,42,45,.74) !important;
    box-shadow:
      inset 0 0 0 4px rgba(25,76,78,.28),
      inset 0 0 0 5px rgba(202,143,54,.14) !important;
  }
}


/* =========================================================
   V195 — TRUE BLUE HOME + CLEAN RECIPE CARDS
   - Homepage lower panel moved from green/teal to the approved blue direction.
   - Recipe Notes removed in markup; recipe card ends after Method.
   - Desktop recipe cards no longer force the information panel to fill the viewport.
   - Title ornaments flex away from long names and cannot overlap title art.
   ========================================================= */

/* Recipe masthead: safe, elegant spacing around dedicated title artwork. */
.recipe-title-row-v193{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(18px,2.2vw,34px) !important;
  width:min(1320px,100%) !important;
  margin:0 auto !important;
}
.recipe-title-art-v193{
  flex:0 1 auto !important;
  width:auto !important;
  max-width:min(610px,50vw) !important;
  max-height:70px !important;
}
.recipe-wing-v193{
  flex:1 1 140px !important;
  width:auto !important;
  min-width:90px !important;
  max-width:285px !important;
  object-fit:contain !important;
}

@media(min-width:1051px){
  body:has(.recipe-page-v193){overflow:hidden;}
  .recipe-page-v193{
    height:calc(100dvh - 66px) !important;
    max-height:calc(100dvh - 66px) !important;
    padding:22px 30px 9px !important;
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    align-content:start !important;
    row-gap:9px !important;
    overflow:hidden !important;
  }
  .recipe-masthead-v193{
    margin:0 auto 2px !important;
  }
  .recipe-title-art-v193{
    max-width:min(590px,49vw) !important;
    max-height:62px !important;
  }
  .recipe-wing-v193{
    max-width:260px !important;
  }
  .recipe-title-rule-v193{
    margin-top:1px !important;
  }

  .recipe-layout-v193{
    width:min(1240px,100%) !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    gap:20px !important;
    align-items:start !important;
  }
  .recipe-photo-frame-v193{
    height:clamp(365px,47dvh,475px) !important;
    min-height:0 !important;
  }
  .recipe-photo-inner-v193{
    height:100% !important;
    min-height:0 !important;
    padding:8px !important;
  }
  .recipe-photo-inner-v193 img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  .recipe-info-v193{
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }
  .recipe-info-inner-v193{
    height:auto !important;
    min-height:0 !important;
    padding:9px 15px 13px !important;
    overflow:visible !important;
  }
  .recipe-stamp-v192{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    margin:8px 10px 0 auto !important;
    font-size:1.1rem !important;
  }
  .recipe-footer-v193{
    margin-top:0 !important;
  }

  /* A few ingredient-heavy recipes can use a little more photo height without scrolling. */
  .recipe-dense-v193 .recipe-photo-frame-v193{
    height:clamp(395px,50dvh,505px) !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v193{padding-top:15px !important;row-gap:6px !important;}
  .recipe-title-art-v193{max-height:54px !important;}
  .recipe-wing-v193{max-width:225px !important;}
  .recipe-photo-frame-v193{height:clamp(330px,45dvh,405px) !important;}
  .recipe-dense-v193 .recipe-photo-frame-v193{height:clamp(350px,47dvh,430px) !important;}
}

@media(max-width:1050px){
  .recipe-title-row-v193{
    gap:clamp(10px,2vw,22px) !important;
  }
  .recipe-title-art-v193{
    max-width:min(560px,58vw) !important;
    max-height:82px !important;
  }
  .recipe-wing-v193{
    min-width:70px !important;
    max-width:220px !important;
  }
}

@media(max-width:620px){
  .recipe-title-row-v193{
    gap:7px !important;
  }
  .recipe-title-art-v193{
    max-width:68vw !important;
    max-height:58px !important;
  }
  .recipe-wing-v193{
    flex:0 1 54px !important;
    min-width:38px !important;
    max-width:54px !important;
  }
}

/* Mobile homepage: intentionally blue, not green/teal. */
@media(max-width:620px){
  html.exact-home-html,
  html.exact-home-html body,
  body.exact-home,
  body.exact-home #app,
  .home-v140,
  .mobile-home-v140{
    background:#0a2636 !important;
  }
  .mobile-home-v140-lower{
    background:
      radial-gradient(ellipse at 50% 0%, rgba(43,87,119,.24) 0%, rgba(22,57,83,.17) 40%, transparent 72%),
      linear-gradient(180deg,#123a50 0%,#0d3043 50%,#092536 100%) !important;
  }
  .mobile-home-v161-share{
    background:rgba(8,35,52,.78) !important;
    box-shadow:
      inset 0 0 0 4px rgba(25,66,94,.28),
      inset 0 0 0 5px rgba(202,143,54,.14) !important;
  }
}


/* =========================================================
   V196 — RECIPE COMPOSITION REBUILD
   Fixes masthead balance, back-link collision, drink crop,
   empty lower viewport, and the stray half-corner on the info panel.
   ========================================================= */
@media(min-width:1051px){
  body:has(.recipe-page-v193){overflow:hidden !important;}

  .recipe-page-v193{
    position:relative !important;
    box-sizing:border-box !important;
    height:calc(100dvh - 66px) !important;
    max-height:calc(100dvh - 66px) !important;
    padding:20px 30px 13px !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    row-gap:12px !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }

  /* Keep the repeated back target in one predictable place, but away from the photo. */
  .recipe-page-v193 > .fb-backlink-v193{
    position:fixed !important;
    left:32px !important;
    top:88px !important;
    z-index:40 !important;
    padding:7px 0 !important;
    background:rgba(4,16,18,.70) !important;
    box-shadow:0 0 14px rgba(4,16,18,.68) !important;
  }

  /* Masthead is centered as a single symmetrical object. */
  .recipe-masthead-v193{
    width:min(1320px,100%) !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .recipe-title-row-v193{
    display:grid !important;
    grid-template-columns:minmax(180px,1fr) minmax(280px,560px) minmax(180px,1fr) !important;
    align-items:center !important;
    justify-items:stretch !important;
    column-gap:24px !important;
    width:100% !important;
    margin:0 auto !important;
  }
  .recipe-title-art-v193{
    grid-column:2 !important;
    justify-self:center !important;
    width:auto !important;
    max-width:560px !important;
    max-height:64px !important;
    object-fit:contain !important;
  }
  .recipe-wing-v193{
    width:100% !important;
    max-width:310px !important;
    min-width:0 !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .recipe-wing-left-v192{justify-self:end !important;}
  .recipe-wing-right-v192{justify-self:start !important;transform:scaleX(-1) !important;}
  .recipe-title-rule-v193{
    width:min(180px,28vw) !important;
    margin:4px auto 0 !important;
  }

  /* Use the viewport intelligently without stretching the information panel into dead space. */
  .recipe-layout-v193{
    width:min(1240px,100%) !important;
    height:min(520px,calc(100dvh - 238px)) !important;
    min-height:410px !important;
    margin:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:stretch !important;
  }

  .recipe-photo-frame-v193,
  .recipe-info-v193{
    height:100% !important;
    min-height:0 !important;
    align-self:stretch !important;
  }

  /* 4:3 source photography now fits the frame instead of losing the bottom of the glass/mug. */
  .recipe-photo-inner-v193{
    height:100% !important;
    min-height:0 !important;
    padding:9px !important;
    overflow:hidden !important;
  }
  .recipe-photo-inner-v193 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#050f11 !important;
  }

  /* The right panel has clean double framing — no orphaned half-square corner. */
  .recipe-info-v192::before,
  .recipe-info-v192::after{
    display:none !important;
    content:none !important;
  }
  .recipe-info-v193{
    padding:9px !important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.28),
      inset 0 0 0 5px #071416,
      inset 0 0 0 6px rgba(192,135,50,.46) !important;
  }
  .recipe-info-inner-v193{
    box-sizing:border-box !important;
    height:100% !important;
    min-height:0 !important;
    padding:13px 18px 15px !important;
    display:grid !important;
    grid-template-rows:auto auto auto 1fr !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }
  .recipe-meta-row-v192{
    min-height:54px !important;
  }
  .recipe-meta-value-v192{
    min-height:54px !important;
    font-size:.83rem !important;
    line-height:1.32 !important;
  }
  .recipe-section-v192{
    padding:10px 0 !important;
  }
  .recipe-section-v192:last-of-type{
    border-bottom:0 !important;
    min-height:0 !important;
    align-items:center !important;
  }
  .recipe-section-v192 ul,
  .recipe-section-v192 p,
  .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    font-size:.80rem !important;
    line-height:1.34 !important;
  }
  .recipe-section-v192 li{margin-bottom:2px !important;}

  /* Keep the Chinese printer-mark accent intentional and out of the content flow. */
  .recipe-stamp-v192{
    position:absolute !important;
    right:20px !important;
    bottom:14px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:1.05rem !important;
    opacity:.23 !important;
    pointer-events:none !important;
  }

  .recipe-footer-v193{
    width:min(1240px,100%) !important;
    margin:0 auto !important;
    min-height:25px !important;
    align-self:end !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v193{
    padding-top:14px !important;
    row-gap:8px !important;
  }
  .recipe-title-art-v193{max-height:54px !important;max-width:500px !important;}
  .recipe-title-row-v193{grid-template-columns:minmax(160px,1fr) minmax(260px,500px) minmax(160px,1fr) !important;column-gap:18px !important;}
  .recipe-wing-v193{max-width:275px !important;}
  .recipe-title-rule-v193{display:none !important;}
  .recipe-layout-v193{
    height:min(460px,calc(100dvh - 205px)) !important;
    min-height:360px !important;
  }
  .recipe-meta-row-v192{min-height:45px !important;}
  .recipe-meta-value-v192{min-height:45px !important;font-size:.74rem !important;}
  .recipe-section-v192{padding:7px 0 !important;}
  .recipe-section-v192 ul,.recipe-section-v192 p,.recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.72rem !important;line-height:1.24 !important;}
}

/* =========================================================
   V197 — APPROVED RECIPE ART DIRECTION
   - Deep NYC midnight-blue recipe background.
   - Approved delicate shaded Didot-style title artwork.
   - Approved tapered horizontal Deco title ornaments.
   - Dedicated full-frame SVG artwork for photo + recipe panels.
   - Drink photography is inset/contained rather than oversized/cropped.
   ========================================================= */

body:has(.recipe-page-v193),
.recipe-page-v193{
  background:
    radial-gradient(ellipse at 50% -10%, rgba(34,67,105,.22), transparent 48%),
    radial-gradient(ellipse at 88% 64%, rgba(14,43,72,.22), transparent 42%),
    linear-gradient(180deg,#071421 0%,#071a2d 48%,#061725 100%) !important;
}

.recipe-title-rule-v193{display:none !important;}
.recipe-wing-right-v192{transform:none !important;}

.recipe-photo-frame-v193::before,
.recipe-photo-frame-v193::after,
.recipe-info-v193::before,
.recipe-info-v193::after{
  content:none !important;
  display:none !important;
}

.recipe-frame-overlay-v197{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  pointer-events:none !important;
  z-index:6 !important;
}

.recipe-photo-frame-v197,
.recipe-info-v197{
  position:relative !important;
  overflow:visible !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(3,11,20,.46) !important;
}

.recipe-photo-inner-v197,
.recipe-info-inner-v197{
  position:relative !important;
  z-index:2 !important;
}

@media(min-width:1051px){
  body:has(.recipe-page-v193){overflow:hidden !important;}

  .recipe-page-v193{
    height:calc(100dvh - 66px) !important;
    max-height:calc(100dvh - 66px) !important;
    box-sizing:border-box !important;
    padding:18px 28px 10px !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    row-gap:10px !important;
    overflow:hidden !important;
  }

  .recipe-page-v193 > .fb-backlink-v193{
    left:32px !important;
    top:88px !important;
  }

  .recipe-masthead-v193{
    width:min(1360px,100%) !important;
    margin:0 auto !important;
  }

  .recipe-title-row-v193{
    display:grid !important;
    grid-template-columns:minmax(190px,1fr) minmax(300px,640px) minmax(190px,1fr) !important;
    align-items:center !important;
    column-gap:18px !important;
    width:100% !important;
    margin:0 auto !important;
  }

  .recipe-title-art-v193{
    grid-column:2 !important;
    justify-self:center !important;
    width:100% !important;
    max-width:640px !important;
    max-height:76px !important;
    object-fit:contain !important;
  }

  .recipe-wing-v193{
    width:100% !important;
    max-width:300px !important;
    height:70px !important;
    object-fit:contain !important;
  }
  .recipe-wing-left-v192{justify-self:end !important;}
  .recipe-wing-right-v192{justify-self:start !important;}

  .recipe-layout-v193{
    width:min(1380px,calc(100vw - 100px)) !important;
    height:min(545px,calc(100dvh - 225px)) !important;
    min-height:430px !important;
    margin:auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:24px !important;
    align-items:stretch !important;
  }

  .recipe-photo-frame-v197,
  .recipe-info-v197{
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
  }

  /* The photo now breathes inside the Deco frame instead of dominating it. */
  .recipe-photo-inner-v197{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:42px 48px 44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    overflow:hidden !important;
  }
  .recipe-photo-inner-v197 img{
    display:block !important;
    width:90% !important;
    height:90% !important;
    max-width:90% !important;
    max-height:90% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#050b12 !important;
    box-shadow:0 18px 34px rgba(0,0,0,.28) !important;
  }

  .recipe-photo-medallion-v193{
    z-index:8 !important;
    width:48px !important;
    height:48px !important;
    bottom:-18px !important;
    background:#071725 !important;
    border-color:#b77e31 !important;
  }

  /* Use the whole right-hand frame elegantly: no Notes and no dead block at bottom. */
  .recipe-info-inner-v197{
    box-sizing:border-box !important;
    width:auto !important;
    height:calc(100% - 72px) !important;
    min-height:0 !important;
    margin:36px 42px !important;
    padding:2px 8px !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) auto !important;
    align-content:stretch !important;
    overflow:hidden !important;
    background:transparent !important;
  }

  .recipe-info-inner-v197 .recipe-meta-row-v192{
    min-height:58px !important;
  }
  .recipe-info-inner-v197 .recipe-meta-label-v192{
    font-size:.69rem !important;
    letter-spacing:.15em !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:58px !important;
    padding-left:22px !important;
    font-size:.88rem !important;
    line-height:1.35 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192{
    padding:12px 0 !important;
  }
  .recipe-info-inner-v197 .recipe-ingredients-v192{
    align-self:stretch !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 h2{
    font-size:.68rem !important;
    letter-spacing:.15em !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:22px !important;
    font-size:.86rem !important;
    line-height:1.38 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 li{margin-bottom:3px !important;}

  .recipe-stamp-v192{
    z-index:3 !important;
    right:48px !important;
    bottom:38px !important;
    opacity:.18 !important;
  }

  .recipe-footer-v193{
    width:min(1340px,100%) !important;
    margin:0 auto !important;
    min-height:28px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v193{padding-top:12px !important;row-gap:7px !important;}
  .recipe-title-art-v193{max-height:60px !important;max-width:570px !important;}
  .recipe-wing-v193{height:58px !important;max-width:270px !important;}
  .recipe-layout-v193{
    height:min(470px,calc(100dvh - 198px)) !important;
    min-height:365px !important;
  }
  .recipe-photo-inner-v197{padding:32px 38px 34px !important;}
  .recipe-info-inner-v197{height:calc(100% - 56px) !important;margin:28px 34px !important;}
  .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:46px !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192{min-height:46px !important;font-size:.76rem !important;}
  .recipe-info-inner-v197 .recipe-section-v192{padding:7px 0 !important;}
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.74rem !important;line-height:1.25 !important;}
}

@media(max-width:1050px){
  .recipe-frame-overlay-v197{opacity:.9 !important;}
  .recipe-photo-inner-v197{padding:26px !important;}
  .recipe-photo-inner-v197 img{object-fit:contain !important;}
  .recipe-info-inner-v197{margin:24px !important;padding:8px !important;}
}

@media(min-width:1051px){
  .recipe-info-inner-v197{
    grid-template-rows:auto auto auto auto !important;
    align-content:center !important;
  }
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:48px !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-value-v192{min-height:48px !important;font-size:.76rem !important;line-height:1.24 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192{padding:7px 0 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.74rem !important;line-height:1.23 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 h2{font-size:.61rem !important;}
}

/* =========================================================
   V198 — approved recipe-page implementation
   - delicate shaded title artwork
   - detailed horizontal NYC Deco ornaments
   - photo fills its framed opening with no black matte
   - larger, readable recipe typography that still fits desktop
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v193{
    padding:14px 28px 10px !important;
    row-gap:8px !important;
  }
  .recipe-title-row-v193{
    grid-template-columns:minmax(250px,1fr) minmax(330px,610px) minmax(250px,1fr) !important;
    column-gap:14px !important;
  }
  .recipe-title-art-v193{
    max-width:610px !important;
    max-height:78px !important;
  }
  .recipe-wing-v193{
    width:100% !important;
    max-width:360px !important;
    height:82px !important;
  }
  .recipe-layout-v193{
    width:min(1420px,calc(100vw - 86px)) !important;
    height:min(565px,calc(100dvh - 216px)) !important;
    min-height:420px !important;
    gap:22px !important;
  }
  .recipe-photo-inner-v197{
    padding:26px 30px 28px !important;
    background:transparent !important;
  }
  .recipe-photo-inner-v197 img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
  .recipe-info-inner-v197{
    height:calc(100% - 58px) !important;
    margin:29px 34px !important;
    padding:10px 14px !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:center !important;
    overflow:hidden !important;
  }
  .recipe-info-inner-v197 .recipe-meta-row-v192{
    min-height:58px !important;
  }
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{
    font-size:.78rem !important;
    letter-spacing:.14em !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:58px !important;
    padding-left:24px !important;
    font-size:1.02rem !important;
    line-height:1.35 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192{
    padding:11px 0 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:24px !important;
    font-size:1.00rem !important;
    line-height:1.34 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 li{margin-bottom:3px !important;}

  /* Dense recipes remain readable but step down just enough to stay inside the frame. */
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:50px !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:50px !important;font-size:.88rem !important;line-height:1.25 !important;
  }
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192{padding:7px 0 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    font-size:.86rem !important;line-height:1.23 !important;
  }
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 h2{font-size:.69rem !important;}
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-title-art-v193{max-height:62px !important;max-width:560px !important;}
  .recipe-wing-v193{height:62px !important;max-width:315px !important;}
  .recipe-layout-v193{height:min(480px,calc(100dvh - 192px)) !important;min-height:360px !important;}
  .recipe-photo-inner-v197{padding:22px 26px 24px !important;}
  .recipe-info-inner-v197{height:calc(100% - 46px) !important;margin:23px 28px !important;padding:4px 10px !important;}
  .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:44px !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192{min-height:44px !important;font-size:.88rem !important;}
  .recipe-info-inner-v197 .recipe-section-v192{padding:6px 0 !important;}
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.86rem !important;line-height:1.23 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-value-v192{font-size:.80rem !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.78rem !important;line-height:1.18 !important;}
}

@media(max-width:1050px){
  .recipe-photo-inner-v197{padding:18px !important;background:transparent !important;}
  .recipe-photo-inner-v197 img{
    width:100% !important;height:auto !important;max-width:100% !important;max-height:none !important;
    object-fit:cover !important;background:transparent !important;box-shadow:none !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192,
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p{font-size:1rem !important;line-height:1.45 !important;}
}

/* =========================================================
   V199 — recipe page rebuilt from the approved reference
   - one dedicated masthead artwork per drink (Didot + exact v178 tapered wings)
   - 4:3 photographic composition without aggressive crop or black matte
   - readable recipe typography that uses the full information panel
   - no decorative Chinese stamp on recipe pages
   ========================================================= */
@media(min-width:1051px){
  body:has(.recipe-page-v193){overflow:hidden !important;}
  .recipe-page-v193{
    height:calc(100dvh - 66px) !important;
    max-height:calc(100dvh - 66px) !important;
    padding:12px 30px 10px !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    row-gap:8px !important;
  }
  .recipe-page-v193 > .fb-backlink-v193{
    left:32px !important;
    top:87px !important;
    z-index:20 !important;
  }
  .recipe-masthead-v193{width:min(1450px,100%) !important;margin:0 auto !important;}
  .recipe-title-row-v199{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    height:86px !important;
    margin:0 auto !important;
  }
  .recipe-title-art-v199{
    display:block !important;
    width:min(1200px,94vw) !important;
    height:86px !important;
    max-width:1200px !important;
    max-height:86px !important;
    object-fit:contain !important;
  }
  .recipe-title-row-v199 .recipe-wing-v193{display:none !important;}

  .recipe-layout-v193{
    width:min(1420px,calc(100vw - 90px)) !important;
    height:min(520px,calc(100dvh - 220px)) !important;
    min-height:410px !important;
    margin:auto !important;
    gap:24px !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
  }
  .recipe-photo-frame-v197,.recipe-info-v197{height:100% !important;min-height:0 !important;}
  .recipe-photo-inner-v197{
    width:100% !important;
    height:100% !important;
    padding:26px 30px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .recipe-photo-inner-v197 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#071a2d !important;
    box-shadow:none !important;
    border:0 !important;
  }

  .recipe-info-inner-v197{
    box-sizing:border-box !important;
    width:auto !important;
    height:calc(100% - 68px) !important;
    margin:34px 42px !important;
    padding:0 10px !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) auto !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }
  .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:62px !important;}
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{
    font-size:.91rem !important;
    letter-spacing:.14em !important;
    line-height:1.2 !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:62px !important;
    padding:12px 0 12px 26px !important;
    font-size:1.12rem !important;
    line-height:1.38 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192{
    padding:12px 0 !important;
    min-height:0 !important;
  }
  .recipe-info-inner-v197 .recipe-ingredients-v192{
    align-self:stretch !important;
    display:grid !important;
    grid-template-columns:152px minmax(0,1fr) !important;
    align-content:start !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:26px !important;
    font-size:1.10rem !important;
    line-height:1.38 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 li{margin-bottom:4px !important;}

  /* Dense recipes step down enough to fit but remain substantially larger than V198. */
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 h2{font-size:.79rem !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:52px !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:52px !important;font-size:.98rem !important;line-height:1.28 !important;
  }
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192{padding:8px 0 !important;}
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    font-size:.96rem !important;line-height:1.26 !important;
  }

  .recipe-stamp-v192{display:none !important;}
  .recipe-footer-v193{width:min(1360px,100%) !important;margin:0 auto !important;min-height:34px !important;}
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-title-row-v199{height:72px !important;}
  .recipe-title-art-v199{height:72px !important;max-height:72px !important;}
  .recipe-layout-v193{height:min(455px,calc(100dvh - 190px)) !important;min-height:350px !important;}
  .recipe-photo-inner-v197{padding:22px 26px !important;}
  .recipe-info-inner-v197{height:calc(100% - 52px) !important;margin:26px 34px !important;padding:0 8px !important;}
  .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:48px !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192{min-height:48px !important;font-size:.98rem !important;padding-top:8px !important;padding-bottom:8px !important;}
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{font-size:.78rem !important;}
  .recipe-info-inner-v197 .recipe-section-v192{padding:7px 0 !important;}
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.96rem !important;line-height:1.24 !important;}
}

@media(max-width:1050px){
  .recipe-title-row-v199{display:block !important;width:100% !important;margin:0 auto !important;}
  .recipe-title-art-v199{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:none !important;margin:0 auto !important;}
  .recipe-photo-inner-v197{padding:16px !important;background:transparent !important;}
  .recipe-photo-inner-v197 img{width:100% !important;height:auto !important;object-fit:contain !important;background:#071a2d !important;}
  .recipe-info-inner-v197{margin:20px !important;padding:6px !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192,
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p{font-size:1.04rem !important;line-height:1.48 !important;}
  .recipe-stamp-v192{display:none !important;}
}

/* V199 finishing pass — keep the back link clear, use the viewport better, and match the approved footer weight. */
@media(min-width:1051px){
  .recipe-page-v193{padding-top:40px !important;}
  .recipe-page-v193 > .fb-backlink-v193{top:78px !important;left:32px !important;}
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{font-size:.94rem !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192{font-size:1.17rem !important;}
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:1.16rem !important;}
  .recipe-footer-v193{font-size:.70rem !important;letter-spacing:.13em !important;gap:10px !important;}
  .recipe-footer-v193 img{width:26px !important;}
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v193{padding-top:32px !important;}
  .recipe-page-v193 > .fb-backlink-v193{top:76px !important;}
  .recipe-footer-v193{font-size:.60rem !important;}
  .recipe-footer-v193 img{width:22px !important;}
}

/* =========================================================
   V200 — locked visual correction pass
   - recipe mastheads use delicate raster Didot art + exact V178 tapered wings
   - recipe photos breathe inside the frame instead of dominating it
   - recipe typography returns to a lighter, more elegant book face
   - archive family titles now share the Archive header's delicate/shaded treatment
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v193{
    padding-top:34px !important;
    row-gap:7px !important;
  }
  .recipe-page-v193 > .fb-backlink-v193{
    top:78px !important;
    left:32px !important;
  }
  .recipe-title-row-v199{
    height:72px !important;
  }
  .recipe-title-art-v199{
    width:min(1200px,92vw) !important;
    height:72px !important;
    max-height:72px !important;
    object-fit:contain !important;
  }
  .recipe-layout-v193{
    width:min(1400px,calc(100vw - 96px)) !important;
    height:min(510px,calc(100dvh - 208px)) !important;
    min-height:400px !important;
    gap:24px !important;
  }
  .recipe-photo-inner-v197{
    padding:28px 34px !important;
    background:transparent !important;
  }
  .recipe-photo-inner-v197 img{
    width:88% !important;
    height:88% !important;
    max-width:88% !important;
    max-height:88% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:transparent !important;
    box-shadow:0 18px 34px rgba(0,0,0,.18) !important;
  }
  .recipe-info-inner-v197{
    height:calc(100% - 68px) !important;
    margin:34px 42px !important;
    padding:0 10px !important;
  }
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{
    font-size:.82rem !important;
    letter-spacing:.14em !important;
    font-weight:600 !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192,
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    font-family:Baskerville,"Palatino Linotype","Book Antiqua",Georgia,serif !important;
    font-weight:400 !important;
    color:#e1d4bb !important;
    letter-spacing:.005em !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192{
    font-size:1.04rem !important;
    line-height:1.30 !important;
    min-height:56px !important;
    padding:10px 0 10px 24px !important;
  }
  .recipe-info-inner-v197 .recipe-meta-row-v192{min-height:56px !important;}
  .recipe-info-inner-v197 .recipe-section-v192{
    padding:10px 0 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:24px !important;
    font-size:1.02rem !important;
    line-height:1.30 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 li{margin-bottom:3px !important;}

  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-meta-value-v192{
    font-size:.95rem !important;
    line-height:1.24 !important;
  }
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-dense-v193 .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    font-size:.93rem !important;
    line-height:1.23 !important;
  }
}

/* Same elegant title scale at shorter MacBook viewport heights. */
@media(min-width:1051px) and (max-height:820px){
  .recipe-title-row-v199{height:64px !important;}
  .recipe-title-art-v199{height:64px !important;max-height:64px !important;}
  .recipe-layout-v193{height:min(455px,calc(100dvh - 190px)) !important;min-height:350px !important;}
  .recipe-photo-inner-v197{padding:26px 32px !important;}
  .recipe-photo-inner-v197 img{width:86% !important;height:86% !important;max-width:86% !important;max-height:86% !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192{font-size:.98rem !important;}
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.96rem !important;line-height:1.25 !important;}
}

/* Archive-family mastheads: same thin Didot/shading system as the approved Archive header. */
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188{
  width:min(1200px,96vw) !important;
  max-width:1200px !important;
  margin:-18px auto 2px !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188 img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:1050px){
  .recipe-title-art-v199{width:100% !important;height:auto !important;max-height:none !important;}
  .recipe-photo-inner-v197{background:transparent !important;}
  .recipe-photo-inner-v197 img{background:transparent !important;box-shadow:none !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192,
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p{
    font-family:Baskerville,"Palatino Linotype","Book Antiqua",Georgia,serif !important;
    font-weight:400 !important;
  }
}

/* =========================================================
   V201 — locked-template correction
   1) archive-family and season/year mastheads use the same Didot
      construction, gold shading and exact V178 wings as ARCHIVE.
   2) portrait recipe photography keeps the full drink visible without
      a dead blue/black matte by using the photo itself as the soft backdrop.
   ========================================================= */

/* Family and year mastheads: preserve the exact artwork proportions instead
   of stretching them to fill the old 1200px slot. */
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188{
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
  margin:-10px auto 4px !important;
}
.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188{
  width:min(1120px,94vw) !important;
  max-width:1120px !important;
  margin:4px auto 16px !important;
}
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188 img,
.archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188 img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Recipe photo presentation: full photograph, but no empty matte around a
   portrait image. The same image supplies a subdued full-frame background. */
.recipe-photo-balanced-v201{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#071a2d !important;
}
.recipe-photo-balanced-v201::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-7% !important;
  background-image:
    linear-gradient(rgba(4,12,19,.36),rgba(4,12,19,.36)),
    var(--recipe-photo) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  filter:blur(15px) saturate(.82) brightness(.72) !important;
  transform:scale(1.06) !important;
  opacity:.92 !important;
}
.recipe-photo-balanced-v201::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 38%,rgba(4,12,19,.22) 100%);
}
.recipe-photo-balanced-v201 > img{
  position:relative !important;
  z-index:2 !important;
  width:auto !important;
  height:92% !important;
  max-width:90% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  box-shadow:0 14px 30px rgba(0,0,0,.26) !important;
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-photo-balanced-v201 > img{
    height:90% !important;
    max-height:90% !important;
  }
}

@media(max-width:1050px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v188,
  .archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188{
    width:96vw !important;
  }
  .recipe-photo-balanced-v201{
    min-height:360px !important;
    padding:18px !important;
  }
  .recipe-photo-balanced-v201 > img{
    width:auto !important;
    height:auto !important;
    max-width:88% !important;
    max-height:520px !important;
    margin:auto !important;
  }
}

@media(max-width:620px){
  .archive-family-page-v81 .deco-approved-header-v178.family-approved-v188,
  .archive-season-page-v18 .deco-approved-header-v178.archive-year-approved-v188{
    width:98vw !important;
    margin-top:0 !important;
  }
  .recipe-photo-balanced-v201{
    min-height:310px !important;
  }
  .recipe-photo-balanced-v201 > img{
    max-width:92% !important;
    max-height:430px !important;
  }
}


/* =========================================================
   V202 — BUILD, NOT MOCKUP
   - recipe masthead artwork visually centered in the viewport
   - Summer 2020 tiki vessels are distinct and appropriate:
       Mai Tai = patterned Mai Tai glass
       Jungle Bird = bird-carved ceramic tiki mug
       Last Rites = tall glazed ceramic tiki mug
   - preserve all V201 archive/title treatment and approved recipe framing
   ========================================================= */
@media(min-width:1051px){
  .recipe-title-art-v199{
    transform:translateX(7.1vw) !important;
  }
}
@media(min-width:1051px) and (max-width:1650px){
  .recipe-title-art-v199{
    transform:translateX(6.4vw) !important;
  }
}
@media(max-width:1050px){
  .recipe-title-art-v199{
    transform:none !important;
  }
}

/* =========================================================
   V203 — LOCKED RECIPE TITLE + NATURAL RECIPE FLOW
   - Recipe titles use the site's approved Archive/Summer typography language,
     but at a smaller recipe-page scale.
   - Exact V178 tapered ornaments are reused without reinterpretation.
   - No dark/black masthead strip behind recipe titles.
   - Short recipes keep Method directly after Ingredients instead of pushing
     Method to the bottom of the information panel.
   ========================================================= */

.recipe-masthead-v203,
.recipe-title-row-v203{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.recipe-masthead-v203{
  padding:0 !important;
}

.recipe-title-row-v203{
  width:min(1180px,92vw) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;
  align-items:center !important;
  column-gap:24px !important;
  min-height:70px !important;
}

.recipe-wing-v203{
  display:block !important;
  width:min(300px,100%) !important;
  height:auto !important;
  max-height:52px !important;
  object-fit:contain !important;
  opacity:.98 !important;
  filter:drop-shadow(0 1px 0 rgba(255,218,139,.10)) !important;
}
.recipe-wing-left-v203{justify-self:end !important;}
.recipe-wing-right-v203{justify-self:start !important;}

.recipe-title-v203{
  margin:0 !important;
  max-width:650px !important;
  font-family:"Didot","Bodoni 72","Bodoni 72 Smallcaps","Noto Serif Display",Baskerville,"Times New Roman",serif !important;
  font-size:clamp(2.75rem,3.55vw,3.85rem) !important;
  font-weight:400 !important;
  line-height:.92 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  white-space:nowrap !important;
  color:#d6a24a !important;
  background:linear-gradient(180deg,#f4d985 0%,#e9bf65 24%,#c78b35 56%,#9d6422 78%,#d8aa52 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:.18px rgba(245,208,126,.38) !important;
  text-shadow:0 1px 0 rgba(47,27,7,.80),0 2px 5px rgba(0,0,0,.22) !important;
}
.recipe-title-long-v203{
  font-size:clamp(2.25rem,3.05vw,3.35rem) !important;
  letter-spacing:.065em !important;
}

/* Remove any legacy title artwork or rule if older selectors still apply. */
.recipe-masthead-v203 .recipe-title-rule-v192,
.recipe-masthead-v203 .recipe-title-rule-v193,
.recipe-masthead-v203 .recipe-title-art-v193,
.recipe-masthead-v203 .recipe-title-art-v199{
  display:none !important;
}

@media(min-width:1051px){
  .recipe-page-v193{
    padding-top:24px !important;
  }
  .recipe-masthead-v203{
    width:100% !important;
    margin:0 auto 4px !important;
  }

  /* Natural content flow: never use Ingredients as a giant spacer. */
  .recipe-info-inner-v197{
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:start !important;
    row-gap:0 !important;
  }
  .recipe-info-inner-v197 .recipe-ingredients-v192{
    align-self:auto !important;
    min-height:0 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192:last-child{
    margin-top:0 !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-title-row-v203{
    min-height:58px !important;
    width:min(1080px,90vw) !important;
    column-gap:20px !important;
  }
  .recipe-wing-v203{max-height:43px !important;max-width:265px !important;}
  .recipe-title-v203{font-size:clamp(2.35rem,3.15vw,3.25rem) !important;}
  .recipe-title-long-v203{font-size:clamp(2rem,2.75vw,2.85rem) !important;}
}

@media(max-width:1050px){
  .recipe-title-row-v203{
    width:94vw !important;
    grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr) !important;
    column-gap:10px !important;
    min-height:58px !important;
  }
  .recipe-wing-v203{max-height:34px !important;max-width:170px !important;}
  .recipe-title-v203{
    font-size:clamp(2rem,7.1vw,3.15rem) !important;
    letter-spacing:.065em !important;
    white-space:normal !important;
  }
  .recipe-title-long-v203{font-size:clamp(1.65rem,6vw,2.65rem) !important;}
}


/* =========================================================
   V204 — final recipe-page lock-in
   - use dedicated title artwork so drink headers match the site family
   - remove the heavy masthead strip look
   - keep the photo frame/layout the user approved while letting drinks fill the box cleanly
   - keep the method block in normal flow instead of falling to the bottom
   ========================================================= */
.recipe-masthead-v192,
.recipe-masthead-v193,
.recipe-masthead-v203,
.recipe-masthead-v204,
.recipe-title-row-v204,
.recipe-title-center-v204{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

@media(min-width:1051px){
  .recipe-page-v193{
    padding-top:34px !important;
    row-gap:8px !important;
  }
  .recipe-page-v193 > .fb-backlink-v193{
    top:78px !important;
    left:34px !important;
  }
  .recipe-title-row-v204{
    width:min(1180px,92vw) !important;
    margin:0 auto 2px !important;
    display:grid !important;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) !important;
    align-items:center !important;
    column-gap:26px !important;
    min-height:76px !important;
  }
  .recipe-title-center-v204{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  .recipe-title-art-v204{
    display:block !important;
    width:auto !important;
    max-width:min(560px,44vw) !important;
    height:56px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 1px 0 rgba(41,24,6,.65)) drop-shadow(0 4px 7px rgba(0,0,0,.20)) !important;
  }
  .recipe-title-fallback-v204,
  .recipe-title-v203.recipe-title-fallback-v204{
    font-size:clamp(2.15rem,2.9vw,3rem) !important;
    letter-spacing:.07em !important;
  }
  .recipe-wing-v203{
    width:min(280px,100%) !important;
    max-height:42px !important;
  }

  .recipe-layout-v193{
    width:min(1400px,calc(100vw - 96px)) !important;
    height:min(510px,calc(100dvh - 208px)) !important;
    min-height:400px !important;
    gap:24px !important;
  }
  .recipe-photo-frame-v197,
  .recipe-photo-inner-v197{
    overflow:hidden !important;
  }
  .recipe-photo-inner-v197{
    padding:20px 22px !important;
    background:transparent !important;
  }
  .recipe-photo-inner-v197 img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:2px !important;
  }
  .recipe-info-inner-v197{
    height:calc(100% - 64px) !important;
    margin:30px 38px !important;
    padding:0 8px !important;
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:start !important;
    row-gap:0 !important;
  }
  .recipe-info-inner-v197 .recipe-meta-row-v192{
    min-height:54px !important;
  }
  .recipe-info-inner-v197 .recipe-meta-label-v192,
  .recipe-info-inner-v197 .recipe-section-v192 h2{
    font-size:.82rem !important;
    letter-spacing:.14em !important;
    font-weight:600 !important;
  }
  .recipe-info-inner-v197 .recipe-meta-value-v192{
    min-height:54px !important;
    padding:10px 0 10px 22px !important;
    font-size:1.02rem !important;
    line-height:1.28 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192{
    padding:8px 0 !important;
    margin:0 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){
    padding-left:22px !important;
    font-size:1rem !important;
    line-height:1.28 !important;
  }
  .recipe-info-inner-v197 .recipe-section-v192 li{margin-bottom:3px !important;}
  .recipe-info-inner-v197 .recipe-ingredients-v192{min-height:0 !important;}
  .recipe-info-inner-v197 .recipe-section-v192:last-child{margin-top:0 !important;}

  .recipe-summer-2020-last-rites .recipe-photo-inner-v197 img,
  .recipe-summer-2020-jungle-bird .recipe-photo-inner-v197 img,
  .recipe-summer-2020-mai-tai .recipe-photo-inner-v197 img{
    object-position:center 42% !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-title-row-v204{
    min-height:66px !important;
    column-gap:22px !important;
  }
  .recipe-title-art-v204{height:48px !important;max-width:min(500px,42vw) !important;}
  .recipe-layout-v193{height:min(455px,calc(100dvh - 190px)) !important;min-height:350px !important;}
  .recipe-photo-inner-v197{padding:18px 20px !important;}
  .recipe-info-inner-v197{margin:26px 32px !important;}
  .recipe-info-inner-v197 .recipe-meta-value-v192,
  .recipe-info-inner-v197 .recipe-section-v192 ul,
  .recipe-info-inner-v197 .recipe-section-v192 p,
  .recipe-info-inner-v197 .recipe-section-v192 > div:not(.recipe-meta-label-v192){font-size:.95rem !important;line-height:1.23 !important;}
}

@media(max-width:1050px){
  .recipe-title-row-v204{
    width:94vw !important;
    grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr) !important;
    column-gap:10px !important;
    min-height:56px !important;
  }
  .recipe-title-center-v204{display:flex !important;justify-content:center !important;}
  .recipe-title-art-v204{
    display:block !important;
    max-width:64vw !important;
    height:34px !important;
    object-fit:contain !important;
  }
  .recipe-photo-inner-v197{padding:16px !important;background:transparent !important;}
  .recipe-photo-inner-v197 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
  }
}


/* =========================================================
   V207 — LOCKED RECIPE DESIGN
   Recent approved mockup translated into the actual site:
   exact page-centred title, cleaner letter spacing, approved deco frame,
   full-bleed style-specific drink photography, stacked recipe layout.
   ========================================================= */
.recipe-page-v207{
  --recipe-blue:#07192a;
  --recipe-blue-deep:#041321;
  --recipe-gold:#c18832;
  --recipe-gold-light:#e3b35a;
  min-height:calc(100dvh - 112px);
  background:radial-gradient(circle at 50% 20%,rgba(13,55,86,.20),transparent 38%),linear-gradient(180deg,#061827 0%,#071b2d 56%,#061827 100%);
  padding:28px 32px 10px;
  position:relative;
  color:#dfd0b4;
}
.fb-backlink-v207{
  position:absolute;left:32px;top:92px;z-index:12;
  color:#4d8e91;text-transform:uppercase;letter-spacing:.10em;font-size:.78rem;font-weight:700;text-decoration:none;
}
.recipe-masthead-v207{
  position:relative;
  width:100vw;
  height:100px;
  margin-left:calc(50% - 50vw);
  display:block;
  background:transparent!important;
}
.recipe-title-v207{
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-52%);
  margin:0;
  white-space:nowrap;
  text-align:center;
  text-transform:uppercase;
  font-family:"Bodoni 72","Didot","Bodoni 72 Smallcaps",Baskerville,"Times New Roman",serif;
  font-size:clamp(2.45rem,3.45vw,3.65rem);
  font-weight:400;
  line-height:1;
  letter-spacing:.135em;
  color:#d19a43;
  background:linear-gradient(180deg,#f4d988 0%,#e8ba5f 24%,#c68831 58%,#8f581d 81%,#d6a247 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.16px rgba(248,215,139,.32);
  text-shadow:0 1px 0 rgba(49,27,5,.85),0 3px 7px rgba(0,0,0,.23);
  z-index:3;
}
.recipe-title-long-v207{font-size:clamp(2.05rem,2.8vw,3rem);letter-spacing:.105em;}
.recipe-wing-v207{
  position:absolute;top:50%;transform:translateY(-50%);
  width:250px;max-height:42px;object-fit:contain;opacity:.96;z-index:2;
}
.recipe-wing-left-v207{right:calc(50% + 245px);}
.recipe-wing-right-v207{left:calc(50% + 245px);}

.recipe-layout-v207{
  width:min(1390px,calc(100vw - 96px));
  height:min(535px,calc(100dvh - 225px));
  min-height:420px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.recipe-panel-v207{position:relative;min-width:0;min-height:0;overflow:hidden;background:rgba(3,16,28,.22);}
.recipe-frame-v207{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;object-fit:fill;}
.recipe-photo-v207{position:absolute;inset:30px 31px 30px;overflow:hidden;background:#061522;}
.recipe-photo-v207 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:none;transform:none;}
.recipe-summer-2020-jungle-bird .recipe-photo-v207 img,
.recipe-summer-2020-last-rites .recipe-photo-v207 img{object-position:center 47%;}

.recipe-info-v207{
  position:absolute;inset:48px 54px 46px;
  z-index:2;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
}
.recipe-block-v207{padding:4px 0 11px;}
.recipe-block-heading-v207{display:grid;grid-template-columns:auto 1fr 8px 1fr;align-items:center;gap:10px;margin-bottom:7px;}
.recipe-block-heading-v207 h2{margin:0;color:#d39a40;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;font-size:.88rem;font-weight:700;white-space:nowrap;}
.recipe-block-heading-v207 span{height:1px;background:rgba(190,132,44,.68);}
.recipe-block-heading-v207 i{width:7px;height:7px;border:1px solid #bd832d;transform:rotate(45deg);display:block;}
.recipe-value-v207,
.recipe-block-v207 ul,
.recipe-block-v207 p{font-family:Baskerville,"Palatino Linotype",Georgia,serif;color:#e0d1b5;font-size:1.02rem;line-height:1.26;margin:0;padding:0;}
.recipe-block-v207 ul{padding-left:22px;list-style:none;}
.recipe-block-v207 li{margin:0 0 3px;position:relative;}
.recipe-block-v207 li:before{content:"◆";position:absolute;left:-19px;color:#c48932;font-size:.52rem;top:.28em;}
.recipe-method-v207{padding-top:1px;}
.recipe-dense-v207 .recipe-info-v207{inset:42px 50px 40px;}
.recipe-dense-v207 .recipe-block-v207{padding-bottom:7px;}
.recipe-dense-v207 .recipe-value-v207,
.recipe-dense-v207 .recipe-block-v207 ul,
.recipe-dense-v207 .recipe-block-v207 p{font-size:.91rem;line-height:1.18;}
.recipe-dense-v207 .recipe-block-heading-v207{margin-bottom:5px;}
.recipe-dense-v207 .recipe-block-heading-v207 h2{font-size:.79rem;}
.recipe-footer-v207{width:min(1360px,calc(100vw - 120px));height:46px;margin:6px auto 0;display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:12px;color:#a88a5d;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;}
.recipe-footer-v207 span{height:1px;background:rgba(183,125,38,.48);}.recipe-footer-v207 img{width:28px;height:auto;}

@media(max-width:1050px){
  .recipe-page-v207{padding:18px 14px 24px;min-height:auto;}
  .fb-backlink-v207{position:static;display:inline-block;margin:0 0 8px 4px;}
  .recipe-masthead-v207{height:72px;}
  .recipe-title-v207{font-size:clamp(1.9rem,7vw,3rem);letter-spacing:.10em;max-width:68vw;white-space:normal;}
  .recipe-wing-v207{width:21vw;max-width:150px;max-height:30px;}
  .recipe-wing-left-v207{right:calc(50% + 28vw);}.recipe-wing-right-v207{left:calc(50% + 28vw);}
  .recipe-layout-v207{width:100%;height:auto;min-height:0;grid-template-columns:1fr;gap:16px;}
  .recipe-panel-v207{min-height:420px;}
  .recipe-photo-panel-v207{aspect-ratio:1.05/1;min-height:0;}
  .recipe-info-panel-v207{min-height:520px;}
  .recipe-info-v207{inset:42px 38px;overflow:visible;}
  .recipe-value-v207,.recipe-block-v207 ul,.recipe-block-v207 p{font-size:1rem;line-height:1.34;}
  .recipe-footer-v207{width:92%;grid-template-columns:1fr auto 1fr;height:42px;}.recipe-footer-v207 div{display:none;}
}

/* =========================================================
   V208 — RECIPE PAGE REPAIR
   One balanced title unit, mockup-derived double/fan frames,
   full drink photography without blur-fill, and a true two-column recipe layout.
   ========================================================= */
.recipe-page-v208{
  --recipe-blue:#071a2d;
  --recipe-blue-deep:#04131f;
  --recipe-gold:#c18933;
  --recipe-gold-bright:#e1b45d;
  min-height:calc(100dvh - 112px);
  box-sizing:border-box;
  position:relative;
  padding:28px 30px 8px;
  color:#dfd2bb;
  background:
    radial-gradient(circle at 50% 18%,rgba(18,66,101,.18),transparent 34%),
    linear-gradient(180deg,#061725 0%,#071b2e 58%,#061725 100%);
}
.fb-backlink-v208{
  position:absolute;
  top:88px;
  left:34px;
  z-index:20;
  color:#4d8f92;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.105em;
  font:700 .77rem/1.2 Arial,sans-serif;
}
.recipe-masthead-v208{
  width:100%;
  height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.recipe-masthead-inner-v208{
  width:min(1060px,86vw);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  column-gap:28px;
}
.recipe-wing-v208{
  display:block;
  width:min(255px,100%);
  max-height:42px;
  object-fit:contain;
  opacity:.97;
  filter:drop-shadow(0 1px 0 rgba(244,210,137,.08));
}
.recipe-wing-left-v208{justify-self:end;}
.recipe-wing-right-v208{justify-self:start;}
.recipe-title-v208{
  margin:0;
  text-align:center;
  white-space:nowrap;
  text-transform:uppercase;
  font-family:"Didot","Bodoni 72","Bodoni 72 Smallcaps",Baskerville,"Times New Roman",serif;
  font-size:clamp(2.45rem,3.15vw,3.35rem);
  font-weight:400;
  line-height:1;
  letter-spacing:.145em;
  color:#d7a24a;
  background:linear-gradient(180deg,#f5dd91 0%,#e9bf65 24%,#ce923b 56%,#986020 80%,#d7a64d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.14px rgba(247,215,144,.32);
  text-shadow:0 1px 0 rgba(50,27,5,.82),0 3px 7px rgba(0,0,0,.20);
}
.recipe-title-long-v208{
  font-size:clamp(2rem,2.65vw,2.8rem);
  letter-spacing:.105em;
}

.recipe-layout-v208{
  width:min(1320px,calc(100vw - 112px));
  height:min(540px,calc(100dvh - 230px));
  min-height:430px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.recipe-panel-v208{
  min-width:0;
  min-height:0;
  position:relative;
  overflow:hidden;
  background:rgba(3,15,26,.16);
}
.recipe-frame-v208{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:5;
  pointer-events:none;
  object-fit:fill;
}
.recipe-photo-v208{
  position:absolute;
  inset:24px;
  overflow:hidden;
  background:#04131f;
}
.recipe-photo-v208 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:none;
  transform:none;
}
.recipe-summer-2020-last-rites .recipe-photo-v208 img,
.recipe-summer-2020-jungle-bird .recipe-photo-v208 img{
  object-position:center 46%;
}

.recipe-info-v208{
  position:absolute;
  inset:44px 52px 42px;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.recipe-row-v208{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:20px;
  align-items:start;
  padding:13px 0;
  border-bottom:1px solid rgba(187,128,42,.58);
}
.recipe-row-v208:last-child{border-bottom:0;}
.recipe-row-v208 h2{
  margin:0;
  color:#d29a42;
  font-family:Arial,sans-serif;
  font-size:.84rem;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.recipe-row-v208 > div,
.recipe-row-v208 ul,
.recipe-row-v208 p{
  margin:0;
  padding:0;
  color:#dfd1b7;
  font-family:Baskerville,"Palatino Linotype",Georgia,serif;
  font-size:1.02rem;
  line-height:1.30;
}
.recipe-row-v208 ul{list-style:none;}
.recipe-row-v208 li{
  margin:0 0 4px;
  position:relative;
  padding-left:18px;
}
.recipe-row-v208 li::before{
  content:"◆";
  position:absolute;
  left:0;
  top:.24em;
  color:#c48a35;
  font-size:.48rem;
}
.recipe-method-v208 p{margin:0;}
.recipe-dense-v208 .recipe-info-v208{inset:38px 48px 38px;}
.recipe-dense-v208 .recipe-row-v208{padding:9px 0;grid-template-columns:138px 1fr;gap:18px;}
.recipe-dense-v208 .recipe-row-v208 h2{font-size:.77rem;}
.recipe-dense-v208 .recipe-row-v208 > div,
.recipe-dense-v208 .recipe-row-v208 ul,
.recipe-dense-v208 .recipe-row-v208 p{font-size:.92rem;line-height:1.22;}
.recipe-dense-v208 .recipe-row-v208 li{margin-bottom:3px;}

.recipe-footer-v208{
  width:min(1320px,calc(100vw - 120px));
  min-height:46px;
  margin:6px auto 0;
  display:grid;
  grid-template-columns:1fr auto auto auto 1fr;
  align-items:center;
  gap:10px;
  color:#a98b61;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.66rem;
}
.recipe-footer-v208 span{height:1px;background:rgba(185,126,38,.46);}
.recipe-footer-v208 img{width:27px;height:auto;}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v208{padding-top:22px;}
  .fb-backlink-v208{top:76px;}
  .recipe-masthead-v208{height:86px;}
  .recipe-masthead-inner-v208{width:min(980px,84vw);column-gap:24px;}
  .recipe-wing-v208{max-height:36px;width:min(230px,100%);}
  .recipe-title-v208{font-size:clamp(2.15rem,2.8vw,2.9rem);}
  .recipe-title-long-v208{font-size:clamp(1.8rem,2.35vw,2.45rem);}
  .recipe-layout-v208{height:min(470px,calc(100dvh - 205px));min-height:370px;}
  .recipe-photo-v208{inset:22px;}
  .recipe-info-v208{inset:38px 46px 36px;}
  .recipe-row-v208{padding:9px 0;grid-template-columns:135px 1fr;gap:18px;}
  .recipe-row-v208 > div,.recipe-row-v208 ul,.recipe-row-v208 p{font-size:.94rem;line-height:1.24;}
  .recipe-row-v208 h2{font-size:.76rem;}
}

@media(max-width:1050px){
  .recipe-page-v208{min-height:auto;padding:16px 14px 24px;}
  .fb-backlink-v208{position:static;display:inline-block;margin:0 0 6px 4px;}
  .recipe-masthead-v208{height:72px;}
  .recipe-masthead-inner-v208{width:96vw;grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr);column-gap:10px;}
  .recipe-wing-v208{width:min(150px,22vw);max-height:30px;}
  .recipe-title-v208{font-size:clamp(1.85rem,7vw,2.75rem);letter-spacing:.095em;white-space:normal;}
  .recipe-title-long-v208{font-size:clamp(1.55rem,6vw,2.3rem);}
  .recipe-layout-v208{width:100%;height:auto;min-height:0;grid-template-columns:1fr;gap:16px;}
  .recipe-panel-v208{min-height:0;}
  .recipe-photo-panel-v208{aspect-ratio:1.15/1;}
  .recipe-info-panel-v208{min-height:500px;}
  .recipe-photo-v208{inset:18px;}
  .recipe-info-v208{inset:34px 30px;overflow:visible;}
  .recipe-row-v208{grid-template-columns:112px 1fr;gap:12px;padding:10px 0;}
  .recipe-row-v208 h2{font-size:.73rem;}
  .recipe-row-v208 > div,.recipe-row-v208 ul,.recipe-row-v208 p{font-size:.98rem;line-height:1.34;}
  .recipe-footer-v208{width:92%;grid-template-columns:1fr auto 1fr;height:42px;}
  .recipe-footer-v208 div{display:none;}
}


/* =========================================================
   V209 — precise recipe refinement
   Keep V208 frames/layout. Fix only:
   1. drink masthead typography -> exact GFS Didot family used by approved Summer 2026 look
   2. menu content lowered and balanced inside right frame
   3. drink photograph fully visible, no crop or blur-fill
   ========================================================= */
.recipe-page-v209 .recipe-masthead-v209{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.recipe-page-v209 .recipe-masthead-inner-v209{
  width:min(1060px,86vw) !important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) !important;
  column-gap:30px !important;
  justify-items:stretch !important;
}
.recipe-title-art-wrap-v209{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
}
.recipe-title-art-v209{
  display:block !important;
  width:auto !important;
  height:58px !important;
  max-width:600px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.recipe-title-fallback-v209{
  font-family:"GFS Didot","Didot","Bodoni 72",serif !important;
  letter-spacing:.115em !important;
  font-size:clamp(2.25rem,2.9vw,3.05rem) !important;
}

.recipe-page-v209 .recipe-photo-v209{
  inset:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#061624 !important;
}
.recipe-page-v209 .recipe-photo-v209 img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  background:transparent !important;
}

.recipe-page-v209 .recipe-info-v209{
  inset:66px 52px 40px !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.recipe-page-v209 .recipe-info-v209 .recipe-row-v208{
  padding:12px 0 !important;
}
.recipe-page-v209 .recipe-info-v209 .recipe-row-v208 h2{
  line-height:1.25 !important;
}
.recipe-page-v209 .recipe-info-v209 .recipe-method-v208{
  margin-top:0 !important;
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v209 .recipe-title-art-v209{height:50px !important;max-width:540px !important;}
  .recipe-page-v209 .recipe-photo-v209{inset:20px !important;}
  .recipe-page-v209 .recipe-info-v209{inset:54px 46px 34px !important;}
  .recipe-page-v209 .recipe-info-v209 .recipe-row-v208{padding:9px 0 !important;}
}

@media(max-width:1050px){
  .recipe-page-v209 .recipe-masthead-inner-v209{
    width:96vw !important;
    grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr) !important;
    column-gap:10px !important;
  }
  .recipe-page-v209 .recipe-title-art-v209{height:36px !important;max-width:64vw !important;}
  .recipe-page-v209 .recipe-photo-v209{inset:16px !important;}
  .recipe-page-v209 .recipe-photo-v209 img{object-fit:contain !important;}
  .recipe-page-v209 .recipe-info-v209{inset:42px 30px 30px !important;overflow:visible !important;}
}


/* =========================================================
   V210 — clean frame geometry + glow removal
   - panels use the frame's native 10:7 proportion so borders no longer distort
   - photo is fully contained inside the frame opening
   - recipe content clears the corner artwork and sits lower
   - remove the stray glowing block behind the fixed back link
   ========================================================= */
.recipe-page-v210 .fb-backlink-v208{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
}

@media(min-width:1051px){
  .recipe-page-v210{
    background:
      radial-gradient(circle at 50% 18%,rgba(18,66,101,.14),transparent 34%),
      linear-gradient(180deg,#061725 0%,#071b2e 58%,#061725 100%) !important;
  }
  .recipe-page-v210 .recipe-layout-v210{
    width:min(1320px,calc(100vw - 112px)) !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr 1fr !important;
    gap:28px !important;
    align-items:start !important;
  }
  .recipe-page-v210 .recipe-photo-panel-v210,
  .recipe-page-v210 .recipe-info-panel-v210{
    aspect-ratio:10 / 7 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:rgba(3,15,26,.10) !important;
  }
  .recipe-page-v210 .recipe-frame-v208{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:fill !important;
  }
  .recipe-page-v210 .recipe-photo-v210{
    inset:38px 40px 38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#061624 !important;
  }
  .recipe-page-v210 .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    background:transparent !important;
  }
  .recipe-page-v210 .recipe-info-v210{
    inset:82px 56px 46px !important;
    overflow:hidden !important;
    justify-content:flex-start !important;
  }
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208{
    padding:10px 0 !important;
    grid-template-columns:145px 1fr !important;
    gap:20px !important;
  }
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:0 !important;
  }
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.80rem !important;
    line-height:1.25 !important;
  }
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 p{
    font-size:.96rem !important;
    line-height:1.25 !important;
  }
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 li{margin-bottom:3px !important;}
  .recipe-page-v210 .recipe-info-v210 .recipe-method-v208{margin-top:0 !important;}
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v210 .recipe-layout-v210{width:min(1260px,calc(100vw - 104px)) !important;gap:24px !important;}
  .recipe-page-v210 .recipe-photo-v210{inset:34px 36px !important;}
  .recipe-page-v210 .recipe-info-v210{inset:70px 48px 40px !important;}
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208{padding:8px 0 !important;grid-template-columns:132px 1fr !important;gap:18px !important;}
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 h2{font-size:.74rem !important;}
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v210 .recipe-info-v210 .recipe-row-v208 p{font-size:.89rem !important;line-height:1.20 !important;}
}

@media(max-width:1050px){
  .recipe-page-v210 .fb-backlink-v208{background:transparent !important;box-shadow:none !important;}
  .recipe-page-v210 .recipe-layout-v210{height:auto !important;grid-template-columns:1fr !important;}
  .recipe-page-v210 .recipe-photo-panel-v210,
  .recipe-page-v210 .recipe-info-panel-v210{aspect-ratio:auto !important;min-height:0 !important;}
  .recipe-page-v210 .recipe-photo-panel-v210{aspect-ratio:10/7 !important;}
  .recipe-page-v210 .recipe-info-panel-v210{min-height:500px !important;}
  .recipe-page-v210 .recipe-photo-v210{inset:28px !important;}
  .recipe-page-v210 .recipe-info-v210{inset:64px 34px 38px !important;overflow:visible !important;}
}


/* =========================================================
   V212 — Last Rites repair from proven V210 renderer.
   V211 is intentionally not the baseline.
   ========================================================= */
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-masthead-v212{
  width:100% !important;height:96px !important;margin:0 auto 2px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
.recipe-page-v212 .recipe-title-lockup-v212{
  display:block !important;width:min(1200px,90vw) !important;height:auto !important;
  max-height:100px !important;object-fit:contain !important;
}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-photo-v210{
  inset:30px 31px 30px !important;background:#061624 !important;
}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-photo-v210 img{
  width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;
  object-fit:cover !important;object-position:center 47% !important;
}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210{inset:62px 54px 44px !important;}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
  grid-template-columns:145px 1fr !important;gap:22px !important;padding:10px 0 !important;
}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{font-size:.82rem !important;}
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208>div,
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
.recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
  font-size:.98rem !important;line-height:1.26 !important;
}
body:has(.recipe-page-v212)>footer{display:none !important;}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-masthead-v212{height:80px !important;}
  .recipe-page-v212 .recipe-title-lockup-v212{max-height:78px !important;}
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-photo-v210{inset:25px !important;}
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210{inset:52px 48px 38px !important;}
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{padding:8px 0 !important;}
}
@media(max-width:1050px){
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-masthead-v212{height:72px !important;}
  .recipe-page-v212 .recipe-title-lockup-v212{width:96vw !important;max-height:68px !important;}
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-photo-v210{inset:22px !important;}
  .recipe-page-v212.recipe-summer-2020-last-rites .recipe-info-v210{inset:48px 34px 34px !important;}
}

/* =========================================================
   V213 — Last Rites strict correction pass
   Only this archived recipe page is changed from V212.
   - restore the approved teal skull-bottom mug
   - remove the browser's default <figure> margin so the
     photo and recipe panels are exactly the same width
   - keep both panels on one equal 10:7 grid
   - preserve the established V212 title/frame/text treatment
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-layout-v210{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
  }
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-photo-panel-v210,
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-info-panel-v210{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:10 / 7 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:38px 40px 38px !important;
  }
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 50% !important;
    transform:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:32px 34px 32px !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-photo-panel-v210,
  .recipe-page-v213.recipe-summer-2020-last-rites .recipe-info-panel-v210{
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   V214 — Last Rites final fit pass
   - reduce photo scale within the left frame
   - improve recipe text fit and balance in the right frame
   - preserve V213 equal-panel sizing and all locked design choices
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:48px 54px 48px !important;
    background:#061624 !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:68px 52px 50px !important;
    overflow:hidden !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:132px 1fr !important;
    gap:16px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.79rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.92rem !important;
    line-height:1.24 !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 3px !important;
    padding-left:16px !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:42px 48px 42px !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:60px 46px 42px !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:126px 1fr !important;
    gap:15px !important;
    padding:7px 0 !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.73rem !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.86rem !important;
    line-height:1.20 !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:30px !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:contain !important;
    object-position:center center !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:54px 32px 34px !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:106px 1fr !important;
    gap:12px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.71rem !important;
  }
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v214.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.93rem !important;
    line-height:1.28 !important;
  }
}

/* =========================================================
   V215 — Last Rites polish pass
   - left photo uses the approved skull-bottom mug image with the
     bar background filling the frame opening cleanly
   - right recipe copy gets looser, more elegant fit and spacing
   - preserve equal panel sizing and the locked masthead/frame system
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:40px 42px 40px !important;
    background:#061624 !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 47% !important;
    transform:none !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:60px 44px 46px !important;
    overflow:hidden !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:118px 1fr !important;
    gap:14px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.77rem !important;
    line-height:1.22 !important;
    letter-spacing:.105em !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.90rem !important;
    line-height:1.28 !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 4px !important;
    padding-left:16px !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    padding-top:12px !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:36px 38px 36px !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 48% !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:54px 40px 40px !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:112px 1fr !important;
    gap:12px !important;
    padding:8px 0 !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.72rem !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.85rem !important;
    line-height:1.23 !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 48% !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:50px 28px 34px !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:104px 1fr !important;
    gap:10px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.70rem !important;
  }
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v215.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.28 !important;
  }
}

/* =========================================================
   V216 — Last Rites resolved polish
   - dedicated wider Last Rites photo composite keeps the approved
     skull-bottom mug smaller while the tiki-bar background fills the frame
   - recipe rows use deliberate vertical zones instead of bunching at top
   - hard cache bump in index.html ensures this pass is actually loaded
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:30px 32px 30px !important;
    background:#061624 !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:56px 42px 42px !important;
    display:grid !important;
    grid-template-rows:48px 48px 138px 1fr !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    min-height:0 !important;
    height:100% !important;
    grid-template-columns:126px minmax(0,1fr) !important;
    gap:18px !important;
    padding:0 !important;
    align-items:center !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{
    align-items:start !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    align-items:start !important;
    padding-top:13px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.77rem !important;
    line-height:1.22 !important;
    letter-spacing:.105em !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.92rem !important;
    line-height:1.30 !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 5px !important;
    padding-left:17px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:390px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:28px 30px 28px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:50px 38px 38px !important;
    grid-template-rows:44px 44px 132px 1fr !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:118px minmax(0,1fr) !important;
    gap:15px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.72rem !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.86rem !important;
    line-height:1.24 !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:360px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:22px !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:46px 26px 32px !important;
    display:flex !important;
  }
  .recipe-page-v216.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:12px !important;
    padding:10px 0 !important;
  }
}

/* =========================================================
   V217 — Last Rites menu inset polish
   - lock in the approved V216 photo treatment unchanged
   - pull recipe content farther away from the frame edges
   - add a little more internal breathing room for the text column
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-photo-v210,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    /* intentionally unchanged from V216 to lock the image in */
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:56px 58px 44px 50px !important;
    display:grid !important;
    grid-template-rows:50px 50px 140px 1fr !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    min-height:0 !important;
    height:100% !important;
    grid-template-columns:118px minmax(0,1fr) !important;
    gap:14px !important;
    padding:0 !important;
    align-items:center !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{
    align-items:start !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    align-items:start !important;
    padding-top:13px !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.30 !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 5px !important;
    padding-left:17px !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div{
    max-width:350px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:50px 52px 38px 46px !important;
    grid-template-rows:46px 46px 134px 1fr !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.71rem !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.85rem !important;
    line-height:1.23 !important;
    padding-right:8px !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div{
    max-width:330px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:46px 30px 32px 28px !important;
    display:flex !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v217.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    padding-right:6px !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   V218 — Last Rites natural menu fit
   - keep the approved V216/V217 image treatment unchanged
   - let the recipe copy flow more naturally inside the frame
   - maintain safer insets while removing the overly mechanical row sizing
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:54px 56px 46px 48px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-content:stretch !important;
    overflow:hidden !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    min-height:0 !important;
    height:auto !important;
    grid-template-columns:116px minmax(0,1fr) !important;
    gap:14px !important;
    padding:11px 0 !important;
    align-items:start !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:2px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208{
    min-height:0 !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{
    padding-top:13px !important;
    padding-bottom:13px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    padding-top:13px !important;
    padding-bottom:0 !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:1px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.31 !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 6px !important;
    padding-left:17px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div{
    max-width:356px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:48px 50px 38px 44px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:110px minmax(0,1fr) !important;
    gap:12px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.71rem !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.85rem !important;
    line-height:1.24 !important;
    padding-right:8px !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div{
    max-width:336px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:44px 30px 32px 28px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:100px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v218.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    padding-right:6px !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   V219 — Last Rites menu and garnish refinement
   - preserve the approved wide Last Rites image direction
   - give the garnish a bit more headroom within the frame
   - make the recipe panel copy sit more naturally and comfortably
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 46% !important;
    transform:none !important;
  }

  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:58px 60px 48px 56px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:120px minmax(0,1fr) !important;
    gap:16px !important;
    padding:12px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:4px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{
    padding-top:15px !important;
    padding-bottom:15px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    padding-top:14px !important;
    padding-bottom:0 !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.77rem !important;
    line-height:1.24 !important;
    letter-spacing:.10em !important;
    padding-top:1px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.93rem !important;
    line-height:1.33 !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 6px !important;
    padding-left:17px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:362px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:30px 32px 30px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 46% !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:52px 54px 40px 50px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:114px minmax(0,1fr) !important;
    gap:14px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.72rem !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.86rem !important;
    line-height:1.25 !important;
    padding-right:10px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:344px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 46% !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:46px 32px 32px 30px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v219.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    padding-right:6px !important;
    box-sizing:border-box !important;
  }
}

/* =========================================================
   V220 — Last Rites decisive menu fit correction
   Previous passes were too subtle. This pass makes the recipe
   content noticeably more comfortable inside the frame:
   - larger left/right insets
   - centered vertical block rather than top-heavy copy
   - narrower, calmer text column
   - preserve the approved wide image treatment
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 46% !important;
    transform:none !important;
  }

  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:64px 78px 56px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:18px !important;
    padding:13px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:0 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208{
    padding:11px 0 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{
    padding:16px 0 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{
    padding:16px 0 0 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:2px !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.93rem !important;
    line-height:1.35 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 7px !important;
    padding-left:17px !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:320px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:30px 32px 30px !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:56px 70px 42px 64px !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:16px !important;
    padding:11px 0 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.71rem !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.86rem !important;
    line-height:1.26 !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:300px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 46% !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:46px 34px 32px 32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  .recipe-page-v220.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:11px 0 !important;
  }
}

/* =========================================================
   V222 — Last Rites photo correction
   - V220 recipe text/layout is locked and unchanged
   - realistic mint + dehydrated citrus garnish stays fully inside photo
   - skull-bottom mug stays fully clear of the bottom frame
   - image fills the opening without clipping the drink
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v222.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v222.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v222.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:31px 34px 31px !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v222.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v222.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* =========================================================
   V223 — NEXT LOCKED RECIPE: SUMMER 2020 MAI TAI
   - V222 Last Rites remains untouched and locked.
   - Apply the approved equal-panel / V220 recipe text system to Mai Tai.
   - Use a real Trader Vic's Mai Tai photograph rather than generated glassware.
   - Preserve the proper patterned Mai Tai glass and natural garnish.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-layout-v210{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-panel-v210,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-panel-v210{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:10 / 7 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210{
    inset:64px 78px 56px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:18px !important;
    padding:12px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208:first-child{padding-top:0 !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-meta-v208{padding:10px 0 !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-ingredients-v208{padding:14px 0 !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-method-v208{padding:14px 0 0 !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:2px !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.31 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 5px !important;
    padding-left:17px !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-method-v208 > div{
    max-width:320px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-v210{inset:30px 32px 30px !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210{inset:54px 68px 40px 62px !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:15px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 h2{font-size:.71rem !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208 p{
    font-size:.84rem !important;
    line-height:1.23 !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-method-v208 > div{max-width:300px !important;}
}

@media(max-width:1050px){
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-panel-v210,
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-panel-v210{
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-v210{inset:24px !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-photo-v210 img{object-fit:cover !important;object-position:center center !important;}
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210{
    inset:46px 34px 32px 32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  .recipe-page-v223.recipe-summer-2020-mai-tai .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
}

/* =========================================================
   V224 — Mai Tai photo correction
   - keep the approved V223 layout/text intact
   - replace the blurry/soft Trader Vic's photo treatment
     with the stronger patterned Mai Tai image
   - keep the drink centered and fully framed with a cleaner fill
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 48% !important;
    transform:none !important;
    filter:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:30px 32px 30px !important;
  }
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-position:center 48% !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v224.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 48% !important;
  }
}


/* =========================================================
   V226 — Mai Tai corrected-photo pass
   Preserve V224/V223 layout and menu typography.
   Replace only the cocktail photo with the approved patterned
   Mai Tai glass in a sharper, fuller tiki-bar composition.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v226.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v226.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v226.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:30px 32px 30px !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v226.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v226.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* =========================================================
   V227 — Mai Tai remove blurred-background effect
   Preserve the approved page layout and menu text.
   Replace only the cocktail photo with the clean sharp version
   using the approved patterned Mai Tai glass and no fake blur.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:34px 36px 34px !important;
    background:#061624 !important;
  }
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 49% !important;
    transform:none !important;
    filter:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:30px 32px 30px !important;
  }
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-position:center 49% !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:24px !important;
  }
  .recipe-page-v227.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 49% !important;
  }
}

/* =========================================================
   V231 — Mai Tai frame-shape + back-link restore + calmer fit
   - restore visible back buttons
   - clip photo opening so it follows the inner deco opening instead of a plain square
   - keep the approved Mai Tai image, but give it more breathing room at the bottom
   ========================================================= */

/* Make recipe back links visible again on desktop */
@media(min-width:1051px){
  .recipe-page-v210 > .fb-backlink-v208{
    top:18px !important;
    left:34px !important;
    z-index:30 !important;
    display:inline-block !important;
    color:#c89b4d !important;
    text-shadow:0 1px 0 rgba(0,0,0,.4) !important;
  }
}

/* Shape the photo opening so it matches the framed interior better */
.recipe-page-v210 .recipe-photo-v210{
  clip-path:polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}
.recipe-page-v210 .recipe-photo-v210 img{
  clip-path:inherit;
}

/* Mai Tai-specific fit adjustment */
@media(min-width:1051px){
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:54px 58px 54px !important;
    background:#061624 !important;
  }
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 43% !important;
    transform:none !important;
    filter:none !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:46px 50px 46px !important;
  }
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-position:center 44% !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v210 > .fb-backlink-v208{
    position:static !important;
    display:inline-block !important;
    margin:0 0 10px 4px !important;
    color:#c89b4d !important;
  }
  .recipe-page-v210 .recipe-photo-v210{
    clip-path:polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  }
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:34px !important;
  }
  .recipe-page-v231.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center 44% !important;
  }
}


/* =========================================================
   V232 — Mai Tai actual photo-shape correction
   - keep the restored back button from V231
   - use a true 10:7 photo composition with more background and
     real clearance below the glass
   - clip the photo to the exact stepped inner-frame geometry,
     rather than leaving a plain rectangular image edge
   ========================================================= */

@media(min-width:1051px){
  .recipe-page-v232.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:0 !important;
    background:#061624 !important;
    overflow:hidden !important;

    /* Matches the innermost path of recipe-frame-v207.svg */
    clip-path:polygon(
      8.6% 6.57%,
      39.8% 6.57%,
      41.8% 9.43%,
      58.2% 9.43%,
      60.2% 6.57%,
      91.4% 6.57%,
      91.4% 10.57%,
      93.4% 13.43%,
      93.4% 86.57%,
      91.4% 89.43%,
      91.4% 93.43%,
      60.2% 93.43%,
      58.2% 90.57%,
      41.8% 90.57%,
      39.8% 93.43%,
      8.6% 93.43%,
      8.6% 89.43%,
      6.6% 86.57%,
      6.6% 13.43%,
      8.6% 10.57%
    ) !important;
  }

  .recipe-page-v232.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    clip-path:none !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v232.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:0 !important;
    clip-path:polygon(
      8.6% 6.57%,
      39.8% 6.57%,
      41.8% 9.43%,
      58.2% 9.43%,
      60.2% 6.57%,
      91.4% 6.57%,
      91.4% 10.57%,
      93.4% 13.43%,
      93.4% 86.57%,
      91.4% 89.43%,
      91.4% 93.43%,
      60.2% 93.43%,
      58.2% 90.57%,
      41.8% 90.57%,
      39.8% 93.43%,
      8.6% 93.43%,
      8.6% 89.43%,
      6.6% 86.57%,
      6.6% 13.43%,
      8.6% 10.57%
    ) !important;
  }

  .recipe-page-v232.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* =========================================================
   V233 — Mai Tai inner-frame photo fit
   Preserve V232 composition, back link, menu and image.
   Pull the photo opening slightly inward so the image sits
   cleanly INSIDE the innermost Art Deco frame path.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v233.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:8px !important;
    background:#061624 !important;
    overflow:hidden !important;
    clip-path:polygon(
      8.6% 6.57%,
      39.8% 6.57%,
      41.8% 9.43%,
      58.2% 9.43%,
      60.2% 6.57%,
      91.4% 6.57%,
      91.4% 10.57%,
      93.4% 13.43%,
      93.4% 86.57%,
      91.4% 89.43%,
      91.4% 93.43%,
      60.2% 93.43%,
      58.2% 90.57%,
      41.8% 90.57%,
      39.8% 93.43%,
      8.6% 93.43%,
      8.6% 89.43%,
      6.6% 86.57%,
      6.6% 13.43%,
      8.6% 10.57%
    ) !important;
  }
  .recipe-page-v233.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    clip-path:none !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v233.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:6px !important;
  }
}

/* =========================================================
   V234 — Mai Tai exact inner-frame clipping (Safari-safe)
   Root cause fixed: the recent version class was never present
   on the recipe section, so V232/V233 photo-shape CSS never ran.
   This rule now applies for real, with both standard and WebKit
   clip paths, and follows the innermost V207 frame path with a
   small inset so the image sits just inside the gold line.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v234.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:0 !important;
    overflow:hidden !important;
    background:#061624 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,
      39.5% 7.43%,
      41.5% 10.29%,
      58.5% 10.29%,
      60.5% 7.43%,
      90.8% 7.43%,
      90.8% 11%,
      92.8% 13.86%,
      92.8% 86.14%,
      90.8% 89%,
      90.8% 92.57%,
      60.5% 92.57%,
      58.5% 89.71%,
      41.5% 89.71%,
      39.5% 92.57%,
      9.2% 92.57%,
      9.2% 89%,
      7.2% 86.14%,
      7.2% 13.86%,
      9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,
      39.5% 7.43%,
      41.5% 10.29%,
      58.5% 10.29%,
      60.5% 7.43%,
      90.8% 7.43%,
      90.8% 11%,
      92.8% 13.86%,
      92.8% 86.14%,
      90.8% 89%,
      90.8% 92.57%,
      60.5% 92.57%,
      58.5% 89.71%,
      41.5% 89.71%,
      39.5% 92.57%,
      9.2% 92.57%,
      9.2% 89%,
      7.2% 86.14%,
      7.2% 13.86%,
      9.2% 11%
    ) !important;
  }
  .recipe-page-v234.recipe-summer-2020-mai-tai .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    -webkit-clip-path:none !important;
    clip-path:none !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v234.recipe-summer-2020-mai-tai .recipe-photo-v210{
    inset:0 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
  }
}


/* =========================================================
   V236 — Mai Tai photo scale correction
   Keep the successful V234 inner-frame clip exactly as-is.
   The new photo asset is pre-scaled inside the clip bounds so
   the drink returns to the approved wider composition without
   pulling the image away from the frame.
   ========================================================= */

/* =========================================================
   V237 — GLOBAL RECIPE STANDARD + JUNGLE BIRD
   The approved V236 Mai Tai system is now the shared recipe-page
   formatting standard for Last Rites, Jungle Bird, and all drinks.
   Drink-specific imagery/content remains unique.
   ========================================================= */

/* Shared equal-panel geometry and the approved V207 frame */
@media(min-width:1051px){
  .recipe-page-standard-v236 .recipe-layout-v210{
    width:min(1320px,calc(100vw - 112px)) !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px !important;
    align-items:start !important;
  }
  .recipe-page-standard-v236 .recipe-photo-panel-v210,
  .recipe-page-standard-v236 .recipe-info-panel-v210{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:10 / 7 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:rgba(3,15,26,.10) !important;
  }

  /* V236/V234 approved stepped inner-frame photo opening */
  .recipe-page-standard-v236 .recipe-photo-v210{
    inset:0 !important;
    overflow:hidden !important;
    background:#061624 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,
      90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,
      58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,
      7.2% 13.86%,9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,
      90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,
      58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,
      7.2% 13.86%,9.2% 11%
    ) !important;
  }
  .recipe-page-standard-v236 .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    -webkit-clip-path:none !important;
    clip-path:none !important;
  }

  /* V236 Mai Tai menu system, now global */
  .recipe-page-standard-v236 .recipe-info-v210{
    inset:64px 78px 56px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:18px !important;
    padding:12px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208:first-child{padding-top:0 !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208{padding:10px 0 !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208{padding:14px 0 !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208{padding:14px 0 0 !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:2px !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.31 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 5px !important;
    padding-left:17px !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208 > div{
    max-width:320px !important;
  }

  /* Back link is a permanent part of the standard */
  .recipe-page-standard-v236 > .fb-backlink-v208{
    top:18px !important;
    left:34px !important;
    z-index:30 !important;
    display:inline-block !important;
    color:#c89b4d !important;
    text-shadow:0 1px 0 rgba(0,0,0,.4) !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-standard-v236 .recipe-info-v210{inset:54px 68px 40px 62px !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:15px !important;
    padding:9px 0 !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 h2{font-size:.71rem !important;}
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 p{
    font-size:.84rem !important;
    line-height:1.23 !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208 > div{max-width:300px !important;}
}

@media(max-width:1050px){
  .recipe-page-standard-v236 .recipe-photo-panel-v210,
  .recipe-page-standard-v236 .recipe-info-panel-v210{
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-standard-v236 .recipe-photo-v210{
    inset:0 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210{
    inset:46px 34px 32px 32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  .recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .recipe-page-standard-v236 > .fb-backlink-v208{
    position:static !important;
    display:inline-block !important;
    margin:0 0 10px 4px !important;
    color:#c89b4d !important;
  }
}


/* =========================================================
   V238 — GLOBAL RECIPE STANDARD: ASSET RULE FIX
   V237 proved that shared CSS alone is not enough: a portrait
   photo embedded inside arbitrary navy padding defeats the
   standard even when the frame geometry is correct.

   Going forward every recipe photo must be prepared as:
   - 1200x840 canvas
   - photographic content aligned to the V236 inner-clip bounds
     (x 86–1114, y 62–778)
   - no visible blank/navy rectangle inside those bounds
   - no blur-fill
   - subject scaled per drink, but the frame/clip never changes

   Jungle Bird is the first page corrected to this full standard.
   ========================================================= */

/* =========================================================
   V244 — Last Rites aligned to the locked V236/V243 recipe standard
   - preserve the approved Last Rites skull-bottom mug image/content
   - override old V222 page-specific spacing so Last Rites uses the same
     global recipe-page system as Mai Tai and Jungle Bird
   - match panel sizing, photo clipping, menu spacing, and back-link placement
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-layout-v210{
    width:min(1320px,calc(100vw - 112px)) !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px !important;
    align-items:start !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-photo-panel-v210,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-panel-v210{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    aspect-ratio:10 / 7 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:rgba(3,15,26,.10) !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:0 !important;
    overflow:hidden !important;
    background:#061624 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,
      90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,
      58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,
      7.2% 13.86%,9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,
      90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,
      58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,
      7.2% 13.86%,9.2% 11%
    ) !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    filter:none !important;
    -webkit-clip-path:none !important;
    clip-path:none !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:64px 78px 56px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:18px !important;
    padding:12px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208:first-child{padding-top:0 !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208{padding:10px 0 !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208{padding:14px 0 !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208{padding:14px 0 0 !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:2px !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.31 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 5px !important;
    padding-left:17px !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{
    max-width:320px !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites > .fb-backlink-v208{
    top:18px !important;
    left:34px !important;
    z-index:30 !important;
    display:inline-block !important;
    color:#c89b4d !important;
    text-shadow:0 1px 0 rgba(0,0,0,.4) !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210{inset:54px 68px 40px 62px !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:15px !important;
    padding:9px 0 !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 h2{font-size:.71rem !important;}
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208 p{
    font-size:.84rem !important;
    line-height:1.23 !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-method-v208 > div{max-width:300px !important;}
}
@media(max-width:1050px){
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-photo-panel-v210,
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-panel-v210{
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-photo-v210{
    inset:0 !important;
    -webkit-clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
    clip-path:polygon(
      9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%
    ) !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210{
    inset:46px 34px 32px 32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 0 !important;
  }
  .recipe-page-v244.recipe-summer-2020-last-rites > .fb-backlink-v208{
    position:static !important;
    display:inline-block !important;
    margin:0 0 10px 4px !important;
    color:#c89b4d !important;
  }
}

/* =========================================================
   V246 — Last Rites show a little more mug base
   Keep the approved V245 distance/scale, but shift the image slightly
   lower within the locked frame so a bit more of the mug base/coaster reads.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v246.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 56% !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v246.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 57% !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v246.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 56% !important;
  }
}

/* =========================================================
   V250 — CLEANUP / POLISH HARDENING
   No redesign. Preserve V188 archive/season mastheads and all approved
   recipe pages. Historical recipe-version classes are no longer emitted,
   so obsolete Last Rites / Mai Tai overrides cannot bleed into future work.
   ========================================================= */

/* Quiet, stable page edges. */
html,body{max-width:100%;}
body{overflow-x:hidden;}

/* Keep decorative recipe frames above photography without intercepting taps. */
.recipe-page-v250 .recipe-frame-v208{
  pointer-events:none !important;
  user-select:none !important;
}
.recipe-page-v250 .recipe-photo-v210 img{
  display:block !important;
}

/* Preserve the final approved V247 Last Rites framing after retiring
   the old V246 historical class selector. */
@media(min-width:1051px){
  .recipe-page-v250.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 56% !important;
  }
}
@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v250.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 57% !important;
  }
}
@media(max-width:1050px){
  .recipe-page-v250.recipe-summer-2020-last-rites .recipe-photo-v210 img{
    object-position:center 56% !important;
  }
}

/* Keyboard polish without changing the visual design for mouse/touch users. */
a:focus-visible,
button:focus-visible{
  outline:2px solid #c89b4d;
  outline-offset:4px;
}
.home-v139-hotspot:focus-visible,
.home-v160-archive-title-hotspot:focus-visible,
.home-v160-season-hotspot:focus-visible,
.mobile-home-v140-browse:focus-visible{
  outline:2px solid #c89b4d;
  outline-offset:-4px;
}

/* Prevent card-image baseline gaps and make image decoding smoother. */
.season-card-photo-v18 img{
  display:block;
}

/* =========================================================
   V251 — season landing-card photo cleanup
   Use approved drink imagery on landing cards and fit it properly
   inside the card windows.
   ========================================================= */
.archive-season-page-v18 .season-card-photo-v18,
.current-season-v18 .season-card-photo-v18{
  background:#071722 !important;
  overflow:hidden !important;
}

.archive-season-page-v18 .season-card-photo-v18 img,
.current-season-v18 .season-card-photo-v18 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

/* Tune the approved images so they sit naturally in the square-ish landing cards. */
.archive-season-page-v18 .image-summer-2020-mai-tai,
.current-season-v18 .image-summer-2020-mai-tai{
  object-position:center 49% !important;
  transform:scale(1.03) !important;
}

.archive-season-page-v18 .image-summer-2020-jungle-bird,
.current-season-v18 .image-summer-2020-jungle-bird{
  object-position:center 48% !important;
  transform:scale(1.07) !important;
}

.archive-season-page-v18 .image-summer-2020-last-rites,
.current-season-v18 .image-summer-2020-last-rites{
  object-position:center 52% !important;
  transform:scale(1.04) !important;
}

.archive-season-page-v18 .image-summer-2020-old-fashioned,
.current-season-v18 .image-summer-2020-old-fashioned,
.archive-season-page-v18 .image-old-fashioned-2026,
.current-season-v18 .image-old-fashioned-2026,
.archive-season-page-v18 .image-winter-2019-old-fashioned,
.current-season-v18 .image-winter-2019-old-fashioned,
.archive-season-page-v18 .image-summer-2019-old-fashioned,
.current-season-v18 .image-summer-2019-old-fashioned{
  object-position:center 53% !important;
  transform:scale(1.06) !important;
}

/* A touch more breathing room on small screens. */
@media(max-width:720px){
  .archive-season-page-v18 .season-card-photo-v18 img,
  .current-season-v18 .season-card-photo-v18 img{
    transform:scale(1.02) !important;
  }
  .archive-season-page-v18 .image-summer-2020-jungle-bird,
  .current-season-v18 .image-summer-2020-jungle-bird,
  .archive-season-page-v18 .image-summer-2020-old-fashioned,
  .current-season-v18 .image-summer-2020-old-fashioned{
    transform:scale(1.04) !important;
  }
}


/* =========================================================
   V257 — EXACT TIKI MENU FORMAT LOCK
   Exact approved V220 “decisive menu fit” values, promoted globally.
   No approximation: every recipe page now uses the same menu typography,
   spacing, column widths, and vertical balance as the approved tiki pages.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    inset:64px 78px 56px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:18px !important;
    padding:13px 0 !important;
    min-height:0 !important;
    height:auto !important;
    align-items:start !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:0 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208{
    padding:11px 0 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208{
    padding:16px 0 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208{
    padding:16px 0 0 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.76rem !important;
    line-height:1.22 !important;
    letter-spacing:.10em !important;
    padding-top:2px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 p{
    font-size:.93rem !important;
    line-height:1.35 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 li{
    margin:0 0 7px !important;
    padding-left:17px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208 > div{
    max-width:320px !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    inset:56px 70px 42px 64px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:16px !important;
    padding:11px 0 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 h2{
    font-size:.71rem !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208 p{
    font-size:.86rem !important;
    line-height:1.26 !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-method-v208 > div{
    max-width:300px !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    inset:46px 34px 32px 32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210 .recipe-row-v208{
    grid-template-columns:102px minmax(0,1fr) !important;
    gap:10px !important;
    padding:11px 0 !important;
  }
}


/* =========================================================
   V259 — COMPACT RECIPE MENU SAFE INSET
   Keep the exact locked V220 tiki typography/spacing.
   Short menus still align toward the top, but with enough breathing
   room that the first row never crowds the decorative frame.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236.recipe-compact-menu-v258 .recipe-info-v210{
    justify-content:flex-start !important;
    padding-top:30px !important;
    box-sizing:border-box !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236.recipe-compact-menu-v258 .recipe-info-v210{
    justify-content:flex-start !important;
    padding-top:24px !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   V282 — SUMMER 2019 DONGA / PAINKILLER IMAGE FIT
   Keep the entire approved mug images visible inside the locked
   10:7 recipe frame. No crop, stretch, duplicate fill, or blur-fill.
   ========================================================= */
img[src*="summer-2019__donga-punch-v282"]{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  background:#18100b !important;
}
img[src*="summer-2019__painkiller-v282"]{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  background:#332a22 !important;
}


/* =========================================================
   V283 — GLOBAL MOBILE RECIPE PANEL REPAIR
   Desktop remains locked. On phones/tablets, the recipe menu
   becomes an auto-height double-border card so content can never
   overflow a fixed 10:7 frame. Applies to EVERY cocktail.
   ========================================================= */

@media(max-width:760px){

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-layout-v210{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  /* Photo keeps the established recipe frame. */
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-photo-panel-v210{
    width:100% !important;
    aspect-ratio:10 / 7 !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }

  /* Recipe text card must grow with its content. */
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-panel-v210{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    margin:0 !important;
    padding:9px !important;

    border:1px solid rgba(196,138,53,.92) !important;
    background:
      linear-gradient(180deg,rgba(5,25,42,.98),rgba(5,23,39,.98)) !important;
    box-shadow:none !important;
  }

  /* The desktop SVG frame is fixed-ratio and is the cause of the
     iPhone overflow. Hide it only on mobile and replace it with a
     clean double Art Deco border that can grow vertically. */
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-panel-v210 > .recipe-frame-v208{
    display:none !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-panel-v210::before{
    content:"";
    position:absolute;
    inset:8px;
    z-index:1;
    pointer-events:none;
    border:1px solid rgba(196,138,53,.66);
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-panel-v210::after{
    content:"◆";
    position:absolute;
    z-index:4;
    top:-8px;
    left:50%;
    transform:translateX(-50%);
    padding:0 8px;
    color:#c48a35;
    background:#071b2e;
    font-size:.58rem;
    line-height:16px;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    overflow:visible !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 22px 22px !important;
    box-sizing:border-box !important;
  }

  /* Stack each label above its value on phone widths.
     This removes the cramped two-column collisions visible on iPhone. */
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    min-height:0 !important;
    height:auto !important;
    padding:14px 0 !important;
    align-items:start !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208:first-child{
    padding-top:5px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 h2{
    margin:0 !important;
    padding:0 !important;
    font-size:.70rem !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 p{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-right:0 !important;
    font-size:.93rem !important;
    line-height:1.42 !important;
    box-sizing:border-box !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 li{
    margin-bottom:7px !important;
    padding-left:18px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-meta-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-ingredients-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-method-v208 > div{
    max-width:none !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-method-v208{
    padding-bottom:5px !important;
  }
}

@media(max-width:430px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    padding:22px 18px 20px !important;
  }

  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 > div,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 ul,
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236
  .recipe-info-v210 .recipe-row-v208 p{
    font-size:.91rem !important;
    line-height:1.40 !important;
  }
}

/* V283 Donga: show the entire newly pulled-back source. */
img[src*="summer-2019__donga-punch-v283"]{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  background:#17100b !important;
}


/* =========================================================
   V289 — SEASON MENU MASTHEAD SCROLL FIX
   The site navigation header is intentionally sticky, but season
   mastheads are also <header> elements and were inheriting that rule.
   Keep the top navigation sticky; make every season/year menu masthead
   part of the normal document flow so it scrolls completely away.
   ========================================================= */
.season-page-v18 > .deco-approved-header-v178,
.season-page-v18 > .deco-fallback-header-v178{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  min-height:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   V292 — METHOD-FREE RECIPES + WINTER HOLIDAY SPEAKEASY
   Method is intentionally omitted globally from every recipe page.
   Winter 2019 keeps each approved cocktail treatment but adds the same
   restrained holiday-speakeasy atmosphere: evergreen, pinecone, berries,
   and warm candle/fairy-light glow. Backgrounds remain varied underneath.
   ========================================================= */

@media(min-width:1051px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    justify-content:center !important;
  }
}

.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210{
  isolation:isolate !important;
}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210::after{
  content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  background-image:url("images/decor/winter-holiday-overlay-v292.png");
  background-repeat:no-repeat; background-size:auto 112%; background-position:left center;
  opacity:.28;
}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210::before{
  content:""; position:absolute; inset:0; z-index:4; pointer-events:none;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,216,144,.92) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 19%,rgba(255,204,116,.74) 0 1.5px,transparent 2.7px),
    radial-gradient(circle at 93% 27%,rgba(255,226,161,.66) 0 1.6px,transparent 2.8px),
    radial-gradient(circle at 78% 8%,rgba(255,196,92,.56) 0 1.4px,transparent 2.6px),
    linear-gradient(180deg,rgba(17,32,19,.06),rgba(4,13,12,.08));
  mix-blend-mode:screen; opacity:.75;
}
.recipe-winter-2019-bacon-washed-old-fashioned .recipe-photo-v210::after,
.recipe-winter-2019-dance-charleston .recipe-photo-v210::after,
.recipe-winter-2019-jungle-bird .recipe-photo-v210::after,
.recipe-winter-2019-gin-tonic .recipe-photo-v210::after,
.recipe-winter-2019-negroni .recipe-photo-v210::after,
.recipe-winter-2019-whiskey-sour .recipe-photo-v210::after{ transform:scaleX(-1); }

.archive-season-page-v18 [class*="photo-winter-2019-"]{ position:relative !important; isolation:isolate; }
.archive-season-page-v18 [class*="photo-winter-2019-"]::after{
  content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  background:url("images/decor/winter-holiday-overlay-v292.png") left center / auto 120% no-repeat;
  opacity:.22;
}

@media(max-width:760px){
  .recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210::after{ opacity:.22; }
}
/* =========================================================
   V294 — LOCKED SEASONAL ART DIRECTION / WINTER 2019
   Spring, Summer and Fall archive posters remain untouched.
   Winter = illustrated NYC winter postcard + restrained holiday speakeasy.
   Method remains globally omitted from recipe cards.
   ========================================================= */

.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after{
  content:"";
  position:absolute;
  z-index:4;
  pointer-events:none;
  inset:7.4% 7.2%;
  -webkit-clip-path:polygon(9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%);
  clip-path:polygon(9.2% 7.43%,39.5% 7.43%,41.5% 10.29%,58.5% 10.29%,60.5% 7.43%,90.8% 7.43%,90.8% 11%,92.8% 13.86%,92.8% 86.14%,90.8% 89%,90.8% 92.57%,60.5% 92.57%,58.5% 89.71%,41.5% 89.71%,39.5% 92.57%,9.2% 92.57%,9.2% 89%,7.2% 86.14%,7.2% 13.86%,9.2% 11%);
  background:
    radial-gradient(circle at 10% 14%,rgba(208,145,53,.22) 0 2px,transparent 4px),
    radial-gradient(circle at 16% 18%,rgba(151,35,31,.18) 0 2px,transparent 4px),
    radial-gradient(circle at 88% 15%,rgba(222,170,76,.19) 0 2px,transparent 4px),
    radial-gradient(circle at 83% 20%,rgba(132,33,30,.16) 0 2px,transparent 4px),
    linear-gradient(180deg,rgba(24,41,23,.08),transparent 25%,transparent 72%,rgba(27,39,23,.07));
  box-shadow:inset 0 0 48px rgba(13,26,17,.10);
  opacity:.85;
}

/* Do not accidentally revive the Method row: V292+ global lock. */
.recipe-page-v208 .recipe-method-v208{display:none !important;}

/* V294b — use a genuine generated holiday-speakeasy edge accent on every Winter 2019 photo. */
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::before,
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after{
  content:"";
  position:absolute;
  top:8%;
  bottom:8%;
  width:26%;
  z-index:4;
  pointer-events:none;
  background:url("images/winter-holiday-edge-v294.png") left center / 100% 100% no-repeat;
  opacity:.72;
}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::before{left:7.2%;}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after{right:7.2%;transform:scaleX(-1);}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::before,
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after{
  inset:auto !important;
  top:8% !important;
  bottom:8% !important;
  -webkit-clip-path:none !important;
  clip-path:none !important;
  box-shadow:none !important;
}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::before{left:7.2% !important;right:auto !important;}
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after{right:7.2% !important;left:auto !important;}


/* =========================================================
   V295 — LOCKED VARIED WINTER SCENES
   Winter atmosphere is baked into individually approved photographs.
   Remove the old one-size-fits-all overlay so each scene stays distinct.
   Spring/Summer/Fall archive posters are untouched.
   ========================================================= */
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210::before,
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-v210::after,
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::before,
.recipe-page-v208[class*="recipe-winter-2019-"] .recipe-photo-panel-v210::after,
.archive-season-page-v18 [class*="photo-winter-2019-"]::after{
  display:none !important;
  content:none !important;
}
/* Global Method-free recipe lock remains intentional. */
.recipe-page-v208 .recipe-method-v208{display:none !important;}


/* =========================================================
   V297 — UNIVERSAL DESKTOP MENU START HEIGHT
   Every recipe menu begins at the approved Negroni height.
   Ingredient count no longer changes the vertical starting point.
   Typography, row spacing, frame geometry and mobile layout stay locked.
   ========================================================= */
@media(min-width:1051px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    justify-content:flex-start !important;
    padding-top:30px !important;
    box-sizing:border-box !important;
  }
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v208.recipe-page-v250.recipe-page-standard-v236 .recipe-info-v210{
    padding-top:24px !important;
  }
}


/* =========================================================
   V298 — DESKTOP SEASON-MENU CONSISTENCY
   Summer 2026 and Winter 2021 now share one compact card scale.
   The current menu keeps its Random Cocktail action visible in a
   standard Mac viewport. Existing phone/tablet layouts remain locked.
   ========================================================= */
@media(min-width:901px){
  /* Summer 2026: retain the approved masthead art at a shallower scale. */
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(900px,88vw) !important;
    max-width:900px !important;
    margin:6px auto 10px !important;
  }

  .current-season-v18.season-summer-2026 > .deco-approved-header-v178 img{
    width:100% !important;
    height:auto !important;
  }

  .current-season-v18.season-summer-2026 .season-content-v18{
    max-width:1000px !important;
    padding:0 24px 24px !important;
  }

  /* Remove the old 48px category tail that was stacking above Random. */
  .current-season-v18.season-summer-2026 .season-category-v18{
    margin:0 !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(640px,88vw) !important;
    max-width:640px !important;
    margin:0 auto !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  /* Winter 2021: three centered cards followed by two centered cards. */
  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(980px,90vw) !important;
    max-width:980px !important;
    margin:0 auto 10px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-content-v18{
    width:min(100%,1000px) !important;
    max-width:1000px !important;
    padding:8px 20px 48px !important;
    box-sizing:border-box !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-category-v18{
    margin-bottom:0 !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-grid-v18{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:960px !important;
    margin:0 auto !important;
    gap:18px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-v18{
    flex:0 1 calc((100% - 36px) / 3) !important;
    max-width:308px !important;
    min-width:0 !important;
  }

  /* The two corrected pages use the same image box and copy height. */
  .current-season-v18.season-summer-2026 .season-card-photo-v18,
  .archive-season-page-v18.season-winter-2021 .season-card-photo-v18{
    margin:6px 6px 0 !important;
    aspect-ratio:4 / 3 !important;
    border-radius:1px 1px 0 0 !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18,
  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18{
    display:flex !important;
    min-height:96px !important;
    padding:11px 14px 13px !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
  }

  .current-season-v18.season-summer-2026 .season-card-kicker-v18,
  .archive-season-page-v18.season-winter-2021 .season-card-kicker-v18{
    margin:0 !important;
    font-size:.50rem !important;
    line-height:1.15 !important;
    letter-spacing:.15em !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18 h3,
  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18 h3{
    width:100% !important;
    margin:6px 0 0 !important;
    font-size:clamp(1.30rem,1.8vw,1.55rem) !important;
    line-height:1.02 !important;
    letter-spacing:.06em !important;
    transform:none !important;
  }

  .current-season-v18.season-summer-2026 .season-card-divider-v18,
  .archive-season-page-v18.season-winter-2021 .season-card-divider-v18{
    width:78px !important;
    margin:8px auto 0 !important;
  }

  /* Browse cards stay concise; the full text lives on each recipe page. */
  .current-season-v18.season-summer-2026 .season-card-copy-v18 p,
  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18 p,
  .current-season-v18.season-summer-2026 .season-card-copy-v18::after,
  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18::after{
    display:none !important;
    content:none !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18{
    width:min(400px,86%) !important;
    max-width:400px !important;
    margin:14px auto 0 !important;
    padding:10px 20px 0 !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18 h2{
    margin:5px 0 2px !important;
    font-size:1.28rem !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18 p{
    margin:5px 0 9px !important;
    font-size:.68rem !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18 .btn{
    min-height:34px !important;
  }

  .archive-season-page-v18.season-winter-2021 .archive-return-v18{
    margin-top:30px !important;
  }
}

/* Short desktop windows use the same system at one smaller fixed scale. */
@media(min-width:901px) and (max-height:900px){
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(760px,84vw) !important;
    max-width:760px !important;
    margin:2px auto 6px !important;
  }

  .current-season-v18.season-summer-2026 .season-content-v18{
    padding-bottom:16px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(586px,84vw) !important;
    max-width:586px !important;
    gap:16px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18{
    min-height:88px !important;
    padding-top:9px !important;
    padding-bottom:10px !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18{
    margin-top:10px !important;
    padding-top:8px !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(700px,80vw) !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(560px,82vw) !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18{
    min-height:82px !important;
  }

  .current-season-v18.season-summer-2026 .season-random-v18 p{
    display:none !important;
  }
}


/* =========================================================
   V299 — DESKTOP SCALE + INNER-PAGE HEADER CORRECTION
   V298 solved the excess height but compressed the current menu too far.
   Restore the established visual scale while keeping its efficient spacing.
   ========================================================= */
@media(min-width:901px){
  /* A route-owned class prevents old Home-only header rules from leaking
     into archived recipe pages after Safari history navigation. */
  body.inner-page > header{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.inner-page > header .brand.brand-exact-v113{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  body.inner-page > header .brand.brand-exact-v113 img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.inner-page > header nav{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.inner-page > header nav a{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* The V298 copy and gap reductions provide enough height; the artwork
     and cards can therefore return to their proper desktop presence. */
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(1040px,90vw) !important;
    max-width:1040px !important;
    margin:8px auto 12px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(640px,88vw) !important;
    max-width:640px !important;
    gap:18px !important;
  }

  /* Restore the protected year-title artwork scale. */
  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(1120px,94vw) !important;
    max-width:1120px !important;
    margin:4px auto 16px !important;
  }

  /* Match the recipe Back-link placement: immediately below the live header,
     never floating beside the first row of archived cards. */
  .archive-season-page-v18.season-winter-2021 .archive-menu-back-v117{
    position:absolute !important;
    left:32px !important;
    top:calc(clamp(82px,6.08vw,95px) + 10px) !important;
    margin:0 !important;
  }
}

@media(min-width:901px) and (max-height:900px){
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(960px,88vw) !important;
    max-width:960px !important;
    margin:4px auto 8px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(640px,86vw) !important;
    max-width:640px !important;
    gap:18px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18{
    min-height:92px !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .current-season-v18.season-summer-2026 > .deco-approved-header-v178{
    width:min(860px,84vw) !important;
    max-width:860px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-grid-v18,
  .current-season-v18.season-summer-2026 .season-card-grid-v18.two-cards-v18{
    width:min(620px,84vw) !important;
    max-width:620px !important;
  }

  .current-season-v18.season-summer-2026 .season-card-copy-v18{
    min-height:86px !important;
  }
}


/* =========================================================
   V300 — SUMMER 2026 THREE-DRINK MENU
   Three archive-scale cards stay on one desktop row so the current-only
   Random Cocktail control remains visible without compressing the cards.
   ========================================================= */
@media(min-width:901px){
  .current-season-v18.season-summer-2026 .season-card-grid-v18:not(.two-cards-v18){
    width:min(960px,92vw) !important;
    max-width:960px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

@media(min-width:901px) and (max-height:900px){
  .current-season-v18.season-summer-2026 .season-card-grid-v18:not(.two-cards-v18){
    width:min(900px,90vw) !important;
    max-width:900px !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .current-season-v18.season-summer-2026 .season-card-grid-v18:not(.two-cards-v18){
    width:min(840px,88vw) !important;
    max-width:840px !important;
  }
}


/* =========================================================
   V301 — WINTER 2021 MAC-VIEWPORT FIT
   The five-card archive is intentionally more compact than the
   general archive system: one centered 3 + 2 composition, with the
   navigation link and masthead kept above it in normal flow.
   ========================================================= */
@media(min-width:901px){
  .archive-season-page-v18.season-winter-2021{
    width:100% !important;
    max-width:none !important;
  }

  .archive-season-page-v18.season-winter-2021 .archive-menu-back-v117{
    position:static !important;
    display:block !important;
    width:max-content !important;
    margin:10px 0 2px 32px !important;
  }

  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(850px,82vw) !important;
    max-width:850px !important;
    margin:0 auto 8px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-content-v18{
    width:100% !important;
    max-width:760px !important;
    padding:2px 20px 28px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-grid-v18{
    width:100% !important;
    max-width:700px !important;
    gap:14px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-v18{
    flex:0 1 calc((100% - 28px) / 3) !important;
    max-width:224px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-photo-v18{
    margin:5px 5px 0 !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18{
    min-height:76px !important;
    padding:8px 9px 9px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-kicker-v18{
    font-size:.44rem !important;
    letter-spacing:.14em !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18 h3{
    margin-top:4px !important;
    font-size:clamp(.98rem,1.3vw,1.16rem) !important;
    line-height:1 !important;
    letter-spacing:.045em !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-divider-v18{
    width:60px !important;
    margin-top:6px !important;
  }

  .archive-season-page-v18.season-winter-2021 .archive-return-v18{
    margin-top:16px !important;
  }
}

@media(min-width:901px) and (max-height:900px){
  .archive-season-page-v18.season-winter-2021 .archive-menu-back-v117{
    margin-top:7px !important;
  }

  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(760px,78vw) !important;
    max-width:760px !important;
    margin-bottom:5px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-content-v18{
    max-width:670px !important;
    padding-top:0 !important;
    padding-bottom:20px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-grid-v18{
    max-width:630px !important;
    gap:12px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-v18{
    flex-basis:calc((100% - 24px) / 3) !important;
    max-width:202px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18{
    min-height:70px !important;
    padding:7px 8px 8px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18 h3{
    font-size:clamp(.90rem,1.15vw,1.04rem) !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(690px,74vw) !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-grid-v18{
    max-width:585px !important;
    gap:10px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-v18{
    flex-basis:calc((100% - 20px) / 3) !important;
    max-width:188px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18{
    min-height:64px !important;
  }

  .archive-season-page-v18.season-winter-2021 .archive-return-v18{
    margin-top:10px !important;
  }
}


/* =========================================================
   V303 — WINTER 2021 RETURNS TO THE STANDARD ARCHIVE SCALE
   The V301 viewport-fit exception made the five-card menu read
   like thumbnails. Winter 2021 now uses the same generous card
   rhythm as the other archived years and may scroll naturally.
   ========================================================= */
@media(min-width:901px){
  .archive-season-page-v18.season-winter-2021 .archive-menu-back-v117{
    position:static !important;
    display:block !important;
    width:max-content !important;
    margin:12px 0 4px 32px !important;
  }

  .archive-season-page-v18.season-winter-2021 > .deco-approved-header-v178.archive-year-approved-v188{
    width:min(1120px,94vw) !important;
    max-width:1120px !important;
    margin:4px auto 16px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-content-v18{
    width:100% !important;
    max-width:1080px !important;
    padding:24px 28px 70px !important;
    box-sizing:border-box !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-grid-v18{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:1080px !important;
    margin:0 auto !important;
    gap:26px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-v18{
    flex:0 1 calc((100% - 52px) / 3) !important;
    width:auto !important;
    max-width:335px !important;
    min-width:0 !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-photo-v18{
    margin:6px 6px 0 !important;
    padding:0 !important;
    aspect-ratio:4 / 3 !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-photo-v18 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18{
    min-height:112px !important;
    padding:14px 16px 16px !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-kicker-v18{
    margin:0 !important;
    font-size:.55rem !important;
    line-height:1.2 !important;
    letter-spacing:.18em !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-copy-v18 h3{
    width:100% !important;
    margin:7px 0 0 !important;
    font-size:clamp(1.55rem,2.2vw,1.95rem) !important;
    line-height:1.04 !important;
    letter-spacing:.085em !important;
  }

  .archive-season-page-v18.season-winter-2021 .season-card-divider-v18{
    width:78px !important;
    margin:10px auto 0 !important;
  }

  .archive-season-page-v18.season-winter-2021 .archive-return-v18{
    margin-top:46px !important;
  }
}


/* =========================================================
   V305 — APPROVED PHONE POLISH
   Keep the working QR code and approved two-column phone menus.
   Strengthen the live Current Menu button, and keep archived-menu
   Back links in normal flow so they never cover cocktail photography.
   ========================================================= */
@media(max-width:620px){
  .mobile-home-v140-browse{
    left:21% !important;
    top:68.6% !important;
    width:58% !important;
    height:12.4% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    box-sizing:border-box !important;
    padding:0 14px !important;
    color:#f1d49b !important;
    background:rgba(4,16,18,.94) !important;
    border:1px solid rgba(224,174,91,.96) !important;
    box-shadow:
      inset 0 0 0 3px rgba(4,16,18,.96),
      inset 0 0 0 4px rgba(224,174,91,.38),
      0 4px 14px rgba(0,0,0,.38) !important;
    font-family:var(--fb-body) !important;
    font-size:clamp(.67rem,2.8vw,.82rem) !important;
    font-style:normal !important;
    font-weight:600 !important;
    letter-spacing:.13em !important;
    line-height:1.1 !important;
    text-align:center !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    text-shadow:0 1px 2px #000 !important;
    white-space:nowrap !important;
  }

  /* The visible label is generated by the same stylesheet as the frame.
     This prevents Safari from showing a styled but empty button when it has
     retained an older copy of the page script. */
  .mobile-home-v140-browse::before{
    content:"BROWSE CURRENT MENU" !important;
    display:block !important;
    color:#f1d49b !important;
    font:inherit !important;
    letter-spacing:.13em !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  .mobile-home-v140-browse::after{
    content:"→" !important;
    display:block !important;
    color:#f1d49b !important;
    font-family:var(--fb-body) !important;
    font-size:1rem !important;
    font-style:normal !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    line-height:1 !important;
  }

  .archive-season-page-v18 .archive-menu-back-v117{
    position:static !important;
    inset:auto !important;
    z-index:auto !important;
    display:flex !important;
    width:max-content !important;
    max-width:calc(100% - 28px) !important;
    min-height:38px !important;
    margin:12px 14px 4px !important;
    padding:7px 0 !important;
    box-sizing:border-box !important;
    color:#69aaa2 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:.58rem !important;
    letter-spacing:.115em !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }
}

/* =========================================================
   V306 — SAFARI-PROOF PHONE BUTTON LABEL
   V305's visible label depended on newly injected page markup. The label
   now travels with the button CSS, so the frame and wording cannot separate.
   ========================================================= */


/* =========================================================
   V307 — UNIFIED PHONE NAVIGATION
   Inner menu/archive/recipe pages now use the exact approved homepage
   navigation treatment instead of squeezing smaller labels beside the brand.
   ========================================================= */
@media(max-width:620px){
  body:not(.exact-home) > header{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:58px !important;
    height:58px !important;
    padding:0 14px !important;
    gap:0 !important;
    background:#061a25 !important;
    background-image:none !important;
    border-bottom:1px solid rgba(202,143,54,.76) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113{
    display:none !important;
  }

  body:not(.exact-home) > header nav{
    grid-column:1 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,auto) !important;
    align-items:stretch !important;
    gap:28px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 auto !important;
    white-space:nowrap !important;
  }

  body:not(.exact-home) > header nav a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:0 2px !important;
    color:#d8a24b !important;
    font-family:var(--fb-body) !important;
    font-size:.65rem !important;
    font-style:normal !important;
    font-weight:500 !important;
    letter-spacing:.15em !important;
    line-height:1 !important;
    text-align:center !important;
    text-transform:uppercase !important;
  }

  body:not(.exact-home) > header nav a.active::after{
    left:0 !important;
    right:0 !important;
    bottom:7px !important;
    width:auto !important;
    height:1px !important;
    transform:none !important;
    background:#d4a04d !important;
  }
}


/* =========================================================
   V308 — MAC INNER NAVIGATION MATCHES THE HOMEPAGE
   Reproduce the larger gold navigation baked into the approved desktop
   homepage while preserving the useful Fancy Boozes mark on inner pages.
   ========================================================= */
@media(min-width:901px){
  body:not(.exact-home) > header nav{
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:clamp(390px,25.2vw,500px) !important;
    min-width:0 !important;
    max-width:500px !important;
    margin:0 auto !important;
  }

  body:not(.exact-home) > header nav a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:0 !important;
    color:#d8a24b !important;
    font-family:var(--fb-body) !important;
    font-size:1.05rem !important;
    font-style:normal !important;
    font-weight:500 !important;
    letter-spacing:.18em !important;
    line-height:1 !important;
    text-align:center !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  body:not(.exact-home) > header nav a:hover,
  body:not(.exact-home) > header nav a.active{
    color:#e2b15b !important;
  }

  body:not(.exact-home) > header nav a::after{
    left:50% !important;
    right:auto !important;
    bottom:7px !important;
    width:64px !important;
    height:1px !important;
    background:#d4a04d !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
  }

  body:not(.exact-home) > header nav a:hover::after,
  body:not(.exact-home) > header nav a.active::after{
    transform:translateX(-50%) scaleX(1) !important;
  }
}


/* =========================================================
   V310 — PIXEL-MATCHED MAC HOMEPAGE NAV STRIP
   V308's live-font approximation is superseded. Inner Mac pages reuse the
   actual approved homepage header artwork, with transparent live link targets
   and a route-aware underline. The header, nav and underline dimensions use
   the homepage artboard's exact 1672 x 941 cover scale without fixed caps.
   ========================================================= */
@media(min-width:901px){
  body:not(.exact-home){
    --fb-home-artboard-width:max(100vw,calc(100dvh * 1.7768331562));
    --fb-home-artboard-top:min(0px,calc(50dvh - 28.139952vw));
    --fb-mac-header-height:min(6.588735dvh,calc(50dvh - 24.431818vw));
    --fb-mac-nav-width:max(25.41866vw,45.1647dvh);
    --fb-mac-underline-width:max(3.94737vw,7.01382dvh);
  }

  body:not(.exact-home) > header{
    position:sticky !important;
    top:0 !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    min-height:var(--fb-mac-header-height) !important;
    height:var(--fb-mac-header-height) !important;
    padding:0 clamp(20px,2.4vw,40px) !important;
    overflow:hidden !important;
    background-color:#00080c !important;
    background-image:url("images/home-v197-blue-lower-clean-v353.png") !important;
    background-repeat:no-repeat !important;
    background-position:center var(--fb-home-artboard-top) !important;
    background-size:var(--fb-home-artboard-width) auto !important;
    border:0 !important;
    box-shadow:inset 0 -1px 0 rgba(190,132,49,.84) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /* Cover the homepage's baked HOME underline so the live route can place
     it beneath Home, Cocktails or Archive as appropriate. */
  body:not(.exact-home) > header::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    left:50% !important;
    top:76% !important;
    width:var(--fb-mac-nav-width) !important;
    height:13% !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(180deg,#00080c,#00070b) !important;
    pointer-events:none !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113{
    position:relative !important;
    z-index:3 !important;
  }

  body:not(.exact-home) > header .brand.brand-exact-v113 img{
    width:clamp(230px,15vw,300px) !important;
    height:auto !important;
    max-height:calc(var(--fb-mac-header-height) - 4px) !important;
    object-fit:contain !important;
  }

  body:not(.exact-home) > header nav{
    position:relative !important;
    z-index:3 !important;
    grid-column:2 !important;
    justify-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:var(--fb-mac-nav-width) !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    margin:0 auto !important;
  }

  /* The exact lettering and colour are supplied by the homepage artwork.
     Keep the anchors fully functional but visually transparent. */
  body:not(.exact-home) > header nav a,
  body:not(.exact-home) > header nav a:hover,
  body:not(.exact-home) > header nav a.active{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    padding:0 !important;
    overflow:visible !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:0 !important;
    letter-spacing:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
  }

  body:not(.exact-home) > header nav a::after{
    left:50% !important;
    right:auto !important;
    bottom:17% !important;
    width:var(--fb-mac-underline-width) !important;
    height:1px !important;
    background:#c99039 !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
  }

  body:not(.exact-home) > header nav a:hover::after,
  body:not(.exact-home) > header nav a.active::after{
    transform:translateX(-50%) scaleX(1) !important;
  }

  /* Keep fixed recipe/archive return links tucked just below the shorter bar. */
  .fb-backlink-v192,
  .fb-backlink-v191,
  .archive-family-back-v81,
  .archive-menu-back-v117{
    top:calc(var(--fb-mac-header-height) + 10px) !important;
  }

  /* The desktop homepage navigation is baked into its artwork. Add live,
     individually sized hover/focus underlines to its transparent hit targets. */
  .home-v139-hotspot.nav-home::after,
  .home-v139-hotspot.nav-cocktails::after,
  .home-v139-hotspot.nav-archive::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:15% !important;
    height:1px !important;
    background:#c99039 !important;
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .16s ease,opacity .16s ease !important;
    pointer-events:none !important;
  }

  .home-v139-hotspot.nav-home::after{width:64% !important;}
  .home-v139-hotspot.nav-cocktails::after{width:85% !important;}
  .home-v139-hotspot.nav-archive::after{width:70% !important;}

  .home-v139-hotspot.nav-home:hover::after,
  .home-v139-hotspot.nav-home:focus-visible::after,
  .home-v139-hotspot.nav-cocktails:hover::after,
  .home-v139-hotspot.nav-cocktails:focus-visible::after,
  .home-v139-hotspot.nav-archive:hover::after,
  .home-v139-hotspot.nav-archive:focus-visible::after{
    opacity:1 !important;
    transform:translateX(-50%) scaleX(1) !important;
  }
}


/* =========================================================
   V311 — SINGLE, ARTWORK-ALIGNED NAVIGATION UNDERLINE
   Removes the baked/live collision and gives every navigation state one
   colour, one stroke and coordinates measured from the approved artwork.
   ========================================================= */
:root{
  --fb-nav-underline-gold:#c99039;
}

/* One underline colour and stroke on every live header. */
body > header nav a::after{
  height:1px !important;
  background:var(--fb-nav-underline-gold) !important;
  box-shadow:none !important;
}

@media(min-width:901px){
  /* Make the inner-page targets share the homepage artboard itself as their
     coordinate system; equal grid columns could not centre all three labels. */
  body:not(.exact-home) > header nav{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:0 !important;
    grid-column:auto !important;
    justify-self:auto !important;
    display:block !important;
    width:var(--fb-home-artboard-width) !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
  }

  body:not(.exact-home) > header nav a{
    --fb-nav-line-left:50%;
    --fb-nav-line-width:65%;
    position:absolute !important;
    top:0 !important;
    bottom:auto !important;
    min-height:100% !important;
    height:100% !important;
    margin:0 !important;
  }

  body:not(.exact-home) > header nav a:nth-child(1){
    --fb-nav-line-left:45.37%;
    --fb-nav-line-width:62.7%;
    left:36.9% !important;
    width:6.2% !important;
  }

  body:not(.exact-home) > header nav a:nth-child(2){
    --fb-nav-line-left:51.01%;
    --fb-nav-line-width:83.2%;
    left:44.5% !important;
    width:9.2% !important;
  }

  body:not(.exact-home) > header nav a:nth-child(3){
    --fb-nav-line-left:62.57%;
    --fb-nav-line-width:69%;
    left:54.7% !important;
    width:8.5% !important;
  }

  body:not(.exact-home) > header nav a::after{
    content:"" !important;
    left:var(--fb-nav-line-left) !important;
    right:auto !important;
    bottom:calc(max(.777512vw,1.381509dvh) - .5px) !important;
    width:var(--fb-nav-line-width) !important;
    height:1px !important;
    background:var(--fb-nav-underline-gold) !important;
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
    box-shadow:none !important;
  }

  body:not(.exact-home) > header nav a:hover::after,
  body:not(.exact-home) > header nav a:focus-visible::after,
  body:not(.exact-home) > header nav a.active::after{
    opacity:1 !important;
    transform:translateX(-50%) scaleX(1) !important;
  }

  /* Hide the one underline baked into the homepage artwork. It is replaced
     immediately by the same live stroke used for every other nav item. */
  .home-v139-hotspot.nav-home::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    left:45.37% !important;
    bottom:10% !important;
    width:68% !important;
    height:12% !important;
    background:#000004 !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
  }

  .home-v139-hotspot.nav-home,
  .home-v139-hotspot.nav-cocktails,
  .home-v139-hotspot.nav-archive{
    --fb-nav-line-left:50%;
    --fb-nav-line-width:65%;
  }

  .home-v139-hotspot.nav-home{
    --fb-nav-line-left:45.37%;
    --fb-nav-line-width:62.7%;
  }

  .home-v139-hotspot.nav-cocktails{
    --fb-nav-line-left:51.01%;
    --fb-nav-line-width:83.2%;
  }

  .home-v139-hotspot.nav-archive{
    --fb-nav-line-left:62.57%;
    --fb-nav-line-width:69%;
  }

  .home-v139-hotspot.nav-home::after,
  .home-v139-hotspot.nav-cocktails::after,
  .home-v139-hotspot.nav-archive::after{
    content:"" !important;
    z-index:1 !important;
    left:var(--fb-nav-line-left) !important;
    bottom:15% !important;
    width:var(--fb-nav-line-width) !important;
    height:1px !important;
    background:var(--fb-nav-underline-gold) !important;
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
    transform-origin:center !important;
    box-shadow:none !important;
  }

  /* Home is the current route; hovering/focusing either neighbour adds only
     that neighbour's single underline. */
  .home-v139-hotspot.nav-home::after,
  .home-v139-hotspot.nav-home:hover::after,
  .home-v139-hotspot.nav-home:focus-visible::after,
  .home-v139-hotspot.nav-cocktails:hover::after,
  .home-v139-hotspot.nav-cocktails:focus-visible::after,
  .home-v139-hotspot.nav-archive:hover::after,
  .home-v139-hotspot.nav-archive:focus-visible::after{
    opacity:1 !important;
    transform:translateX(-50%) scaleX(1) !important;
  }
}


/* =========================================================
   V312 — ONE APPROVED NAV STROKE
   Every desktop item uses the original Home underline's 66px source length,
   sampled gold and artwork-measured centre. Only one state line is visible.
   ========================================================= */
:root{
  --fb-nav-underline-gold:#b67822;
}

body > header nav a::after{
  background:var(--fb-nav-underline-gold) !important;
}

@media(min-width:901px){
  body:not(.exact-home){
    --fb-nav-underline-gold:#b67822;
  }

  /* V312 uses a pixel-clean derivative of the approved artwork. No mask band
     or cover patch remains in the live header. */
  body:not(.exact-home) > header::after{
    content:none !important;
    display:none !important;
    pointer-events:none !important;
  }

  body:not(.exact-home) > header nav a::after{
    width:var(--fb-mac-underline-width) !important;
    height:1px !important;
    background:var(--fb-nav-underline-gold) !important;
    box-shadow:none !important;
  }

  /* When a different destination is hovered or keyboard-focused, temporarily
     replace the current-page line instead of showing two state lines at once. */
  body:not(.exact-home) > header nav:has(a:hover) a.active:not(:hover)::after,
  body:not(.exact-home) > header nav:has(a:focus-visible) a.active:not(:focus-visible)::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }

  .home-v139-hotspot.nav-home::before{
    content:none !important;
    display:none !important;
  }

  /* All three homepage underlines resolve to the same 66 source pixels. */
  .home-v139-hotspot.nav-home::after{
    left:45.37% !important;
    width:63.665% !important;
  }

  .home-v139-hotspot.nav-cocktails::after{
    left:51.01% !important;
    width:42.907% !important;
  }

  .home-v139-hotspot.nav-archive::after{
    left:62.57% !important;
    width:46.44% !important;
  }

  .home-v139-hotspot.nav-home::after,
  .home-v139-hotspot.nav-cocktails::after,
  .home-v139-hotspot.nav-archive::after{
    bottom:15% !important;
    height:1px !important;
    background:#b67822 !important;
    box-shadow:none !important;
  }

  .home-v139-artboard:has(.nav-cocktails:hover) .nav-home::after,
  .home-v139-artboard:has(.nav-cocktails:focus-visible) .nav-home::after,
  .home-v139-artboard:has(.nav-archive:hover) .nav-home::after,
  .home-v139-artboard:has(.nav-archive:focus-visible) .nav-home::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }
}


/* =========================================================
   V313 — SAFARI-STABLE NAVIGATION INTERACTION
   Explicit preview classes replace the fragile :has(:hover) dependency.
   The wider transparent hit regions stay aligned to the approved lettering
   and the V312 66px stroke remains visually unchanged.
   ========================================================= */
@media(min-width:901px){
  body:not(.exact-home) > header nav a:nth-child(1){
    --fb-nav-line-left:50%;
    left:34.713% !important;
    width:10% !important;
  }

  body:not(.exact-home) > header nav a:nth-child(2){
    --fb-nav-line-left:50%;
    left:44.193% !important;
    width:10% !important;
  }

  body:not(.exact-home) > header nav a:nth-child(3){
    --fb-nav-line-left:50%;
    left:54.418% !important;
    width:11.2% !important;
  }

  body:not(.exact-home) > header nav.is-nav-previewing a.active:not(.is-nav-preview)::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }

  body:not(.exact-home) > header nav.is-nav-previewing a.is-nav-preview::after{
    opacity:1 !important;
    transform:translateX(-50%) scaleX(1) !important;
  }
}

/* Touch Safari must navigate on the first tap, not retain a synthetic hover
   underline and wait for a second activation. */
@media(hover:none), (pointer:coarse){
  body:not(.exact-home) > header nav a:hover:not(.active)::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }
}

/* V314: inner-page hover is controlled only by the explicit JS preview class. */
@media(min-width:901px){
  body:not(.exact-home) > header nav a:hover:not(.is-nav-preview)::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }
  body:not(.exact-home) > header nav a.active:not(.is-nav-preview)::after{
    opacity:1 !important;
    transform:translateX(-50%) scaleX(1) !important;
  }
  body:not(.exact-home) > header nav.is-nav-previewing a.active:not(.is-nav-preview)::after{
    opacity:0 !important;
    transform:translateX(-50%) scaleX(0) !important;
  }
}

/* V315: broad, non-overlapping targets; the approved line centres do not move. */
@media(min-width:901px){
  body:not(.exact-home) > header nav a:nth-child(1){
    --fb-nav-line-left:67.218%;
    left:30% !important;
    width:14.45% !important;
  }
  body:not(.exact-home) > header nav a:nth-child(2){
    --fb-nav-line-left:46.729%;
    left:44.45% !important;
    width:10.15% !important;
  }
  body:not(.exact-home) > header nav a:nth-child(3){
    --fb-nav-line-left:35.182%;
    left:54.6% !important;
    width:15.4% !important;
  }
}

/* V316: one underline element for the entire inner navigation. */
@media(min-width:901px){
  body:not(.exact-home) > header nav a::after{
    content:none !important;
    display:none !important;
  }
  body:not(.exact-home) > header nav{
    --fb-single-line-left:39.713%;
  }
  body:not(.exact-home) > header nav[data-active-section="current"]{
    --fb-single-line-left:49.193%;
  }
  body:not(.exact-home) > header nav[data-active-section="archive"]{
    --fb-single-line-left:60.018%;
  }
  body:not(.exact-home) > header nav[data-preview-section="home"]{
    --fb-single-line-left:39.713%;
  }
  body:not(.exact-home) > header nav[data-preview-section="current"]{
    --fb-single-line-left:49.193%;
  }
  body:not(.exact-home) > header nav[data-preview-section="archive"]{
    --fb-single-line-left:60.018%;
  }
  body:not(.exact-home) > header nav::after{
    content:"" !important;
    position:absolute !important;
    z-index:5 !important;
    left:var(--fb-single-line-left) !important;
    bottom:calc(max(.777512vw,1.381509dvh) - .5px) !important;
    width:var(--fb-mac-underline-width) !important;
    height:1px !important;
    background:#b67822 !important;
    opacity:1 !important;
    transform:translateX(-50%) !important;
    transition:none !important;
    pointer-events:none !important;
    box-shadow:none !important;
  }
}

/* V317: one continuous pointer surface prevents Safari target wavering. */
@media(min-width:901px){
  body:not(.exact-home) > header nav a{
    pointer-events:none !important;
  }
  body:not(.exact-home) > header nav::before{
    content:"" !important;
    position:absolute !important;
    z-index:10 !important;
    left:30% !important;
    top:0 !important;
    width:40% !important;
    height:100% !important;
    background:transparent !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }
}

/* =========================================================
   V320 — PRIVATE FALL 2026 PREVIEW
   Launch-ready Fall cards use the approved three-drink current-menu scale.
   The draft route is not linked from the V319 live site or its archive data.
   ========================================================= */
@media(min-width:901px){
  .current-season-v18.season-fall-2026 > .deco-approved-header-v178{
    width:min(1040px,90vw) !important;
    max-width:1040px !important;
    margin:8px auto 12px !important;
  }

  .current-season-v18.season-fall-2026 > .deco-approved-header-v178 img{
    width:100% !important;
    height:auto !important;
  }

  .current-season-v18.season-fall-2026 .season-content-v18{
    max-width:1000px !important;
    padding:0 24px 24px !important;
  }

  .current-season-v18.season-fall-2026 .season-category-v18{
    margin:0 !important;
  }

  .current-season-v18.season-fall-2026 .season-card-grid-v18,
  .current-season-v18.season-fall-2026 .season-card-grid-v18.two-cards-v18{
    width:min(960px,92vw) !important;
    max-width:960px !important;
    margin:0 auto !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .current-season-v18.season-fall-2026 .season-card-photo-v18{
    margin:6px 6px 0 !important;
    aspect-ratio:4 / 3 !important;
    border-radius:1px 1px 0 0 !important;
  }

  .current-season-v18.season-fall-2026 .season-card-photo-v18 img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }

  .current-season-v18.season-fall-2026 .season-card-copy-v18{
    display:flex !important;
    min-height:100px !important;
    padding:11px 14px 13px !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
  }

  .current-season-v18.season-fall-2026 .season-card-kicker-v18{
    margin:0 !important;
    font-size:.50rem !important;
    line-height:1.15 !important;
    letter-spacing:.15em !important;
  }

  .current-season-v18.season-fall-2026 .season-card-copy-v18 h3{
    width:100% !important;
    margin:6px 0 0 !important;
    font-size:clamp(1.20rem,1.65vw,1.50rem) !important;
    line-height:1.02 !important;
    letter-spacing:.055em !important;
    transform:none !important;
  }

  .current-season-v18.season-fall-2026 .season-card-divider-v18{
    width:78px !important;
    margin:8px auto 0 !important;
  }

  .current-season-v18.season-fall-2026 .season-card-copy-v18 p,
  .current-season-v18.season-fall-2026 .season-card-copy-v18::after{
    display:none !important;
    content:none !important;
  }

  .current-season-v18.season-fall-2026 .season-random-v18{
    width:min(400px,86%) !important;
    max-width:400px !important;
    margin:14px auto 0 !important;
    padding:10px 20px 0 !important;
  }

  .current-season-v18.season-fall-2026 .season-random-v18 h2{
    margin:5px 0 2px !important;
    font-size:1.28rem !important;
  }

  .current-season-v18.season-fall-2026 .season-random-v18 p{
    margin:5px 0 9px !important;
    font-size:.68rem !important;
  }
}

@media(min-width:901px) and (max-height:900px){
  .current-season-v18.season-fall-2026 > .deco-approved-header-v178{
    width:min(960px,88vw) !important;
    max-width:960px !important;
    margin:4px auto 8px !important;
  }
  .current-season-v18.season-fall-2026 .season-card-grid-v18{
    width:min(900px,90vw) !important;
    max-width:900px !important;
  }
}

@media(max-width:620px){
  .current-season-v18.season-fall-2026 > .deco-approved-header-v178{
    width:98vw !important;
    margin:8px auto 14px !important;
  }
  .current-season-v18.season-fall-2026 .season-card-photo-v18 img{
    object-position:center !important;
  }
  .recipe-fall-2026-james-cooks-mulled-wine .recipe-row-v208 > div,
  .recipe-fall-2026-james-cooks-mulled-wine .recipe-row-v208 ul{
    font-size:.90rem !important;
    line-height:1.20 !important;
  }
}

/* =========================================================
   V321 — EXACT FALL PHOTOGRAPH COMPOSITIONS
   The approved generated Fall images are 3:2. Use that same window on every
   menu-card breakpoint so none of the scene is cropped or enlarged.
   ========================================================= */
.current-season-v18.season-fall-2026 .season-card-photo-v18{
  display:block !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:6px 6px 0 !important;
  padding:0 !important;
  aspect-ratio:3 / 2 !important;
  overflow:hidden !important;
  background:#071722 !important;
}

.current-season-v18.season-fall-2026 .season-card-photo-v18 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
}

/* Recipe panels keep the complete approved source photograph. */
.recipe-page-v208[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
}

/* =========================================================
   V323 — FALL RECIPE TITLE + PHOTO BREATHING ROOM
   Fall uses live title type, so Safari never paints a missing-image
   placeholder while attempting to load title art that does not exist.
   The approved 3:2 photographs remain untouched and complete; only their
   presentation is reduced inside a quiet navy mat.
   ========================================================= */
.recipe-page-v208[class*="recipe-fall-2026-"] .recipe-title-live-v323{
  display:block !important;
  margin:0 !important;
}

.recipe-page-v208[class*="recipe-fall-2026-"] .recipe-photo-v210{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#061624 !important;
}

.recipe-page-v208[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
  flex:0 0 auto !important;
  width:82% !important;
  height:82% !important;
  max-width:82% !important;
  max-height:82% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  background:transparent !important;
}

@media(max-width:1050px){
  .recipe-page-v208[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
    width:88% !important;
    height:88% !important;
    max-width:88% !important;
    max-height:88% !important;
  }
}

@media(max-width:620px){
  .recipe-page-v208[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
    width:92% !important;
    height:92% !important;
    max-width:92% !important;
    max-height:92% !important;
  }
}

/* =========================================================
   V324 — DEDICATED FALL RECIPE TITLE ART
   Return Fall to the locked shaded-gold artwork system used by the other
   cocktail pages. The long Mulled Wine title receives its own compact width.
   ========================================================= */
.recipe-fall-2026-egg-nog-old-fashioned .recipe-title-art-v209{
  height:54px !important;
  max-width:560px !important;
}

.recipe-fall-2026-martini-8 .recipe-title-art-v209{
  height:58px !important;
  max-width:440px !important;
}

.recipe-fall-2026-james-cooks-mulled-wine .recipe-title-art-v209{
  height:46px !important;
  max-width:560px !important;
}

@media(max-width:1050px){
  .recipe-fall-2026-egg-nog-old-fashioned .recipe-title-art-v209,
  .recipe-fall-2026-martini-8 .recipe-title-art-v209,
  .recipe-fall-2026-james-cooks-mulled-wine .recipe-title-art-v209{
    height:34px !important;
    max-width:64vw !important;
  }
}

@media(max-width:620px){
  .recipe-fall-2026-james-cooks-mulled-wine .recipe-title-art-v209{
    height:27px !important;
    max-width:60vw !important;
  }
}
/* ================================================================
   V326 — Return-link clearance row
   Keeps every page-level back link in normal document flow, in its
   own row between the navigation and the decorative title artwork.
   ================================================================ */

.fb-return-row-v326{
  position:relative !important;
  inset:auto !important;
  z-index:30 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:40px !important;
  margin:0 !important;
  padding:10px 32px 9px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  pointer-events:none !important;
}

.fb-return-row-v326 > .archive-menu-back-v117,
.fb-return-row-v326 > .archive-family-back-v81,
.fb-return-row-v326 > .fb-backlink-v208{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:21px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}

/* These title blocks formerly used negative top margins in a few
   archive layouts.  Zeroing only the top margin preserves the rest
   of their established sizing while protecting the return-link row. */
.archive-season-page-v18 > .deco-approved-header-v178.archive-year-approved-v188,
.archive-family-page-v81 .deco-approved-header-v178.family-approved-v188,
.recipe-page-v208 > .recipe-masthead-v208{
  margin-top:0 !important;
}

/* Recipe pages already provide their own horizontal page padding. */
.recipe-page-v208 > .fb-return-row-v326{
  min-height:32px !important;
  padding:0 4px 10px !important;
}

@media(max-width:900px){
  .archive-season-page-v18 > .fb-return-row-v326,
  .archive-family-page-v81 > .fb-return-row-v326{
    min-height:42px !important;
    padding:10px 14px 10px !important;
  }

  .recipe-page-v208 > .fb-return-row-v326{
    min-height:34px !important;
    padding:0 4px 10px !important;
  }
}

/* ================================================================
   V327 — Current-menu vertical rhythm
   Gives the masthead, card wall and random-choice feature distinct
   zones without changing approved artwork or cocktail-card sizing.
   Applies to every current seasonal menu, including private previews.
   ================================================================ */

@media(min-width:901px) and (min-height:901px){
  .current-season-v18 > .deco-approved-header-v178.current-approved-v178{
    margin-top:26px !important;
    margin-bottom:28px !important;
  }

  .current-season-v18 .season-random-v18{
    margin-top:38px !important;
    padding-top:20px !important;
  }
}

@media(min-width:901px) and (max-height:900px){
  .current-season-v18 > .deco-approved-header-v178.current-approved-v178{
    margin-top:14px !important;
    margin-bottom:18px !important;
  }

  .current-season-v18 .season-random-v18{
    margin-top:26px !important;
    padding-top:16px !important;
  }
}

.current-season-v18 .season-random-v18 .eyebrow{
  line-height:1.2 !important;
}

.current-season-v18 .season-random-v18 h2{
  margin:9px 0 0 !important;
}

.current-season-v18 .season-random-v18 p{
  margin:12px 0 18px !important;
}

@media(max-width:900px){
  .current-season-v18 > .deco-approved-header-v178.current-approved-v178{
    margin-top:18px !important;
    margin-bottom:24px !important;
  }

  .current-season-v18 .season-random-v18{
    margin-top:34px !important;
    padding-top:18px !important;
  }
}

/* ================================================================
   V329 — Cocktail provenance marks
   Historical creation years replace the centre diamond within the
   existing card divider. The detail reads like a tiny vintage brass
   provenance plate without adding another line to the card layout.
   ================================================================ */

.season-card-divider-v18.has-origin-year-v329{
  width:150px !important;
  grid-template-columns:minmax(18px,1fr) auto minmax(18px,1fr) !important;
  gap:8px !important;
}

.origin-year-v329{
  display:inline-flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:max-content !important;
  color:#b67822 !important;
  font-family:var(--fb-body) !important;
  font-style:normal !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.origin-year-v329 small{
  color:#4b938a !important;
  font-size:.43rem !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
}

.origin-year-v329 strong{
  color:#b67822 !important;
  font-size:.60rem !important;
  font-weight:500 !important;
  letter-spacing:.12em !important;
}

@media(max-width:620px){
  .season-card-divider-v18.has-origin-year-v329{
    width:122px !important;
    grid-template-columns:minmax(12px,1fr) auto minmax(12px,1fr) !important;
    gap:6px !important;
  }

  .origin-year-v329 small{font-size:.38rem !important;}
  .origin-year-v329 strong{font-size:.53rem !important;}
}

/* ================================================================
   V330 — Botanical recipe provenance + long phone-title repair
   - V329 card dates remain untouched.
   - Dated recipe pages gain the approved small botanical palm lockup.
   - Dance the Charleston uses intentional two-line phone titles.
   ================================================================ */

.recipe-title-column-v330{
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.recipe-origin-v330{
  position:relative !important;
  width:160px !important;
  height:38px !important;
  margin:0 auto !important;
  flex:0 0 auto !important;
}

.recipe-origin-v330 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  opacity:.56 !important;
  pointer-events:none !important;
}

.recipe-origin-v330 span{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-48%) !important;
  color:#c58d3b !important;
  font-family:var(--fb-body) !important;
  font-size:.60rem !important;
  font-style:normal !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-shadow:0 1px 0 rgba(0,0,0,.58) !important;
}

.recipe-masthead-v208.has-origin-v330{
  height:116px !important;
}

.recipe-masthead-v208.has-origin-v330 .recipe-title-art-v209{
  height:50px !important;
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-masthead-v208.has-origin-v330{height:104px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-title-art-v209{height:44px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330{width:148px !important;height:34px !important;}
}

@media(max-width:1050px){
  .recipe-masthead-v208.has-origin-v330{height:92px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-title-art-v209{height:31px !important;max-width:62vw !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330{width:138px !important;height:32px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330 span{font-size:.55rem !important;}
}

@media(max-width:620px){
  .recipe-masthead-v208.has-origin-v330{height:86px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-masthead-inner-v209{
    grid-template-columns:minmax(34px,1fr) minmax(0,64vw) minmax(34px,1fr) !important;
    column-gap:6px !important;
  }
  .recipe-masthead-v208.has-origin-v330 .recipe-title-art-v209{height:28px !important;max-width:60vw !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330{width:128px !important;height:29px !important;margin-top:1px !important;}
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330 span{font-size:.50rem !important;letter-spacing:.14em !important;}

  .recipe-winter-2019-dance-charleston .recipe-masthead-v208{
    height:94px !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-masthead-inner-v209{
    width:100% !important;
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    column-gap:5px !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-wing-v208{
    width:40px !important;
    max-height:20px !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-art-v209{
    display:none !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-fallback-v209{
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    margin:0 auto !important;
    font-size:clamp(1.34rem,6vw,1.62rem) !important;
    line-height:.92 !important;
    letter-spacing:.055em !important;
    white-space:normal !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-fallback-v209 span{
    display:block !important;
    margin-top:6px !important;
    font-size:.84em !important;
    letter-spacing:.10em !important;
  }

  .season-card-winter-2019-dance-charleston .season-card-copy-v18{
    min-height:92px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }

  .season-card-winter-2019-dance-charleston .season-card-copy-v18 h3{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    font-size:clamp(.78rem,3.65vw,.94rem) !important;
    line-height:1.04 !important;
    letter-spacing:.015em !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
  }

  .season-card-winter-2019-dance-charleston .season-card-divider-v18{
    margin-top:8px !important;
  }
}

/* ================================================================
   V331 — exact mobile title artwork + open provenance spacing
   - Menu-card creation dates remain exactly as approved in V329.
   - Dance the Charleston reuses its original shaded-gold raster title
     on phones, cropped into two deliberate lines without changing font.
   - Recipe-page palms are independently cropped and held well away
     from the centred EST. date.
   ================================================================ */

.recipe-title-mobile-art-v331{
  display:none !important;
}

.recipe-origin-v330.recipe-origin-v331{
  width:230px !important;
  height:40px !important;
}

.recipe-origin-v331 > .recipe-origin-palm-v331{
  position:absolute !important;
  top:0 !important;
  width:34px !important;
  height:40px !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.recipe-origin-v331 > .recipe-origin-palm-left-v331{left:0 !important;}
.recipe-origin-v331 > .recipe-origin-palm-right-v331{right:0 !important;}

.recipe-origin-v330.recipe-origin-v331 .recipe-origin-palm-v331 img{
  position:absolute !important;
  top:0 !important;
  display:block !important;
  width:120px !important;
  max-width:none !important;
  height:40px !important;
  object-fit:fill !important;
  opacity:.56 !important;
}

.recipe-origin-v331 > .recipe-origin-palm-left-v331 img{left:0 !important;}
.recipe-origin-v331 > .recipe-origin-palm-right-v331 img{right:0 !important;}

@media(min-width:1051px) and (max-height:820px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:214px !important;
    height:36px !important;
  }
  .recipe-origin-v331 > .recipe-origin-palm-v331{
    width:31px !important;
    height:36px !important;
  }
  .recipe-origin-v330.recipe-origin-v331 .recipe-origin-palm-v331 img{
    width:108px !important;
    height:36px !important;
  }
}

@media(max-width:1050px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:194px !important;
    height:32px !important;
  }
  .recipe-origin-v331 > .recipe-origin-palm-v331{
    width:28px !important;
    height:32px !important;
  }
  .recipe-origin-v330.recipe-origin-v331 .recipe-origin-palm-v331 img{
    width:96px !important;
    height:32px !important;
  }
}

@media(max-width:620px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:180px !important;
    height:29px !important;
  }
  .recipe-origin-v331 > .recipe-origin-palm-v331{
    width:26px !important;
    height:29px !important;
  }
  .recipe-origin-v330.recipe-origin-v331 .recipe-origin-palm-v331 img{
    width:87px !important;
    height:29px !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-fallback-v209{
    display:none !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-mobile-art-v331{
    display:flex !important;
    width:min(100%,300px) !important;
    margin:0 auto !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
  }

  .recipe-title-mobile-line-v331{
    position:relative !important;
    display:block !important;
    flex:0 0 auto !important;
    overflow:hidden !important;
  }

  .recipe-title-mobile-line-v331 img{
    position:absolute !important;
    top:0 !important;
    display:block !important;
    max-width:none !important;
    height:auto !important;
  }

  .recipe-title-mobile-line-one-v331{
    width:100% !important;
    aspect-ratio:531 / 46 !important;
  }

  .recipe-title-mobile-line-one-v331 img{
    left:0 !important;
    width:160.452% !important;
  }

  .recipe-title-mobile-line-two-v331{
    width:59.887% !important;
    aspect-ratio:318 / 46 !important;
  }

  .recipe-title-mobile-line-two-v331 img{
    left:-167.925% !important;
    width:267.925% !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-art-wrap-v209.recipe-title-art-failed-v331 .recipe-title-mobile-art-v331{
    display:none !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-art-wrap-v209.recipe-title-art-failed-v331 .recipe-title-fallback-v209{
    display:block !important;
  }
}

/* ================================================================
   V332 — balanced provenance spacing + guest-facing descriptions
   ================================================================ */

.recipe-origin-v330.recipe-origin-v331{
  width:160px !important;
}

.recipe-description-v332 p{
  margin:0 !important;
  color:#dfd1b7 !important;
  font-family:Baskerville,"Palatino Linotype",Georgia,serif !important;
  font-size:.98rem !important;
  line-height:1.52 !important;
  letter-spacing:.008em !important;
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:154px !important;
  }
  .recipe-description-v332 p{
    font-size:.90rem !important;
    line-height:1.40 !important;
  }
}

@media(max-width:1050px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:146px !important;
  }
  .recipe-description-v332 p{
    font-size:.97rem !important;
    line-height:1.48 !important;
  }
}

@media(max-width:620px){
  .recipe-masthead-v208.has-origin-v330 .recipe-origin-v330.recipe-origin-v331{
    width:136px !important;
  }
  .recipe-description-v332 p{
    font-size:.93rem !important;
    line-height:1.46 !important;
  }
}

/* ================================================================
   V337 — full-glass recipe framing + exact phone-card centring
   ================================================================ */

.recipe-page-v208.recipe-page-standard-v236 .recipe-photo-v210{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#061624 !important;
}

.recipe-page-v208.recipe-page-standard-v236 .recipe-photo-v210 img{
  flex:0 0 auto !important;
  width:90% !important;
  height:90% !important;
  max-width:90% !important;
  max-height:90% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  background:transparent !important;
}

/* Fall's approved recipe photographs already use a wider view. */
.recipe-page-v208.recipe-page-standard-v236[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
  width:82% !important;
  height:82% !important;
  max-width:82% !important;
  max-height:82% !important;
}

@media(max-width:1050px){
  .recipe-page-v208.recipe-page-standard-v236 .recipe-photo-v210 img{
    width:92% !important;
    height:92% !important;
    max-width:92% !important;
    max-height:92% !important;
  }

  .recipe-page-v208.recipe-page-standard-v236[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
    width:88% !important;
    height:88% !important;
    max-width:88% !important;
    max-height:88% !important;
  }
}

@media(max-width:620px){
  .recipe-page-v208.recipe-page-standard-v236 .recipe-photo-v210 img{
    width:94% !important;
    height:94% !important;
    max-width:94% !important;
    max-height:94% !important;
  }

  .recipe-page-v208.recipe-page-standard-v236[class*="recipe-fall-2026-"] .recipe-photo-v210 img{
    width:92% !important;
    height:92% !important;
    max-width:92% !important;
    max-height:92% !important;
  }

  /* Both labels use the same full card width and centring axis. This also
     clears a retired horizontal title transform that leaked into phones. */
  .current-season-v18 .season-card-copy-v18,
  .archive-season-page-v18 .season-card-copy-v18{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  .current-season-v18 .season-card-kicker-v18,
  .archive-season-page-v18 .season-card-kicker-v18,
  .current-season-v18 .season-card-copy-v18 h3,
  .archive-season-page-v18 .season-card-copy-v18 h3{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    text-align-last:center !important;
    transform:none !important;
    transform-origin:center !important;
  }
}

/* ================================================================
   V341 — visible homepage Archive-artwork title match
   The current Archive lettering is baked into the approved Home art,
   so this locally bundled face matches those visible glyph shapes.
   ================================================================ */

@font-face{
  font-family:"Josefin Sans";
  src:url("fonts/JosefinSans-Light.ttf") format("truetype");
  font-style:normal;
  font-weight:300;
  font-display:swap;
}

.recipe-page-v208 .recipe-title-v341{
  display:block !important;
  width:auto !important;
  max-width:min(680px,66vw) !important;
  margin:0 auto !important;
  color:#d39a47 !important;
  font-family:"Josefin Sans",var(--fb-deco) !important;
  font-size:clamp(2.45rem,3.05vw,3.25rem) !important;
  font-style:normal !important;
  font-weight:300 !important;
  font-stretch:normal !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-wrap:balance !important;
  background:linear-gradient(180deg,#ebc681 0%,#d8a552 38%,#c48b3b 70%,#b67d32 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:0 transparent !important;
  text-shadow:none !important;
  filter:none !important;
  text-rendering:optimizeLegibility !important;
  transform:scaleX(.90) !important;
  transform-origin:center center !important;
}

.recipe-page-v208 .recipe-title-v341.recipe-title-long-v208{
  max-width:min(720px,68vw) !important;
  font-size:clamp(1.95rem,2.42vw,2.62rem) !important;
  letter-spacing:.10em !important;
}

.recipe-page-v208 .recipe-title-v341.recipe-title-extra-long-v341{
  max-width:min(760px,70vw) !important;
  font-size:clamp(1.68rem,2.08vw,2.28rem) !important;
  letter-spacing:.08em !important;
}

.recipe-winter-2019-dance-charleston .recipe-title-v341{
  max-width:620px !important;
  white-space:normal !important;
}

.recipe-winter-2019-dance-charleston .recipe-title-v341 span{
  display:block !important;
  margin-top:5px !important;
  font-size:.78em !important;
  letter-spacing:.11em !important;
}

@media(min-width:1051px) and (max-height:820px){
  .recipe-page-v208 .recipe-title-v341{
    font-size:clamp(2.15rem,2.72vw,2.85rem) !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-long-v208{
    font-size:clamp(1.75rem,2.22vw,2.35rem) !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-extra-long-v341{
    font-size:clamp(1.52rem,1.95vw,2.08rem) !important;
  }
}

@media(max-width:1050px){
  .recipe-page-v208 .recipe-title-v341{
    max-width:64vw !important;
    font-size:clamp(1.72rem,5.6vw,2.42rem) !important;
    letter-spacing:.095em !important;
    transform:scaleX(.86) scaleY(1.03) !important;
    white-space:normal !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-long-v208{
    max-width:66vw !important;
    font-size:clamp(1.42rem,4.8vw,2.02rem) !important;
    letter-spacing:.075em !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-extra-long-v341{
    max-width:68vw !important;
    font-size:clamp(1.24rem,4.2vw,1.78rem) !important;
    letter-spacing:.06em !important;
  }
}

@media(max-width:620px){
  .recipe-page-v208 .recipe-title-v341{
    max-width:64vw !important;
    font-size:clamp(1.44rem,5.8vw,1.88rem) !important;
    line-height:1.04 !important;
    letter-spacing:.085em !important;
    transform:scaleX(.88) scaleY(1.03) !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-long-v208{
    max-width:68vw !important;
    font-size:clamp(1.18rem,4.8vw,1.52rem) !important;
    letter-spacing:.06em !important;
  }

  .recipe-page-v208 .recipe-title-v341.recipe-title-extra-long-v341{
    max-width:70vw !important;
    font-size:clamp(1.05rem,4.25vw,1.34rem) !important;
    letter-spacing:.045em !important;
  }

  .recipe-winter-2019-dance-charleston .recipe-title-v341{
    max-width:72vw !important;
    font-size:clamp(1.13rem,4.7vw,1.45rem) !important;
    letter-spacing:.035em !important;
  }
}