:root{
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);
  --text-hero: clamp(3rem, 0.5rem + 7vw, 7.25rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;

  --ink:#15120f; --ink-2:#1d1915; --ink-3:#28221c;
  --line:rgba(238,229,211,.14); --line-2:rgba(238,229,211,.26);
  --text:#eee5d3; --muted:#a89c87; --faint:#6f6658;
  --bone:#ede3cf; --bone-2:#e2d6be; --bone-line:rgba(21,18,15,.16);
  --on-bone:#1a1612; --on-bone-muted:#5d5244;
  --accent:#e2672a; --accent-hover:#f07a3c; --accent-deep:#a8430f;
  --oxblood:#c0443a;
  --font-display:'Bespoke Slab', 'Rockwell', Georgia, serif;
  --font-body:'Switzer', 'Helvetica Neue', Arial, sans-serif;
  --radius:4px;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1240px;
  --gutter:clamp(1.25rem, 4vw, 3rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;-webkit-tap-highlight-color:transparent;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p{margin:0;overflow-wrap:break-word}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--ink);padding:var(--space-2) var(--space-4);z-index:100}
.skip:focus{left:var(--space-4)}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.section--bone{background:var(--bone);color:var(--on-bone)}
.section--ink2{background:var(--ink-2)}

/* type */
.label{font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:var(--space-3)}
.label::before{content:"";width:28px;height:1px;background:currentColor}
.label--dark{color:var(--accent-deep)}
.h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);line-height:1.02;letter-spacing:-.015em;margin-top:var(--space-4);text-wrap:balance}
.shead{display:grid;gap:0;margin-bottom:clamp(var(--space-10),5vw,var(--space-16));max-width:720px}
.shead__note{margin-top:var(--space-4);color:var(--muted);max-width:56ch}
.section--bone .shead__note{color:var(--on-bone-muted)}
.shead--split{max-width:none;grid-template-columns:1fr;align-items:end;gap:var(--space-6)}
@media (min-width:900px){.shead--split{grid-template-columns:1.1fr .9fr}.shead--split .shead__note{margin-top:0}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;transition:background var(--ease) .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--accent{background:var(--accent);color:#170f09}
.btn--accent:hover{background:var(--accent-hover)}
.btn--accent:disabled{background:var(--bone-2);color:var(--on-bone-muted);cursor:not-allowed}
.btn--ghost{border-color:var(--line-2);color:var(--text)}
.btn--ghost:hover{border-color:var(--text)}
.btn--dark{background:var(--on-bone);color:var(--bone)}
.btn--dark:hover{background:#000}
.btn--outline-dark{border-color:rgba(21,18,15,.35);color:var(--on-bone)}
.btn--outline-dark:hover{border-color:var(--on-bone)}
.btn--sm{min-height:40px;padding:0 var(--space-4)}
.btn--block{width:100%}
.btn--text{min-height:40px;padding:0;color:var(--on-bone-muted);font-weight:500;text-decoration:underline;text-underline-offset:3px;font-size:var(--text-sm)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(21,18,15,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav__inner{max-width:var(--wrap);margin-inline:auto;padding:0 var(--gutter);height:68px;display:flex;align-items:center;gap:var(--space-8)}
.nav__brand{display:block;color:var(--text);flex-shrink:0}
.wordmark,.logo{display:block;color:inherit}
.wordmark svg,.logo svg{display:block;width:100%;height:auto}
.nav__brand .wordmark{width:150px}
.nav__links{display:none;gap:var(--space-6);margin-left:auto}
.nav__links a{font-size:var(--text-sm);text-decoration:none;color:var(--muted);transition:color .2s}
.nav__links a:hover{color:var(--text)}
.nav__cta{display:none}
.nav__toggle{margin-left:auto;width:44px;height:44px;display:grid;place-content:center;gap:6px}
.nav__toggle span{display:block;width:22px;height:2px;background:var(--text);transition:transform .25s var(--ease)}
.nav__toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mnav{display:grid;gap:var(--space-1);padding:var(--space-4) var(--gutter) var(--space-6);border-top:1px solid var(--line)}
.mnav[hidden]{display:none}
.mnav a:not(.btn){text-decoration:none;padding:var(--space-3) 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:var(--space-4)}
@media (min-width:1040px){.nav__links{display:flex}.nav__cta{display:inline-flex}.nav__toggle,.mnav{display:none!important}}

/* hero */
.hero{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line)}
.hero__copy{padding:clamp(var(--space-12),7vw,var(--space-24)) var(--gutter) clamp(var(--space-12),6vw,var(--space-20));display:flex;flex-direction:column;justify-content:center}
.kicker{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.kicker .star{color:var(--accent)}
.kicker .sep{width:24px;height:1px;background:var(--line-2)}
.hero__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-hero);line-height:.92;letter-spacing:-.03em;margin-top:var(--space-6)}
.hero__title em{font-style:normal;color:var(--accent)}
.hero__lede{margin-top:var(--space-8);max-width:48ch;color:var(--muted)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}
.hero__facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--space-8);margin:var(--space-12) 0 0;padding-top:var(--space-6);border-top:1px solid var(--line)}
.hero__facts dt{font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em}
.hero__facts dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);line-height:1}
.hero__media{margin:0;position:relative;min-height:70vh;overflow:hidden;background:var(--ink-2)}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero__media figcaption{position:absolute;left:var(--space-4);bottom:var(--space-4);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:rgba(21,18,15,.72);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}
@media (max-width:560px){.hero__facts{grid-template-columns:1fr 1fr;gap:var(--space-6)}.hero__facts div:last-child{grid-column:1/-1}}
@media (min-width:960px){
  .hero{grid-template-columns:1.15fr .85fr;min-height:calc(100svh - 68px)}
  .hero__copy{padding-left:max(var(--gutter), calc((100vw - var(--wrap))/2 + var(--gutter)));padding-right:var(--space-12)}
  .hero__media{min-height:auto;border-left:1px solid var(--line)}
}

