/* ===== Commander's Choice — Straight Bourbon Whiskey ===== */
/* Palette: near-black, oxblood red, Border Patrol green, gold, cream/off-white */
:root{
  --ink:#0d0c0b;
  --ink-2:#141210;
  --ink-3:#1c1916;
  --char:#262120;
  --oxblood:#7d1d1d;
  --oxblood-bright:#9a2727;
  /* Border Patrol green — the uniform "Mean Green". --patrol is the deep
     uniform shade; --patrol-bright is lightened so it stays legible as text
     on the near-black backgrounds. Adjust both here to retune the green. */
  --patrol:#2f5233;
  --patrol-bright:#4c7a50;
  --gold:#caa04a;
  --gold-bright:#dcb45e;
  --cream:#ece3cf;
  --paper:#e9ddc4;
  --bone:#e6e2d8;
  --fog:#b0a89c;
  --line:rgba(202,160,74,.22);
  --line-soft:rgba(230,226,216,.10);
  --serif:"Libre Caslon Display",Georgia,serif;
  --serif-text:"Spectral",Georgia,serif;
  --cond:"Oswald",-apple-system,sans-serif;
  --maxw:1280px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--bone);
  font-family:var(--serif-text);
  font-size:18px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.locked{overflow:hidden;height:100vh}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--oxblood);color:var(--cream)}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}

/* ---- type helpers ---- */
.eyebrow{
  font-family:var(--cond);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.42em;
  font-size:12px;
  color:var(--gold);
  display:inline-block;
}
.cond{font-family:var(--cond)}
.serif{font-family:var(--serif)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.01em}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}

/* ===================== AGE GATE ===================== */
.gate{
  position:fixed;inset:0;z-index:1000;
  background:var(--ink);
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  background-image:radial-gradient(120% 80% at 50% 0%,rgba(125,29,29,.22),transparent 60%);
}
.gate__inner{max-width:540px;padding:48px 40px}
.gate__mark{font-family:var(--serif);font-size:clamp(34px,5vw,52px);color:var(--cream);line-height:.98}
.gate__mark small{display:block;font-family:var(--cond);font-weight:300;letter-spacing:.5em;font-size:13px;color:var(--gold);text-transform:uppercase;margin-top:26px;line-height:1}
.gate__q{font-family:var(--cond);text-transform:uppercase;letter-spacing:.28em;font-size:14px;color:var(--bone);margin:56px 0 26px}
.gate__btns{display:flex;gap:16px;justify-content:center}
.gate__legal{margin-top:34px;font-size:12.5px;color:var(--fog);line-height:1.6;font-family:var(--serif-text)}
.gate__deny{display:none;margin-top:26px;color:var(--fog);font-size:14px;font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase}

