/* High Steaks — anchor product page template (shared) */
:root{
    /* type scale — consolidated from 21 ad-hoc sizes */
    --fs-3xs:.64rem;--fs-2xs:.68rem;--fs-xs:.72rem;--fs-sm:.78rem;--fs-base:.82rem;--fs-md:.88rem;--fs-lg:.94rem;--fs-xl:1rem;--fs-2xl:1.05rem;--fs-3xl:1.14rem;--fs-4xl:1.32rem;--fs-5xl:1.5rem;--fs-6xl:1.8rem;
   
  --char:#0d0a08; --char-2:#161009; --card:#1b130c;
  --bone:#f2ede6; --bone-dim:#b9b0a4;
  --ember:#CE3A2E; --ember-deep:#A32B20; --green:#7fb069;
  --hairline:rgba(242,237,230,.12); --hairline-2:rgba(242,237,230,.07);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--char);color:var(--bone);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
::selection{background:var(--ember);color:var(--bone)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.fire{color:var(--ember)}
.mono{font-family:'JetBrains Mono',monospace}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,4vw,56px);background:linear-gradient(to bottom,rgba(13,10,8,.92),rgba(13,10,8,.35) 70%,transparent);backdrop-filter:blur(6px)}
.nav .mark img{height:26px;display:block}
.nav .r{display:flex;align-items:center;gap:18px}
.nav a.link{color:var(--bone-dim);text-decoration:none;font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:color .3s}
.nav a.link:hover{color:var(--bone)}
@media(max-width:560px){.nav .link.hide-sm{display:none}}

.btn{display:inline-block;border-radius:999px;font-weight:700;font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s}
.btn-fire{background:var(--ember);color:var(--bone);padding:13px 24px;box-shadow:0 10px 30px rgba(206,58,46,.3)}
.btn-fire:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(206,58,46,.42)}
.btn-ghost{border:1px solid var(--hairline);color:var(--bone);padding:13px 24px;background:rgba(242,237,230,.04)}
.btn-ghost:hover{border-color:rgba(206,58,46,.5)}

/* hero */
.hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;overflow:hidden;padding:120px 0 44px}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}
.hero-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,var(--char) 4%,rgba(13,10,8,.55) 42%,rgba(13,10,8,.35) 70%,rgba(13,10,8,.6))}
.hero-glow{position:absolute;z-index:1;width:70vmax;height:70vmax;border-radius:50%;filter:blur(120px);
  background:radial-gradient(circle,rgba(206,58,46,.16) 0%,transparent 60%);right:-32vmax;top:-30vmax;pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim)}
.eyebrow::before{content:"";width:30px;height:1px;background:rgba(242,237,230,.5)}
.hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(3rem,9vw,6.4rem);line-height:.98;letter-spacing:-.02em;margin:16px 0 18px;max-width:15ch}
.hero h1 .fire{font-style:italic}
.hero .sub{max-width:600px;color:var(--bone);font-size:clamp(1rem,1.35vw,1.15rem)}
.hero .sub strong{color:var(--bone);font-weight:600}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.livebar{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-family:'JetBrains Mono',monospace;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.livebar::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(127,176,105,.5)}70%{box-shadow:0 0 0 8px rgba(127,176,105,0)}100%{box-shadow:0 0 0 0 rgba(127,176,105,0)}}

/* section */
.sec{padding:clamp(3rem,6vw,5rem) 0}
.k{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);font-weight:600;color:var(--ember);letter-spacing:.16em;text-transform:uppercase}
h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.01em;margin:8px 0 16px}
h2 .fire{font-style:italic}
.lede{color:var(--bone-dim);font-size:var(--fs-2xl);max-width:62ch}
.story p{color:var(--bone-dim);max-width:64ch;margin-bottom:14px}
.story p strong{color:var(--bone)}

/* trust row */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media(max-width:720px){.trust{grid-template-columns:1fr}}
.trust .t{border:1px solid var(--hairline);border-radius:14px;background:var(--card);padding:20px}
.trust .t h4{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:var(--fs-4xl);margin-bottom:5px}
.trust .t p{color:var(--bone-dim);font-size:var(--fs-md)}

/* photo strip — real cuts from the case */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
@media(max-width:820px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery figure{position:relative;border:1px solid var(--hairline);border-radius:14px;background:var(--card);overflow:hidden;transition:border-color .3s,transform .3s}
.gallery figure:hover{border-color:rgba(206,58,46,.5);transform:translateY(-2px)}
.gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(1.03)}
.gallery figcaption{padding:11px 14px;font-family:'JetBrains Mono',monospace;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim)}

/* live price list */
.pricehead{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.pricehead .live{font-family:'JetBrains Mono',monospace;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:8px}
.pricehead .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2.4s infinite}
.pricelist{border:1px solid var(--hairline);border-radius:16px;background:var(--card);margin-top:18px;overflow:hidden}
.prow{display:flex;align-items:baseline;gap:8px;padding:13px 22px;border-bottom:1px solid var(--hairline-2)}
.prow:last-child{border-bottom:none}
.prow .nm{font-size:var(--fs-lg);color:var(--bone)}
.prow .dots{flex:1;border-bottom:1px dotted var(--hairline);transform:translateY(-4px);min-width:16px}
.prow .pr{font-family:'JetBrains Mono',monospace;font-size:var(--fs-lg);color:var(--bone);white-space:nowrap}
.prow .pr .lb{font-size:var(--fs-3xs);color:var(--bone-dim)}
.pricenote{margin-top:12px;color:var(--bone-dim);font-size:var(--fs-base)}
.loading{color:var(--bone-dim);font-family:'JetBrains Mono',monospace;font-size:var(--fs-base);padding:14px 2px}
.err{color:var(--ember)}

/* faq */
.faq{border-top:1px solid var(--hairline-2)}
.faq details{border-bottom:1px solid var(--hairline-2);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:18px 2px;font-size:var(--fs-2xl);font-weight:600;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--ember);font-weight:400;font-size:var(--fs-4xl);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--bone-dim);padding:0 2px 18px;max-width:66ch}

/* cta band */
.band{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--card);text-align:center}
.band .in{padding:clamp(2.4rem,5vw,3.6rem) 0}
.band h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:18px}
.band .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* related */
.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.related a{font-family:'JetBrains Mono',monospace;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--bone-dim);text-decoration:none;border:1px solid var(--hairline);border-radius:999px;padding:9px 15px;transition:.25s}
.related a:hover{color:var(--bone);border-color:rgba(206,58,46,.5)}

footer{padding:34px clamp(20px,4vw,56px);border-top:1px solid var(--hairline);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--bone-dim);font-size:var(--fs-base)}
footer .mark img{height:22px;vertical-align:middle}
footer a{color:inherit}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}