/* marquee */
.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--accent);color:#170f09}
.marquee__track{display:flex;gap:var(--space-6);width:max-content;padding:var(--space-4) 0;animation:mq 38s linear infinite;align-items:center}
.marquee span{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);white-space:nowrap}
.marquee i{font-style:normal;font-size:var(--text-sm)}
@keyframes mq{to{transform:translateX(-50%)}}

/* lineup */
.lineup{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.line{position:relative;padding:var(--space-8) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-6);row-gap:var(--space-2)}
.line__no{grid-row:1/span 4;font-size:var(--text-xs);color:var(--faint);font-variant-numeric:tabular-nums;padding-top:.6em}
.line__name{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1.05}
.line__what{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.line__desc{color:var(--muted);max-width:44ch;font-size:var(--text-sm)}
.line__price{margin-top:var(--space-3);display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);color:var(--muted)}
.line__price b{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--text)}
@media (min-width:760px){
  .lineup{grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}
  .line{padding:var(--space-8);border-right:1px solid var(--line)}
}
@media (min-width:1100px){
  .lineup{grid-template-columns:repeat(3,1fr)}
  .line{min-height:300px;align-content:start}
  .line__price{margin-top:auto;align-self:end}
  .line{grid-template-rows:auto auto auto 1fr}
}
.line:hover .line__name{color:var(--accent)}
.line__name{transition:color .2s}

/* straight talk */
.straight{background:var(--bone);color:var(--on-bone);padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.straight__grid{display:grid;gap:var(--space-12)}
.straight__copy p:not(.label){margin-top:var(--space-5);max-width:56ch;color:var(--on-bone-muted)}
.straight__copy .h2{color:var(--on-bone);margin-bottom:var(--space-2)}
.straight__small{font-size:var(--text-sm);font-style:italic}
.straight__nums{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;align-content:center}
.tag{background:var(--on-bone);color:var(--bone);padding:var(--space-8) var(--space-6);border-radius:var(--radius);position:relative}
.tag::before{content:"";position:absolute;top:var(--space-4);right:var(--space-4);width:10px;height:10px;border-radius:50%;background:var(--bone);}
.tag__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#bfb29b;max-width:16ch}
.tag__num{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);line-height:1;margin-top:var(--space-6);color:var(--accent)}
.tag__num small{font-size:.4em;margin-left:.1em;color:var(--bone)}
.tag__foot{font-size:var(--text-sm);margin-top:var(--space-2)}
@media (min-width:960px){.straight__grid{grid-template-columns:1.1fr .9fr;gap:var(--space-20)}}
@media (max-width:420px){.straight__nums{grid-template-columns:1fr}}