/* ===================== BUTTONS ===================== */
.btn{
  font-family:var(--cond);font-weight:600;text-transform:uppercase;
  letter-spacing:.18em;font-size:13px;cursor:pointer;
  padding:16px 30px;border:1px solid var(--gold);
  background:transparent;color:var(--gold);
  transition:.25s ease;display:inline-flex;align-items:center;gap:12px;
  white-space:nowrap;
}
.btn:hover{background:var(--gold);color:var(--ink)}
.btn--solid{background:var(--oxblood);border-color:var(--oxblood);color:var(--cream)}
.btn--solid:hover{background:var(--oxblood-bright);border-color:var(--oxblood-bright);color:#fff}
.btn--ghost{border-color:var(--line-soft);color:var(--bone)}
.btn--ghost:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.btn--sm{padding:12px 22px;font-size:12px}

/* ===================== NAV ===================== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 40px;
  transition:background .35s ease,padding .35s ease,border-color .35s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{background:rgba(13,12,11,.86);backdrop-filter:blur(12px);border-bottom-color:var(--line);padding:14px 40px}
.nav__brand{font-family:"Cinzel",var(--serif);font-weight:700;text-transform:uppercase;font-size:18px;color:var(--cream);letter-spacing:.06em;line-height:1}
.nav__brand b{font-weight:700}
.nav__links{display:flex;gap:34px;align-items:center}
.nav__links a{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;color:var(--bone);transition:color .2s;position:relative}
.nav__links a:hover{color:var(--gold)}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:width .25s}
.nav__links a:hover::after{width:100%}
.nav__cta{margin-left:8px}
.nav__right{display:flex;align-items:center;gap:26px}
.nav__merch{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:12.5px;color:var(--gold);transition:color .2s;position:relative}
.nav__merch::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--gold);opacity:.45;transition:opacity .25s}
.nav__merch:hover::after{opacity:1}
.nav__burger{display:none}

/* ===================== HERO ===================== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero__variant{display:none}
.hero__variant.active{display:block;width:100%}

/* switcher */
.switcher{
  position:fixed;z-index:80;left:50%;transform:translateX(-50%);
  bottom:26px;display:flex;gap:6px;align-items:center;
  background:rgba(13,12,11,.78);backdrop-filter:blur(10px);
  border:1px solid var(--line);padding:7px 8px;border-radius:2px;
}
.switcher span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--fog);padding:0 10px 0 6px}
.switcher button{
  font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.12em;
  font-size:11px;color:var(--bone);background:transparent;border:none;cursor:pointer;
  padding:8px 14px;transition:.2s;
}
.switcher button.on{background:var(--oxblood);color:var(--cream)}
.switcher button:not(.on):hover{color:var(--gold)}

/* shared hero bits */
.hero__tag{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:clamp(20px,2.3vw,31px)}
.hero__wordmark{font-family:var(--serif);color:var(--cream);line-height:.92;letter-spacing:-.015em}

/* Variant A — The Bottle (centered, bottle over oversized wordmark) */
.heroA{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;padding:104px 20px 86px;
  background:radial-gradient(80% 70% at 50% 42%,rgba(125,29,29,.20),transparent 62%),var(--ink);}
.heroA__glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(202,160,74,.15),transparent 65%);filter:blur(8px);pointer-events:none}
.heroA__bgword{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:1;
  font-family:var(--serif);font-size:clamp(64px,15.5vw,212px);line-height:.8;text-align:center;
  color:rgba(233,221,196,.085);letter-spacing:-.01em;pointer-events:none;white-space:nowrap}
.heroA__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}
.heroA__sub{font-family:var(--cond);text-transform:uppercase;letter-spacing:.5em;font-size:clamp(11px,1.3vw,15px);color:var(--cream)}
.heroA__bottlewrap{margin:2px 0}

/* Variant B — Split (commander + lockup) */
.heroB{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.heroB__img{position:relative;background:#000;overflow:hidden}
.heroB__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.92) contrast(1.04)}
.heroB__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,11,.15) 40%,rgba(13,12,11,.95)),linear-gradient(0deg,rgba(13,12,11,.5),transparent 40%)}
.heroB__copy{display:flex;flex-direction:column;justify-content:center;padding:120px 8% 90px;gap:24px;
  background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.heroB .hero__wordmark{font-size:clamp(44px,5.6vw,92px)}
.heroB__lead{font-size:19px;color:var(--bone);max-width:30ch;line-height:1.6}
.heroB__cta{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}
.heroB__meta{display:flex;gap:28px;margin-top:18px;border-top:1px solid var(--line);padding-top:22px}
.heroB__meta div{font-family:var(--cond)}
.heroB__meta b{display:block;color:var(--gold);font-size:24px;font-weight:600}
.heroB__meta span{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--fog)}

/* Variant C — Cinematic full-bleed */
.heroC{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}
.heroC__bg{position:absolute;inset:0;z-index:0}
.heroC__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(.18) contrast(1.06) brightness(.82)}
.heroC__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,12,11,.55) 0%,rgba(13,12,11,.1) 30%,rgba(13,12,11,.6) 66%,rgba(13,12,11,.98) 100%),
  radial-gradient(80% 60% at 78% 30%,rgba(125,29,29,.28),transparent 60%)}