/* segmented */
.seg{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px)}
.seg button{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;color:var(--muted);transition:background .2s,color .2s}
.seg button:hover{color:var(--text)}
.seg button[aria-selected="true"],.seg button[aria-checked="true"]{background:var(--text);color:var(--ink)}
.seg--sub button[aria-checked="true"]{background:var(--accent);color:#170f09}
.seg[hidden]{display:none}

/* shares */
.share{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2)}
.share__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--line)}
.share__body{display:grid;grid-template-columns:1fr}
.sizes{display:grid;grid-template-columns:1fr 1fr}
.size{text-align:left;padding:var(--space-6);border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:grid;gap:var(--space-1);transition:background .2s;position:relative}
.size:nth-child(2n){border-right:0}
.size:hover{background:var(--ink-3)}
.size[aria-checked="true"]{background:var(--ink-3)}
.size[aria-checked="true"]::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.size__frac{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1}
.size__lb{font-size:var(--text-xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.size__price{font-weight:600;font-variant-numeric:tabular-nums;margin-top:var(--space-2)}
.share__result{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.share__line{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.share__price{font-family:var(--font-display);font-weight:800;font-size:var(--text-3xl);line-height:1;font-variant-numeric:tabular-nums}
.share__meta{color:var(--muted);font-size:var(--text-sm)}
.share__incl{color:var(--text);font-size:var(--text-sm);max-width:44ch;padding-top:var(--space-3);border-top:1px solid var(--line);margin-top:var(--space-2)}
.share__result .btn{align-self:flex-start;margin-top:var(--space-4)}
@media (min-width:900px){
  .share__body{grid-template-columns:1.1fr .9fr}
  .sizes{border-right:1px solid var(--line)}
  .size{padding:var(--space-8)}
  .size:nth-last-child(-n+2){border-bottom:0}
  .share__result{padding:var(--space-10)}
}
@media (max-width:899px){.share__result .btn{align-self:stretch}}

.cuts{margin-top:var(--space-6);border:1px solid var(--line);border-radius:var(--radius)}
.cuts summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-weight:600;font-size:var(--text-sm)}
.cuts summary::-webkit-details-marker{display:none}
.cuts__icon{width:14px;height:14px;position:relative;flex-shrink:0}
.cuts__icon::before,.cuts__icon::after{content:"";position:absolute;inset:6px 0 auto;height:2px;background:var(--accent);transition:transform .25s var(--ease)}
.cuts__icon::after{transform:rotate(90deg)}
.cuts[open] .cuts__icon::after{transform:rotate(0)}
.cuts__grid{display:grid;gap:var(--space-8);padding:var(--space-2) var(--space-6) var(--space-6)}
.cuts h4{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-3)}
.stars li{font-size:var(--text-sm);padding:var(--space-1) 0 var(--space-1) 1.4em;position:relative}
.stars li::before{content:"★";position:absolute;left:0;color:var(--faint);font-size:.8em;top:.45em}
.stars li.opt{color:var(--accent)}
.stars li.opt::before{color:var(--accent)}
.cuts__key{padding:0 var(--space-6) var(--space-6);font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}
.cuts__key .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
@media (min-width:760px){.cuts__grid{grid-template-columns:repeat(3,1fr)}.cuts__grid > div:last-child ul{columns:1}}

/* band */
.band{margin:0;position:relative;height:clamp(320px,62vw,720px);overflow:hidden}
.band img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.band figcaption{position:absolute;left:var(--gutter);bottom:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;font-size:var(--text-sm);background:rgba(21,18,15,.8);padding:var(--space-3) var(--space-4);border-radius:var(--radius);max-width:calc(100% - 2*var(--gutter))}
.band figcaption span{font-family:var(--font-display);font-weight:700;color:var(--accent)}

/* box */
.box{display:grid;gap:var(--space-8);align-items:start}
.box__list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--bone-line)}
.bx{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--bone-line);min-height:60px}
.bx__name{font-size:var(--text-sm);font-weight:500;line-height:1.3}
.bx__name small{display:block;color:var(--on-bone-muted);font-weight:400;font-size:var(--text-xs)}
.bx.is-on .bx__name{font-weight:700}
.step{display:flex;align-items:center;border:1px solid rgba(21,18,15,.24);border-radius:var(--radius);flex-shrink:0}
.step button{width:40px;height:40px;font-size:1.2rem;line-height:1;color:var(--on-bone);display:grid;place-items:center}
.step button:disabled{color:rgba(21,18,15,.25);cursor:not-allowed}
.step button:not(:disabled):hover{background:rgba(21,18,15,.06)}
.step output{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.bx.is-on .step{border-color:var(--on-bone);background:#fff8}
.box__sum{background:var(--on-bone);color:var(--bone);border-radius:var(--radius);padding:var(--space-8) var(--space-6);display:grid;gap:var(--space-4)}
.box__meter{position:relative;width:120px;height:120px}
.box__meter svg{width:100%;height:100%;transform:rotate(-90deg)}
.box__meter .track{fill:none;stroke:rgba(238,229,211,.14);stroke-width:8}
.box__meter .fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .4s var(--ease)}
.box__meter p{position:absolute;inset:0;display:grid;place-content:center;grid-auto-flow:column;align-items:baseline;font-family:var(--font-display)}
.box__meter b{font-size:var(--text-2xl);font-weight:800;line-height:1}
.box__meter span{color:#bfb29b;font-size:var(--text-sm)}
.box__status{font-size:var(--text-sm);color:#cfc3ad}
.box__status.is-full{color:var(--accent)}
.box__picked{display:grid;gap:var(--space-1);font-size:var(--text-sm);max-height:220px;overflow:auto}
.box__picked li{display:flex;justify-content:space-between;gap:var(--space-3);border-bottom:1px dashed rgba(238,229,211,.16);padding:var(--space-1) 0}
.box__picked li b{color:var(--accent);font-variant-numeric:tabular-nums}
.box__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--space-3);border-top:1px solid rgba(238,229,211,.2)}
.box__total span{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#bfb29b}
.box__total b{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}
.box__sum .btn--text{color:#bfb29b;justify-self:start}
.box__notes{font-size:var(--text-xs);color:#a99e8a;display:grid;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid rgba(238,229,211,.12)}
.box__notes li::before{content:"★ ";color:var(--accent)}
@media (min-width:700px){.box__list{grid-template-columns:1fr 1fr;column-gap:var(--space-8)}}
@media (min-width:1040px){.box{grid-template-columns:1fr 340px;gap:var(--space-12)}.box__sum{position:sticky;top:92px}}

/* price sheet */
.seg--tabs{margin-bottom:var(--space-8);max-width:100%}
.seg--tabs button{white-space:nowrap}
@media (max-width:640px){.seg--tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.seg--tabs::-webkit-scrollbar{display:none}}
.sheet[hidden]{display:none}
.rows{display:grid;grid-template-columns:1fr;column-gap:var(--space-12)}
.rows li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.rows li span{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.2;max-width:28ch}
.rows li i{border-bottom:1px dotted var(--faint);transform:translateY(-.3em);min-width:16px}
.rows li b{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}
.rows li small{grid-column:1/-1;font-size:var(--text-xs);color:var(--muted);margin-top:calc(-1*var(--space-2))}
.rows--wagyu li b{color:var(--oxblood)}
#p-wagyu .rows li b{color:#e25a4c}
@media (min-width:900px){.sheet > .rows{grid-template-columns:1fr 1fr}}
.flavors{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}
.flavors__h{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:var(--space-2)}
.more{display:grid;gap:var(--space-10)}
.more__h{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-2)}
.more__col > .more__h:first-child{margin-top:0}
.more__note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--muted)}
@media (min-width:900px){.more{grid-template-columns:1fr 1fr;gap:var(--space-12)}}

/* freezer */
.legend{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.legend p{width:100%;font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1)}
@media (min-width:900px){.legend{justify-content:flex-end}.legend p{text-align:right}}
.pill{display:inline-flex;align-items:center;font-size:.6875rem;font-size:max(12px,.72rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.pill--low{border:1px solid var(--accent);color:var(--accent)}
.pill--xlow{background:var(--accent);color:#170f09}
.freezer{display:grid;gap:var(--space-4)}
.fz{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6)}
.fz h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);margin-bottom:var(--space-4);display:flex;align-items:baseline;gap:var(--space-3)}
.fz h3 small{font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.fz__list + h3{margin-top:var(--space-8)}
.fz__list li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--line)}
.fz__also{margin-top:var(--space-8);display:grid;gap:var(--space-2)}
.fz__also p{background:var(--text);color:var(--ink);font-family:var(--font-display);font-weight:800;padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-base)}
@media (min-width:700px){.fz__list--cols{columns:2;column-gap:var(--space-8)}.fz__list--cols li{break-inside:avoid}}
@media (min-width:760px){.freezer{grid-template-columns:1fr 1fr}.fz--wide{grid-column:1/-1}}
@media (min-width:1040px){.fz__list--cols{columns:3}.fz--wide{padding:var(--space-8)}}

/* farmer */
.farmer{display:grid;gap:var(--space-10);align-items:center}
.farmer__media{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;background:var(--ink-2)}
.farmer__media img{width:100%;height:100%;object-fit:cover}
.farmer__copy > p:not(.label){margin-top:var(--space-5);color:var(--muted);max-width:54ch}
.farmer__facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--space-8);margin:var(--space-8) 0 0;padding-top:var(--space-5);border-top:1px solid var(--line)}
.farmer__facts dt{font-size:var(--text-xs);color:var(--muted)}
.farmer__facts dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}
.sig{margin-top:var(--space-8);display:flex;align-items:center;gap:var(--space-4)}
.sig img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#d1580f;flex-shrink:0}
.sig p{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:var(--text-lg);line-height:1.2;color:var(--text)}
.sig span{display:block;font-family:var(--font-body);font-style:normal;font-size:var(--text-sm);color:var(--accent);margin-top:var(--space-1);letter-spacing:.04em}
.gallery{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:clamp(var(--space-12),6vw,var(--space-20))}
.gallery figure{margin:0}
.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.gallery figcaption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
@media (max-width:560px){.farmer__facts{grid-template-columns:1fr 1fr;gap:var(--space-5)}}
@media (min-width:640px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.farmer{grid-template-columns:1fr 1fr;gap:var(--space-16)}.gallery figure:nth-child(2){transform:translateY(var(--space-12))}.gallery{padding-bottom:var(--space-12)}}