.heroC__inner{position:relative;z-index:2;width:100%;padding:0 6% 9vh}
.heroC__grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.heroC .hero__wordmark{font-size:clamp(54px,10vw,150px);text-shadow:0 6px 40px rgba(0,0,0,.55)}
.heroC__tag{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4vw,48px);color:var(--gold);margin-bottom:14px;line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.heroC__sub{font-family:var(--cond);text-transform:uppercase;letter-spacing:.42em;font-size:clamp(11px,1.3vw,15px);color:var(--bone);margin-top:22px;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.heroC__side{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:280px;padding-bottom:8px}
.heroC__side p{font-size:15px;color:var(--bone);line-height:1.6;text-shadow:0 2px 14px rgba(0,0,0,.8)}

.scrollcue{position:absolute;left:6%;bottom:3vh;z-index:3;font-family:var(--cond);text-transform:uppercase;letter-spacing:.3em;font-size:10px;color:var(--fog);display:flex;align-items:center;gap:10px}
.scrollcue .ln{width:46px;height:1px;background:var(--gold);transform-origin:left;animation:cue 2.4s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleX(.3);opacity:.5}50%{transform:scaleX(1);opacity:1}}

/* ===================== BOTTLE SHOT (photographic) ===================== */
/* assets/bottle-smoke.* — the 750 ml Nordic bottle with the embossed official
   label, shot into a smoky field. Edges are feathered so the scene dissolves
   into whatever section it sits in. Regenerate with: node tools/render-bottle.mjs */
.bottleshot{display:block;width:var(--bs,300px);max-width:100%;margin:0 auto;position:relative}
.bottleshot img{
  width:100%;height:auto;display:block;
  -webkit-mask-image:radial-gradient(76% 80% at 50% 47%,#000 60%,rgba(0,0,0,0) 100%);
          mask-image:radial-gradient(76% 80% at 50% 47%,#000 60%,rgba(0,0,0,0) 100%);
}
.bottleshot--hero{--bs:min(86vw,430px)}
.bottleshot--lg{--bs:min(100%,460px)}
.bottleshot--sm{--bs:150px}

/* ===================== SECTION SHELL ===================== */
section{position:relative}
.sec{padding:130px 0}
.sec__head{display:flex;flex-direction:column;gap:18px;max-width:60ch}
.sec__head h2{font-size:clamp(34px,5vw,68px)}
.sec__head.center{margin:0 auto;text-align:center;align-items:center}

/* ===================== TRIBUTE ===================== */
.tribute{background:
  linear-gradient(180deg,var(--ink),var(--ink-2)),
  radial-gradient(90% 60% at 50% 0%,rgba(125,29,29,.16),transparent 60%);
  border-bottom:1px solid var(--line)}
.tribute__inner{max-width:860px;margin:0 auto;text-align:center}
.tribute__title{font-size:clamp(40px,7vw,96px);color:var(--cream);margin:22px 0 8px}
.tribute__title span{color:var(--patrol-bright)}
.tribute__body{font-family:var(--serif-text);font-size:clamp(18px,1.5vw,21px);line-height:1.85;color:var(--bone);margin-top:36px}
.tribute__body p{margin-bottom:24px}
.tribute__pull{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.6vw,34px);line-height:1.4;color:var(--gold);margin:48px auto;max-width:24ch}
.tribute__pull span{color:var(--patrol-bright)}
.tribute__sign{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:30px}
.tribute__sign .nm{font-family:var(--serif);font-size:26px;color:var(--cream)}
.tribute__sign .ti{font-family:var(--cond);text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--fog)}

/* ===================== PRODUCT / SPECS ===================== */
.product{background:var(--ink-2);border-bottom:1px solid var(--line)}
.product__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.product__stage{position:relative;display:grid;place-items:center;min-height:560px;
  background:radial-gradient(70% 60% at 50% 45%,rgba(202,160,74,.12),transparent 65%);border:1px solid var(--line)}