/* order */
.order{background:var(--accent);color:#170f09;padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.order .label--dark{color:#170f09}
.order__title{font-size:var(--text-3xl)}
.steps{display:grid;gap:var(--space-6);margin-top:var(--space-12);counter-reset:s}
.steps li{border-top:2px solid #170f09;padding-top:var(--space-5)}
.steps span{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm)}
.steps h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);margin:var(--space-2) 0}
.steps p{font-size:var(--text-sm);max-width:36ch;color:#3a1f0e}
.order__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-12)}
.order__ctas .btn--dark{background:#170f09;color:var(--bone)}
.order__ctas .btn--outline-dark{border-color:rgba(23,15,9,.45);color:#170f09}
.order__ctas .btn--outline-dark:hover{border-color:#170f09}
.order__hint{width:100%;font-size:var(--text-sm);color:#3a1f0e}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}}

/* footer */
.foot{padding-block:var(--space-16) var(--space-10);border-top:1px solid var(--line)}
.foot__inner{display:grid;gap:var(--space-6);justify-items:start}
.foot .logo{width:min(320px,80vw);color:var(--text)}
.foot__sig{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--accent)}
.foot__small{font-size:var(--text-xs);color:var(--faint);max-width:60ch}

/* toast + modal */
.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%,calc(100% + 3rem));visibility:hidden;background:var(--text);color:var(--ink);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;z-index:200;transition:transform .35s var(--ease);max-width:calc(100% - 2rem);text-align:center}
.toast.is-on{transform:translate(-50%,0);visibility:visible}
.sheetmodal{border:0;padding:0;background:transparent;max-width:560px;width:calc(100% - 2rem);color:var(--text)}
.sheetmodal::backdrop{background:rgba(10,8,6,.72)}
.sheetmodal__inner{background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:var(--space-8) var(--space-6) var(--space-6);display:grid;gap:var(--space-4);position:relative}
.sheetmodal h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl)}
.sheetmodal__sub{font-size:var(--text-sm);color:var(--muted)}
.sheetmodal textarea{width:100%;background:var(--ink);color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius);padding:var(--space-4);font:inherit;font-size:var(--text-sm);line-height:1.5;resize:vertical}
.sheetmodal__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.sheetmodal__x{position:absolute;top:var(--space-2);right:var(--space-2);width:44px;height:44px;font-size:1.6rem;color:var(--muted)}
.sheetmodal__x:hover{color:var(--text)}