.product__copy h2{margin-bottom:10px}
.product__lead{margin:24px 0 8px;color:var(--bone);max-width:46ch}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border-top:1px solid var(--line)}
.spec{padding:22px 4px;border-bottom:1px solid var(--line)}
.spec:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}
.spec:nth-child(even){padding-left:24px}
.spec b{display:block;font-family:var(--serif);font-size:34px;color:var(--gold);line-height:1}
.spec span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--fog);margin-top:8px;display:block}

/* tasting notes */
.notes{margin-top:44px}
.notes h3{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.24em;font-size:13px;color:var(--gold);margin-bottom:20px}
.notes__row{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line-soft)}
.notes__row dt{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--bone)}
.notes__row dd{font-family:var(--serif-text);color:var(--fog);font-size:16px}

/* ===================== THE COMMANDER ===================== */
.commander{background:var(--ink);border-bottom:1px solid var(--line)}
.commander__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.commander__img{position:sticky;top:96px;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line)}
.commander__img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(.25) contrast(1.05)}
.commander__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,12,11,.85))}
.commander__cap{position:absolute;left:26px;bottom:24px;z-index:2}
.commander__cap .nm{font-family:var(--serif);font-size:28px;color:var(--cream);line-height:1}
.commander__cap .ti{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--gold);margin-top:8px}
.commander__copy h2{margin-bottom:24px}
.commander__copy p{color:var(--bone);margin-bottom:20px;max-width:62ch}
.timeline{margin-top:36px;border-top:1px solid var(--line)}
.tl{display:grid;grid-template-columns:88px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line-soft)}
.tl b{font-family:var(--cond);font-weight:600;color:var(--gold);font-size:15px;letter-spacing:.06em}
.tl span{font-family:var(--serif-text);color:var(--fog);font-size:16px}

/* ===================== GALLERY ===================== */
.gallery{background:var(--ink-2);border-bottom:1px solid var(--line)}
.gallery .eyebrow{color:var(--patrol-bright)}
.gallery__grid{column-count:3;column-gap:16px;margin-top:54px}
.gi{position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--line);background:#000;break-inside:avoid;margin:0 0 16px;display:block;width:100%}
.gi img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:grayscale(.22) contrast(1.04)}
.gi:hover img{transform:scale(1.05);filter:grayscale(0)}
.gi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(13,12,11,.78));pointer-events:none;opacity:.85;transition:opacity .4s}
.gi:hover::after{opacity:.55}
.gi__cap{position:absolute;left:18px;bottom:15px;z-index:2;font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--bone)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(8,7,6,.95);display:none;align-items:center;justify-content:center;padding:5vh 5vw}
.lb.open{display:flex}
.lb img{max-width:90vw;max-height:90vh;object-fit:contain;border:1px solid var(--line)}
.lb__x{position:absolute;top:28px;right:34px;font-family:var(--cond);letter-spacing:.2em;font-size:13px;color:var(--bone);cursor:pointer;text-transform:uppercase}

/* ===================== WHERE TO BUY ===================== */
.buy{background:linear-gradient(180deg,var(--ink),var(--ink-3));border-bottom:1px solid var(--line)}
.buy__inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.buy__copy h2{margin-bottom:20px}
.buy__copy p{color:var(--bone);max-width:42ch;margin-bottom:8px}
.finder{border:1px solid var(--line);background:rgba(0,0,0,.3);padding:40px}
.buycard{border:1px solid var(--line);background:linear-gradient(180deg,rgba(202,160,74,.06),rgba(0,0,0,.34));padding:34px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.buycard__bottle{display:grid;place-items:center}
.buycard__info h3{font-family:var(--serif);font-size:29px;color:var(--cream);line-height:1.02}
.buycard__type{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;color:var(--fog);margin-top:12px}
.buycard__price{font-family:var(--serif);font-size:38px;color:var(--gold);margin:16px 0 18px}
.buycard__buy{width:100%;justify-content:center}
.buycard__bn{width:100%;min-width:0}
.buycard__bn > *{max-width:100%}
.buycard__ship{font-size:12.5px;color:var(--fog);margin-top:14px;font-family:var(--serif-text)}
.buycard__muster{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}
.finder h3{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:14px;color:var(--gold);margin-bottom:8px}
.finder p{font-size:15px;color:var(--fog);margin-bottom:24px}
.finder__field{display:flex;gap:0;border:1px solid var(--line);background:var(--ink)}
.finder__field input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--bone);font-family:var(--serif-text);font-size:16px;padding:16px 18px}
.finder__field input::placeholder{color:var(--fog)}
.finder__field button{border:none;background:var(--gold);color:var(--ink);font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:12px;padding:0 26px;cursor:pointer;transition:.2s}
.finder__field button:hover{background:var(--gold-bright)}
.finder__note{margin-top:18px;font-size:13px;color:var(--fog);min-height:20px}
.retailers{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.retailers span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--bone);border:1px solid var(--line-soft);padding:9px 16px}
.retailer-single{display:inline-flex;flex-direction:column;gap:7px;margin-top:30px;border:1px solid var(--line);padding:18px 24px;background:rgba(0,0,0,.25)}
.retailer-single__label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.28em;font-size:10px;color:var(--gold)}
.retailer-single__name{font-family:var(--serif);font-size:19px;color:var(--cream)}

/* ===================== FOOTER ===================== */
.foot{background:var(--ink);padding:80px 0 40px}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:50px;border-bottom:1px solid var(--line)}
.foot__brand{font-family:var(--serif);font-size:30px;color:var(--cream);line-height:.95}
.foot__brand small{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.4em;font-size:11px;color:var(--gold);margin-top:14px}
.foot__brand p{font-size:14px;color:var(--fog);margin-top:18px;max-width:34ch}
.foot__col h4{font-family:var(--cond);text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--bone);margin-bottom:18px}
.foot__col a{display:block;font-family:var(--serif-text);color:var(--fog);font-size:15px;margin-bottom:11px;transition:color .2s}
.foot__col a:hover{color:var(--gold)}
.warning{margin-top:40px;font-family:var(--cond);font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:11px;line-height:1.7;color:var(--fog);max-width:none}
.warning b{color:var(--bone);font-weight:600}
.foot__base{display:flex;justify-content:space-between;align-items:center;margin-top:32px;flex-wrap:wrap;gap:14px}
.foot__base small{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--fog)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1020px){
  .product__grid,.commander__grid,.buy__inner,.heroB{grid-template-columns:1fr}
  .heroB{min-height:auto}
  .heroB__img{min-height:60vh}
  .commander__grid{gap:40px}
  /* stacked: the portrait sits above the copy, so sticky would trap it on screen */
  .commander__img{position:relative;top:auto}
  .commander__copy p{max-width:none}
  .gallery__grid{column-count:2}
  .foot__top{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wrap{padding:0 22px}
  .nav{padding:16px 22px}
  .nav__links{display:none}
  .sec{padding:90px 0}
  .gallery__grid{column-count:1}
  .specs{grid-template-columns:1fr}
  .notes__row{grid-template-columns:1fr;gap:8px}
  .tl{grid-template-columns:58px 1fr;gap:14px;padding:15px 0}
  .spec:nth-child(odd){border-right:none;padding-right:4px}
  .spec:nth-child(even){padding-left:4px}
  .foot__top{grid-template-columns:1fr}
  .heroB__copy{padding:90px 8% 70px}
  .switcher{bottom:14px}
  .buycard{grid-template-columns:1fr;gap:22px;text-align:center}
  .bottleshot--sm{--bs:190px}
  .buycard__buy{text-align:center}
  .buy__inner > *,.buycard__info,.buycard__muster{min-width:0}
  .heroC__grid{grid-template-columns:1fr;gap:22px}
  .heroC__side{max-width:none}
  .heroC__inner{padding:0 22px 11vh}
  .heroC .hero__wordmark{font-size:clamp(44px,12vw,84px)}
}