@media (max-width:640px){.band{height:auto}.band img{height:300px}.band figcaption{position:static;max-width:none;border-radius:0;background:var(--ink-2);padding:var(--space-3) var(--gutter)}}
.boxbar{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:60;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 var(--space-5);background:var(--on-bone);color:var(--bone);border-radius:var(--radius);text-decoration:none;font-size:var(--text-sm);font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.boxbar b{color:var(--accent);font-family:var(--font-display);font-size:var(--text-lg)}
.boxbar[hidden]{display:none}
@media (min-width:1040px){.boxbar{display:none!important}}
@media (max-width:639px){.gallery{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery figure{scroll-snap-align:start}}

/* iPhone / mobile hardening */
.nav__inner{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.wrap{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.boxbar{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}
.toast{bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}
.foot{padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom))}
.sheetmodal textarea{font-size:16px}
.sheetmodal{max-height:calc(100svh - 2rem);overflow:auto}
.btn,.seg button,.step button,.size,.nav__toggle{touch-action:manipulation}
.hero__media{min-height:min(70svh,640px)}
@media (min-width:960px){.hero__media{min-height:auto}}
@media (min-width:1600px){:root{--wrap:1360px}}
.nav__brand{padding-block:4px}
@media (min-width:1040px){.nav__brand .wordmark{width:172px}}
@media (max-width:599px){.kicker .sep{flex-basis:100%;width:0;height:0;background:none}}
@media (max-width:599px){.kicker{row-gap:var(--space-1);column-gap:var(--space-2)}}
@media (max-width:360px){.kicker{letter-spacing:.1em;font-size:11px}}
.order__email{margin-top:var(--space-5);font-size:var(--text-sm);color:#3a1f0e}
.order__email a{color:#170f09;font-weight:600;text-underline-offset:3px}
.foot__contact > a{color:var(--text);text-underline-offset:3px}
.foot__contact a:hover{color:var(--accent)}
.btn svg{flex-shrink:0}
.sheetmodal__actions .btn--copy{color:var(--muted);min-height:44px;padding:0 var(--space-2)}
.sheetmodal__actions{align-items:center}
@media (max-width:520px){.sheetmodal__actions .btn:not(.btn--copy){width:100%}}
.foot__contact{display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}
.social{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-2)}
.social a{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text);min-height:44px}
.social a:hover{color:var(--accent)}
