:root {
  --mineral: #e8e1d5;
  --paper: #f7f3ec;
  --ink: #11110f;
  --ink-soft: #383631;
  --muted: #6d6a63;
  --line: rgba(17, 17, 15, 0.18);
  --line-light: rgba(247, 243, 236, 0.18);
  --cobalt: #d94a2b;
  --cobalt-dark: #9f2f1c;
  --white: #fff;
  --coal: #11110f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--mineral); color: var(--ink); font-family: var(--font-archivo), Arial, sans-serif; }
body.cart-is-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3 { margin-top: 0; }
.concept-shell { min-height: 100dvh; overflow: clip; }

.prototype-ribbon {
  position: relative; z-index: 40; display: flex; justify-content: space-between; min-height: 28px;
  padding: 7px 3.4vw 5px; color: rgba(242, 243, 239, .74); background: var(--coal);
  font-family: var(--font-plex-mono), monospace; font-size: .56rem; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase;
}
.prototype-ribbon p { margin: 0; }

.site-header {
  position: relative; z-index: 30; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  min-height: 76px; padding: 0 3.4vw; border-bottom: 1px solid var(--line);
  background: rgba(232, 225, 213, .93); backdrop-filter: blur(18px);
}
.wordmark { display: inline-flex; width: clamp(158px, 13vw, 198px); justify-self: start; }
.wordmark img { display: block; width: 100%; height: auto; }
.nav-links { display: flex; gap: clamp(1.4rem, 3vw, 3.8rem); font-family: var(--font-plex-mono), monospace; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.nav-links a { position: relative; padding: .5rem 0; }
.nav-links a::after { position: absolute; right: 0; bottom: .2rem; left: 0; height: 1px; content: ""; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform 220ms ease; }
.nav-links a:hover::after, .nav-links a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-buy { justify-self: end; padding: .8rem 1.1rem; border: 1px solid var(--ink); border-radius: 2px; background: transparent; font-family: var(--font-plex-mono), monospace; font-size: .64rem; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, transform 180ms ease; }
.nav-buy:hover, .nav-buy:focus-visible { color: var(--white); background: var(--ink); }

.eyebrow, .stage-index, .prototype-note, .simulation-disclaimer, .proof-caption, .test-number, .tool-stage__stamp, .fit-result__code, .fit-result__status { font-family: var(--font-plex-mono), monospace; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow { margin-bottom: 1.8rem; font-size: .63rem; font-weight: 600; }
.eyebrow--cobalt { color: var(--cobalt); }
.eyebrow--light { color: rgba(242, 243, 239, .58); }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 51px; padding: .92rem 1.08rem; border: 1px solid transparent; border-radius: 2px; font-size: .77rem; font-weight: 680; cursor: pointer; transition: filter 180ms ease, transform 180ms ease, color 180ms ease, background-color 180ms ease; }
.button:active, .nav-buy:active { transform: translateY(1px); }
.button--primary { min-width: 12.2rem; color: var(--white); background: var(--cobalt); border-color: var(--cobalt); }
.button--primary:hover, .button--primary:focus-visible, .button--checkout:hover, .button--checkout:focus-visible { filter: brightness(.86); }

.hero { display: grid; grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr); min-height: calc(100dvh - 104px); }
.hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 7vw, 7.5rem) 4vw 4rem 5.4vw; border-right: 1px solid var(--line); }
.hero h1 { max-width: 9ch; margin-bottom: 0; font-size: clamp(4rem, 7.25vw, 8.35rem); font-weight: 680; line-height: .82; letter-spacing: -.078em; }
.hero-summary { max-width: 31rem; margin: clamp(2.25rem, 4vw, 4rem) 0 0; color: var(--ink-soft); font-size: clamp(1rem, 1.22vw, 1.2rem); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 1.7rem; margin-top: 2.25rem; }
.price-note { margin: 0; color: var(--muted); font-family: var(--font-plex-mono), monospace; font-size: .63rem; text-transform: uppercase; }
.price-note strong { display: block; margin-top: .18rem; color: var(--ink); font-family: var(--font-archivo), sans-serif; font-size: 1.17rem; }
.hero-utility { display: flex; gap: 1.5rem; margin: clamp(3rem, 7vh, 5.5rem) 0 0; padding: 0; color: var(--muted); list-style: none; font-family: var(--font-plex-mono), monospace; font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.hero-utility li { display: flex; align-items: center; gap: .5rem; }
.hero-utility li::before { width: 5px; height: 5px; content: ""; background: var(--cobalt); border-radius: 50%; }

.hero-stage { position: relative; min-height: 680px; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.66), transparent 42%), #d5dad7; }
.stage-grid-lines { position: absolute; inset: 0; opacity: .58; background-image: linear-gradient(rgba(21,32,29,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(21,32,29,.055) 1px, transparent 1px); background-size: 10% 10%; }
.stage-index { position: absolute; top: 2rem; right: 2.2rem; z-index: 4; color: var(--muted); font-size: .58rem; }
.product-render { position: relative; z-index: 6; width: 300px; height: 530px; filter: drop-shadow(0 30px 38px rgba(21,32,29,.22)); }
.product-render--hero { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -48%) rotate(7deg); }
.product-head { position: absolute; top: 0; left: 50%; width: 290px; height: 130px; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.88), transparent 25%), linear-gradient(90deg, #626c69, #eef0ef 18%, #969f9d 50%, #f5f6f2 80%, #59625f); border: 1px solid rgba(21,32,29,.35); border-radius: 18px 18px 34px 34px; transform: translateX(-50%); }
.product-head-seam { position: absolute; right: 15px; bottom: 12px; left: 15px; height: 1px; background: rgba(21,32,29,.28); }
.product-bridge { position: absolute; top: 30px; left: 50%; width: 96px; height: 80px; background: linear-gradient(180deg, #25312e, #101714); border-radius: 10px 10px 20px 20px; transform: translateX(-50%); }
.product-roller { position: absolute; top: 14px; width: 90px; height: 100px; background: repeating-linear-gradient(88deg, #2d3533 0, #2d3533 3px, #8d9694 3px, #8d9694 5px); border: 6px solid #1d2724; border-radius: 46%; box-shadow: inset 0 0 0 5px #c6cbc9; }
.product-roller--left { left: 17px; }
.product-roller--right { right: 17px; }
.product-neck { position: absolute; top: 98px; left: 50%; z-index: -1; width: 88px; height: 100px; background: linear-gradient(90deg, #78817f, #e7e9e7 42%, #79817f); border: 1px solid rgba(21,32,29,.3); transform: translateX(-50%); }
.product-handle { position: absolute; top: 158px; left: 50%; width: 100px; height: 365px; overflow: hidden; background: linear-gradient(90deg, rgba(255,255,255,.11), transparent 35%), linear-gradient(180deg, #23302d, #101815 70%, #24302d); border: 1px solid rgba(255,255,255,.16); border-radius: 18px 18px 34px 34px; transform: translateX(-50%); }
.product-handle::after { position: absolute; right: 14px; bottom: 24px; left: 14px; height: 1px; content: ""; background: rgba(255,255,255,.24); }
.product-label { position: absolute; top: 18px; left: 50%; color: rgba(255,255,255,.46); font-family: var(--font-plex-mono), monospace; font-size: 7px; letter-spacing: .12em; transform: translateX(-50%); }
.product-control { position: absolute; left: 50%; width: 27px; height: 27px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; box-shadow: inset 0 0 0 4px rgba(0,0,0,.18); transform: translateX(-50%); }
.product-control--one { top: 52px; }
.product-control--two { top: 91px; }
.product-status { position: absolute; top: 137px; left: 50%; width: 5px; height: 31px; background: var(--cobalt); border-radius: 4px; box-shadow: 0 0 14px rgba(48,73,184,.72); transform: translateX(-50%); }
.product-grip { position: absolute; right: 14px; left: 14px; height: 1px; background: rgba(255,255,255,.1); }
.product-grip--one { bottom: 92px; } .product-grip--two { bottom: 78px; } .product-grip--three { bottom: 64px; }
.hero-grill { position: absolute; right: -8%; bottom: -10%; left: -8%; z-index: 3; height: 43%; transform: perspective(560px) rotateX(64deg) scale(1.18); transform-origin: bottom; }
.grill-field { position: relative; overflow: hidden; background: #0b100e; border: 1px solid rgba(255,255,255,.06); }
.grill-bars { position: absolute; inset: 0; display: flex; justify-content: space-around; }
.grill-bars--vertical { flex-direction: row; padding: 0 2%; }
.grill-bars--vertical span { width: clamp(7px, 1.1vw, 14px); height: 120%; margin-top: -5%; background: linear-gradient(90deg, #343b39, #a7adab 44%, #2a302e); border-radius: 8px; box-shadow: 0 0 0 1px rgba(0,0,0,.72), 0 7px 18px #000; }
.grill-bars--horizontal { z-index: 2; flex-direction: column; }
.grill-bars--horizontal span { width: 110%; height: 7px; margin-left: -5%; background: linear-gradient(#929997, #303633 54%, #0b0f0d); border-radius: 8px; opacity: .88; }
.hero-shadow { position: absolute; bottom: 28%; left: 50%; z-index: 2; width: 270px; height: 50px; background: rgba(7,11,9,.32); border-radius: 50%; filter: blur(18px); transform: translateX(-50%) rotate(7deg); }
.prototype-note { position: absolute; right: 2rem; bottom: 1.4rem; z-index: 8; max-width: 25rem; margin: 0; color: rgba(229,232,229,.74); font-size: .52rem; line-height: 1.5; text-align: right; }

.field-note { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(0,2.5fr) auto; align-items: end; gap: 3rem; padding: clamp(6rem,11vw,11rem) 5.4vw; background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.field-note .eyebrow, .field-note__index { margin: 0; color: var(--muted); }
.field-note__statement { max-width: 16ch; margin: 0; font-size: clamp(2.7rem,5.7vw,6.6rem); font-weight: 590; line-height: .95; letter-spacing: -.065em; }
.field-note__statement span { color: var(--cobalt); }
.field-note__index { font-family: var(--font-plex-mono), monospace; font-size: .55rem; letter-spacing: .08em; writing-mode: vertical-rl; }

.clean-story { position: relative; height: 320vh; color: var(--paper); background: var(--coal); }
.clean-sticky { position: sticky; top: 0; display: grid; grid-template-columns: minmax(300px,.64fr) minmax(0,1.36fr); height: 100dvh; min-height: 650px; overflow: hidden; }
.clean-copy { position: relative; z-index: 8; border-right: 1px solid var(--line-light); }
.clean-chapter { position: absolute; top: 50%; right: clamp(2rem,4vw,5rem); left: 5.4vw; opacity: 0; transform: translateY(calc(-50% + 24px)); transition: opacity 360ms ease, transform 520ms cubic-bezier(.22,1,.36,1); }
.clean-chapter.is-active { opacity: 1; transform: translateY(-50%); }
.clean-chapter h2 { max-width: 9ch; margin-bottom: 1.7rem; font-size: clamp(2.6rem,4.5vw,5.6rem); line-height: .93; letter-spacing: -.065em; }
.clean-chapter p:last-child { max-width: 28rem; margin: 0; color: rgba(242,243,239,.62); line-height: 1.55; }
.clean-progress { position: absolute; right: 2.5rem; bottom: 2.5rem; left: 5.4vw; height: 1px; background: rgba(242,243,239,.18); }
.clean-progress span { display: block; width: 100%; height: 100%; background: var(--cobalt); transform-origin: left; }
.scrub-stage { position: relative; overflow: hidden; background: linear-gradient(120deg, rgba(255,255,255,.04), transparent 35%), #0a0e0c; }
.scrub-stage::before { position: absolute; inset: 0; content: ""; opacity: .6; background-image: linear-gradient(rgba(242,243,239,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(242,243,239,.04) 1px, transparent 1px); background-size: 10% 10%; }
.scrub-labels { position: absolute; top: 2.5rem; right: 3rem; left: 3rem; z-index: 8; display: flex; justify-content: space-between; color: rgba(242,243,239,.44); font-family: var(--font-plex-mono), monospace; font-size: .55rem; letter-spacing: .12em; }
.scrub-grid-wrap { position: absolute; top: 50%; right: 6%; left: 6%; height: min(58vh,620px); overflow: hidden; border: 1px solid rgba(242,243,239,.2); border-radius: 4px; box-shadow: 0 38px 80px rgba(0,0,0,.48); transform: translateY(-47%) perspective(900px) rotateX(6deg); }
.scrub-grid { position: absolute; inset: 0; }
.scrub-grid--clean { background: #151c19; }
.scrub-dirt { position: absolute; z-index: 3; inset: 0; overflow: hidden; background: #0c0b08; will-change: clip-path; }
.scrub-grime, .proof-grime { position: absolute; z-index: 4; inset: 0; background: radial-gradient(ellipse at 15% 26%, rgba(76,42,18,.88) 0 5%, transparent 5.5%), radial-gradient(ellipse at 37% 74%, rgba(28,15,8,.95) 0 9%, transparent 10%), radial-gradient(ellipse at 63% 34%, rgba(90,52,22,.8) 0 8%, transparent 9%), radial-gradient(ellipse at 82% 68%, rgba(46,25,12,.9) 0 7%, transparent 8%), radial-gradient(ellipse at 52% 52%, rgba(12,9,6,.72) 0 18%, transparent 27%), linear-gradient(rgba(39,23,12,.4), rgba(6,5,4,.56)); mix-blend-mode: screen; }
.scrub-cleaner { position: absolute; top: 50%; z-index: 6; width: 1px; height: 1px; will-change: left; }
.product-render--scrub { position: absolute; top: 0; left: 0; filter: drop-shadow(0 24px 24px rgba(0,0,0,.52)); transform: translate(-49%,-25%) scale(.62) rotate(-90deg); transform-origin: center; }
.simulation-disclaimer { position: absolute; right: 3rem; bottom: 2.4rem; z-index: 8; margin: 0; color: rgba(242,243,239,.42); font-size: .5rem; }

.proof-section { padding: clamp(7rem,11vw,12rem) 5.4vw; background: var(--paper); }
.section-heading { display: grid; grid-template-columns: minmax(180px,.6fr) minmax(0,1.65fr) minmax(220px,.7fr); gap: clamp(2rem,5vw,7rem); align-items: start; margin-bottom: clamp(4rem,8vw,8rem); }
.section-heading h2 { max-width: 12ch; margin: 0; font-size: clamp(3rem,5.6vw,6.5rem); font-weight: 620; line-height: .92; letter-spacing: -.067em; }
.section-heading > p:last-child { color: var(--ink-soft); line-height: 1.65; }
.proof-lab { position: relative; }
.proof-viewer { position: relative; height: min(68vw,760px); min-height: 520px; overflow: hidden; background: #0a0e0c; border-radius: 3px; }
.proof-viewer::after { position: absolute; z-index: 8; top: 1.4rem; left: 1.4rem; padding: .55rem .65rem; color: rgba(242,243,239,.66); content: "INTERACTION STUDY / NOT PRODUCT PROOF"; background: rgba(10,14,12,.8); font-family: var(--font-plex-mono), monospace; font-size: .5rem; letter-spacing: .08em; }
.proof-surface { position: absolute; inset: 0; overflow: hidden; }
.proof-surface--clean { background: #17201c; }
.proof-surface--dirty { z-index: 3; background: #0d0c09; border-right: 1px solid rgba(255,255,255,.76); }
.proof-grid { position: absolute; inset: 10%; border: 8px solid #4f5754; border-radius: 30px; box-shadow: 0 32px 60px rgba(0,0,0,.62); transform: perspective(1000px) rotateX(54deg) scale(1.15); }
.proof-surface p { position: absolute; right: 1.5rem; bottom: 1.3rem; z-index: 7; margin: 0; color: rgba(242,243,239,.72); font-family: var(--font-plex-mono), monospace; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.proof-surface--dirty p { right: auto; left: 1.5rem; }
.proof-divider { position: absolute; top: 0; bottom: 0; z-index: 7; width: 1px; pointer-events: none; }
.proof-divider::before { position: absolute; top: 50%; left: 50%; display: grid; width: 54px; height: 54px; color: var(--ink); content: "↔"; place-items: center; background: var(--paper); border-radius: 50%; font-family: var(--font-plex-mono), monospace; transform: translate(-50%,-50%); }
.proof-slider { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 2rem; margin: 1.3rem 0 0; color: var(--muted); font-family: var(--font-plex-mono), monospace; font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.proof-slider input { width: 100%; accent-color: var(--cobalt); cursor: ew-resize; }
.proof-caption { margin: .8rem 0 0; color: var(--muted); font-size: .48rem; text-align: right; }
.test-protocol { display: grid; grid-template-columns: repeat(3,1fr); margin-top: clamp(4rem,7vw,7rem); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.test-protocol article { position: relative; min-height: 280px; padding: 2rem; border-right: 1px solid var(--line); }
.test-protocol article:last-child { border-right: 0; }
.test-number { color: var(--cobalt); font-size: .55rem; }
.test-protocol h3 { margin: 3.5rem 0 .8rem; font-size: 1.65rem; letter-spacing: -.04em; }
.test-protocol article > p:not(.test-number) { max-width: 18rem; color: var(--muted); line-height: 1.5; }
.test-protocol article > span { position: absolute; right: 2rem; bottom: 2rem; left: 2rem; padding-top: .8rem; color: var(--muted); border-top: 1px solid var(--line); font-family: var(--font-plex-mono), monospace; font-size: .5rem; letter-spacing: .08em; text-transform: uppercase; }

.tool-section { display: grid; grid-template-columns: minmax(420px,1fr) 1fr; min-height: 900px; background: var(--mineral); }
.tool-stage { position: relative; display: grid; overflow: hidden; place-items: center; background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.8), transparent 36%), #d0d5d2; border-right: 1px solid var(--line); }
.tool-stage .product-render--small { transform: rotate(-16deg) scale(.9); }
.tool-orbit { position: absolute; width: 68%; aspect-ratio: 1; border: 1px solid rgba(21,32,29,.12); border-radius: 50%; }
.tool-orbit--two { width: 42%; }
.tool-orbit::before, .tool-orbit::after { position: absolute; top: 50%; left: 50%; content: ""; background: var(--cobalt); border-radius: 50%; }
.tool-orbit::before { width: 5px; height: 5px; transform: translate(-50%,-50%); }
.tool-orbit::after { top: 11%; width: 7px; height: 7px; }
.tool-stage__stamp { position: absolute; bottom: 2.4rem; left: 2.4rem; margin: 0; color: var(--muted); font-size: .5rem; line-height: 1.5; }
.tool-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(5rem,9vw,9rem) 5.4vw; }
.tool-copy h2 { max-width: 10ch; margin-bottom: 2rem; font-size: clamp(3rem,5.3vw,6.2rem); line-height: .91; letter-spacing: -.067em; }
.tool-intro { max-width: 38rem; color: var(--ink-soft); line-height: 1.68; }
.tool-principles { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 4rem; border-top: 1px solid var(--line); }
.tool-principles article { padding: 1.5rem 1.3rem 0 0; }
.tool-principles article > p { color: var(--cobalt); font-family: var(--font-plex-mono), monospace; font-size: .55rem; }
.tool-principles h3 { margin: 2.6rem 0 .5rem; font-size: 1.05rem; }
.tool-principles span { color: var(--muted); font-size: .82rem; line-height: 1.45; }

.fit-section { display: grid; grid-template-columns: .68fr 1.32fr; gap: 6vw; padding: clamp(7rem,11vw,12rem) 5.4vw; background: var(--cobalt); color: var(--white); }
.fit-copy h2 { max-width: 8ch; margin-bottom: 1.5rem; font-size: clamp(3.4rem,5.6vw,6.5rem); line-height: .9; letter-spacing: -.067em; }
.fit-copy > p:last-child { max-width: 27rem; color: rgba(255,255,255,.67); line-height: 1.6; }
.fit-panel { display: grid; grid-template-columns: minmax(250px,.76fr) 1fr; min-height: 520px; border: 1px solid rgba(255,255,255,.3); }
.fit-options { display: grid; grid-template-rows: repeat(4,1fr); border-right: 1px solid rgba(255,255,255,.3); }
.fit-options button { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 1rem; padding: 1.3rem; color: rgba(255,255,255,.62); background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-align: left; cursor: pointer; transition: color 180ms ease, background-color 180ms ease; }
.fit-options button:last-child { border-bottom: 0; }
.fit-options button:hover { color: var(--white); }
.fit-options button.is-selected { color: var(--ink); background: var(--white); }
.fit-icon { position: relative; display: block; width: 42px; height: 42px; border: 1px solid currentColor; border-radius: 50%; }
.fit-icon::before, .fit-icon::after { position: absolute; content: ""; background: currentColor; }
.fit-icon::before { top: 9px; bottom: 9px; left: 20px; width: 1px; }
.fit-icon::after { top: 20px; right: 9px; left: 9px; height: 1px; }
.fit-icon--flat { border-radius: 2px; } .fit-icon--cast { border-width: 4px; } .fit-icon--coated { border-style: dashed; }
.fit-result { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem,4vw,4.5rem); }
.fit-result__status { align-self: flex-start; padding: .5rem .6rem; color: var(--cobalt); background: var(--white); font-size: .49rem; }
.fit-result h3 { margin: 2rem 0 .8rem; font-size: clamp(2rem,3.2vw,3.7rem); letter-spacing: -.055em; }
.fit-result > p { max-width: 31rem; color: rgba(255,255,255,.68); line-height: 1.65; }
.fit-result__code { position: absolute; right: 2rem; bottom: 1.8rem; color: rgba(255,255,255,.42); font-size: .48rem; }

.buy-section { padding: clamp(7rem,11vw,12rem) 5.4vw; color: var(--paper); background: var(--coal); }
.buy-heading { display: grid; grid-template-columns: minmax(170px,.5fr) minmax(0,1.2fr) minmax(230px,.55fr); gap: 4vw; align-items: end; margin-bottom: clamp(4rem,7vw,7rem); }
.buy-heading > * { margin-bottom: 0; }
.buy-heading h2 { max-width: 10ch; font-size: clamp(3.6rem,6.5vw,7.5rem); line-height: .88; letter-spacing: -.075em; }
.buy-heading > p:last-child { color: rgba(242,243,239,.58); line-height: 1.58; }
.kit-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--line-light); border: 1px solid var(--line-light); }
.kit-card { position: relative; padding: 1.6rem; background: var(--coal); transition: background-color 220ms ease; }
.kit-card.is-selected { background: #151f1b; }
.kit-select { display: flex; width: 100%; align-items: center; gap: .75rem; padding: 0; color: rgba(242,243,239,.56); background: transparent; border: 0; font-family: var(--font-plex-mono), monospace; font-size: .55rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; cursor: pointer; }
.kit-check { color: var(--cobalt); font-size: .85rem; }
.kit-visual { position: relative; display: grid; height: 470px; overflow: hidden; place-items: center; margin: 1.5rem 0; background: linear-gradient(rgba(242,243,239,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(242,243,239,.035) 1px, transparent 1px), #0a0e0c; background-size: 12.5% 12.5%; }
.kit-visual .product-render--small { transform: rotate(12deg) scale(.65); }
.kit-card:nth-child(2) .product-render--small { transform: translateX(-16%) rotate(12deg) scale(.65); }
.kit-sleeve { position: absolute; right: 14%; bottom: 18%; display: grid; width: 120px; height: 230px; color: rgba(242,243,239,.35); place-items: center; background: #252d2a; border: 1px solid rgba(242,243,239,.16); border-radius: 7px 7px 25px 25px; font-size: 1.2rem; font-weight: 700; letter-spacing: -.06em; transform: rotate(-8deg); }
.kit-details { display: flex; justify-content: space-between; gap: 2rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--line-light); }
.kit-details h3 { margin: 0; font-size: 2rem; letter-spacing: -.055em; }
.kit-details > div > p { margin: .35rem 0 0; color: rgba(242,243,239,.48); font-size: .76rem; }
.kit-price { margin: 0; font-family: var(--font-plex-mono), monospace; font-size: .82rem; }
.kit-card ul { min-height: 120px; margin: 1.2rem 0 1.8rem; padding: 0; list-style: none; color: rgba(242,243,239,.64); font-size: .82rem; }
.kit-card li { padding: .38rem 0; }
.kit-card li::before { margin-right: .65rem; color: var(--cobalt); content: "—"; }
.button--kit { width: 100%; color: var(--ink); background: var(--paper); }
.button--kit:hover, .button--kit:focus-visible { color: var(--white); background: var(--cobalt); }
.buy-reassurance { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 5rem; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.buy-reassurance p { display: flex; flex-direction: column; min-height: 120px; justify-content: center; margin: 0; padding: 1rem 2rem; border-right: 1px solid var(--line-light); }
.buy-reassurance p:last-child { border-right: 0; }
.buy-reassurance strong { font-size: .9rem; }
.buy-reassurance span { margin-top: .35rem; color: rgba(242,243,239,.46); font-size: .7rem; }

.support-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; padding: clamp(7rem,11vw,12rem) 5.4vw; background: var(--paper); }
.support-heading h2 { max-width: 9ch; margin-bottom: 0; font-size: clamp(3.4rem,5.7vw,6.5rem); line-height: .9; letter-spacing: -.07em; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 100px; padding: 1rem 0; font-size: 1.1rem; font-weight: 600; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span:last-child { color: var(--cobalt); font-size: 1.5rem; font-weight: 400; transition: transform 220ms ease; }
.faq-list details[open] summary span:last-child { transform: rotate(45deg); }
.faq-list details > p { max-width: 42rem; margin: -.5rem 0 2.2rem; color: var(--muted); line-height: 1.68; }

.closing-section { position: relative; display: grid; min-height: 760px; overflow: hidden; place-items: center; color: var(--paper); background: var(--cobalt); text-align: center; }
.closing-mark { position: absolute; top: 50%; left: 50%; margin: 0; color: rgba(255,255,255,.07); font-size: min(44vw,650px); font-weight: 760; line-height: 1; letter-spacing: -.13em; transform: translate(-52%,-50%); }
.closing-section > div { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.closing-section h2 { margin-bottom: 2.3rem; font-size: clamp(4rem,8vw,9rem); line-height: .86; letter-spacing: -.078em; }
.button--light { min-width: 14rem; color: var(--ink); background: var(--paper); }
.button--light:hover, .button--light:focus-visible { color: var(--white); background: var(--coal); }
.site-footer { display: grid; grid-template-columns: 1fr 1fr auto; gap: 2rem; align-items: start; min-height: 260px; padding: 3rem 5.4vw 2rem; color: var(--paper); background: var(--coal); }
.wordmark--footer { width: clamp(185px, 17vw, 245px); }
.site-footer > p { margin: 0; color: rgba(242,243,239,.48); font-size: .78rem; }
.footer-links { display: flex; gap: 2rem; font-family: var(--font-plex-mono), monospace; font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; }
.footer-links a:hover { color: #ff8065; }
.footer-note { align-self: end; grid-column: 1 / -1; padding-top: 1.4rem; border-top: 1px solid var(--line-light); font-family: var(--font-plex-mono), monospace; font-size: .48rem !important; letter-spacing: .08em; text-transform: uppercase; }

.cart-backdrop { position: fixed; z-index: 80; inset: 0; visibility: hidden; opacity: 0; background: rgba(6,9,8,.56); backdrop-filter: blur(3px); transition: opacity 280ms ease, visibility 280ms ease; }
.cart-backdrop.is-open { visibility: visible; opacity: 1; }
.cart-drawer { position: fixed; z-index: 90; top: 0; right: 0; bottom: 0; width: min(520px,100%); visibility: hidden; color: var(--ink); background: var(--paper); box-shadow: -40px 0 100px rgba(0,0,0,.24); transform: translateX(102%); transition: transform 420ms cubic-bezier(.22,1,.36,1), visibility 420ms ease; }
.cart-drawer.is-open { visibility: visible; transform: translateX(0); }
.cart-header { display: flex; align-items: center; justify-content: space-between; min-height: 78px; padding: 0 1.5rem; border-bottom: 1px solid var(--line); }
.cart-header p { margin: 0; font-family: var(--font-plex-mono), monospace; font-size: .58rem; letter-spacing: .08em; }
.cart-header button { width: 42px; height: 42px; padding: 0; background: transparent; border: 1px solid var(--line); border-radius: 50%; font-size: 1.5rem; cursor: pointer; }
.cart-content { display: flex; height: calc(100% - 78px); flex-direction: column; padding: 1.5rem; }
.cart-product { display: grid; grid-template-columns: 116px 1fr auto; gap: 1rem; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.cart-product__visual { position: relative; height: 138px; overflow: hidden; background: #d4d9d6; }
.cart-product__visual .product-render { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-47%) rotate(10deg) scale(.2); }
.cart-product > div:nth-child(2) p { margin: 0 0 .4rem; color: var(--cobalt); font-family: var(--font-plex-mono), monospace; font-size: .5rem; letter-spacing: .08em; }
.cart-product h2 { margin: 0 0 .3rem; font-size: 1.3rem; letter-spacing: -.045em; }
.cart-product span { color: var(--muted); font-size: .68rem; }
.cart-product strong { align-self: end; font-family: var(--font-plex-mono), monospace; font-size: .74rem; }
.cart-line { display: flex; justify-content: space-between; margin-top: auto; padding: 1.4rem 0; border-top: 1px solid var(--line); font-size: .9rem; }
.cart-shipping { margin: -.6rem 0 1.4rem; color: var(--muted); font-size: .68rem; }
.button--checkout { width: 100%; color: var(--white); background: var(--cobalt); }
.checkout-notice { margin: 1rem 0 0; padding: .9rem; color: var(--cobalt-dark); background: rgba(48,73,184,.08); border: 1px solid rgba(48,73,184,.18); font-size: .72rem; line-height: 1.5; }
.cart-remove { align-self: center; margin-top: 1rem; padding: .4rem; color: var(--muted); background: none; border: 0; border-bottom: 1px solid currentColor; font-size: .65rem; cursor: pointer; }
.cart-empty { padding: 3rem 1.5rem; }
.cart-empty button { padding: 0; color: var(--cobalt); background: none; border: 0; border-bottom: 1px solid currentColor; cursor: pointer; }
.mobile-cart { display: none; }

:focus-visible { outline: 2px solid #e9684c; outline-offset: 4px; }

@media (max-width: 1080px) {
  .hero { grid-template-columns: 1fr 1fr; }
  .hero h1 { font-size: clamp(4.5rem,8.8vw,7rem); }
  .clean-sticky { grid-template-columns: .72fr 1.28fr; }
  .section-heading { grid-template-columns: .45fr 1.55fr; }
  .section-heading > p:last-child { grid-column: 2; }
  .tool-section { grid-template-columns: .9fr 1.1fr; }
  .tool-principles { grid-template-columns: 1fr; }
  .tool-principles article { display: grid; grid-template-columns: 42px 110px 1fr; align-items: baseline; padding: 1rem 0; border-bottom: 1px solid var(--line); }
  .tool-principles h3 { margin: 0; }
  .fit-section { grid-template-columns: 1fr; }
  .buy-heading { grid-template-columns: .45fr 1.55fr; }
  .buy-heading > p:last-child { grid-column: 2; }
}

@media (max-width: 800px) {
  .prototype-ribbon__right { display: none; }
  .site-header { grid-template-columns: 1fr auto; min-height: 68px; padding: 0 1.1rem; }
  .nav-links { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 680px; padding: 5rem 1.25rem 3rem; border-right: 0; }
  .hero h1 { font-size: clamp(4.1rem,17vw,7rem); }
  .hero-stage { min-height: 720px; border-top: 1px solid var(--line); }
  .field-note { grid-template-columns: 1fr; gap: 2rem; padding: 7rem 1.25rem; }
  .field-note__index { writing-mode: initial; }
  .clean-story { height: 300vh; }
  .clean-sticky { grid-template-columns: 1fr; grid-template-rows: 44% 56%; min-height: 680px; }
  .clean-copy { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .clean-chapter { right: 1.25rem; left: 1.25rem; }
  .clean-chapter h2 { max-width: 12ch; font-size: clamp(2.3rem,9vw,4rem); }
  .clean-progress { right: 1.25rem; bottom: 1.1rem; left: 1.25rem; }
  .scrub-grid-wrap { top: 48%; right: 1.25rem; left: 1.25rem; height: 65%; }
  .product-render--scrub { transform: translate(-49%,-25%) scale(.42) rotate(-90deg); }
  .simulation-disclaimer { right: 1.25rem; bottom: .65rem; left: 1.25rem; text-align: center; }
  .proof-section { padding: 7rem 1.25rem; }
  .section-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .section-heading > p:last-child { grid-column: auto; }
  .proof-viewer { min-height: 430px; }
  .proof-grid { inset: 4%; }
  .test-protocol { grid-template-columns: 1fr; }
  .test-protocol article { border-right: 0; border-bottom: 1px solid var(--line); }
  .test-protocol article:last-child { border-bottom: 0; }
  .tool-section { grid-template-columns: 1fr; }
  .tool-stage { min-height: 700px; border-right: 0; border-bottom: 1px solid var(--line); }
  .tool-copy { padding: 7rem 1.25rem; }
  .fit-section { padding: 7rem 1.25rem; }
  .fit-panel { grid-template-columns: 1fr; }
  .fit-options { grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); border-right: 0; border-bottom: 1px solid rgba(255,255,255,.3); }
  .fit-options button { border-right: 1px solid rgba(255,255,255,.3); }
  .fit-options button:nth-child(2n) { border-right: 0; }
  .buy-section { padding: 7rem 1.25rem; }
  .buy-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .buy-heading > p:last-child { grid-column: auto; }
  .kit-grid { grid-template-columns: 1fr; }
  .buy-reassurance { grid-template-columns: 1fr; }
  .buy-reassurance p { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .buy-reassurance p:last-child { border-bottom: 0; }
  .support-section { grid-template-columns: 1fr; padding: 7rem 1.25rem; }
  .closing-section { min-height: 640px; padding: 2rem 1.25rem; }
  .site-footer { grid-template-columns: 1fr; padding: 3rem 1.25rem 2rem; }
  .footer-note { grid-column: auto; }
}

@media (max-width: 520px) {
  .prototype-ribbon { padding-left: 1rem; }
  .wordmark { width: 150px; }
  .nav-buy { padding: .72rem .78rem; font-size: .54rem; }
  .hero-copy { min-height: 640px; }
  .hero h1 { font-size: clamp(3.75rem,19vw,5.6rem); }
  .hero-actions { align-items: flex-end; justify-content: space-between; gap: .8rem; }
  .button--primary { min-width: 10.6rem; }
  .hero-utility { flex-wrap: wrap; gap: .8rem 1.2rem; }
  .hero-stage { min-height: 610px; }
  .product-render--hero { transform: translate(-50%,-47%) scale(.8) rotate(7deg); }
  .prototype-note { right: 1rem; bottom: 1rem; left: 1rem; text-align: left; }
  .field-note__statement { font-size: 3.4rem; }
  .proof-viewer { height: 125vw; min-height: 390px; }
  .proof-viewer::after { top: .8rem; left: .8rem; }
  .proof-slider { grid-template-columns: 1fr; gap: .7rem; }
  .tool-stage { min-height: 600px; }
  .tool-stage .product-render--small { transform: rotate(-16deg) scale(.75); }
  .tool-principles article { grid-template-columns: 34px 90px 1fr; }
  .fit-options button { grid-template-columns: 40px 1fr; padding: 1rem .75rem; font-size: .7rem; }
  .fit-icon { width: 34px; height: 34px; }
  .fit-icon::before { top: 7px; bottom: 7px; left: 16px; }
  .fit-icon::after { top: 16px; right: 7px; left: 7px; }
  .fit-result { min-height: 350px; }
  .kit-visual { height: 390px; }
  .kit-sleeve { right: 6%; transform: rotate(-8deg) scale(.78); }
  .closing-section h2 { font-size: 4.4rem; }
  .cart-product { grid-template-columns: 90px 1fr; }
  .cart-product__visual { height: 112px; }
  .cart-product > strong { grid-column: 2; }
  .mobile-cart { position: fixed; right: .75rem; bottom: .75rem; left: .75rem; z-index: 70; display: flex; justify-content: space-between; align-items: center; padding: 1rem; color: var(--white); background: var(--cobalt); border: 0; border-radius: 2px; box-shadow: 0 12px 34px rgba(0,0,0,.28); font-size: .72rem; cursor: pointer; }
  .mobile-cart strong { font-size: .68rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Launch commerce, fulfilment and owner dashboard */
.catalog-card__body > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.catalog-card__body > div strong { flex: 0 0 auto; color: var(--cobalt); font-size: .9rem; }
.catalog-card__body > p { margin: .7rem 0 0; color: var(--muted); font-size: .62rem; line-height: 1.5; }
.master-range-card > strong { display: block; margin-top: .9rem; color: var(--cobalt); font-size: .85rem; }
.master-range-card > small { display: block; margin-top: .25rem; color: var(--muted); font-size: .56rem; }
.pdp-purchase__bundle { display: grid; gap: .25rem; margin: 0; padding: .9rem 1rem; color: #74451a; background: #fff1dc; border: 1px solid #edc894; }
.pdp-purchase__bundle strong { font-size: .72rem; }
.pdp-purchase__bundle span { font-size: .62rem; line-height: 1.5; }
.pdp-related a > strong { display: block; margin-top: .55rem; color: var(--cobalt); font-size: .78rem; }

.cart-main { min-width: 0; }
.checkout-details { margin-top: 3rem; padding: clamp(1.4rem,3vw,2.4rem); background: #fffdf8; border: 1px solid var(--line); }
.checkout-details header { max-width: 48rem; margin-bottom: 2rem; }
.checkout-details header p { margin: 0 0 .7rem; color: var(--cobalt); font-size: .68rem; font-weight: 750; }
.checkout-details header h2 { margin: 0; font-size: clamp(2rem,4vw,3.6rem); letter-spacing: -.055em; }
.checkout-details header span { display: block; margin-top: 1rem; color: var(--muted); font-size: .72rem; line-height: 1.6; }
.checkout-details__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.checkout-details label { display: grid; gap: .45rem; }
.checkout-details label > span { color: var(--muted); font-size: .61rem; font-weight: 700; }
.checkout-details label small { font-weight: 400; }
.checkout-details input,
.checkout-details select,
.checkout-details textarea { width: 100%; min-height: 49px; padding: .82rem .9rem; color: var(--ink); background: #fff; border: 1px solid #c8c2b8; border-radius: 0; font: inherit; font-size: .75rem; }
.checkout-details textarea { min-height: 90px; resize: vertical; }
.checkout-details input:focus,
.checkout-details select:focus,
.checkout-details textarea:focus { outline: 2px solid var(--ember); outline-offset: 1px; }
.checkout-details__wide { grid-column: 1 / -1; }
.checkout-consent { display: flex !important; grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: flex-start; gap: .7rem !important; margin-top: 1.4rem; }
.checkout-consent input { width: 18px; min-height: 18px; margin-top: .1rem; }
.checkout-consent > span { line-height: 1.55; }
.checkout-consent a { text-decoration: underline; }
.cart-summary__saving { color: #1d6a3c !important; }
.cart-bundle { display: grid; gap: .3rem; margin-top: 1.2rem; padding: 1rem; color: #74451a; background: #fff1dc; border: 1px solid #edc894; }
.cart-bundle strong { font-size: .72rem; }
.cart-bundle span { font-size: .61rem; line-height: 1.5; }

.order-confirmation { margin: clamp(2rem,5vw,5rem) 5.4vw 7rem; }
.order-confirmation .checkout-status { margin: 0 0 1.6rem; }
.order-confirmation__head { padding: clamp(1.5rem,3vw,2.6rem); color: var(--paper); background: var(--coal); }
.order-confirmation__head p { margin: 0 0 .7rem; color: #ff8065; font-size: .68rem; }
.order-confirmation__head h2 { margin: 0; font-family: var(--font-plex-mono),monospace; font-size: clamp(1.7rem,4vw,3.5rem); letter-spacing: -.04em; }
.order-confirmation__head span { display: block; margin-top: .8rem; color: rgba(247,243,236,.68); font-size: .68rem; }
.order-confirmation__grid { display: grid; grid-template-columns: 1.1fr 1fr .75fr; border: 1px solid var(--line); border-top: 0; }
.order-confirmation__grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid var(--line); }
.order-confirmation__grid article:last-child { border-right: 0; }
.order-confirmation__grid h3 { margin: 0 0 1.4rem; font-size: .78rem; }
.order-confirmation__grid p,
.order-confirmation__grid small { color: var(--muted); font-size: .66rem; line-height: 1.6; }
.order-confirmation__grid ul { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.order-confirmation__grid li,
.order-confirmation__grid dl > div { display: flex; justify-content: space-between; gap: 1rem; font-size: .66rem; }
.order-confirmation__grid dl { display: grid; gap: .8rem; margin: 0; }
.order-confirmation__grid dd { margin: 0; font-weight: 750; }
.order-confirmation__grid dl > div:last-child { padding-top: .9rem; border-top: 1px solid var(--line); font-size: .78rem; }
.order-confirmation__actions { display: flex; align-items: center; gap: 1.3rem; margin-top: 1.4rem; }

.track-lookup { padding: 5rem 5.4vw; background: var(--paper); }
.track-lookup form { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(180px,.7fr) minmax(220px,.8fr) auto; gap: 1rem; align-items: end; }
.track-lookup form > div p { margin: 0 0 .7rem; color: var(--cobalt); font-size: .68rem; }
.track-lookup form > div h2 { max-width: 20ch; margin: 0; font-size: clamp(1.7rem,3vw,3rem); letter-spacing: -.04em; }
.track-lookup label { display: grid; gap: .45rem; }
.track-lookup label span { color: var(--muted); font-size: .58rem; font-weight: 700; }
.track-lookup input { min-height: 52px; padding: .8rem; background: #fff; border: 1px solid var(--line); font: inherit; font-size: .72rem; }
.track-lookup__error { margin: 1.4rem 0 0; padding: 1rem; color: #78251a; background: #ffe8e2; }
.track-result { display: grid; grid-template-columns: 1.2fr 1fr 1fr; margin-top: 2rem; border: 1px solid var(--line); }
.track-result > * { min-height: 190px; padding: 1.4rem; border-right: 1px solid var(--line); }
.track-result > *:last-child { border-right: 0; }
.track-result p,
.track-result span,
.track-result li,
.track-result small { font-size: .66rem; line-height: 1.6; }
.track-result h3 { margin: .5rem 0; font-size: 1.5rem; }
.track-result ul { padding-left: 1rem; }
.track-result a { display: inline-block; margin-top: 1rem; color: var(--cobalt); font-size: .66rem; text-decoration: underline; }

.admin-shell { min-height: 100svh; color: #171714; background: #f2ede5; }
.admin-header { position: sticky; z-index: 10; top: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; padding: 0 3vw; color: #f7f3ec; background: #11110f; }
.admin-header > div { display: flex; align-items: center; gap: 1rem; }
.admin-header img { width: 150px; height: auto; }
.admin-header span { padding-left: 1rem; color: rgba(247,243,236,.5); border-left: 1px solid rgba(247,243,236,.18); font-size: .58rem; }
.admin-header nav { display: flex; gap: 1.2rem; font-size: .62rem; }
.admin-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding: 5rem 3vw 3rem; }
.admin-intro p,
.admin-panel header p,
.admin-orders > header p { margin: 0 0 .6rem; color: #b5422a; font-size: .64rem; font-weight: 750; }
.admin-intro h1 { max-width: 13ch; margin: 0; font-size: clamp(3rem,7vw,7rem); line-height: .86; letter-spacing: -.075em; }
.admin-intro span { display: block; max-width: 44rem; margin-top: 1.2rem; color: #68645d; font-size: .72rem; line-height: 1.6; }
.admin-range { display: flex; gap: .35rem; padding: .35rem; background: #e2dbd0; }
.admin-range button { padding: .65rem .85rem; color: #5d5952; background: transparent; border: 0; font-size: .62rem; cursor: pointer; }
.admin-range button.is-active { color: #f7f3ec; background: #11110f; }
.admin-metrics { display: grid; grid-template-columns: repeat(4,1fr); padding: 0 3vw 3rem; }
.admin-metrics article { display: grid; min-height: 190px; padding: 1.35rem; background: #fffdf8; border: 1px solid #d6cec2; border-right: 0; }
.admin-metrics article:last-child { border-right: 1px solid #d6cec2; }
.admin-metrics span { color: #68645d; font-size: .62rem; }
.admin-metrics strong { align-self: center; font-size: clamp(2.5rem,5vw,5.8rem); letter-spacing: -.07em; }
.admin-metrics small { align-self: end; color: #68645d; font-size: .58rem; }
.admin-panel,
.admin-orders { margin: 0 3vw 3rem; padding: 1.6rem; background: #fffdf8; border: 1px solid #d6cec2; }
.admin-panel header,
.admin-orders > header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.6rem; }
.admin-panel h2,
.admin-orders > header h2 { max-width: 20ch; margin: 0; font-size: clamp(1.7rem,3vw,3.2rem); letter-spacing: -.05em; }
.admin-funnel > div { display: grid; grid-template-columns: repeat(6,1fr); }
.admin-funnel article { display: grid; min-height: 145px; padding: 1rem; background: #f5f0e8; border-right: 1px solid #d6cec2; }
.admin-funnel article:last-child { border-right: 0; }
.admin-funnel article span { color: #68645d; font-size: .58rem; }
.admin-funnel article strong { align-self: center; font-size: 2.2rem; }
.admin-funnel article small { align-self: end; color: #777269; font-size: .54rem; }
.admin-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0 3vw 3rem; }
.admin-split .admin-panel { margin: 0; }
.admin-panel table { width: 100%; border-collapse: collapse; font-size: .64rem; }
.admin-panel th { color: #777269; text-align: left; font-size: .54rem; text-transform: uppercase; }
.admin-panel th,
.admin-panel td { padding: .8rem .4rem; border-bottom: 1px solid #e2dbd0; }
.admin-order-list { display: grid; gap: 1rem; }
.admin-order { border: 1px solid #d6cec2; }
.admin-order__head { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem; color: #f7f3ec; background: #11110f; }
.admin-order__head p { margin: 0 0 .35rem; color: #ff8065; font-family: var(--font-plex-mono),monospace; font-size: .58rem; }
.admin-order__head h3 { margin: 0; font-size: 1.25rem; }
.admin-order__head span,
.admin-order__head small { display: block; margin-top: .35rem; color: rgba(247,243,236,.58); font-size: .58rem; }
.admin-order__head > div:last-child { text-align: right; }
.admin-order__head > div:last-child strong { font-size: 1.25rem; }
.admin-order__details { display: grid; grid-template-columns: 1fr 1.5fr 1fr; }
.admin-order__details > * { display: grid; align-content: start; gap: .35rem; min-height: 150px; margin: 0; padding: 1.1rem; border-right: 1px solid #e2dbd0; font-size: .62rem; }
.admin-order__details > *:last-child { border-right: 0; }
.admin-order__details a { color: #245a80; }
.admin-order__barcode { width: 100%; max-width: 260px; height: 42px; }
.admin-order__fulfilment { display: grid; grid-template-columns: .7fr 1fr 1.4fr auto auto; gap: .7rem; align-items: end; padding: 1.1rem; background: #f5f0e8; border-top: 1px solid #e2dbd0; }
.admin-order__fulfilment label { display: grid; gap: .35rem; }
.admin-order__fulfilment label span { color: #777269; font-size: .52rem; }
.admin-order__fulfilment input,
.admin-order__fulfilment select { min-height: 40px; padding: .55rem; border: 1px solid #c8c2b8; font: inherit; font-size: .62rem; }
.admin-order__fulfilment button,
.admin-order__fulfilment > a { display: grid; min-height: 40px; place-items: center; padding: .55rem .8rem; color: #fff; background: #d94a2b; border: 0; font-size: .58rem; cursor: pointer; }
.admin-order__fulfilment > a { background: #176b3c; }
.admin-activity ul { display: grid; margin: 0; padding: 0; list-style: none; }
.admin-activity li { display: grid; grid-template-columns: .6fr 1fr auto; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #e2dbd0; font-size: .6rem; }
.admin-activity li span { color: #777269; }
.admin-future > p { max-width: 44rem; color: #68645d; font-size: .72rem; line-height: 1.7; }
.admin-empty,
.admin-loading,
.admin-denied { padding: 5rem; background: #fffdf8; }
.admin-denied { min-height: 100svh; }
.admin-denied h1 { max-width: 12ch; font-size: 4rem; }
.admin-denied > * { display: block; margin-bottom: 1rem; }
.admin-inline-error { margin: 0 3vw 1rem; padding: 1rem; color: #78251a; background: #ffe8e2; }

@media (max-width: 1050px) {
  .track-lookup form { grid-template-columns: 1fr 1fr; }
  .track-lookup form > div { grid-column: 1 / -1; }
  .admin-funnel > div { grid-template-columns: repeat(3,1fr); }
  .admin-order__fulfilment { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 780px) {
  .checkout-details__grid,
  .order-confirmation__grid,
  .track-result,
  .admin-split { grid-template-columns: 1fr; }
  .checkout-details__wide { grid-column: auto; }
  .order-confirmation { margin-inline: 1.25rem; }
  .order-confirmation__grid article,
  .track-result > * { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .order-confirmation__actions { align-items: stretch; flex-direction: column; }
  .track-lookup { padding-inline: 1.25rem; }
  .track-lookup form { grid-template-columns: 1fr; }
  .admin-header { padding-inline: 1rem; }
  .admin-header img { width: 120px; }
  .admin-header span { display: none; }
  .admin-intro { display: block; padding: 3rem 1rem 2rem; }
  .admin-range { margin-top: 1.5rem; }
  .admin-metrics { grid-template-columns: repeat(2,1fr); padding-inline: 1rem; }
  .admin-metrics article:nth-child(2) { border-right: 1px solid #d6cec2; }
  .admin-panel,
  .admin-orders { margin-inline: 1rem; }
  .admin-split { margin-inline: 1rem; }
  .admin-funnel > div { grid-template-columns: repeat(2,1fr); }
  .admin-order__details,
  .admin-order__fulfilment { grid-template-columns: 1fr; }
  .admin-order__details > * { min-height: 0; border-right: 0; border-bottom: 1px solid #e2dbd0; }
  .admin-activity li { grid-template-columns: 1fr; gap: .35rem; }
}

/* Photographic campaign system / V2 */
.hero-stage { background: #25251f; }
.hero-stage picture, .hero-stage__image, .hero-stage__wash { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-stage__image { display: block; object-fit: cover; object-position: 61% 50%; }
.hero-stage__wash { z-index: 1; background: linear-gradient(180deg, rgba(8,8,7,.08), transparent 42%, rgba(8,8,7,.62)); }
.hero-stage .stage-index, .hero-stage .prototype-note { z-index: 3; color: rgba(247,243,236,.72); text-shadow: 0 1px 18px rgba(0,0,0,.65); }
.hero-stage .prototype-note { max-width: 30rem; }

.scrub-stage::before { z-index: 7; pointer-events: none; opacity: .18; }
.scrub-grid-wrap { background: #242521; transform: translateY(-47%); }
.scrub-photo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.scrub-photo--clean { z-index: 1; }
.scrub-dirt { z-index: 3; background: transparent; }
.scrub-cleaner { top: 54%; z-index: 6; filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)); transform: translateY(-50%); }
.pass-tool { position: absolute; top: 0; left: 0; display: flex; width: clamp(150px,17vw,250px); height: clamp(42px,4.5vw,66px); align-items: center; transform: translate(-82%,-50%) rotate(-8deg); transform-origin: right center; }
.pass-handle { position: relative; width: 58%; height: 44%; background: linear-gradient(180deg,#3a3b39,#0d0e0d 62%,#222321); border: 1px solid rgba(255,255,255,.16); border-radius: 999px 8px 8px 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
.pass-handle::before { position: absolute; top: 50%; right: 16%; width: 12px; height: 12px; content: ""; background: #111; border: 1px solid #d94a2b; border-radius: 50%; transform: translateY(-50%); }
.pass-handle i { position: absolute; top: 50%; right: 7%; width: 3px; height: 3px; background: #f7f3ec; border-radius: 50%; box-shadow: -7px 0 #f7f3ec,-14px 0 #f7f3ec; transform: translateY(-50%); }
.pass-pivot { position: relative; z-index: 2; display: grid; width: 15%; aspect-ratio: 1; color: #242421; place-items: center; background: linear-gradient(135deg,#f0ede5,#777874 42%,#e8e4dc 78%); border: 1px solid rgba(0,0,0,.5); border-radius: 50%; font-family: var(--font-plex-mono),monospace; font-size: clamp(.32rem,.48vw,.48rem); }
.pass-head { position: relative; width: 31%; height: 88%; overflow: hidden; background: linear-gradient(180deg,#e4e0d8,#85847f 52%,#dfdbd2); border: 1px solid rgba(0,0,0,.5); border-radius: 9px; }
.pass-head i { position: absolute; right: 5px; bottom: -2px; left: 5px; height: 44%; background: repeating-linear-gradient(90deg,#141514 0,#141514 3px,#777771 3px,#777771 4px); border-radius: 0 0 5px 5px; }

.proof-surface img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.proof-surface--dirty img { width: calc(100vw - 10.8vw); max-width: none; }
.proof-viewer::after { content: "MATCHED VISUAL PLATES / PRODUCT TEST STILL REQUIRED"; }

.tool-stage { display: block; min-height: 900px; background: #11110f; }
.tool-stage__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.tool-stage__stamp { z-index: 2; padding: .6rem .7rem; color: rgba(247,243,236,.72); background: rgba(17,17,15,.82); }

.campaign-section { padding: clamp(7rem,11vw,12rem) 5.4vw; color: var(--paper); background: #171714; }
.campaign-heading { display: grid; grid-template-columns: .5fr 1.35fr .65fr; gap: clamp(2rem,5vw,6rem); align-items: end; margin-bottom: clamp(4rem,7vw,7rem); }
.campaign-heading > * { margin-bottom: 0; }
.campaign-heading h2 { max-width: 12ch; font-size: clamp(3.5rem,6.2vw,7rem); line-height: .9; letter-spacing: -.07em; }
.campaign-heading > p:last-child { color: rgba(247,243,236,.58); line-height: 1.6; }
.campaign-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1px; background: rgba(247,243,236,.15); border: 1px solid rgba(247,243,236,.15); }
.campaign-card { position: relative; min-height: 580px; overflow: hidden; margin: 0; background: var(--coal); }
.campaign-card--wide { min-height: 720px; }
.campaign-card--portrait { min-height: 720px; }
.campaign-card img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.02); transition: transform 800ms cubic-bezier(.22,1,.36,1), filter 500ms ease; }
.campaign-card:hover img { filter: saturate(1); transform: scale(1.025); }
.campaign-card figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: .55rem; padding: 5rem 1.6rem 1.5rem; background: linear-gradient(transparent,rgba(8,8,7,.78)); }
.campaign-card figcaption span { color: rgba(247,243,236,.58); font-family: var(--font-plex-mono),monospace; font-size: .52rem; letter-spacing: .08em; text-transform: uppercase; }
.campaign-card figcaption strong { font-size: clamp(1.2rem,2vw,2rem); font-weight: 560; letter-spacing: -.035em; }

.kit-visual { background: #282823; }
.kit-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(.22,1,.36,1); }
.kit-card:hover .kit-visual img { transform: scale(1.025); }
.cart-product__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }

.closing-section { background: #11110f; }
.closing-section__image, .closing-section__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.closing-section__image { object-fit: cover; object-position: 60% 50%; }
.closing-section > .closing-section__shade { position: absolute; z-index: 2; display: block; background: linear-gradient(rgba(17,17,15,.52),rgba(17,17,15,.8)); }
.closing-section .closing-mark { z-index: 1; }
.closing-section > div:not(.closing-section__shade) { z-index: 3; }

@media (max-width: 1080px) {
  .campaign-heading { grid-template-columns: .4fr 1.6fr; }
  .campaign-heading > p:last-child { grid-column: 2; }
  .campaign-card, .campaign-card--wide, .campaign-card--portrait { min-height: 560px; }
}

@media (max-width: 800px) {
  .hero-stage__image { object-position: 52% 50%; }
  .scrub-grid-wrap { top: 51%; height: 61%; transform: none; }
  .pass-tool { width: 134px; height: 38px; }
  .proof-surface--dirty img { width: calc(100vw - 2.5rem); }
  .tool-stage { min-height: 620px; }
  .campaign-section { padding: 7rem 1.25rem; }
  .campaign-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .campaign-heading > p:last-child { grid-column: auto; }
  .campaign-grid { grid-template-columns: 1fr; }
  .campaign-card, .campaign-card--wide, .campaign-card--portrait { min-height: 72vh; }
}

@media (max-width: 520px) {
  .hero-stage__image { object-position: 56% 50%; }
  .scrub-grid-wrap { right: .8rem; left: .8rem; }
  .pass-tool { transform: translate(-82%,-50%) rotate(-6deg) scale(.83); }
  .tool-stage { min-height: 520px; }
  .campaign-card, .campaign-card--wide, .campaign-card--portrait { min-height: 118vw; }
}

@media (prefers-reduced-motion: reduce) {
  .campaign-card img { transform: none !important; }
  .scrub-cleaner { display: none; }
}

/* Cinematic masterbrand home / V3 */
.site-header {
  position: absolute;
  top: 28px;
  right: 0;
  left: 0;
  z-index: 35;
  color: var(--paper);
  background: linear-gradient(180deg, rgba(10,10,8,.62), rgba(10,10,8,.12) 72%, transparent);
  border-bottom-color: rgba(247,243,236,.2);
  backdrop-filter: none;
}
.site-header .wordmark img { filter: brightness(0) invert(1); }
.site-header .nav-buy { color: var(--paper); border-color: rgba(247,243,236,.58); }
.site-header .nav-buy:hover, .site-header .nav-buy:focus-visible { color: var(--ink); background: var(--paper); }

.hero {
  position: relative;
  display: block;
  min-height: calc(100svh - 28px);
  overflow: hidden;
  color: var(--paper);
  background: var(--coal);
  isolation: isolate;
}
.hero::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 8;
  width: 1px;
  height: 3.5rem;
  content: "";
  background: linear-gradient(transparent, rgba(247,243,236,.74));
}
.hero-stage { position: absolute; z-index: 0; inset: 0; min-height: 0; border: 0; }
.hero-stage picture { overflow: hidden; }
.hero-stage__image {
  object-position: 62% 50%;
  transform: translate3d(0, calc(var(--hero-progress) * -2.6rem), 0) scale(calc(1.025 + var(--hero-progress) * .075));
  transform-origin: 62% 50%;
  will-change: transform;
}
.hero-stage__wash {
  background:
    linear-gradient(90deg, rgba(8,8,7,.84) 0%, rgba(8,8,7,.49) 40%, rgba(8,8,7,.08) 72%),
    linear-gradient(0deg, rgba(8,8,7,.86) 0%, rgba(8,8,7,.08) 57%, rgba(8,8,7,.28) 100%);
}
.hero-stage .stage-index { top: 8.2rem; right: 3.4vw; }
.hero-stage .prototype-note { right: 3.4vw; bottom: 1.4rem; max-width: 23rem; }
.hero-brand {
  position: absolute;
  top: clamp(8.5rem, 17vh, 12rem);
  left: 5.4vw;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: .75rem;
  opacity: calc(1 - var(--hero-progress) * 1.7);
  transform: translate3d(0, calc(var(--hero-progress) * -2.2rem), 0);
  will-change: transform, opacity;
}
.hero-brand img { display: block; width: clamp(270px, 31vw, 510px); height: auto; }
.hero-brand span { color: rgba(247,243,236,.62); font-family: var(--font-plex-mono), monospace; font-size: .55rem; letter-spacing: .11em; text-transform: uppercase; }
.hero-copy {
  position: absolute;
  right: 5.4vw;
  bottom: clamp(3.2rem, 6vh, 5.6rem);
  left: 5.4vw;
  z-index: 6;
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(0, 1.38fr) minmax(310px, .62fr);
  gap: .7rem clamp(2.5rem, 7vw, 9rem);
  align-items: end;
  padding: 0;
  border: 0;
  opacity: calc(1 - var(--hero-progress) * 1.35);
  transform: translate3d(0, calc(var(--hero-progress) * -3.2rem), 0);
  will-change: transform, opacity;
}
.hero-copy > .eyebrow { grid-column: 1 / -1; margin: 0 0 .7rem; color: rgba(247,243,236,.7); }
.hero h1 {
  grid-column: 1;
  max-width: 9ch;
  color: var(--paper);
  font-size: clamp(4.9rem, 8.2vw, 9.4rem);
  font-weight: 650;
  line-height: .8;
  letter-spacing: -.078em;
}
.hero-copy__lower { grid-column: 2; align-self: end; }
.hero-summary { max-width: 31rem; margin: 0; color: rgba(247,243,236,.75); font-size: clamp(.96rem, 1.15vw, 1.15rem); }
.hero-actions { margin-top: 1.8rem; }
.hero .price-note { color: rgba(247,243,236,.58); }
.hero .price-note strong { color: var(--paper); }
.hero-utility { grid-column: 2; margin: .8rem 0 0; color: rgba(247,243,236,.52); }

.js-reveal-ready [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 46px, 0);
  transition: opacity .8s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1), clip-path 1.05s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.js-reveal-ready [data-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); }
.js-reveal-ready .campaign-card[data-reveal], .js-reveal-ready .range-card[data-reveal] { clip-path: inset(0 0 16% 0); }
.js-reveal-ready .campaign-card[data-reveal].is-visible, .js-reveal-ready .range-card[data-reveal].is-visible { clip-path: inset(0 0 0 0); }

.range-section { padding: clamp(7rem,11vw,12rem) 5.4vw; background: #e9e2d7; }
.range-heading { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: clamp(3rem,8vw,10rem); align-items: end; margin-bottom: clamp(3rem,6vw,6rem); }
.range-heading h2 { max-width: 11ch; margin: 0; font-size: clamp(3.5rem,6.4vw,7.5rem); line-height: .87; letter-spacing: -.075em; }
.range-heading > p { max-width: 33rem; margin: 0; color: var(--muted); line-height: 1.65; }
.range-filter { display: flex; gap: .5rem; margin-bottom: 1rem; }
.range-filter button { padding: .8rem 1rem; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 999px; font-family: var(--font-plex-mono), monospace; font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
.range-filter button:hover, .range-filter button.is-active { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.range-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(17,17,15,.2); border: 1px solid rgba(17,17,15,.2); }
.range-card { display: flex; min-height: 610px; flex-direction: column; padding: 1.25rem; overflow: hidden; background: var(--paper); }
.range-card__meta { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-family: var(--font-plex-mono), monospace; font-size: .49rem; letter-spacing: .07em; text-transform: uppercase; }
.range-card__art { position: relative; height: 340px; overflow: hidden; margin: 1.2rem 0; background: #d7d1c6; isolation: isolate; }
.range-card__art::after { position: absolute; z-index: 7; inset: 0; pointer-events: none; content: ""; background: linear-gradient(135deg,rgba(255,255,255,.2),transparent 45%); }
.range-card__art img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.05); transition: transform 900ms cubic-bezier(.22,1,.36,1); }
.range-card:hover .range-card__art img { transform: scale(1.035); }
.range-object { position: absolute; z-index: 3; display: block; transition: transform 700ms cubic-bezier(.22,1,.36,1); }
.range-card:hover .range-object--one { transform: translateY(-7px) rotate(var(--object-rotation,0deg)); }
.range-card:hover .range-object--two { transform: translateY(5px) rotate(var(--object-rotation,0deg)); }
.range-card__details { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: .35rem 0 1.35rem; border-bottom: 1px solid var(--line); }
.range-card__details h3 { margin: 0; font-size: clamp(1.8rem,2.5vw,2.7rem); letter-spacing: -.055em; }
.range-card__details > div p { margin: .35rem 0 0; color: var(--muted); font-size: .76rem; }
.range-price { margin: .25rem 0 0; font-family: var(--font-plex-mono), monospace; font-size: .78rem; text-align: right; white-space: nowrap; }
.range-price span { display: block; margin-bottom: .25rem; color: var(--muted); font-size: .46rem; letter-spacing: .07em; text-transform: uppercase; }
.range-card__link { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 1.3rem; font-family: var(--font-plex-mono), monospace; font-size: .57rem; letter-spacing: .06em; text-transform: uppercase; }
.range-card__link span { color: var(--cobalt); font-size: .9rem; transition: transform 180ms ease; }
.range-card__link:hover span { transform: translate(3px,-3px); }

.range-card--fire .range-card__art { background: #24231f; }
.range-card--fire .range-object--one { --object-rotation: -8deg; top: 22%; left: 19%; width: 64%; height: 34%; background: linear-gradient(180deg,#383936,#0d0e0d); border: 1px solid rgba(255,255,255,.18); border-radius: 999px 18px 18px 999px; transform: rotate(-8deg); box-shadow: 0 32px 45px rgba(0,0,0,.35); }
.range-card--fire .range-object--two { --object-rotation: -8deg; top: 31%; right: 4%; width: 32%; height: 14%; background: linear-gradient(180deg,#dad5cb,#6f706c); border-radius: 4px 999px 999px 4px; transform: rotate(-8deg); }
.range-card--fire .range-object--three { right: 8%; bottom: 16%; width: 8px; height: 8px; background: var(--cobalt); border-radius: 50%; box-shadow: 0 0 0 11px rgba(217,74,43,.12), 0 0 42px 15px rgba(217,74,43,.35); animation: emberPulse 2.2s ease-in-out infinite; }
.range-card--night .range-card__art { background: #11110f; }
.range-card--night .range-object--one { --object-rotation: -16deg; top: 21%; left: 41%; width: 18%; height: 58%; background: linear-gradient(90deg,#181917,#5c5d59 45%,#171816); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; transform: rotate(-16deg); box-shadow: 0 26px 40px rgba(0,0,0,.5); }
.range-card--night .range-object--two { --object-rotation: -16deg; top: 15%; left: 39%; width: 24%; aspect-ratio: 1; background: radial-gradient(circle,#faf6df 0 22%,#babcb7 24% 38%,#222421 40%); border-radius: 50%; transform: rotate(-16deg); box-shadow: 0 0 70px 22px rgba(255,240,177,.2); }
.range-card--night .range-object--three { top: -12%; right: -30%; width: 75%; height: 90%; opacity: .33; background: conic-gradient(from 230deg at 0 100%,rgba(255,242,186,.75),transparent 29%); filter: blur(4px); }
.range-card--roll .range-card__art { background: #c4c0b8; }
.range-card--roll .range-object--one, .range-card--roll .range-object--two { --object-rotation: 9deg; top: 24%; left: 15%; width: 68%; height: 35%; background: repeating-linear-gradient(90deg,transparent 0 11px,rgba(35,37,35,.58) 11px 13px), repeating-linear-gradient(0deg,transparent 0 11px,rgba(35,37,35,.58) 11px 13px); border: 4px solid #777a76; border-radius: 999px; transform: rotate(9deg); box-shadow: 0 26px 34px rgba(17,17,15,.22); }
.range-card--roll .range-object--two { --object-rotation: -7deg; top: 43%; left: 22%; transform: rotate(-7deg); }
.range-card--roll .range-object--three { top: 49%; left: 6%; width: 46%; height: 11px; background: linear-gradient(90deg,#78502e,#d4a46e 32%,#63635e 33%); border-radius: 999px; transform: rotate(-7deg); }
.range-card--rub .range-card__art { display: flex; align-items: flex-end; justify-content: center; gap: 4%; padding-bottom: 12%; background: #d9cbb8; }
.range-card--rub .range-object { position: relative; width: 23%; height: 52%; background: linear-gradient(90deg,#b8b1a6,#f1ebe0 50%,#aaa399); border-radius: 4px 4px 15px 15px; box-shadow: 0 24px 28px rgba(17,17,15,.16); }
.range-card--rub .range-object::before { position: absolute; top: -12%; right: 6%; left: 6%; height: 13%; content: ""; background: #24231f; border-radius: 4px; }
.range-card--rub .range-object::after { position: absolute; top: 25%; right: 0; left: 0; padding: .9rem .15rem; color: var(--paper); content: "BF"; background: #9b3d28; font-weight: 750; text-align: center; }
.range-card--rub .range-object--two { height: 62%; }
.range-card--rub .range-object--two::after { background: #3a453d; }
.range-card--rub .range-object--three::after { background: #b4843a; }
.range-card--reset .range-card__art { background: #373832; }
.range-card--reset .range-object--one, .range-card--reset .range-object--two { --object-rotation: -12deg; top: 24%; left: 18%; width: 48%; aspect-ratio: 1; background: repeating-radial-gradient(circle,#777973 0 3px,#222421 4px 8px); border: 8px solid #a4a59f; border-radius: 50%; transform: rotate(-12deg); box-shadow: 0 26px 35px rgba(0,0,0,.38); }
.range-card--reset .range-object--two { --object-rotation: 11deg; top: 37%; left: 41%; transform: rotate(11deg); }
.range-card--reset .range-object--three { right: 8%; bottom: 10%; width: 31%; height: 42%; background: #ded7ca; border-radius: 3px 3px 16px 16px; transform: rotate(5deg); }
@keyframes emberPulse { 50% { opacity: .62; box-shadow: 0 0 0 18px rgba(217,74,43,.06), 0 0 55px 21px rgba(217,74,43,.42); } }

@media (max-width: 1080px) {
  .hero-copy { grid-template-columns: 1.15fr .85fr; }
  .hero h1 { font-size: clamp(4.6rem,8.6vw,7.7rem); }
  .range-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 800px) {
  .site-header { top: 28px; min-height: 68px; background: linear-gradient(180deg,rgba(8,8,7,.7),transparent); border-bottom-color: rgba(247,243,236,.18); }
  .hero { min-height: max(780px, calc(100svh - 28px)); }
  .hero-stage__image { object-position: 53% 50%; transform-origin: 53% 50%; }
  .hero-stage__wash { background: linear-gradient(0deg,rgba(8,8,7,.9) 0%,rgba(8,8,7,.2) 64%,rgba(8,8,7,.48) 100%); }
  .hero-stage .stage-index { top: 6.8rem; right: 1.25rem; }
  .hero-stage .prototype-note { right: 1.25rem; bottom: .8rem; left: 1.25rem; max-width: none; font-size: .44rem; text-align: right; }
  .hero-brand { top: 7.4rem; left: 1.25rem; }
  .hero-brand img { width: min(68vw,290px); }
  .hero-brand span { max-width: 23rem; font-size: .47rem; }
  .hero-copy { right: 1.25rem; bottom: 3.2rem; left: 1.25rem; display: grid; grid-template-columns: 1fr; gap: .8rem; }
  .hero-copy > .eyebrow, .hero h1, .hero-copy__lower, .hero-utility { grid-column: 1; }
  .hero h1 { font-size: clamp(4.1rem,16.7vw,6.7rem); }
  .hero-summary { max-width: 28rem; font-size: .92rem; }
  .hero-actions { margin-top: 1.25rem; }
  .hero-utility { margin-top: .15rem; }
  .range-section { padding: 7rem 1.25rem; }
  .range-heading { grid-template-columns: 1fr; gap: 2rem; }
  .range-filter { overflow-x: auto; padding-bottom: .4rem; scrollbar-width: none; }
  .range-filter::-webkit-scrollbar { display: none; }
  .range-filter button { flex: 0 0 auto; }
  .range-grid { grid-template-columns: 1fr; }
  .range-card { min-height: 570px; }
}

@media (max-width: 520px) {
  .hero { min-height: max(760px, calc(100svh - 28px)); }
  .hero-brand { top: 6.8rem; }
  .hero-copy { bottom: 3.3rem; }
  .hero-copy > .eyebrow { margin-bottom: .15rem; }
  .hero h1 { font-size: clamp(3.8rem,18vw,5.4rem); }
  .hero-summary { max-width: 22rem; font-size: .84rem; line-height: 1.48; }
  .hero-actions { align-items: center; }
  .hero-actions .button { min-width: 11.5rem; }
  .hero-utility { display: none; }
  .range-heading h2 { font-size: 3.65rem; }
  .range-card__art { height: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-stage__image, .hero-brand, .hero-copy { opacity: 1 !important; transform: none !important; }
  .js-reveal-ready [data-reveal] { opacity: 1 !important; clip-path: none !important; transform: none !important; }
  .range-card--fire .range-object--three { animation: none; }
}

/* Product depth system / V4 */
body.viewer-is-open { overflow: hidden; }
.hero-stage { perspective: 1200px; }
.hero-stage__back { z-index: 0; }
.hero-stage__back .hero-stage__image {
  transform: translate3d(0, calc(var(--hero-progress) * -1.8rem), -28px) scale(calc(1.035 + var(--hero-progress) * .045));
}
.hero-stage__subject {
  z-index: 2;
  overflow: hidden;
  clip-path: polygon(20% 6%, 72% 2%, 77% 100%, 10% 100%);
  filter: drop-shadow(24px 18px 30px rgba(0,0,0,.26));
  transform: translate3d(0, calc(var(--hero-progress) * -3.8rem), 80px) scale(calc(1 + var(--hero-progress) * .08));
  transform-origin: 46% 58%;
  will-change: transform;
}
.hero-stage__subject .hero-stage__image { transform: scale(1.01); }
.hero-stage__depth-grid {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: calc(.12 + var(--hero-progress) * .08);
  pointer-events: none;
  background-image: linear-gradient(rgba(247,243,236,.14) 1px, transparent 1px), linear-gradient(90deg,rgba(247,243,236,.14) 1px,transparent 1px);
  background-position: center;
  background-size: clamp(70px,8vw,130px) clamp(70px,8vw,130px);
  mask-image: linear-gradient(90deg,transparent 0%,#000 58%,transparent 100%);
  transform: perspective(900px) rotateY(-9deg) translate3d(calc(var(--hero-progress) * 1.2rem),0,0);
}
.hero-stage__wash { z-index: 3; }

.depth-journey { position: relative; color: var(--paper); background: #090907; }
.depth-journey__sticky { position: sticky; top: 0; height: 100svh; min-height: 680px; overflow: hidden; background: #090907; perspective: 1400px; }
.depth-journey__intro { position: absolute; top: 4.5vh; left: 5.4vw; z-index: 20; pointer-events: none; }
.depth-journey__intro .eyebrow { margin-bottom: .55rem; }
.depth-journey__intro h2 { max-width: 11ch; margin: 0; font-size: clamp(2rem,3.2vw,4.2rem); line-height: .88; letter-spacing: -.06em; }
.depth-stage, .depth-scene { position: absolute; inset: 0; }
.depth-scene { opacity: var(--scene-opacity); transform-style: preserve-3d; will-change: opacity; }
.depth-scene__background { position: absolute; z-index: 0; inset: 0; overflow: hidden; }
.depth-scene__background img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translate3d(var(--scene-shift),0,-70px) scale(var(--scene-scale)); transform-origin: center; filter: saturate(.76) contrast(1.04); will-change: transform; }
.depth-scene__shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(7,7,6,.86) 0%,rgba(7,7,6,.52) 37%,rgba(7,7,6,.13) 69%),linear-gradient(0deg,rgba(7,7,6,.82),transparent 50%,rgba(7,7,6,.35)); }
.depth-product { position: absolute; top: 50%; left: 67%; z-index: 8; display: grid; width: min(34vw,560px); padding: 0; background: transparent; border: 0; transform: translate3d(calc(-50% + var(--scene-shift)),-50%,120px) rotateY(var(--scene-rotate)) rotateX(-3deg); transform-style: preserve-3d; cursor: pointer; will-change: transform; }
.depth-product__plate { position: relative; z-index: 3; display: block; overflow: hidden; aspect-ratio: 1; background: #e8e1d5; border: 1px solid rgba(247,243,236,.32); box-shadow: 0 60px 100px rgba(0,0,0,.5); transform: translateZ(55px); transition: transform 650ms cubic-bezier(.22,1,.36,1), box-shadow 650ms ease; }
.depth-product__plate::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(125deg,rgba(255,255,255,.3),transparent 38%,rgba(217,74,43,.08)); }
.depth-product__plate img { display: block; width: 100%; height: 100%; object-fit: cover; }
.depth-product__orbit { position: absolute; z-index: 1; top: 50%; left: 50%; width: 126%; aspect-ratio: 1; border: 1px solid rgba(247,243,236,.25); border-radius: 50%; transform: translate3d(-50%,-50%,-20px) rotateX(70deg); }
.depth-product__orbit::before, .depth-product__orbit::after { position: absolute; top: 50%; left: 50%; content: ""; border: 1px solid rgba(217,74,43,.7); border-radius: 50%; transform: translate(-50%,-50%); }
.depth-product__orbit::before { width: 76%; height: 76%; }
.depth-product__orbit::after { width: 9px; height: 9px; background: var(--cobalt); box-shadow: 0 0 34px rgba(217,74,43,.8); animation: orbitPulse 2.4s ease-in-out infinite; }
.depth-product__hint { position: absolute; z-index: 6; right: 0; bottom: -2.2rem; color: rgba(247,243,236,.6); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .07em; text-transform: uppercase; transform: translateZ(72px); }
.depth-product:hover .depth-product__plate { box-shadow: 0 75px 130px rgba(0,0,0,.62); transform: translateZ(82px) scale(1.025); }
.depth-scene__copy { position: absolute; z-index: 10; bottom: 9vh; left: 5.4vw; max-width: 42vw; transform: translate3d(var(--scene-copy-shift),0,80px); }
.depth-scene__copy > p { margin: 0 0 1.1rem; color: rgba(247,243,236,.62); font-family: var(--font-plex-mono),monospace; font-size: .55rem; letter-spacing: .08em; text-transform: uppercase; }
.depth-scene__copy h3 { margin: 0 0 1.2rem; font-size: clamp(5rem,10vw,11.5rem); line-height: .74; letter-spacing: -.085em; }
.depth-scene__copy > div { display: flex; align-items: baseline; gap: 2rem; color: rgba(247,243,236,.7); }
.depth-scene__copy strong { color: var(--paper); font-family: var(--font-plex-mono),monospace; font-size: .78rem; }
.depth-index { position: absolute; right: 5.4vw; bottom: 3.4vh; left: 5.4vw; z-index: 22; }
.depth-index__labels { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-bottom: .75rem; color: rgba(247,243,236,.4); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .08em; text-transform: uppercase; }
.depth-index__labels strong { color: var(--paper); font-size: .54rem; text-align: center; }
.depth-index__labels span:last-child { text-align: right; }
.depth-index__track { height: 1px; background: rgba(247,243,236,.2); }
.depth-index__track span { display: block; width: 100%; height: 100%; background: var(--cobalt); transform-origin: left; }
.depth-index__steps { display: flex; justify-content: space-between; margin-top: -.4rem; }
.depth-index__steps i { display: block; width: 8px; height: 8px; background: #23231f; border: 1px solid rgba(247,243,236,.35); border-radius: 50%; transition: background-color 250ms ease, transform 250ms ease; }
.depth-index__steps i.is-active { background: var(--cobalt); border-color: var(--cobalt); transform: scale(1.35); }
@keyframes orbitPulse { 50% { opacity: .5; transform: translate(-50%,-50%) scale(1.8); } }

.range-card__art { transform: perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transform-style: preserve-3d; transition: transform 220ms ease, box-shadow 500ms ease; }
.range-card__art::after { z-index: 8; background: radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),rgba(255,255,255,.32),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 48%); opacity: .7; transition: opacity 180ms ease; }
.range-card:hover .range-card__art { box-shadow: 0 32px 55px rgba(17,17,15,.16); }
.range-card--photographic .range-card__art { background: #e8e1d5; }
.range-card--photographic .range-card__art img { object-fit: cover; }
.range-card--photographic .range-object { display: none; }
button.range-card__link { width: 100%; padding-right: 0; padding-left: 0; color: inherit; background: transparent; border: 0; text-align: left; cursor: pointer; }

.product-backdrop { position: fixed; z-index: 94; inset: 0; visibility: hidden; opacity: 0; background: rgba(7,7,6,.76); backdrop-filter: blur(8px); transition: opacity 300ms ease, visibility 300ms ease; }
.product-backdrop.is-open { visibility: visible; opacity: 1; }
.product-viewer { position: fixed; z-index: 95; inset: clamp(14px,2vw,32px); overflow: hidden; color: var(--ink); background: var(--paper); box-shadow: 0 40px 120px rgba(0,0,0,.5); animation: viewerIn 460ms cubic-bezier(.22,1,.36,1) both; }
.product-viewer__topline { display: flex; height: 68px; align-items: center; justify-content: space-between; padding: 0 1.25rem; color: var(--paper); background: var(--coal); border-bottom: 1px solid var(--line-light); }
.product-viewer__topline p { margin: 0; font-family: var(--font-plex-mono),monospace; font-size: .54rem; letter-spacing: .08em; }
.product-viewer__topline button { width: 40px; height: 40px; padding: 0; color: var(--paper); background: transparent; border: 1px solid rgba(247,243,236,.35); border-radius: 50%; font-size: 1.4rem; cursor: pointer; }
.product-viewer__body { display: grid; height: calc(100% - 68px); grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr); }
.product-viewer__gallery { display: grid; min-width: 0; grid-template-rows: minmax(0,1fr) 108px; background: #e8e1d5; border-right: 1px solid var(--line); }
.product-viewer__main { position: relative; min-height: 0; overflow: hidden; }
.product-viewer__main img { display: block; width: 100%; height: 100%; object-fit: contain; }
.product-viewer__main > span { position: absolute; top: 1.2rem; left: 1.2rem; padding: .55rem .65rem; color: var(--paper); background: rgba(17,17,15,.78); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .08em; }
.product-viewer__angles { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; background: var(--line); border-top: 1px solid var(--line); }
.product-viewer__angles button { min-width: 0; padding: 0; overflow: hidden; background: #e8e1d5; border: 0; cursor: pointer; transition: opacity 180ms ease; }
.product-viewer__angles button:not(.is-active) { opacity: .52; }
.product-viewer__angles button.is-active { box-shadow: inset 0 -4px var(--cobalt); }
.product-viewer__angles img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-viewer__copy { overflow-y: auto; padding: clamp(2rem,4.6vw,5.5rem); }
.product-viewer__copy h2 { margin-bottom: .6rem; font-size: clamp(4rem,6vw,7.5rem); line-height: .8; letter-spacing: -.08em; }
.product-viewer__descriptor { margin-bottom: 2.5rem; color: var(--muted); font-size: 1rem; }
.product-viewer__price { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin: 0 0 2.4rem; padding: 1.2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: var(--font-plex-mono),monospace; font-size: 1rem; }
.product-viewer__price span { color: var(--muted); font-size: .5rem; letter-spacing: .07em; text-transform: uppercase; }
.product-viewer__note { padding: 1.25rem 0; border-bottom: 1px solid var(--line); }
.product-viewer__note strong { font-size: .8rem; }
.product-viewer__note p { margin: .55rem 0 0; color: var(--muted); font-size: .74rem; line-height: 1.56; }
.product-viewer__source { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; padding: 1rem; color: var(--paper); background: var(--ink); font-family: var(--font-plex-mono),monospace; font-size: .52rem; letter-spacing: .05em; text-transform: uppercase; }
.product-viewer__source span { color: #ff8065; }
.product-viewer__disclaimer { margin: 1rem 0 0; color: var(--muted); font-family: var(--font-plex-mono),monospace; font-size: .44rem; line-height: 1.55; text-transform: uppercase; }
@keyframes viewerIn { from { opacity: 0; transform: translateY(24px) scale(.985); } }

@media (max-width: 1080px) {
  .depth-product { left: 70%; width: min(38vw,500px); }
  .depth-scene__copy { max-width: 48vw; }
  .product-viewer__body { grid-template-columns: 1.05fr .95fr; }
}

@media (max-width: 800px) {
  .hero-stage__subject { clip-path: polygon(0 7%,80% 3%,86% 100%,0 100%); transform-origin: 42% 56%; }
  .hero-stage__depth-grid { display: none; }
  .depth-journey__sticky { min-height: 700px; }
  .depth-journey__intro { top: 5.5rem; left: 1.25rem; }
  .depth-journey__intro h2 { font-size: 2.4rem; }
  .depth-scene__background img { object-position: 52% 50%; }
  .depth-scene__shade { background: linear-gradient(0deg,rgba(7,7,6,.94) 0%,rgba(7,7,6,.3) 63%,rgba(7,7,6,.5) 100%); }
  .depth-product { top: 43%; left: 62%; width: min(72vw,470px); transform: translate3d(calc(-50% + var(--scene-shift)),-50%,90px) rotateY(var(--scene-rotate)) rotateX(-2deg); }
  .depth-product__hint { display: none; }
  .depth-scene__copy { right: 1.25rem; bottom: 8rem; left: 1.25rem; max-width: none; }
  .depth-scene__copy h3 { margin-bottom: .8rem; font-size: clamp(4.5rem,20vw,7rem); }
  .depth-index { right: 1.25rem; bottom: 2.2rem; left: 1.25rem; }
  .product-viewer { inset: 0; overflow-y: auto; }
  .product-viewer__body { display: block; height: auto; }
  .product-viewer__gallery { height: 68svh; min-height: 560px; border-right: 0; border-bottom: 1px solid var(--line); }
  .product-viewer__copy { overflow: visible; padding: 3.5rem 1.25rem; }
}

@media (max-width: 520px) {
  .depth-product { top: 42%; left: 60%; width: 77vw; }
  .depth-product__plate { box-shadow: 0 35px 70px rgba(0,0,0,.55); }
  .depth-scene__copy { bottom: 7.2rem; }
  .depth-scene__copy > p { margin-bottom: .65rem; }
  .depth-scene__copy h3 { font-size: 4.8rem; }
  .depth-scene__copy > div { justify-content: space-between; gap: 1rem; font-size: .72rem; }
  .depth-index__labels strong { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .range-card--photographic .range-card__art { height: 330px; }
  .product-viewer__gallery { height: 61svh; min-height: 500px; grid-template-rows: minmax(0,1fr) 82px; }
  .product-viewer__copy h2 { font-size: 4.7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-stage__subject { display: none; }
  .depth-journey { height: auto !important; }
  .depth-journey__sticky { position: relative; height: auto; overflow: visible; }
  .depth-journey__intro { position: relative; top: auto; left: auto; padding: 6rem 5.4vw 2rem; }
  .depth-stage { position: relative; }
  .depth-scene { position: relative; min-height: 100svh; opacity: 1 !important; pointer-events: auto !important; }
  .depth-scene__background img, .depth-product, .depth-scene__copy { transform: none !important; }
  .depth-index { display: none; }
  .depth-product__orbit::after { animation: none; }
  .range-card__art { transform: none !important; }
}

/* Catalogue and product stories / V5 */
.nav-actions { display: flex; justify-self: end; align-items: center; gap: .55rem; }
.nav-catalog {
  display: inline-flex; min-height: 42px; align-items: center; justify-self: end; gap: 1rem; padding: .78rem .9rem;
  color: var(--paper); background: rgba(247,243,236,.12); border: 1px solid rgba(247,243,236,.48);
  font-family: var(--font-plex-mono),monospace; font-size: .57rem; letter-spacing: .06em; text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease;
}
.nav-catalog:hover, .nav-catalog:focus-visible { color: var(--ink); background: var(--paper); }
.site-header--subpage { position: relative; top: auto; color: var(--paper); background: var(--coal); border-bottom-color: var(--line-light); }
.site-header--subpage .wordmark img { filter: brightness(0) invert(1); }
.site-header--subpage .nav-links a[aria-current="page"]::after { transform: scaleX(1); }

.catalog-shell, .pdp-shell { min-height: 100svh; overflow: clip; background: var(--paper); }
.catalog-hero {
  position: relative; min-height: min(790px,calc(100svh - 104px)); overflow: hidden; color: var(--paper); background:
    radial-gradient(circle at 72% 36%,rgba(217,74,43,.22),transparent 24%),
    linear-gradient(125deg,#151512,#080807 68%);
}
.catalog-hero::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(rgba(247,243,236,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,236,.16) 1px,transparent 1px); background-size: 9vw 9vw; mask-image: linear-gradient(90deg,transparent,#000); }
.catalog-hero__copy { position: absolute; z-index: 6; top: 50%; left: 5.4vw; width: min(52vw,800px); transform: translateY(-50%); }
.catalog-hero__copy h1 { margin: 0; font-size: clamp(5rem,9vw,10rem); line-height: .79; letter-spacing: -.085em; }
.catalog-hero__copy > p:last-child { max-width: 38rem; margin: 2.3rem 0 0; color: rgba(247,243,236,.66); font-size: 1rem; line-height: 1.65; }
.catalog-hero__objects { position: absolute; z-index: 3; top: 5%; right: -3%; width: 52%; height: 90%; perspective: 1400px; transform-style: preserve-3d; }
.catalog-float { position: absolute; display: block; aspect-ratio: 1; object-fit: cover; background: var(--mineral); border: 1px solid rgba(247,243,236,.3); box-shadow: 0 50px 90px rgba(0,0,0,.55); }
.catalog-float--one { top: 18%; left: 20%; z-index: 4; width: 47%; transform: rotateY(-14deg) rotateZ(3deg) translateZ(80px); }
.catalog-float--two { top: 2%; right: 0; width: 36%; opacity: .72; transform: rotateY(-25deg) rotateZ(8deg) translateZ(-30px); }
.catalog-float--three { right: 4%; bottom: 0; width: 31%; transform: rotateY(-18deg) rotateZ(-6deg) translateZ(45px); }
.catalog-orbit { position: absolute; display: block; aspect-ratio: 1; border: 1px solid rgba(247,243,236,.23); border-radius: 50%; transform: rotateX(68deg); }
.catalog-orbit--one { top: 16%; left: 0; width: 82%; }.catalog-orbit--two { right: 2%; bottom: 6%; width: 54%; border-color: rgba(217,74,43,.55); }
.catalog-hero__index { position: absolute; right: 5.4vw; bottom: 2.3rem; left: 5.4vw; z-index: 7; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 1rem; color: rgba(247,243,236,.48); font-family: var(--font-plex-mono),monospace; font-size: .5rem; letter-spacing: .08em; text-transform: uppercase; }
.catalog-hero__index i { height: 1px; background: rgba(247,243,236,.25); }
.catalog-chapter-nav { position: sticky; top: 0; z-index: 25; display: grid; grid-template-columns: repeat(3,1fr); color: var(--ink); background: rgba(247,243,236,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(15px); }
.catalog-chapter-nav a { display: flex; min-height: 68px; align-items: center; gap: 1rem; padding: 0 5.4vw; border-right: 1px solid var(--line); font-size: .78rem; font-weight: 650; }
.catalog-chapter-nav a:last-child { border-right: 0; }.catalog-chapter-nav span { color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .52rem; }
.catalog-chapter { padding: clamp(6rem,10vw,11rem) 5.4vw; scroll-margin-top: 68px; background: var(--paper); }
.catalog-chapter:nth-of-type(even) { background: var(--mineral); }
.catalog-chapter__header { display: grid; grid-template-columns: .35fr 1.25fr .6fr; gap: 4vw; align-items: end; margin-bottom: 4.5rem; }
.catalog-chapter__header p { margin: 0; color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; }
.catalog-chapter__header h2 { max-width: 10ch; margin: 0; font-size: clamp(3.8rem,6vw,7rem); line-height: .86; letter-spacing: -.074em; }
.catalog-chapter__header > span { color: var(--muted); line-height: 1.62; }
.catalog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.catalog-card { min-width: 0; background: var(--paper); }
.catalog-card__image { position: relative; display: block; height: min(32vw,470px); overflow: hidden; background: var(--mineral); }
.catalog-card__image > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms cubic-bezier(.22,1,.36,1),filter 500ms ease; }
.catalog-card__context { position: absolute; right: 1rem; bottom: 1rem; display: block; width: 28%; aspect-ratio: .78; overflow: hidden; border: 2px solid var(--paper); box-shadow: 0 18px 45px rgba(17,17,15,.25); transform: translateY(12px) rotate(3deg); transition: transform 600ms cubic-bezier(.22,1,.36,1); }
.catalog-card__context img { width: 100%; height: 100%; object-fit: cover; }
.catalog-card:hover .catalog-card__image > img { filter: saturate(.9); transform: scale(1.035); }.catalog-card:hover .catalog-card__context { transform: translateY(0) rotate(0); }
.catalog-card__status { position: absolute; top: 1rem; left: 1rem; padding: .55rem .65rem; color: var(--paper); background: rgba(17,17,15,.8); font-family: var(--font-plex-mono),monospace; font-size: .46rem; letter-spacing: .07em; text-transform: uppercase; }
.catalog-card__placeholder { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; color: var(--paper); background: linear-gradient(145deg,#9b3d28,#151512); }.catalog-card__placeholder strong { font-size: 6rem; letter-spacing: -.1em; }.catalog-card__placeholder small { font-family: var(--font-plex-mono),monospace; letter-spacing: .08em; text-transform: uppercase; }
.catalog-card__body { padding: 1.4rem; }.catalog-card__body > p { margin: 0 0 2.5rem; color: var(--muted); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .07em; text-transform: uppercase; }
.catalog-card__body > div { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }.catalog-card__body h3 { margin: 0; font-size: clamp(2.2rem,3vw,3.4rem); letter-spacing: -.06em; }.catalog-card__body > div strong { font-family: var(--font-plex-mono),monospace; font-size: .75rem; }
.catalog-card__body > span { display: block; min-height: 3.5rem; margin-top: .5rem; color: var(--muted); font-size: .78rem; }.catalog-card__body > a { display: flex; justify-content: space-between; padding-top: 1rem; border-top: 1px solid var(--line); font-family: var(--font-plex-mono),monospace; font-size: .52rem; letter-spacing: .06em; text-transform: uppercase; }.catalog-card__body b { color: var(--cobalt); }
.catalog-trust { display: grid; grid-template-columns: .5fr 1.15fr repeat(3,.65fr); gap: 3vw; padding: clamp(6rem,9vw,10rem) 5.4vw; color: var(--paper); background: var(--coal); }.catalog-trust > p,.catalog-trust > div span { color: #ff8065; font-family: var(--font-plex-mono),monospace; font-size: .52rem; letter-spacing: .07em; text-transform: uppercase; }.catalog-trust h2 { margin: 0; font-size: clamp(3rem,4.6vw,5.4rem); line-height: .88; letter-spacing: -.07em; }.catalog-trust > div { padding-top: .5rem; border-top: 1px solid var(--line-light); }.catalog-trust > div p { color: rgba(247,243,236,.56); font-size: .75rem; line-height: 1.55; }.catalog-trust > div strong { display: block; margin-bottom: .55rem; color: var(--paper); font-size: .86rem; }

.pdp-breadcrumb { display: flex; gap: .7rem; align-items: center; padding: 1.2rem 5.4vw; color: var(--muted); background: var(--paper); border-bottom: 1px solid var(--line); font-family: var(--font-plex-mono),monospace; font-size: .5rem; letter-spacing: .07em; text-transform: uppercase; }.pdp-breadcrumb strong { color: var(--ink); }
.pdp-buy { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(430px,.78fr); min-height: 850px; background: var(--paper); }
.pdp-gallery { position: sticky; top: 0; display: grid; height: 100svh; min-height: 720px; grid-template-rows: minmax(0,1fr) 118px; background: var(--mineral); border-right: 1px solid var(--line); }
.pdp-gallery__main { position: relative; min-height: 0; margin: 0; overflow: hidden; background: var(--mineral); }.pdp-gallery__main img { display: block; width: 100%; height: 100%; object-fit: contain; }.pdp-gallery__main figcaption { position: absolute; top: 1rem; right: 1rem; left: 1rem; display: flex; justify-content: space-between; color: var(--muted); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .07em; text-transform: uppercase; }
.pdp-gallery__nav { position: absolute; right: 1rem; bottom: 1rem; display: flex; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.pdp-gallery__nav button { display: grid; width: 46px; height: 46px; place-items: center; padding: 0; color: var(--ink); background: rgba(247,243,236,.94); border: 0; font-size: 1rem; cursor: pointer; }
.pdp-gallery__nav button:hover,.pdp-gallery__nav button:focus-visible { color: var(--paper); background: var(--cobalt); }
.pdp-gallery__thumbs { display: grid; grid-template-columns: repeat(8,minmax(86px,1fr)); gap: 1px; overflow-x: auto; background: var(--line); border-top: 1px solid var(--line); scrollbar-width: thin; }.pdp-gallery__thumbs button { position: relative; min-width: 0; padding: 0; overflow: hidden; background: var(--mineral); border: 0; cursor: pointer; }.pdp-gallery__thumbs button::after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; content: ""; background: var(--cobalt); transform: scaleX(0); transition: transform 180ms ease; }.pdp-gallery__thumbs button.is-active::after { transform: scaleX(1); }.pdp-gallery__thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .52; transition: opacity 180ms ease; }.pdp-gallery__thumbs button.is-active img,.pdp-gallery__thumbs button:hover img { opacity: 1; }.pdp-gallery__thumbs span { position: absolute; top: .4rem; left: .5rem; font-family: var(--font-plex-mono),monospace; font-size: .44rem; }
.pdp-gallery--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; color: var(--paper); background: linear-gradient(145deg,#9b3d28,#11110f); }.pdp-gallery--empty > span { font-size: 12rem; font-weight: 750; letter-spacing: -.13em; }.pdp-gallery--empty p { max-width: 24rem; color: rgba(247,243,236,.65); text-align: center; }
.pdp-summary { padding: clamp(4rem,7vw,8rem) clamp(2rem,5vw,6rem); }.pdp-summary .eyebrow { margin-bottom: 1.1rem; }.pdp-summary h1 { margin: 0; font-size: clamp(5rem,8vw,9.5rem); line-height: .77; letter-spacing: -.087em; }.pdp-summary__descriptor { margin: 1rem 0 1.4rem; color: var(--muted); font-size: 1rem; }.pdp-summary__meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.pdp-summary__meta span { padding: .45rem .55rem; color: var(--paper); background: var(--coal); font-family: var(--font-plex-mono),monospace; font-size: .45rem; letter-spacing: .07em; text-transform: uppercase; }.pdp-summary__meta a { color: var(--muted); border-bottom: 1px solid var(--line); font-size: .62rem; }.pdp-summary__price { display: flex; align-items: baseline; justify-content: space-between; margin: 0; padding: 1.2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: var(--font-plex-mono),monospace; font-size: 1.05rem; }.pdp-summary__price > span { display: flex; align-items: baseline; gap: .7rem; }.pdp-summary__price del { color: var(--muted); font-size: .72rem; font-weight: 400; }.pdp-summary__price small { color: var(--muted); font-size: .5rem; letter-spacing: .07em; text-transform: uppercase; }.pdp-summary__intro { margin: 2rem 0 2.5rem; color: var(--ink-soft); font-size: 1rem; line-height: 1.72; }
.pdp-release-card { position: relative; overflow: hidden; padding: 1.5rem; color: var(--paper); background: var(--coal); }.pdp-release-card::after { position: absolute; right: -2rem; bottom: -5rem; color: rgba(217,74,43,.18); content: "01"; font-size: 12rem; font-weight: 760; line-height: 1; }.pdp-release-card > p { margin: 0 0 1rem; color: #ff8065; font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .08em; text-transform: uppercase; }.pdp-release-card h2 { max-width: 12ch; margin: 0 0 1rem; font-size: 2.1rem; line-height: .95; letter-spacing: -.055em; }.pdp-release-card > span { display: block; max-width: 35rem; color: rgba(247,243,236,.62); font-size: .75rem; line-height: 1.55; }.pdp-release-card ul { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }.pdp-release-card li { padding: .48rem .55rem; color: rgba(247,243,236,.68); border: 1px solid var(--line-light); font-family: var(--font-plex-mono),monospace; font-size: .43rem; letter-spacing: .05em; text-transform: uppercase; }
.release-action { margin-top: .8rem; }.release-action > button { display: flex; width: 100%; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 1rem; color: var(--paper); background: var(--cobalt); border: 0; font-weight: 680; cursor: pointer; }.release-action > p { margin: .65rem 0 0; color: var(--muted); font-family: var(--font-plex-mono),monospace; font-size: .44rem; line-height: 1.5; text-transform: uppercase; }.release-action__notice { position: relative; display: flex; flex-direction: column; gap: .35rem; margin-top: .8rem; padding: 1rem 3rem 1rem 1rem; border: 1px solid var(--line); }.release-action__notice strong { font-size: .78rem; }.release-action__notice span { color: var(--muted); font-size: .7rem; line-height: 1.5; }.release-action__notice button { position: absolute; top: .6rem; right: .6rem; width: 28px; height: 28px; background: transparent; border: 1px solid var(--line); border-radius: 50%; cursor: pointer; }
.pdp-reassurance { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2.5rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.pdp-reassurance p { margin: 0; padding: 1rem .7rem; border-right: 1px solid var(--line); }.pdp-reassurance p:last-child { border-right: 0; }.pdp-reassurance strong,.pdp-reassurance span { display: block; }.pdp-reassurance strong { font-size: .7rem; }.pdp-reassurance span { margin-top: .3rem; color: var(--muted); font-size: .58rem; line-height: 1.35; }
.pdp-field-scene { position: relative; min-height: 100svh; overflow: hidden; color: var(--paper); background: var(--coal); }.pdp-field-scene picture,.pdp-field-scene picture img,.pdp-field-scene__shade { position: absolute; inset: 0; width: 100%; height: 100%; }.pdp-field-scene picture img { object-fit: cover; }.pdp-field-scene__shade { background: linear-gradient(90deg,rgba(8,8,7,.82),rgba(8,8,7,.12) 70%),linear-gradient(0deg,rgba(8,8,7,.76),transparent 55%); }.pdp-field-scene > div:last-child { position: absolute; z-index: 3; right: 5.4vw; bottom: 5.4vw; left: 5.4vw; }.pdp-field-scene h2 { max-width: 10ch; margin: 0; font-size: clamp(5rem,9vw,10rem); line-height: .8; letter-spacing: -.083em; }.pdp-field-scene > div > span { display: block; margin-top: 1.6rem; color: rgba(247,243,236,.56); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .06em; text-transform: uppercase; }.pdp-field-scene--future { background: radial-gradient(circle at 70% 30%,rgba(217,74,43,.35),transparent 22%),linear-gradient(135deg,#343f36,#11110f); }.pdp-field-scene--future::after { position: absolute; right: -2vw; bottom: -16vw; color: rgba(247,243,236,.045); content: "BF."; font-size: 45vw; font-weight: 760; line-height: 1; letter-spacing: -.12em; }
.pdp-benefits { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; padding: clamp(7rem,11vw,12rem) 5.4vw; background: var(--paper); }.pdp-benefits header h2 { max-width: 8ch; margin: 0 0 1.5rem; font-size: clamp(4rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }.pdp-benefits header > span { display: block; max-width: 28rem; color: var(--muted); line-height: 1.6; }.pdp-benefits > div { border-top: 1px solid var(--line); }.pdp-benefits article { display: grid; grid-template-columns: 70px .65fr 1fr; gap: 2rem; align-items: start; min-height: 180px; padding: 2rem 0; border-bottom: 1px solid var(--line); }.pdp-benefits article > p { color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .52rem; }.pdp-benefits article h3 { margin: 0; font-size: 1.4rem; letter-spacing: -.035em; }.pdp-benefits article span { color: var(--muted); font-size: .82rem; line-height: 1.62; }
.pdp-how { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; padding: clamp(7rem,11vw,12rem) 5.4vw; color: var(--paper); background: var(--coal); }.pdp-how header h2 { max-width: 8ch; margin: 0; font-size: clamp(4rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }.pdp-how ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-light); }.pdp-how li { display: grid; grid-template-columns: 90px 1fr; min-height: 190px; align-items: center; border-bottom: 1px solid var(--line-light); }.pdp-how li > span { color: #ff8065; font-family: var(--font-plex-mono),monospace; font-size: .58rem; }.pdp-how li h3 { margin: 0 0 .6rem; font-size: 1.7rem; }.pdp-how li p { max-width: 38rem; margin: 0; color: rgba(247,243,236,.56); font-size: .82rem; line-height: 1.65; }
.pdp-spec-grid { display: grid; grid-template-columns: repeat(2,1fr); background: var(--line); gap: 1px; }.pdp-spec-grid article { min-height: 580px; padding: clamp(4rem,8vw,9rem) 5.4vw; background: var(--mineral); }.pdp-spec-grid article > p,.pdp-provenance > p { color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .5rem; letter-spacing: .07em; text-transform: uppercase; }.pdp-spec-grid h2 { margin: 2rem 0 3rem; font-size: clamp(3.5rem,5vw,6rem); line-height: .87; letter-spacing: -.073em; }.pdp-spec-grid ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.pdp-spec-grid li { padding: 1.2rem 0; color: var(--muted); border-bottom: 1px solid var(--line); }.pdp-spec-grid li::before { margin-right: .8rem; color: var(--cobalt); content: "—"; }.pdp-validation { color: var(--paper); background: var(--cobalt) !important; }.pdp-validation > p { color: var(--paper) !important; }.pdp-validation > span { display: block; max-width: 38rem; padding: 1.2rem 0; color: rgba(247,243,236,.7); border-top: 1px solid rgba(247,243,236,.25); line-height: 1.62; }.pdp-validation > span:last-child { border-bottom: 1px solid rgba(247,243,236,.25); }
.pdp-turntable { display: grid; grid-template-columns: .58fr 1.42fr; gap: 6vw; align-items: center; padding: clamp(6rem,10vw,11rem) 5.4vw; background: var(--paper); }.pdp-turntable h2 { max-width: 9ch; margin: 0 0 1.5rem; font-size: clamp(4rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }.pdp-turntable > div > span { display: block; max-width: 31rem; color: var(--muted); line-height: 1.65; }.pdp-turntable > img { display: block; width: 100%; background: var(--mineral); border: 1px solid var(--line); }
.pdp-provenance { display: grid; grid-template-columns: .4fr 1.2fr .4fr; gap: 5vw; align-items: start; padding: 4rem 5.4vw; color: var(--paper); background: #25231f; }.pdp-provenance h2 { margin: 0 0 .7rem; font-size: 2rem; letter-spacing: -.05em; }.pdp-provenance div span { color: rgba(247,243,236,.56); font-size: .78rem; line-height: 1.62; }.pdp-provenance > a { display: flex; justify-content: space-between; padding: 1rem; border: 1px solid var(--line-light); font-family: var(--font-plex-mono),monospace; font-size: .48rem; letter-spacing: .06em; text-transform: uppercase; }
.pdp-related { padding: clamp(6rem,9vw,10rem) 5.4vw; background: var(--mineral); }.pdp-related header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 4rem; }.pdp-related h2 { margin: 0; font-size: clamp(4rem,6vw,7rem); line-height: .84; letter-spacing: -.075em; }.pdp-related > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }.pdp-related a { padding: 1rem; background: var(--paper); }.pdp-related img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--mineral); }.pdp-related a > p { display: flex; justify-content: space-between; margin: 1.2rem 0 .35rem; font-size: 1.4rem; font-weight: 650; }.pdp-related a > p span { font-family: var(--font-plex-mono),monospace; font-size: .65rem; }.pdp-related small { color: var(--muted); }

@media (max-width: 1120px) {
  .nav-actions .nav-buy { display: none; }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.catalog-card__image { height: 44vw; }
  .catalog-trust { grid-template-columns: .5fr 1.5fr; }.catalog-trust > div { grid-column: 2; }
  .pdp-buy { grid-template-columns: minmax(0,1fr) minmax(390px,.85fr); }
  .pdp-benefits,.pdp-how { grid-template-columns: .55fr 1.45fr; }
}

@media (max-width: 800px) {
  .nav-actions { gap: 0; }.nav-catalog { min-height: 39px; padding: .7rem .75rem; font-size: .5rem; }
  .site-header--subpage { top: auto; background: var(--coal); }
  .catalog-hero { min-height: 760px; }.catalog-hero__copy { top: auto; right: 1.25rem; bottom: 5rem; left: 1.25rem; width: auto; transform: none; }.catalog-hero__copy h1 { font-size: clamp(4.4rem,18vw,7.3rem); }.catalog-hero__copy > p:last-child { font-size: .86rem; }.catalog-hero__objects { top: 4%; right: -14%; width: 92%; height: 54%; opacity: .72; }.catalog-hero__index { right: 1.25rem; bottom: 1.2rem; left: 1.25rem; }
  .catalog-chapter-nav a { justify-content: center; padding: 0 .6rem; font-size: .62rem; }.catalog-chapter { padding: 6.5rem 1.25rem; }.catalog-chapter__header { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 3rem; }.catalog-chapter__header h2 { font-size: 4.2rem; }.catalog-chapter__header > span { max-width: 31rem; }.catalog-grid { grid-template-columns: 1fr; }.catalog-card__image { height: 112vw; max-height: 650px; }.catalog-trust { grid-template-columns: 1fr; padding: 6rem 1.25rem; }.catalog-trust > div { grid-column: 1; }
  .pdp-breadcrumb { padding: 1rem 1.25rem; overflow-x: auto; white-space: nowrap; }.pdp-buy { display: block; }.pdp-gallery { position: relative; height: 74svh; min-height: 580px; border-right: 0; border-bottom: 1px solid var(--line); }.pdp-summary { padding: 4.5rem 1.25rem 6rem; }.pdp-summary h1 { font-size: clamp(5rem,23vw,7.6rem); }.pdp-reassurance { grid-template-columns: 1fr; }.pdp-reassurance p { border-right: 0; border-bottom: 1px solid var(--line); }.pdp-reassurance p:last-child { border-bottom: 0; }
  .pdp-field-scene { min-height: 820px; }.pdp-field-scene h2 { font-size: clamp(4.5rem,18vw,7rem); }.pdp-field-scene > div:last-child { right: 1.25rem; bottom: 3rem; left: 1.25rem; }
  .pdp-benefits,.pdp-how { grid-template-columns: 1fr; padding: 6.5rem 1.25rem; }.pdp-benefits > div { margin-top: 2rem; }.pdp-benefits article { grid-template-columns: 46px 1fr; gap: 1.2rem; }.pdp-benefits article span { grid-column: 2; }.pdp-how ol { margin-top: 2rem; }.pdp-how li { grid-template-columns: 54px 1fr; }
  .pdp-spec-grid { grid-template-columns: 1fr; }.pdp-spec-grid article { min-height: 540px; padding: 6rem 1.25rem; }.pdp-turntable { grid-template-columns: 1fr; padding: 6.5rem 1.25rem; }.pdp-turntable > img { margin-top: 2rem; }.pdp-provenance { grid-template-columns: 1fr; padding: 4rem 1.25rem; }.pdp-related { padding: 6rem 1.25rem; }.pdp-related > div { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .nav-catalog span { display: none; }.site-header--subpage .nav-catalog { font-size: .47rem; }
  .catalog-chapter-nav a { min-height: 58px; font-size: .54rem; }.catalog-chapter-nav span { display: none; }.catalog-card__body h3 { font-size: 2.7rem; }
  .pdp-gallery { height: 66svh; min-height: 520px; grid-template-rows: minmax(0,1fr) 84px; }.pdp-summary h1 { font-size: 5.6rem; }.pdp-release-card h2 { font-size: 1.8rem; }.pdp-field-scene { min-height: 760px; }.pdp-benefits header h2,.pdp-how header h2,.pdp-turntable h2 { font-size: 4.2rem; }.pdp-related h2 { font-size: 4.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-float,.catalog-card__image > img,.catalog-card__context { transform: none !important; transition: none !important; }
}

/* Masterbrand homepage */
.master-home { overflow: clip; background: #f3eee5; }
.master-header { position: sticky; top: 0; z-index: 70; display: flex; min-height: 72px; justify-content: space-between; padding-inline: 4vw; color: var(--ink); background: rgba(247,243,236,.94); box-shadow: 0 1px 0 rgba(17,17,15,.11); }
.master-header .wordmark { width: clamp(150px,12vw,188px); }
.master-header .wordmark img { height: 34px; object-fit: contain; object-position: left center; filter: none; }
.master-nav { gap: clamp(1rem,2.2vw,2.4rem); margin-inline: auto; font-family: var(--font-archivo),sans-serif; font-size: .74rem; font-weight: 620; letter-spacing: -.01em; text-transform: none; }
.master-nav__club { color: #9f2f1c; }
.master-header__shop { display: inline-flex; min-height: 42px; padding: .75rem 1rem; color: var(--paper); background: var(--ink); border: 0; font-family: var(--font-archivo),sans-serif; font-size: .72rem; font-weight: 650; letter-spacing: 0; text-transform: none; }

.master-hero { position: relative; height: 210svh; color: var(--paper); background: #0c0d0b; }
.master-hero__sticky { position: sticky; top: 72px; height: calc(100svh - 72px); min-height: 690px; overflow: hidden; background: radial-gradient(circle at 74% 42%,rgba(160,84,49,.24),transparent 24%),linear-gradient(118deg,#11130f 0 45%,#191b16 74%,#090a08 100%); }
.master-hero__atmosphere { position: absolute; inset: 0; pointer-events: none; }
.master-hero__atmosphere::before { position: absolute; right: -8%; bottom: -22%; width: 70%; height: 54%; content: ""; background: repeating-linear-gradient(90deg,rgba(194,199,190,.25) 0 7px,rgba(25,26,22,.88) 7px 35px); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 -35px 90px rgba(216,90,44,.12),0 50px 120px #000; transform: perspective(900px) rotateX(67deg) rotateZ(-5deg); transform-origin: bottom; }
.master-hero__atmosphere::after { position: absolute; top: 5%; right: 4%; width: 44vw; max-width: 690px; aspect-ratio: 1; content: ""; background: radial-gradient(circle,rgba(216,74,43,.14),transparent 64%); filter: blur(12px); }
.master-hero__copy { position: absolute; z-index: 8; top: 50%; left: 5.4vw; width: min(42vw,650px); transform: translateY(-50%); }
.master-hero__copy > p { margin-bottom: 1.45rem; color: rgba(247,243,236,.66); font-size: .9rem; }
.master-hero__copy h1 { max-width: 8.2ch; margin: 0; font-size: clamp(5.1rem,7.6vw,9.5rem); font-weight: 650; line-height: .77; letter-spacing: -.082em; }
.master-hero__copy > span { display: block; max-width: 36rem; margin-top: 2rem; color: rgba(247,243,236,.66); font-size: clamp(.95rem,1.15vw,1.15rem); line-height: 1.58; }
.master-actions { display: flex; gap: .8rem; align-items: center; margin-top: 2rem; }
.master-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: .9rem 1.2rem; border: 1px solid rgba(247,243,236,.3); font-size: .78rem; font-weight: 680; transition: transform 220ms ease,background-color 220ms ease,color 220ms ease; }
.master-button:hover { transform: translateY(-2px); }
.master-button--light { color: var(--ink); background: var(--paper); border-color: var(--paper); }
.master-button--quiet { color: var(--paper); background: rgba(255,255,255,.04); }
.master-product-stage { position: absolute; z-index: 5; top: 7%; right: -2%; bottom: 2%; width: 58%; perspective: 1100px; transform-style: preserve-3d; }
.master-product { position: absolute; display: flex; flex-direction: column; align-items: center; transform-style: preserve-3d; will-change: transform; }
.master-product img { display: block; width: 100%; height: auto; filter: drop-shadow(0 42px 48px rgba(0,0,0,.48)); }
.master-product span { position: absolute; bottom: -1.4rem; padding: .6rem .8rem; color: rgba(247,243,236,.8); background: rgba(9,10,8,.72); backdrop-filter: blur(10px); font-size: .68rem; font-weight: 620; white-space: nowrap; }
.master-product--camp { z-index: 2; top: 14%; left: 18%; width: min(31vw,470px); transform-origin: 50% 80%; }
.master-product--wors { z-index: 4; top: 9%; left: 28%; width: min(25vw,380px); transform-origin: 50% 80%; }
.master-product--grid { z-index: 3; top: 9%; right: -2%; width: min(25vw,380px); transform-origin: 50% 80%; }
.master-product-stage__floor { position: absolute; right: -6%; bottom: 3%; left: -10%; height: 23%; background: radial-gradient(ellipse,rgba(0,0,0,.85),transparent 67%); filter: blur(14px); transform: rotateX(68deg); }
.master-hero__scroll { position: absolute; z-index: 9; right: 4vw; bottom: 2rem; margin: 0; color: rgba(247,243,236,.5); font-size: .7rem; }

.master-intro { display: grid; grid-template-columns: .55fr 1.3fr .75fr; gap: 5vw; align-items: start; padding: clamp(8rem,13vw,15rem) 5.4vw; background: var(--paper); }
.master-intro > p { max-width: 15rem; color: #9f2f1c; font-size: .85rem; line-height: 1.5; }
.master-intro h2 { max-width: 11ch; margin: 0; font-size: clamp(4rem,6.9vw,8rem); font-weight: 630; line-height: .85; letter-spacing: -.075em; }
.master-intro > span { color: var(--muted); line-height: 1.72; }

.moment-grid { display: grid; grid-template-columns: repeat(3,1fr); min-height: 92svh; background: #111; }
.moment-card { position: relative; min-height: 760px; overflow: hidden; color: var(--paper); }
.moment-card img,.moment-card__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.moment-card img { object-fit: cover; filter: saturate(.74) contrast(1.04); transition: transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease; }
.moment-card__shade { background: linear-gradient(0deg,rgba(8,8,7,.88),transparent 63%),linear-gradient(90deg,rgba(8,8,7,.3),transparent 50%); }
.moment-card > div:last-child { position: absolute; z-index: 2; right: 2.4vw; bottom: 3vw; left: 2.4vw; }
.moment-card h2 { max-width: 8ch; margin: 0; font-size: clamp(3.2rem,5vw,6.2rem); line-height: .85; letter-spacing: -.07em; }
.moment-card p { max-width: 24rem; margin: 1rem 0 1.5rem; color: rgba(247,243,236,.65); line-height: 1.55; }
.moment-card span { display: inline-flex; padding-bottom: .3rem; border-bottom: 1px solid rgba(247,243,236,.6); font-size: .75rem; font-weight: 650; }
.moment-card:hover img { filter: saturate(.9) contrast(1.05); transform: scale(1.035); }

.master-range { padding: clamp(7rem,11vw,12rem) 5.4vw; background: #f1ece3; }
.master-range > header { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 4.5rem; }
.master-range > header p { margin-bottom: 1.2rem; color: #9f2f1c; font-size: .82rem; }
.master-range > header h2 { max-width: 10ch; margin: 0; font-size: clamp(4rem,6.5vw,7.3rem); line-height: .84; letter-spacing: -.074em; }
.master-range > header > a { padding-bottom: .4rem; border-bottom: 1px solid var(--ink); font-size: .78rem; font-weight: 650; }
.master-range__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem 1.4rem; }
.master-range-card > div { aspect-ratio: 1; overflow: hidden; background: #e4ded3; }
.master-range-card img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; transition: transform .8s cubic-bezier(.22,1,.36,1); }
.master-range-card:hover img { transform: scale(1.04); }
.master-range-card h3 { margin: 1.25rem 0 .25rem; font-size: 1.55rem; letter-spacing: -.035em; }
.master-range-card p { margin: 0; color: var(--muted); font-size: .82rem; }

.future-worlds { display: grid; grid-template-columns: 1fr 1fr; }
.future-world { position: relative; display: flex; min-height: 760px; overflow: hidden; align-items: flex-end; padding: 5vw; }
.future-world__copy { position: relative; z-index: 3; max-width: 33rem; }
.future-world__copy > p { margin-bottom: 1.2rem; font-size: .82rem; }
.future-world__copy h2 { max-width: 9ch; margin: 0; font-size: clamp(3.8rem,6vw,7.2rem); line-height: .84; letter-spacing: -.074em; }
.future-world__copy > span { display: block; max-width: 29rem; margin: 1.4rem 0 1.6rem; line-height: 1.65; opacity: .68; }
.future-world__copy b { display: inline-block; padding-bottom: .35rem; border-bottom: 1px solid currentColor; font-size: .78rem; }
.future-world--pantry { color: #efe9dc; background: radial-gradient(circle at 75% 22%,rgba(234,177,76,.22),transparent 25%),#354337; }
.future-world--biltong { color: #201811; background: radial-gradient(circle at 74% 25%,rgba(255,255,255,.56),transparent 32%),#c7a276; }
.future-world__tins { position: absolute; top: 14%; right: 2%; display: flex; gap: 1rem; align-items: end; transform: rotate(-7deg); }
.future-world__tins i { display: block; width: 130px; height: 250px; background: linear-gradient(90deg,#b48749,#e1c28d 45%,#8f6235); border-radius: 8px 8px 16px 16px; box-shadow: 0 30px 50px rgba(0,0,0,.24); }
.future-world__tins i:nth-child(2) { height: 310px; background: linear-gradient(90deg,#7d2f22,#c95e40 46%,#702417); }
.future-world__tins i:nth-child(3) { height: 225px; background: linear-gradient(90deg,#11110f,#49473f 45%,#090907); }
.future-world__pack { position: absolute; top: 11%; right: 8%; display: flex; width: min(22vw,330px); aspect-ratio: .72; flex-direction: column; justify-content: space-between; padding: 2rem; color: #f3eadb; background: linear-gradient(135deg,#6d261d,#a74731 58%,#50201b); border-radius: 9px 9px 28px 28px; box-shadow: 0 45px 80px rgba(61,34,15,.35); transform: rotate(7deg); }
.future-world__pack span,.future-world__pack small { font-size: .65rem; font-weight: 670; letter-spacing: .08em; }
.future-world__pack strong { font-size: clamp(2.8rem,4vw,5rem); line-height: .8; letter-spacing: -.07em; }

.master-promise { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; padding: clamp(8rem,12vw,14rem) 5.4vw; background: var(--paper); }
.master-promise > div:first-child > p { color: #9f2f1c; font-size: .82rem; }
.master-promise h2 { max-width: 10ch; margin: 1.4rem 0 0; font-size: clamp(3.6rem,5.7vw,6.7rem); line-height: .86; letter-spacing: -.073em; }
.master-promise__items { display: grid; align-content: center; gap: 3.2rem; }
.master-promise__items article { max-width: 38rem; }
.master-promise__items h3 { margin: 0 0 .65rem; font-size: 1.4rem; }
.master-promise__items p { margin: 0; color: var(--muted); line-height: 1.7; }
.master-close { display: grid; min-height: 90svh; color: var(--paper); background: linear-gradient(90deg,rgba(8,8,7,.86),rgba(8,8,7,.18)),url('/campaign/crops/hero-highveld-dusk-web.jpg') center/cover; place-items: end start; padding: 5.4vw; }
.master-close > div { max-width: 70rem; }
.master-close p { color: rgba(247,243,236,.65); }
.master-close h2 { max-width: 12ch; margin: 0 0 2.4rem; font-size: clamp(4.6rem,7.8vw,9rem); line-height: .82; letter-spacing: -.08em; }
.master-footer { grid-template-columns: 1.2fr .8fr 1fr; align-items: start; padding: 4.5rem 5.4vw; }
.master-footer > div:first-child > p { max-width: 25rem; margin: 1.5rem 0 0; color: rgba(247,243,236,.56); }
.master-footer .footer-note { max-width: 25rem; margin: 0; line-height: 1.55; }

@media (max-width: 1050px) {
  .master-nav { display: none; }
  .master-hero__copy { top: 18%; width: 56vw; transform: none; }
  .master-hero__copy h1 { font-size: clamp(4.7rem,10vw,8rem); }
  .master-product-stage { top: 36%; width: 76%; }
  .master-product--camp { width: min(40vw,430px); }
  .master-product--wors,.master-product--grid { width: min(33vw,350px); }
  .moment-grid { grid-template-columns: 1fr; }
  .moment-card { min-height: 82svh; }
  .moment-card > div:last-child { right: 5.4vw; bottom: 5.4vw; left: 5.4vw; }
  .master-intro { grid-template-columns: .5fr 1.5fr; }
  .master-intro > span { grid-column: 2; max-width: 34rem; }
  .future-worlds { grid-template-columns: 1fr; }
  .future-world__pack { width: min(38vw,330px); }
}

@media (max-width: 700px) {
  .master-header { min-height: 64px; padding-inline: 1.25rem; }
  .master-header__shop { min-height: 38px; padding: .65rem .75rem; }
  .master-hero__sticky { top: 64px; height: calc(100svh - 64px); min-height: 650px; }
  .master-hero__copy { top: 8%; left: 1.25rem; width: calc(100% - 2.5rem); }
  .master-hero__copy > p { font-size: .74rem; }
  .master-hero__copy h1 { max-width: 8ch; font-size: clamp(3.9rem,16.5vw,5.7rem); }
  .master-hero__copy > span { max-width: 28rem; margin-top: 1.3rem; font-size: .85rem; }
  .master-actions { margin-top: 1.4rem; }
  .master-button { min-height: 46px; padding: .75rem .9rem; font-size: .7rem; }
  .master-product-stage { top: 52%; right: -5%; width: 108%; height: 46%; }
  .master-product--camp { top: 12%; left: 2%; width: 52vw; }
  .master-product--wors { top: 2%; left: 29%; width: 41vw; }
  .master-product--grid { top: 5%; right: 8%; width: 40vw; }
  .master-product span { display: none; }
  .master-hero__scroll { right: 1.25rem; bottom: 1rem; }
  .master-intro { grid-template-columns: 1fr; padding: 7rem 1.25rem; }
  .master-intro h2 { font-size: 4.4rem; }
  .master-intro > span { grid-column: auto; }
  .moment-card { min-height: 720px; }
  .moment-card > div:last-child { right: 1.25rem; bottom: 2rem; left: 1.25rem; }
  .moment-card h2 { font-size: 4.2rem; }
  .master-range { padding: 7rem 1.25rem; }
  .master-range > header { display: block; }
  .master-range > header h2 { margin-bottom: 2rem; font-size: 4.4rem; }
  .master-range__grid { grid-template-columns: repeat(2,1fr); gap: 2.2rem .8rem; }
  .master-range-card h3 { font-size: 1.25rem; }
  .future-world { min-height: 720px; padding: 4rem 1.25rem; }
  .future-world__copy h2 { font-size: 4.3rem; }
  .future-world__tins { top: 7%; right: -12%; transform: rotate(-7deg) scale(.75); transform-origin: top right; }
  .future-world__pack { top: 7%; right: 8%; width: 230px; }
  .master-promise { grid-template-columns: 1fr; padding: 7rem 1.25rem; }
  .master-promise h2 { font-size: 4.2rem; }
  .master-close { min-height: 760px; padding: 4rem 1.25rem; }
  .master-close h2 { font-size: 4.7rem; }
  .master-footer { grid-template-columns: 1fr; gap: 2.5rem; padding: 4rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .master-product { transform: none !important; }
  .master-hero { height: 100svh; }
}

/* Biltong Club concept page */
.club-page { overflow: clip; background: #efe5d3; }
.club-story { height: 205svh; color: #251b13; background: #d8bd91; }
.club-story__sticky { position: sticky; top: 72px; height: calc(100svh - 72px); min-height: 680px; overflow: hidden; background: radial-gradient(circle at 73% 27%,rgba(255,249,234,.76),transparent 28%),linear-gradient(135deg,#dfc69e,#b88958); }
.club-story__sticky::after { position: absolute; right: -8%; bottom: -20%; width: 64%; aspect-ratio: 1; content: ""; background: radial-gradient(ellipse,rgba(60,31,12,.28),transparent 64%); filter: blur(22px); transform: rotate(-12deg); }
.club-story__copy { position: absolute; z-index: 5; top: 50%; left: 5.4vw; width: min(45vw,670px); transform: translateY(-50%); }
.club-story__copy > p { color: #8c321f; font-size: .85rem; }
.club-story__copy h1 { max-width: 8.5ch; margin: 1.3rem 0 0; font-size: clamp(5rem,8.4vw,9.5rem); line-height: .79; letter-spacing: -.08em; }
.club-story__copy > span { display: block; max-width: 34rem; margin-top: 1.8rem; color: rgba(37,27,19,.67); font-size: 1rem; line-height: 1.65; }
.club-story__copy > div { display: flex; gap: .75rem; margin-top: 2rem; }
.master-button--club { color: #f6ecdc; background: #7e2d21; border-color: #7e2d21; }
.master-button--club-quiet { color: #251b13; background: transparent; border-color: rgba(37,27,19,.35); }
.club-motion { position: absolute; z-index: 3; top: 7%; right: 4%; width: 46%; height: 84%; perspective: 1100px; }
.club-box { position: absolute; right: 8%; bottom: 7%; width: 76%; height: 32%; color: #efe6d7; background: linear-gradient(150deg,#314039,#17231f); border: 10px solid #22302b; border-radius: 18px 18px 52px 52px; box-shadow: 0 38px 70px rgba(51,30,15,.42),inset 0 0 0 2px rgba(255,255,255,.1); transform: perspective(800px) rotateX(58deg) rotateZ(-4deg); transform-origin: bottom; }
.club-box > span { position: absolute; right: 0; bottom: 36%; left: 0; font-size: .8rem; font-weight: 650; text-align: center; }
.club-box__lid { position: absolute; z-index: 2; right: 8%; bottom: 35%; display: grid; width: 76%; height: 28%; color: rgba(239,230,215,.72); background: linear-gradient(150deg,#405048,#1b2823); border: 8px solid #26342f; border-radius: 36px 36px 12px 12px; box-shadow: 0 26px 50px rgba(52,29,12,.3); place-items: center; transform-origin: bottom; will-change: transform; }
.club-box__lid span { font-size: 1rem; font-weight: 700; letter-spacing: .08em; }
.club-packs { position: absolute; z-index: 5; right: 11%; bottom: 15%; display: flex; width: 69%; justify-content: center; gap: .45rem; }
.club-pack { display: flex; width: 17%; min-width: 62px; height: 190px; flex-direction: column; justify-content: space-between; padding: .8rem .55rem; color: #f0e5d5; background: linear-gradient(135deg,#843324,#a94834 55%,#5e241d); border-radius: 5px 5px 14px 14px; box-shadow: 0 20px 30px rgba(45,20,12,.27); will-change: transform,opacity; }
.club-pack small { font-size: .54rem; font-weight: 700; }
.club-pack strong { font-size: 1.05rem; letter-spacing: -.04em; writing-mode: vertical-rl; transform: rotate(180deg); }
.club-pack span { font-size: .42rem; opacity: .65; }
.club-scroll { position: absolute; right: 4vw; bottom: 1.5rem; z-index: 8; color: rgba(37,27,19,.58); font-size: .7rem; }
.club-plan { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; padding: clamp(8rem,12vw,14rem) 5.4vw; background: #f6f0e6; }
.club-plan header > p,.club-choices > div:first-child > p { color: #91331f; font-size: .82rem; }
.club-plan h2,.club-choices h2 { max-width: 10ch; margin: 1.3rem 0 0; font-size: clamp(4rem,6.4vw,7.4rem); line-height: .85; letter-spacing: -.075em; }
.club-plan > div { display: grid; align-content: center; gap: 3.2rem; }
.club-plan article { max-width: 40rem; }
.club-plan article h3 { margin: 0 0 .7rem; font-size: 1.45rem; }
.club-plan article p { margin: 0; color: var(--muted); line-height: 1.7; }
.club-choices { padding: clamp(7rem,11vw,12rem) 5.4vw; color: #efe7d9; background: #28352f; }
.club-choices > div:first-child { display: grid; grid-template-columns: .5fr 1.5fr; gap: 4vw; align-items: start; }
.club-choices > div:first-child p { color: #e5aa7b; }
.club-choices__cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 5rem; }
.club-flavour { display: flex; min-height: 470px; flex-direction: column; justify-content: space-between; padding: 2rem; border-radius: 12px; box-shadow: 0 25px 55px rgba(0,0,0,.18); }
.club-flavour span { font-size: .78rem; }
.club-flavour strong { max-width: 7ch; font-size: 3rem; line-height: .9; letter-spacing: -.06em; }
.club-flavour--original { background: linear-gradient(145deg,#a94832,#66261e); }
.club-flavour--mild { color: #282019; background: linear-gradient(145deg,#e4bb76,#b98549); }
.club-flavour--mix { background: linear-gradient(145deg,#57634a,#2f3b32); }
.club-choices__note { max-width: 47rem; margin: 2rem 0 0 auto; color: rgba(239,231,217,.56); font-size: .74rem; line-height: 1.65; }
.club-future { min-height: 92svh; padding: 5.4vw; color: #f4ecdf; background: linear-gradient(90deg,rgba(19,17,13,.86),rgba(19,17,13,.2)),url('/products/camp-01/lifestyle-wide.webp') center/cover; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
.club-future > p { color: rgba(244,236,223,.62); }
.club-future h2 { max-width: 11ch; margin: .7rem 0 2.5rem; font-size: clamp(4.7rem,7.8vw,9rem); line-height: .82; letter-spacing: -.08em; }

@media (max-width: 900px) {
  .club-story__copy { top: 10%; width: 56vw; transform: none; }
  .club-motion { top: 43%; right: -3%; width: 76%; height: 54%; }
  .club-plan { grid-template-columns: 1fr; }
  .club-choices > div:first-child { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .club-story__sticky { top: 64px; height: calc(100svh - 64px); min-height: 680px; }
  .club-story__copy { top: 7%; left: 1.25rem; width: calc(100% - 2.5rem); }
  .club-story__copy h1 { font-size: clamp(4.1rem,18vw,6rem); }
  .club-story__copy > span { margin-top: 1.1rem; font-size: .84rem; }
  .club-story__copy > div { margin-top: 1.2rem; }
  .club-motion { top: 52%; right: -18%; width: 118%; height: 46%; }
  .club-pack { min-width: 48px; height: 145px; }
  .club-box,.club-box__lid { right: 12%; width: 72%; }
  .club-scroll { right: 1.25rem; }
  .club-plan,.club-choices { padding: 7rem 1.25rem; }
  .club-plan h2,.club-choices h2 { font-size: 4.3rem; }
  .club-choices__cards { grid-template-columns: 1fr; }
  .club-flavour { min-height: 380px; }
  .club-future { min-height: 760px; padding: 4rem 1.25rem; }
  .club-future h2 { font-size: 4.6rem; }
}

/* Softer retail language across catalogue and product pages */
.catalog-kicker { margin: 0 0 1.3rem; color: rgba(247,243,236,.68); font-size: .82rem; }
.catalog-chapter-nav { grid-template-columns: repeat(4,1fr); }
.catalog-chapter-nav a { font-family: var(--font-archivo),sans-serif; font-size: .72rem; font-weight: 620; letter-spacing: 0; text-transform: none; }
.catalog-grid { gap: 1.4rem; background: transparent; border: 0; }
.catalog-card { background: transparent; }
.catalog-card__body { padding: 1.2rem 0 0; }
.catalog-card__body > span { min-height: 0; margin-bottom: 1.2rem; }
.catalog-card__body > a { display: inline-block; padding-top: .25rem; border-top: 0; border-bottom: 1px solid currentColor; font-family: var(--font-archivo),sans-serif; font-size: .72rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
.catalog-card__placeholder strong { padding: 2rem; font-size: clamp(2rem,4vw,4.5rem); line-height: .88; text-align: center; }
.catalog-trust > div { border-top: 0; }
.catalog-trust > div p { margin-top: 0; }
.pdp-breadcrumb { gap: 1.4rem; font-family: var(--font-archivo),sans-serif; font-size: .66rem; letter-spacing: 0; text-transform: capitalize; }
.pdp-breadcrumb a { color: var(--muted); }
.pdp-gallery--empty > strong { max-width: 8ch; font-size: clamp(3rem,7vw,7rem); line-height: .85; letter-spacing: -.07em; text-align: center; }
.pdp-release-card::after,.pdp-field-scene--future::after { content: none; }
.pdp-benefits article { grid-template-columns: .65fr 1fr; }
.pdp-how li { grid-template-columns: 1fr; }
.pdp-related a > p { display: block; }
.release-action > button { justify-content: center; }

@media (max-width: 800px) {
  .catalog-chapter-nav { grid-template-columns: repeat(2,1fr); }
  .pdp-benefits article { grid-template-columns: 1fr; }
  .pdp-benefits article span { grid-column: auto; }
  .pdp-how li { grid-template-columns: 1fr; padding: 2rem 0; }
}

/* Homepage hero correction: one scene, one message, one focal point */
.master-home > .master-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: var(--paper);
  background: linear-gradient(180deg,rgba(8,8,7,.66),rgba(8,8,7,.18) 72%,transparent);
  box-shadow: none;
}
.master-home > .master-header .wordmark img { filter: brightness(0) invert(1); }
.master-home > .master-header .master-header__shop { color: var(--ink); background: var(--paper); }
.master-hero--single { height: 155svh; }
.master-hero--single .master-hero__sticky { top: 0; height: 100svh; min-height: 680px; }
.master-hero__background,.master-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.master-hero__background { z-index: 0; overflow: hidden; }
.master-hero__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.03);
  transform: scale(calc(1.025 + var(--hero-progress) * .055));
  will-change: transform;
}
.master-hero__shade {
  z-index: 1;
  background: linear-gradient(180deg,rgba(8,8,7,.42),rgba(8,8,7,.3) 38%,rgba(8,8,7,.68)),radial-gradient(circle at 50% 50%,rgba(8,8,7,.1),rgba(8,8,7,.48) 78%);
}
.master-hero__center {
  position: absolute;
  z-index: 4;
  top: 52%;
  left: 50%;
  width: min(88vw,1120px);
  color: var(--paper);
  text-align: center;
  opacity: calc(1 - var(--hero-progress) * .72);
  transform: translate3d(-50%,calc(-50% - var(--hero-progress) * 2.2rem),0);
}
.master-hero__center > p { margin: 0 0 1.2rem; font-size: clamp(.82rem,1.15vw,1.05rem); font-weight: 720; letter-spacing: .16em; }
.master-hero__center h1 { max-width: 10ch; margin: 0 auto; font-size: clamp(5.2rem,9vw,10.8rem); font-weight: 640; line-height: .79; letter-spacing: -.082em; text-wrap: balance; }
.master-hero__center > span { display: block; margin-top: 1.8rem; color: rgba(247,243,236,.78); font-size: clamp(.95rem,1.25vw,1.18rem); }
.master-hero__center .master-actions { justify-content: center; }
.master-hero--single .master-hero__scroll { right: auto; bottom: 1.7rem; left: 50%; transform: translateX(-50%); }

@media (max-width: 700px) {
  .master-home > .master-header { min-height: 64px; }
  .master-home > .master-header .master-header__shop { color: var(--ink); background: var(--paper); }
  .master-hero--single .master-hero__sticky { min-height: 680px; }
  .master-hero__background img { object-position: 53% center; }
  .master-hero__shade { background: linear-gradient(180deg,rgba(8,8,7,.46),rgba(8,8,7,.3) 36%,rgba(8,8,7,.76)); }
  .master-hero__center { top: 53%; width: calc(100% - 2.5rem); }
  .master-hero__center > p { margin-bottom: 1rem; font-size: .72rem; }
  .master-hero__center h1 { font-size: clamp(4.25rem,18vw,6.2rem); }
  .master-hero__center > span { max-width: 22rem; margin: 1.3rem auto 0; font-size: .84rem; line-height: 1.5; }
  .master-hero__center .master-actions { flex-wrap: wrap; }
  .master-hero--single .master-hero__scroll { bottom: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .master-hero--single { height: 100svh; }
  .master-hero__background img,.master-hero__center { opacity: 1 !important; transform: none !important; }
  .master-hero__center { transform: translate(-50%,-50%) !important; }
}

/* BRAAIFORM navigation and restrained ember accent */
.site-header.master-header {
  position: sticky;
  top: 0;
  right: auto;
  left: auto;
  display: flex;
  min-height: 72px;
  padding-inline: 4vw;
  color: var(--ink);
  background: rgba(247,243,236,.97);
  border-bottom: 1px solid rgba(17,17,15,.12);
  box-shadow: none;
  backdrop-filter: blur(18px);
}
.master-home > .site-header.master-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: var(--ink);
  background: rgba(247,243,236,.97);
  border-bottom-color: rgba(17,17,15,.12);
}
.site-header.master-header .wordmark img,
.master-home > .site-header.master-header .wordmark img { filter: none; }
.site-header.master-header .master-nav { display: flex; gap: clamp(1.15rem,2.4vw,2.8rem); }
.site-header.master-header .master-nav a { color: var(--ink-soft); }
.site-header.master-header .master-nav a:hover,
.site-header.master-header .master-nav a:focus-visible,
.site-header.master-header .master-nav a[aria-current="page"] { color: var(--cobalt); }
.site-header.master-header .master-nav a::after { background: var(--cobalt); }
.site-header.master-header .master-nav a[aria-current="page"]::after { transform: scaleX(1); }
.site-header.master-header .master-header__shop,
.master-home > .site-header.master-header .master-header__shop {
  color: #fff;
  background: var(--cobalt);
  border: 1px solid var(--cobalt);
}
.site-header.master-header .master-header__shop:hover,
.site-header.master-header .master-header__shop:focus-visible {
  color: #fff;
  background: var(--cobalt-dark);
  border-color: var(--cobalt-dark);
}
.master-menu { position: relative; display: none; margin-left: auto; }
.master-menu summary {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: .7rem .9rem;
  color: #fff;
  background: var(--cobalt);
  border: 1px solid var(--cobalt);
  font-size: .72rem;
  font-weight: 680;
  list-style: none;
  cursor: pointer;
}
.master-menu summary::-webkit-details-marker { display: none; }
.master-menu nav {
  position: absolute;
  top: calc(100% + .7rem);
  right: 0;
  display: grid;
  width: min(84vw,310px);
  padding: .65rem;
  background: var(--paper);
  border: 1px solid rgba(17,17,15,.14);
  box-shadow: 0 22px 55px rgba(17,17,15,.18);
}
.master-menu nav a {
  display: flex;
  min-height: 50px;
  align-items: center;
  padding: 0 .9rem;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 640;
}
.master-menu nav a[aria-current="page"] { color: var(--cobalt); background: rgba(217,74,43,.08); }
.master-button--ember { color: #fff; background: var(--cobalt); border-color: var(--cobalt); }
.master-button--ember:hover,
.master-button--ember:focus-visible { color: #fff; background: var(--cobalt-dark); border-color: var(--cobalt-dark); }
.master-hero__center > p { color: #ff7657; }

/* About BRAAIFORM */
.about-page { overflow: clip; color: var(--ink); background: var(--paper); }
.about-hero { position: relative; min-height: calc(100svh - 72px); overflow: hidden; color: var(--paper); background: var(--coal); }
.about-hero picture,
.about-hero picture img,
.about-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.about-hero picture img { display: block; object-fit: cover; filter: saturate(.78) contrast(1.05); }
.about-hero__shade { background: linear-gradient(90deg,rgba(10,10,8,.72),rgba(10,10,8,.08) 72%),linear-gradient(0deg,rgba(10,10,8,.72),transparent 58%); }
.about-hero__copy { position: absolute; z-index: 2; right: 5.4vw; bottom: 7vw; left: 5.4vw; }
.about-hero__copy > p,
.about-origin > p,
.about-ritual header > p,
.about-standard__copy > p,
.about-future > p { margin: 0 0 1.25rem; color: #ff7657; font-size: .82rem; font-weight: 680; }
.about-hero__copy h1 { max-width: 10ch; margin: 0; font-size: clamp(5.3rem,9.2vw,11rem); line-height: .78; letter-spacing: -.085em; }
.about-hero__copy > span { display: block; max-width: 42rem; margin-top: 1.8rem; color: rgba(247,243,236,.76); font-size: clamp(.95rem,1.3vw,1.2rem); line-height: 1.6; }
.about-origin { display: grid; grid-template-columns: .42fr 1.58fr; gap: 7vw; padding: clamp(8rem,12vw,14rem) 5.4vw; background: var(--paper); }
.about-origin > div { max-width: 76rem; }
.about-origin h2 { max-width: 13ch; margin: 0 0 3rem; font-size: clamp(4rem,6.8vw,8rem); line-height: .86; letter-spacing: -.075em; }
.about-origin > div > p { max-width: 47rem; color: var(--muted); font-size: clamp(.96rem,1.15vw,1.1rem); line-height: 1.75; }
.about-ritual { padding: clamp(7rem,10vw,11rem) 5.4vw; color: var(--paper); background: var(--coal); }
.about-ritual header { display: grid; grid-template-columns: .42fr 1.58fr; gap: 7vw; align-items: start; }
.about-ritual h2 { max-width: 10ch; margin: 0; font-size: clamp(4rem,6.7vw,7.8rem); line-height: .85; letter-spacing: -.075em; }
.about-ritual > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-top: 6rem; }
.about-ritual article { min-height: 330px; padding: 1.8rem; background: #1b1b18; }
.about-ritual article:nth-child(2) { background: #24231f; }
.about-ritual article:nth-child(3) { color: var(--ink); background: #e8e1d5; }
.about-ritual article:nth-child(4) { background: #9f2f1c; }
.about-ritual article span { color: #ff7657; font-size: .7rem; font-weight: 700; }
.about-ritual article:nth-child(3) span,
.about-ritual article:nth-child(4) span { color: inherit; opacity: .6; }
.about-ritual h3 { max-width: 7ch; margin: 8rem 0 .8rem; font-size: 2rem; line-height: .95; letter-spacing: -.05em; }
.about-ritual article p { max-width: 17rem; margin: 0; color: inherit; font-size: .82rem; line-height: 1.6; opacity: .62; }
.about-standard { display: grid; grid-template-columns: 1fr 1fr; min-height: 850px; background: var(--mineral); }
.about-standard__image { min-height: 700px; overflow: hidden; }
.about-standard__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-standard__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(4rem,7vw,8rem); }
.about-standard__copy h2 { max-width: 9ch; margin: 0 0 3rem; font-size: clamp(4rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }
.about-standard__copy ul { max-width: 43rem; margin: 0; padding: 0; list-style: none; }
.about-standard__copy li { display: grid; gap: .5rem; padding: 1.4rem 0; border-top: 1px solid rgba(17,17,15,.16); }
.about-standard__copy li:last-child { border-bottom: 1px solid rgba(17,17,15,.16); }
.about-standard__copy li strong { font-size: 1rem; }
.about-standard__copy li span { color: var(--muted); font-size: .84rem; line-height: 1.6; }
.about-future { padding: clamp(8rem,12vw,14rem) 5.4vw; color: var(--paper); background: #302f2a; }
.about-future h2 { max-width: 12ch; margin: 0; font-size: clamp(4.4rem,7.3vw,8.7rem); line-height: .83; letter-spacing: -.08em; }
.about-future > span { display: block; max-width: 46rem; margin-top: 2rem; color: rgba(247,243,236,.62); line-height: 1.72; }
.about-future > div { display: flex; align-items: center; gap: 1.5rem; margin-top: 2.4rem; }
.about-text-link { padding-bottom: .3rem; color: var(--paper); border-bottom: 1px solid rgba(247,243,236,.7); font-size: .78rem; font-weight: 670; }

@media (max-width: 780px) {
  .site-header.master-header { min-height: 64px; padding-inline: 1.25rem; }
  .site-header.master-header .wordmark { width: 154px; }
  .site-header.master-header .master-nav,
  .site-header.master-header .master-header__shop { display: none; }
  .master-menu { display: block; }
  .about-hero { min-height: calc(100svh - 64px); }
  .about-hero__copy { right: 1.25rem; bottom: 4rem; left: 1.25rem; }
  .about-hero__copy h1 { font-size: clamp(4.7rem,19vw,7rem); }
  .about-origin,
  .about-ritual header { grid-template-columns: 1fr; }
  .about-origin { padding: 7rem 1.25rem; }
  .about-origin h2 { font-size: 4.45rem; }
  .about-ritual { padding: 7rem 1.25rem; }
  .about-ritual h2 { font-size: 4.4rem; }
  .about-ritual > div { grid-template-columns: repeat(2,1fr); margin-top: 4rem; }
  .about-ritual article { min-height: 280px; }
  .about-ritual h3 { margin-top: 5rem; }
  .about-standard { grid-template-columns: 1fr; }
  .about-standard__image { min-height: 72svh; }
  .about-standard__copy { padding: 7rem 1.25rem; }
  .about-standard__copy h2 { font-size: 4.4rem; }
  .about-future { padding: 7rem 1.25rem; }
  .about-future h2 { font-size: 4.55rem; }
  .about-future > div { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 500px) {
  .about-ritual > div { grid-template-columns: 1fr; }
  .about-ritual article { min-height: 250px; }
  .about-ritual h3 { margin-top: 4rem; }
}

/* Living Braai: one uninterrupted viewport, six whole photographic frames */
.living-braai {
  --story-p: 0;
  --frame-hero: 1;
  --frame-manifesto: 0;
  --frame-light: 0;
  --frame-cook: 0;
  --frame-gather: 0;
  --frame-reset: 0;
  --scale-hero: 1.01;
  --scale-manifesto: 1.015;
  --scale-light: 1.01;
  --scale-cook: 1.01;
  --scale-gather: 1.01;
  --scale-reset: 1.01;
  --copy-hero: 1;
  --copy-manifesto: 0;
  --copy-light: 0;
  --copy-cook: 0;
  --copy-gather: 0;
  --copy-reset: 0;
  position: relative;
  height: 500svh;
  color: var(--paper);
  background: #090a08;
}
.living-braai__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 82% 44%,rgba(180,55,28,.2),transparent 30%),
    linear-gradient(135deg,#11110e,#070807 62%);
}
.living-braai__hero-plate,
.living-braai__hero-plate img,
.living-braai__frames,
.living-braai__frame,
.living-braai__frame picture,
.living-braai__frame img,
.living-braai__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.living-braai__hero-plate {
  z-index: 0;
  margin: 0;
  opacity: var(--frame-hero);
  overflow: hidden;
}
.living-braai__hero-plate img,
.living-braai__frame img {
  display: block;
  object-fit: cover;
  object-position: center;
  backface-visibility: hidden;
}
.living-braai__hero-plate img { transform: translateZ(0) scale(var(--scale-hero)); }
.living-braai__frames { z-index: 1; }
.living-braai__frame {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.living-braai__frame picture { display: block; }
.living-braai__frame--manifesto { opacity: var(--frame-manifesto); }
.living-braai__frame--manifesto img { transform: translateZ(0) scale(var(--scale-manifesto)); }
.living-braai__frame--light { opacity: var(--frame-light); }
.living-braai__frame--light img { transform: translateZ(0) scale(var(--scale-light)); }
.living-braai__frame--cook { opacity: var(--frame-cook); }
.living-braai__frame--cook img { transform: translateZ(0) scale(var(--scale-cook)); }
.living-braai__frame--gather { opacity: var(--frame-gather); }
.living-braai__frame--gather img { transform: translateZ(0) scale(var(--scale-gather)); }
.living-braai__frame--reset { opacity: var(--frame-reset); }
.living-braai__frame--reset img { transform: translateZ(0) scale(var(--scale-reset)); }
.living-braai__shade {
  z-index: 8;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(7,7,6,.76),rgba(7,7,6,.18) 42%,rgba(7,7,6,.03) 67%,rgba(7,7,6,.26)),
    linear-gradient(0deg,rgba(7,7,6,.68),transparent 52%),
    linear-gradient(180deg,rgba(7,7,6,.22),transparent 26%);
}
.living-braai__hero-copy,
.living-braai__manifesto,
.living-braai__chapter {
  position: absolute;
  z-index: 12;
  opacity: 0;
  pointer-events: none;
}
.living-braai__hero-copy.is-active,
.living-braai__manifesto.is-active,
.living-braai__chapter.is-active { pointer-events: auto; }
.living-braai__hero-copy {
  top: 50%;
  left: 50%;
  width: min(88vw,1120px);
  text-align: center;
  opacity: var(--copy-hero);
  transform: translate3d(-50%,-50%,0);
}
.living-braai__hero-copy > p {
  margin: 0 0 1.2rem;
  color: #ff7657;
  font-size: clamp(.82rem,1.15vw,1.05rem);
  font-weight: 720;
  letter-spacing: .16em;
}
.living-braai__hero-copy h1 {
  max-width: 10ch;
  margin: 0 auto;
  font-size: clamp(5.2rem,9vw,10.8rem);
  font-weight: 640;
  line-height: .79;
  letter-spacing: -.082em;
  text-wrap: balance;
}
.living-braai__hero-copy > span {
  display: block;
  margin-top: 1.8rem;
  color: rgba(247,243,236,.78);
  font-size: clamp(.95rem,1.25vw,1.18rem);
}
.living-braai__hero-copy .master-button { margin-top: 2rem; }
.living-braai__manifesto,
.living-braai__chapter {
  top: 50%;
  left: 5.4vw;
  width: min(44vw,710px);
  transform: translate3d(0,-50%,0);
}
.living-braai__manifesto { opacity: var(--copy-manifesto); }
.living-braai__chapter--light { opacity: var(--copy-light); }
.living-braai__chapter--cook { opacity: var(--copy-cook); }
.living-braai__chapter--gather { opacity: var(--copy-gather); }
.living-braai__chapter--reset { opacity: var(--copy-reset); }
.living-braai__manifesto > p,
.living-braai__chapter > p {
  margin: 0 0 1.2rem;
  color: #ff7657;
  font-size: .82rem;
  font-weight: 680;
}
.living-braai__manifesto h2,
.living-braai__chapter h2 {
  max-width: 9.5ch;
  margin: 0;
  font-size: clamp(4.6rem,7.1vw,8.4rem);
  line-height: .82;
  letter-spacing: -.078em;
  text-wrap: balance;
}
.living-braai__manifesto > span,
.living-braai__chapter > span {
  display: block;
  max-width: 34rem;
  margin-top: 1.5rem;
  color: rgba(247,243,236,.72);
  line-height: 1.65;
}
.living-braai__chapter > a {
  display: inline-flex;
  margin-top: 1.8rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid rgba(247,243,236,.72);
  font-size: .78rem;
  font-weight: 680;
}
.living-braai__index {
  position: absolute;
  z-index: 13;
  right: 5.4vw;
  bottom: 2rem;
  left: 5.4vw;
  display: flex;
  justify-content: center;
  gap: clamp(1.2rem,3vw,3.2rem);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .3s ease,transform .4s ease;
}
.living-braai__index.is-visible { opacity: 1; transform: translateY(0); }
.living-braai__index span {
  color: rgba(247,243,236,.42);
  font-size: .68rem;
  font-weight: 650;
  transition: color .25s ease;
}
.living-braai__index span.is-active { color: #ff7657; }
.living-braai__motion {
  position: absolute;
  z-index: 15;
  top: 92px;
  right: 4vw;
  padding: .2rem 0;
  color: rgba(247,243,236,.68);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(247,243,236,.38);
  font-size: .66rem;
  cursor: pointer;
}
.living-braai__scroll {
  position: absolute;
  z-index: 13;
  bottom: 1.7rem;
  left: 50%;
  margin: 0;
  color: rgba(247,243,236,.52);
  font-size: .68rem;
  opacity: var(--copy-hero);
  transform: translateX(-50%);
}
.living-braai__static { display: none; background: var(--paper); color: var(--ink); }
.living-braai__static-hero {
  display: block;
  width: 100%;
  height: 78svh;
  overflow: hidden;
}
.living-braai__static-hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.living-braai__static-intro { padding: 5rem 5.4vw 6rem; }
.living-braai__static-intro > p { margin: 0 0 1.2rem; color: var(--cobalt); font-size: .75rem; font-weight: 700; }
.living-braai__static-intro > h2 {
  max-width: 10ch;
  margin: 0;
  font-size: clamp(4rem,7vw,8rem);
  line-height: .84;
  letter-spacing: -.075em;
}
.living-braai__static-intro > span { display: block; margin-top: 1.4rem; color: var(--muted); }
.living-braai__static-scenes article {
  position: relative;
  min-height: 72svh;
  overflow: hidden;
  color: var(--paper);
  background: #090a08;
}
.living-braai__static-scenes article picture,
.living-braai__static-scenes article picture::after,
.living-braai__static-scenes article img { position: absolute; inset: 0; width: 100%; height: 100%; }
.living-braai__static-scenes article picture { display: block; }
.living-braai__static-scenes article picture::after {
  content: "";
  z-index: 1;
  background: linear-gradient(90deg,rgba(7,7,6,.76),transparent 62%),linear-gradient(0deg,rgba(7,7,6,.62),transparent 58%);
}
.living-braai__static-scenes article img { display: block; object-fit: cover; }
.living-braai__static-scenes article > div { position: absolute; z-index: 2; bottom: 4rem; left: 5.4vw; width: min(38rem,48vw); }
.living-braai__static-scenes article p { margin: 0 0 .9rem; color: #ff7657; font-size: .72rem; font-weight: 700; }
.living-braai__static-scenes h3 { margin: 0; font-size: clamp(3.6rem,6vw,7rem); line-height: .84; letter-spacing: -.07em; }
.living-braai__static-scenes article span { display: block; max-width: 31rem; margin-top: 1rem; color: rgba(247,243,236,.72); line-height: 1.6; }
.living-braai__static-scenes article a { display: inline-flex; margin-top: 1.4rem; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .72rem; font-weight: 680; }
.living-braai__static-scenes > button { margin: 2.5rem 5.4vw 5rem; padding: .8rem 1rem; color: var(--paper); background: var(--cobalt); border: 0; font-weight: 680; cursor: pointer; }
.living-braai.is-motion-reduced { height: auto; }
.living-braai.is-motion-reduced .living-braai__sticky { display: none; }
.living-braai.is-motion-reduced .living-braai__static { display: block; }
.master-range,.future-worlds,.master-promise,.master-close,.master-footer { content-visibility: auto; contain-intrinsic-size: 900px; }

@media (max-width: 780px) {
  .living-braai { height: 430svh; }
  .living-braai__hero-plate img { object-position: 53% center; }
  .living-braai__frame--manifesto img { object-position: 58% center; }
  .living-braai__shade {
    background:
      linear-gradient(0deg,rgba(7,7,6,.88),rgba(7,7,6,.2) 65%,rgba(7,7,6,.08)),
      linear-gradient(90deg,rgba(7,7,6,.38),transparent 72%);
  }
  .living-braai__hero-copy { top: 52%; width: calc(100% - 2.5rem); max-width: calc(100% - 2.5rem); }
  .living-braai__hero-copy > p { margin-bottom: 1rem; font-size: .72rem; }
  .living-braai__hero-copy h1 { max-width: 100%; font-size: clamp(2.85rem,12.2vw,3.65rem); line-height: .84; letter-spacing: -.068em; }
  .living-braai__hero-copy > span { width: min(100%,20rem); max-width: 20rem; margin: 1.3rem auto 0; font-size: .84rem; line-height: 1.5; }
  .living-braai__hero-copy .master-button { margin-top: 1.4rem; }
  .living-braai__manifesto,
  .living-braai__chapter {
    top: auto;
    right: 1.25rem;
    bottom: 6.7rem;
    left: 1.25rem;
    width: auto;
    transform: none;
  }
  .living-braai__manifesto h2,
  .living-braai__chapter h2 { max-width: 10ch; font-size: clamp(3.05rem,12vw,4.25rem); }
  .living-braai__manifesto > span,
  .living-braai__chapter > span { max-width: 28rem; margin-top: .9rem; font-size: .8rem; line-height: 1.5; }
  .living-braai__manifesto > p,
  .living-braai__chapter > p { margin-bottom: .8rem; }
  .living-braai__chapter > a { margin-top: 1rem; }
  .living-braai__index { right: 1.25rem; bottom: 2rem; left: 1.25rem; justify-content: flex-start; gap: 1rem; }
  .living-braai__index span { font-size: .6rem; }
  .living-braai__motion { top: 78px; right: 1.25rem; }
  .living-braai__scroll { bottom: 1rem; }
  .living-braai__static-hero { height: 68svh; }
  .living-braai__static-hero img { object-position: 53% center; }
  .living-braai__static-intro { padding: 4rem 1.25rem 5rem; }
  .living-braai__static-intro > h2 { font-size: clamp(3.6rem,14vw,5.1rem); }
  .living-braai__static-scenes article { min-height: 76svh; }
  .living-braai__static-scenes article picture::after { background: linear-gradient(0deg,rgba(7,7,6,.9),rgba(7,7,6,.08) 72%); }
  .living-braai__static-scenes article > div { right: 1.25rem; bottom: 3rem; left: 1.25rem; width: auto; }
  .living-braai__static-scenes h3 { font-size: clamp(3rem,12vw,4.2rem); }
  .living-braai__static-scenes > button { margin-right: 1.25rem; margin-left: 1.25rem; }
}

@media (max-width: 780px) and (max-height: 720px) {
  .living-braai__manifesto,
  .living-braai__chapter { bottom: 5.7rem; }
  .living-braai__manifesto h2,
  .living-braai__chapter h2 { font-size: clamp(2.65rem,10.8vw,3.6rem); }
  .living-braai__manifesto > span,
  .living-braai__chapter > span { line-height: 1.4; }
}

@media (prefers-reduced-motion: reduce) {
  .living-braai { height: auto; }
  .living-braai__sticky { display: none; }
  .living-braai__static { display: block; }
  .living-braai__static-scenes > button { display: none; }
}

/* Living Braai v11: one registered world, moved by scroll without scene swaps. */
.living-braai {
  --world-x: 0%;
  --world-y: 0%;
  --world-scale: 1.055;
  --world-rotate: 0deg;
  --world-object-x: 50%;
  --world-x-mobile: 0%;
  --world-y-mobile: 0%;
  --world-scale-mobile: 1.067;
  --ember-alpha: 0;
  --ember-rise: 0px;
  --smoke-alpha: 0;
  --smoke-rise: 0px;
  --table-warmth: 0;
  --reset-pass: 0;
  --reset-pass-x: -116%;
  height: 560svh;
  background: #060705;
}

.living-braai__world,
.living-braai__camera,
.living-braai__camera > img,
.living-braai__grain,
.living-braai__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.living-braai__world {
  z-index: 0;
  overflow: hidden;
  background: #090a08;
}

.living-braai__camera {
  overflow: hidden;
  transform: translate3d(var(--world-x),var(--world-y),0) scale(var(--world-scale)) rotate(var(--world-rotate));
  transform-origin: 50% 50%;
  will-change: transform;
}

.living-braai__camera > img {
  display: block;
  object-fit: cover;
  object-position: var(--world-object-x) center;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: object-position;
}

.living-braai__embers {
  position: absolute;
  z-index: 2;
  top: 42%;
  right: 1.5%;
  width: 26%;
  height: 18%;
  opacity: var(--ember-alpha);
  pointer-events: none;
  transform: translate3d(0,var(--ember-rise),0) scale(calc(.96 + var(--ember-alpha) * .08));
  background:
    radial-gradient(circle at 51% 68%,rgba(255,106,48,.9) 0 1.2%,transparent 2.6%),
    radial-gradient(circle at 66% 58%,rgba(255,182,91,.78) 0 1%,transparent 2.1%),
    radial-gradient(circle at 36% 75%,rgba(237,68,29,.8) 0 1.1%,transparent 2.4%),
    radial-gradient(ellipse at 52% 80%,rgba(231,57,22,.55),rgba(255,134,54,.2) 23%,transparent 60%);
  filter: blur(2.5px);
  mix-blend-mode: screen;
}

.living-braai__smoke {
  position: absolute;
  z-index: 3;
  top: 22%;
  right: 2%;
  width: 30%;
  height: 38%;
  opacity: var(--smoke-alpha);
  overflow: visible;
  pointer-events: none;
  transform: translate3d(0,var(--smoke-rise),0);
}

.living-braai__smoke i {
  position: absolute;
  display: block;
  width: 68%;
  height: 48%;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(217,214,204,.26),rgba(178,181,177,.1) 42%,transparent 72%);
  filter: blur(15px);
  transform: rotate(-11deg);
}

.living-braai__smoke i:nth-child(1) { right: 4%; bottom: 0; }
.living-braai__smoke i:nth-child(2) { right: 22%; bottom: 24%; opacity: .64; transform: rotate(10deg) scale(.78); }
.living-braai__smoke i:nth-child(3) { right: 3%; bottom: 47%; opacity: .4; transform: rotate(-17deg) scale(.62); }

.living-braai__table-warmth {
  position: absolute;
  z-index: 2;
  bottom: -2%;
  left: -3%;
  width: 48%;
  height: 48%;
  opacity: var(--table-warmth);
  pointer-events: none;
  background: radial-gradient(ellipse at 42% 72%,rgba(216,75,37,.2),rgba(181,79,39,.08) 34%,transparent 69%);
  mix-blend-mode: screen;
}

.living-braai__clean-pass {
  position: absolute;
  z-index: 4;
  top: 39%;
  right: .5%;
  width: 27%;
  height: 18%;
  opacity: calc(var(--reset-pass) * .72);
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
}

.living-braai__clean-pass::before {
  position: absolute;
  inset: 18% 7%;
  content: "";
  background: linear-gradient(180deg,transparent,rgba(221,218,207,.1) 37%,rgba(255,255,255,.19) 48%,rgba(197,195,188,.08) 61%,transparent);
  mix-blend-mode: screen;
}

.living-braai__clean-pass i {
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: 34%;
  width: 31%;
  background: linear-gradient(90deg,transparent,rgba(255,231,202,.06),rgba(255,255,255,.32),rgba(255,178,116,.09),transparent);
  filter: blur(5px);
  transform: translate3d(var(--reset-pass-x),0,0) skewX(-10deg);
}

.living-braai__grain {
  z-index: 5;
  opacity: .055;
  pointer-events: none;
  background-image:
    repeating-radial-gradient(circle at 18% 31%,rgba(255,255,255,.5) 0 .4px,transparent .6px 3px),
    repeating-linear-gradient(112deg,transparent 0 3px,rgba(0,0,0,.2) 3.4px 3.8px);
  background-size: 5px 5px,7px 7px;
  mix-blend-mode: soft-light;
}

.living-braai__shade {
  z-index: 8;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center,transparent 35%,rgba(4,5,4,.22) 100%),
    linear-gradient(90deg,rgba(5,6,5,.68),rgba(5,6,5,.14) 43%,rgba(5,6,5,.06) 64%,rgba(5,6,5,.29)),
    linear-gradient(0deg,rgba(4,5,4,.72),transparent 47%),
    linear-gradient(180deg,rgba(4,5,4,.24),transparent 25%);
}

.living-braai__hero-copy,
.living-braai__manifesto,
.living-braai__chapter {
  transition: none;
  will-change: opacity;
}

.living-braai__hero-copy { opacity: var(--copy-hero); }
.living-braai__manifesto { opacity: var(--copy-manifesto); }
.living-braai__chapter--light { opacity: var(--copy-light); }
.living-braai__chapter--cook { opacity: var(--copy-cook); }
.living-braai__chapter--gather {
  right: 5.4vw;
  left: auto;
  opacity: var(--copy-gather);
  text-align: right;
}
.living-braai__chapter--gather > span { margin-left: auto; }
.living-braai__chapter--reset { opacity: var(--copy-reset); }

.living-braai__index,
.living-braai__index span {
  transition-duration: .18s;
}

.living-braai__scroll {
  opacity: calc(var(--copy-hero) * .82);
}

.living-braai__static-scenes {
  border-top: 1px solid rgba(17,17,15,.13);
}

.living-braai__static-scenes article {
  min-height: 0;
  color: var(--ink);
  background: var(--paper);
  border-bottom: 1px solid rgba(17,17,15,.13);
}

.living-braai__static-scenes article > div {
  position: static;
  width: auto;
  padding: 4.5rem 5.4vw;
}

.living-braai__static-scenes article p { color: var(--ember); }
.living-braai__static-scenes h3 { max-width: 12ch; font-size: clamp(3.1rem,5.4vw,6.2rem); }
.living-braai__static-scenes article span { color: var(--muted); }

@media (max-width: 780px) {
  .living-braai { height: 520svh; }
  .living-braai__camera {
    transform: translate3d(var(--world-x-mobile),var(--world-y-mobile),0) scale(var(--world-scale-mobile)) rotate(var(--world-rotate));
  }
  .living-braai__camera > img { object-position: var(--world-object-x) center; }
  .living-braai__embers { top: 45%; right: -3%; width: 42%; height: 15%; }
  .living-braai__smoke { top: 24%; right: -7%; width: 50%; height: 36%; }
  .living-braai__clean-pass { top: 42%; right: -4%; width: 44%; height: 15%; }
  .living-braai__table-warmth { bottom: 2%; left: -12%; width: 70%; height: 42%; }
  .living-braai__shade {
    background:
      radial-gradient(ellipse at center,transparent 25%,rgba(4,5,4,.22) 100%),
      linear-gradient(0deg,rgba(4,5,4,.9),rgba(4,5,4,.18) 66%,rgba(4,5,4,.1)),
      linear-gradient(90deg,rgba(4,5,4,.3),transparent 74%);
  }
  .living-braai__chapter--gather {
    right: 1.25rem;
    left: 1.25rem;
    text-align: left;
  }
  .living-braai__chapter--gather > span { margin-left: 0; }
  .living-braai__static-scenes article > div { padding: 3.5rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .living-braai__motion { display: none; }
}

/* Commerce PDP v12 */
.pdp-purchase {
  margin-top: 1.5rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  background: #fffdf8;
}
.pdp-purchase__mode {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: .85rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid var(--line);
}
.pdp-purchase__mode > span {
  width: 16px;
  height: 16px;
  border: 4px solid var(--cobalt);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--cobalt);
}
.pdp-purchase__mode strong,
.pdp-purchase__mode small { display: block; }
.pdp-purchase__mode strong { font-size: .86rem; }
.pdp-purchase__mode small { margin-top: .2rem; color: var(--muted); font-size: .68rem; }
.pdp-purchase__mode b { font-size: .88rem; }
.pdp-purchase__controls {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 1.2rem;
  padding: 1.15rem 0;
}
.pdp-quantity > span,
.pdp-purchase__total span {
  display: block;
  margin-bottom: .55rem;
  color: var(--muted);
  font-size: .62rem;
}
.pdp-quantity > div {
  display: grid;
  width: 132px;
  grid-template-columns: 40px 1fr 40px;
  min-height: 42px;
  border: 1px solid var(--line);
}
.pdp-quantity button {
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.pdp-quantity button:disabled { opacity: .3; cursor: not-allowed; }
.pdp-quantity output { display: grid; place-items: center; border-right: 1px solid var(--line); border-left: 1px solid var(--line); font-weight: 700; }
.pdp-purchase__total { margin: 0; text-align: right; }
.pdp-purchase__total strong { font-size: 1.15rem; }
.pdp-delivery-progress { padding: 1rem; background: var(--mineral); }
.pdp-delivery-progress > div { display: flex; justify-content: space-between; gap: 1rem; }
.pdp-delivery-progress strong { font-size: .72rem; }
.pdp-delivery-progress span { color: var(--muted); font-size: .6rem; }
.pdp-delivery-progress__track { display: block; height: 4px; margin-top: .8rem; overflow: hidden; background: rgba(17,17,15,.12); }
.pdp-delivery-progress__track i { display: block; height: 100%; background: var(--cobalt); transition: width 240ms ease; }
.pdp-purchase__cta {
  width: 100%;
  min-height: 56px;
  margin-top: .9rem;
  color: var(--white);
  background: var(--cobalt);
  border: 0;
  font-weight: 720;
  cursor: pointer;
}
.pdp-purchase__cta:hover,
.pdp-purchase__cta:focus-visible { background: var(--cobalt-dark); }
.pdp-purchase__fineprint { margin: .65rem 0 0; color: var(--muted); font-size: .6rem; line-height: 1.5; }
.pdp-purchase__notice { position: relative; margin-top: .9rem; padding: 1rem 3rem 1rem 1rem; color: var(--paper); background: var(--coal); }
.pdp-purchase__notice strong,
.pdp-purchase__notice span { display: block; }
.pdp-purchase__notice strong { font-size: .78rem; }
.pdp-purchase__notice span { margin-top: .35rem; color: rgba(247,243,236,.62); font-size: .66rem; line-height: 1.5; }
.pdp-purchase__notice button { position: absolute; top: .7rem; right: .7rem; width: 28px; height: 28px; padding: 0; color: var(--paper); background: transparent; border: 1px solid var(--line-light); cursor: pointer; }
.pdp-reassurance > a,
.pdp-reassurance > p { margin: 0; padding: 1rem .7rem; border-right: 1px solid var(--line); }
.pdp-reassurance > :last-child { border-right: 0; }
.pdp-reassurance strong,
.pdp-reassurance span { display: block; }
.pdp-reassurance strong { font-size: .7rem; }
.pdp-reassurance span { margin-top: .3rem; color: var(--muted); font-size: .58rem; line-height: 1.35; }
.pdp-reassurance a:hover strong { color: var(--cobalt); }

.pdp-details,
.pdp-faq,
.pdp-reviews {
  display: grid;
  grid-template-columns: minmax(240px,.58fr) minmax(0,1.42fr);
  gap: 7vw;
  padding: clamp(6rem,10vw,11rem) 5.4vw;
  background: var(--paper);
}
.pdp-details header h2,
.pdp-faq header h2,
.pdp-reviews header h2 {
  max-width: 9ch;
  margin: 0;
  font-size: clamp(3.5rem,5.7vw,6.7rem);
  line-height: .86;
  letter-spacing: -.073em;
}
.pdp-details__accordions,
.pdp-faq > div { border-top: 1px solid var(--line); }
.pdp-details details,
.pdp-faq details { border-bottom: 1px solid var(--line); }
.pdp-details summary,
.pdp-faq summary {
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1rem 0;
  font-size: 1.04rem;
  font-weight: 680;
  list-style: none;
  cursor: pointer;
}
.pdp-details summary::-webkit-details-marker,
.pdp-faq summary::-webkit-details-marker { display: none; }
.pdp-details summary i { color: var(--cobalt); font-size: 1.4rem; font-style: normal; font-weight: 400; transition: transform 180ms ease; }
.pdp-details details[open] summary i { transform: rotate(45deg); }
.pdp-details details > div,
.pdp-faq details > p { max-width: 49rem; margin: -.4rem 0 2rem; color: var(--muted); line-height: 1.68; }
.pdp-details details > div h3 { margin: 0 0 .7rem; color: var(--ink); font-size: 1.5rem; }
.pdp-details details > div p { margin: .55rem 0; }
.pdp-details details > div strong { color: var(--ink); }
.pdp-details details ul { margin: 0; padding: 0; list-style: none; }
.pdp-details details li { padding: .65rem 0; border-bottom: 1px solid var(--line); }
.pdp-details details li::before { margin-right: .7rem; color: var(--cobalt); content: "—"; }
.pdp-choice-guide {
  display: grid;
  grid-template-columns: minmax(260px,.58fr) minmax(0,1.42fr);
  gap: 7vw;
  padding: clamp(6rem,10vw,11rem) 5.4vw;
  background: var(--mineral);
}
.pdp-choice-guide header h2 { max-width: 9ch; margin: 0 0 1.3rem; font-size: clamp(3.5rem,5.7vw,6.7rem); line-height: .86; letter-spacing: -.073em; }
.pdp-choice-guide header > span { display: block; max-width: 27rem; color: var(--muted); line-height: 1.65; }
.pdp-choice-guide > div { border-top: 1px solid var(--line); }
.pdp-choice-guide article { display: grid; grid-template-columns: 54px minmax(150px,.55fr) 1fr; gap: 1.4rem; align-items: start; padding: 2rem 0; border-bottom: 1px solid var(--line); }
.pdp-choice-guide article > span { color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .52rem; }
.pdp-choice-guide article h3 { margin: 0; font-size: 1.25rem; letter-spacing: -.03em; }
.pdp-choice-guide article p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }
.pdp-how li { grid-template-columns: minmax(140px,.48fr) 1fr; gap: 1.6rem; padding: 1.4rem 0; }
.pdp-how__image { display: block; width: 100%; aspect-ratio: 1.15; object-fit: cover; background: #1b1a17; }
.pdp-how li > div > span { display: block; margin-bottom: 1rem; color: #ff8065; font-family: var(--font-plex-mono),monospace; font-size: .58rem; }
.pdp-faq { color: var(--paper); background: #27251f; }
.pdp-faq .eyebrow { color: #ff8065; }
.pdp-faq > div { border-color: var(--line-light); }
.pdp-faq details { border-color: var(--line-light); }
.pdp-faq details > p { color: rgba(247,243,236,.62); }
.pdp-faq details a { color: #ff8065; text-decoration: underline; text-underline-offset: 3px; }
.pdp-reviews { background: #f1ece3; }
.pdp-reviews header > span { display: block; max-width: 28rem; margin-top: 1.2rem; color: var(--muted); line-height: 1.65; }
.pdp-reviews__content { display: grid; grid-template-columns: minmax(210px,.58fr) minmax(0,1.42fr); gap: 1px; align-self: start; background: var(--line); border: 1px solid var(--line); }
.pdp-review-summary { display: flex; min-height: 430px; flex-direction: column; justify-content: flex-end; padding: clamp(1.6rem,3vw,3rem); background: var(--paper); }
.pdp-review-summary > span { color: var(--cobalt); font-size: 1.55rem; letter-spacing: .1em; }
.pdp-review-summary > strong { margin-top: 1rem; font-size: clamp(2.2rem,3.5vw,4rem); line-height: .9; letter-spacing: -.06em; }
.pdp-review-summary > p { margin: .8rem 0 2rem; color: var(--muted); }
.pdp-review-summary > a { display: inline-flex; align-self: flex-start; padding: .85rem 1rem; color: var(--paper); background: var(--cobalt); font-size: .7rem; font-weight: 700; }
.pdp-review-standard { padding: clamp(1.6rem,3vw,3rem); background: #fffdf8; }
.pdp-review-standard > h3 { margin: 0 0 2rem; font-size: clamp(1.8rem,2.7vw,3rem); letter-spacing: -.05em; }
.pdp-review-standard article { display: grid; grid-template-columns: 50px 1fr; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid var(--line); }
.pdp-review-standard article > span { color: var(--cobalt); font-family: var(--font-plex-mono),monospace; font-size: .5rem; }
.pdp-review-standard article strong { font-size: .9rem; }
.pdp-review-standard article p { margin: .45rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.6; }
.pdp-reviews__empty { align-self: center; padding: clamp(2rem,4vw,4rem); background: var(--paper); border: 1px solid var(--line); }
.pdp-reviews__empty strong { display: block; max-width: 34rem; font-size: clamp(1.7rem,2.7vw,3rem); line-height: 1.06; letter-spacing: -.045em; }
.pdp-reviews__empty p { max-width: 40rem; margin: 1.2rem 0 1.5rem; color: var(--muted); line-height: 1.65; }
.pdp-reviews__empty a { display: inline-flex; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .78rem; font-weight: 680; }

@media (max-width: 800px) {
  .pdp-reassurance > a,
  .pdp-reassurance > p { border-right: 0; border-bottom: 1px solid var(--line); }
  .pdp-reassurance > :last-child { border-bottom: 0; }
  .pdp-details,
  .pdp-faq,
  .pdp-reviews { grid-template-columns: 1fr; padding: 6rem 1.25rem; }
  .pdp-choice-guide { grid-template-columns: 1fr; padding: 6rem 1.25rem; }
  .pdp-choice-guide > div { margin-top: 1.5rem; }
  .pdp-choice-guide article { grid-template-columns: 42px 1fr; }
  .pdp-choice-guide article p { grid-column: 2; }
  .pdp-details__accordions,
  .pdp-faq > div { margin-top: 1.5rem; }
  .pdp-details header h2,
  .pdp-faq header h2,
  .pdp-reviews header h2 { font-size: 4.2rem; }
  .pdp-reviews__content { grid-template-columns: 1fr; margin-top: 2rem; }
  .pdp-review-summary { min-height: 330px; }
  .pdp-how li { grid-template-columns: minmax(110px,.45fr) 1fr; }
}

@media (max-width: 520px) {
  .pdp-purchase__controls { grid-template-columns: 1fr; }
  .pdp-purchase__total { display: flex; align-items: end; justify-content: space-between; text-align: left; }
  .pdp-delivery-progress > div { display: grid; }
  .pdp-summary__meta { align-items: flex-start; flex-direction: column; }
  .pdp-how li { grid-template-columns: 1fr; }
  .pdp-how__image { aspect-ratio: 1.35; }
}

/* BRAAIFORM commerce home and shared store chrome v12 */
.store-announcement {
  position: relative;
  z-index: 90;
  display: grid;
  min-height: 35px;
  place-items: center;
  padding: .55rem 1.25rem;
  color: var(--paper);
  background: var(--coal);
  text-align: center;
}
.store-announcement a { font-size: .68rem; font-weight: 680; letter-spacing: .035em; }
.store-announcement a:hover,
.store-announcement a:focus-visible { color: #ff8065; }
.editorial-home > .site-header.master-header,
.support-page > .site-header.master-header,
.pdp-shell > .site-header.master-header,
.catalog-shell > .site-header.master-header,
.about-page > .site-header.master-header {
  position: sticky;
  top: 0;
  right: auto;
  left: auto;
  z-index: 80;
}
.catalog-chapter-nav { top: 72px; }
.pdp-gallery { top: 72px; height: calc(100svh - 72px); }

.editorial-home { overflow: clip; background: var(--paper); }
.editorial-hero {
  position: relative;
  display: grid;
  min-height: min(880px,calc(100svh - 107px));
  overflow: hidden;
  color: var(--paper);
  background: #181713;
  place-items: center;
}
.editorial-hero__media,
.editorial-hero__media img,
.editorial-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.editorial-hero__media { margin: 0; }
.editorial-hero__media img {
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.78) contrast(1.02) brightness(.68);
}
.editorial-hero__shade {
  background:
    radial-gradient(ellipse at center,rgba(9,9,7,.16),rgba(9,9,7,.48) 82%),
    linear-gradient(0deg,rgba(9,9,7,.68),rgba(9,9,7,.18) 56%,rgba(9,9,7,.42));
}
.editorial-hero__copy {
  position: relative;
  z-index: 2;
  width: min(92vw,1050px);
  padding: 5rem 1rem;
  text-align: center;
}
.editorial-hero__brand {
  display: block;
  width: min(260px,42vw);
  height: auto;
  margin: 0 auto 1.7rem;
  filter: drop-shadow(0 2px 12px rgba(0,0,0,.24));
}
.editorial-hero__copy > p { margin: 0 0 1.3rem; color: #ff8065; font-size: .78rem; font-weight: 720; letter-spacing: .04em; }
.editorial-hero__copy h1 {
  max-width: 11ch;
  margin: 0 auto;
  font-size: clamp(5rem,9.5vw,11rem);
  font-weight: 640;
  line-height: .8;
  letter-spacing: -.082em;
  text-wrap: balance;
}
.editorial-hero__copy > span { display: block; max-width: 40rem; margin: 1.8rem auto 0; color: rgba(247,243,236,.8); font-size: clamp(.95rem,1.25vw,1.15rem); line-height: 1.6; }
.editorial-hero__copy > div { display: flex; align-items: center; justify-content: center; gap: 1.3rem; margin-top: 2rem; }
.editorial-text-link,
.about-text-link { display: inline-flex; padding-bottom: .32rem; border-bottom: 1px solid currentColor; font-size: .76rem; font-weight: 680; }
.editorial-text-link:hover,
.editorial-text-link:focus-visible,
.about-text-link:hover,
.about-text-link:focus-visible { color: #ff8065; }

.home-assurances,
.store-delivery-strip {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
}
.home-assurances p,
.store-delivery-strip p { min-height: 112px; margin: 0; padding: 1.6rem 5.4vw; border-right: 1px solid var(--line); }
.home-assurances p:last-child,
.store-delivery-strip p:last-child { border-right: 0; }
.home-assurances strong,
.home-assurances span,
.store-delivery-strip strong,
.store-delivery-strip span { display: block; }
.home-assurances strong,
.store-delivery-strip strong { font-size: .8rem; }
.home-assurances span,
.store-delivery-strip span { margin-top: .4rem; color: var(--muted); font-size: .7rem; line-height: 1.45; }

.home-categories { padding: clamp(7rem,11vw,12rem) 5.4vw; background: var(--paper); }
.editorial-section-heading { display: grid; grid-template-columns: .46fr 1.25fr .5fr; gap: 5vw; align-items: end; margin-bottom: 4.5rem; }
.editorial-section-heading > p,
.home-spotlight__copy > p,
.home-story__copy > p { margin: 0; color: var(--cobalt); font-size: .78rem; font-weight: 680; }
.editorial-section-heading h2 { max-width: 11ch; margin: 0; font-size: clamp(4rem,6.8vw,7.8rem); line-height: .85; letter-spacing: -.075em; }
.editorial-section-heading > span { color: var(--muted); line-height: 1.6; }
.home-categories__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.home-category-card { min-width: 0; background: #f1ece3; }
.home-category-card__image { aspect-ratio: 1.1; overflow: hidden; background: var(--mineral); }
.home-category-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms cubic-bezier(.22,1,.36,1); }
.home-category-card__copy { padding: 1.45rem; }
.home-category-card__copy > p { margin: 0 0 2.8rem; color: var(--cobalt); font-size: .66rem; font-weight: 680; }
.home-category-card__copy h3 { max-width: 11ch; margin: 0; font-size: clamp(2rem,3.2vw,3.5rem); line-height: .92; letter-spacing: -.06em; }
.home-category-card__copy > span { display: block; min-height: 4.7rem; margin-top: 1rem; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.home-category-card__copy > b { display: inline-flex; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .7rem; }
.home-category-card:hover .home-category-card__image img,
.home-category-card:focus-visible .home-category-card__image img { transform: scale(1.025); }
.editorial-range .master-range-card { display: block; }
.editorial-range .master-range-card > div { background: #ded8cc; }
.editorial-range .master-range-card p { margin: 1.2rem 0 .45rem; color: var(--cobalt); font-size: .64rem; font-weight: 680; }
.editorial-range .master-range-card h3 { margin: 0; }
.editorial-range .master-range-card > span { display: block; margin-top: .35rem; color: var(--muted); font-size: .78rem; }

.home-spotlight,
.home-story { display: grid; grid-template-columns: 1fr 1fr; min-height: 800px; }
.home-spotlight__media,
.home-story__media { min-height: 680px; overflow: hidden; background: var(--coal); }
.home-spotlight__media img,
.home-story__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-spotlight__copy,
.home-story__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(4rem,7vw,8rem); }
.home-spotlight__copy { color: var(--paper); background: var(--coal); }
.home-spotlight__copy h2,
.home-story__copy h2 { max-width: 10ch; margin: 1.2rem 0 0; font-size: clamp(4rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }
.home-spotlight__copy > span,
.home-story__copy > span { display: block; max-width: 39rem; margin-top: 1.6rem; color: rgba(247,243,236,.62); line-height: 1.68; }
.home-spotlight__copy ul { margin: 2rem 0; padding: 0; list-style: none; border-top: 1px solid var(--line-light); }
.home-spotlight__copy li { padding: 1rem 0; color: rgba(247,243,236,.72); border-bottom: 1px solid var(--line-light); font-size: .78rem; }
.home-spotlight__copy li::before { margin-right: .7rem; color: #ff8065; content: "•"; }
.home-spotlight__copy .master-button { align-self: flex-start; }
.home-story { background: var(--mineral); }
.home-story__copy { order: 1; }
.home-story__media { order: 2; }
.home-story__copy > span { color: var(--muted); }
.home-story__copy .editorial-text-link { align-self: flex-start; margin-top: 2rem; }
.home-promise { background: var(--paper); }
.editorial-close {
  min-height: 78svh;
  background:
    linear-gradient(90deg,rgba(8,8,7,.84),rgba(8,8,7,.28)),
    url('/campaign/crops/mechanism-macro-web.jpg') center/cover;
}

.store-delivery-strip { color: var(--paper); background: #27251f; border-color: var(--line-light); }
.store-delivery-strip p { border-color: var(--line-light); }
.store-delivery-strip span { color: rgba(247,243,236,.54); }
.site-footer.master-footer {
  display: grid;
  grid-template-columns: minmax(240px,1.25fr) repeat(3,minmax(120px,.55fr));
  gap: 3rem 4vw;
  min-height: 0;
  padding: 4.5rem 5.4vw;
}
.master-footer__brand > p { max-width: 28rem; margin: 1.3rem 0 0; color: rgba(247,243,236,.56); font-size: .78rem; line-height: 1.6; }
.site-footer.master-footer .footer-note { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line-light); font-size: .54rem !important; }
.site-footer.master-footer .footer-links { display: grid; align-content: start; gap: .78rem; }
.site-footer.master-footer .footer-links strong { margin-bottom: .5rem; color: var(--paper); font-family: var(--font-archivo),sans-serif; font-size: .76rem; letter-spacing: 0; text-transform: none; }
.site-footer.master-footer .footer-links a { color: rgba(247,243,236,.56); }
.site-footer.master-footer .footer-links a:hover { color: #ff8065; }
.store-payment-prep { grid-column: 1 / -1; padding-top: 1.8rem; border-top: 1px solid var(--line-light); }
.store-payment-prep > p { margin: 0 0 .9rem; color: rgba(247,243,236,.72); font-size: .7rem; font-weight: 680; }
.store-payment-marks { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.store-payment-marks li {
  display: grid;
  width: 96px;
  min-height: 46px;
  place-items: center;
  padding: .55rem .75rem;
  background: #fff;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 4px;
}
.store-payment-marks img { display: block; width: auto; max-width: 76px; height: auto; max-height: 25px; object-fit: contain; }
.store-payment-marks li:nth-child(3) img { max-height: 29px; }
.store-payment-marks li:nth-child(6) img { max-width: 82px; }
.store-payment-prep small { display: block; margin-top: .9rem; color: rgba(247,243,236,.4); font-size: .58rem; }
.store-whatsapp {
  position: fixed;
  z-index: 100;
  right: 1.15rem;
  bottom: 1.15rem;
  display: grid;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-items: center;
  padding: 0;
  color: #fff;
  background: #178f4c;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
}
.store-whatsapp > span { display: grid; width: 34px; height: 34px; place-items: center; background: #fff; border-radius: 50%; }
.store-whatsapp > span img { display: block; width: 23px; height: 23px; }
.store-whatsapp:hover,
.store-whatsapp:focus-visible { background: #11773e; }

/* Cart and Yoco sandbox checkout */
.cart-hero,
.checkout-return__hero {
  display: flex;
  min-height: 44svh;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(5rem,9vw,9rem) 5.4vw 4rem;
  color: var(--paper);
  background:
    radial-gradient(circle at 78% 28%,rgba(217,74,43,.3),transparent 23%),
    linear-gradient(125deg,#11110f,#2c2a24);
}
.cart-hero > p,
.checkout-return__hero > p { margin: 0 0 .9rem; color: #ff8065; font-size: .74rem; font-weight: 700; }
.cart-hero h1,
.checkout-return__hero h1 { max-width: 12ch; margin: 0; font-size: clamp(3.2rem,8vw,7.5rem); letter-spacing: -.065em; line-height: .9; }
.cart-hero > span,
.checkout-return__hero > span { max-width: 44rem; margin-top: 1.25rem; color: rgba(247,243,236,.7); font-size: clamp(.86rem,1.2vw,1.05rem); line-height: 1.6; }
.checkout-return__hero .master-button { align-self: flex-start; margin-top: 1.8rem; }
.cart-layout {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(300px,.62fr);
  gap: 5vw;
  align-items: start;
  padding: clamp(4rem,8vw,8rem) 5.4vw;
  background: var(--paper);
}
.cart-lines { display: grid; border-top: 1px solid var(--line); }
.cart-line {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr) auto auto;
  gap: 1.25rem;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--line);
}
.cart-line > img { width: 112px; aspect-ratio: 1; object-fit: cover; background: var(--mineral); }
.cart-line > div:nth-of-type(1) { display: grid; gap: .3rem; }
.cart-line > div:nth-of-type(1) a { font-size: 1.08rem; font-weight: 740; }
.cart-line > div:nth-of-type(1) span { color: var(--muted); font-size: .68rem; }
.cart-line > div:nth-of-type(1) strong { margin-top: .25rem; font-size: .72rem; }
.cart-line__quantity { display: grid; width: 112px; grid-template-columns: 34px 1fr 34px; min-height: 40px; border: 1px solid var(--line); }
.cart-line__quantity button { padding: 0; background: transparent; border: 0; cursor: pointer; }
.cart-line__quantity button:disabled { opacity: .3; }
.cart-line__quantity output { display: grid; place-items: center; border-right: 1px solid var(--line); border-left: 1px solid var(--line); font-size: .72rem; font-weight: 700; }
.cart-line__remove { grid-column: 2 / 3; justify-self: start; padding: 0; color: var(--muted); background: transparent; border: 0; font-size: .62rem; text-decoration: underline; cursor: pointer; }
.cart-summary { position: sticky; top: 110px; padding: 1.35rem; border: 1px solid var(--line); background: #fffdf8; }
.cart-summary > p { margin: 0 0 1.25rem; font-size: 1.1rem; font-weight: 760; }
.cart-summary dl { display: grid; gap: .8rem; margin: 0; }
.cart-summary dl > div { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .7rem; }
.cart-summary dl > div:last-child { margin-top: .3rem; padding-top: 1rem; color: var(--ink); border-top: 1px solid var(--line); font-size: .9rem; font-weight: 760; }
.cart-summary dd { margin: 0; text-align: right; }
.cart-sandbox { display: grid; gap: .35rem; margin-top: 1.2rem; padding: 1rem; color: #082b44; background: #dff4ff; border: 1px solid #8bcae7; }
.cart-sandbox strong { font-size: .72rem; }
.cart-sandbox span { font-size: .63rem; line-height: 1.55; }
.cart-summary > small { display: block; margin-top: .8rem; color: var(--muted); font-size: .58rem; line-height: 1.55; }
.cart-error { margin: .8rem 0 0; padding: .8rem; color: #8b2114; background: #ffe8e2; font-size: .65rem; line-height: 1.5; }
.cart-empty { min-height: 44svh; padding: 6rem 5.4vw; background: var(--paper); }
.cart-empty p { margin: 0 0 .8rem; color: var(--cobalt); font-size: .72rem; font-weight: 700; }
.cart-empty h2 { max-width: 11ch; margin: 0 0 1.8rem; font-size: clamp(2rem,5vw,4rem); letter-spacing: -.045em; }
.checkout-status { display: grid; gap: .55rem; margin: clamp(3rem,7vw,7rem) 5.4vw; padding: 1.4rem; color: #082b44; background: #dff4ff; border: 1px solid #8bcae7; }
.checkout-status strong { font-size: 1rem; }
.checkout-status span { font-size: .72rem; line-height: 1.6; }
.checkout-status--paid { color: #124a2d; background: #e5f8ed; border-color: #92d4aa; }
.checkout-status--error { color: #78251a; background: #ffe8e2; border-color: #e5a295; }

@media (max-width: 820px) {
  .cart-layout { grid-template-columns: 1fr; padding-inline: 1.25rem; }
  .cart-summary { position: static; }
  .cart-line { grid-template-columns: 82px minmax(0,1fr) auto; gap: .85rem; }
  .cart-line > img { width: 82px; }
  .cart-line__quantity { grid-column: 2 / 3; width: 108px; }
  .cart-line > strong { grid-column: 3 / 4; grid-row: 1 / 2; }
  .cart-line__remove { grid-column: 3 / 4; grid-row: 2 / 3; }
  .cart-hero,
  .checkout-return__hero { padding-inline: 1.25rem; }
  .checkout-status { margin-inline: 1.25rem; }
}

/* Support, policy and contact pages */
.support-page { overflow: clip; min-height: 100svh; background: var(--paper); }
.support-hero {
  display: flex;
  min-height: 56svh;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(5rem,9vw,10rem) 5.4vw 5rem;
  color: var(--paper);
  background:
    radial-gradient(circle at 82% 24%,rgba(217,74,43,.28),transparent 25%),
    linear-gradient(125deg,#11110f,#2b2923);
}
.support-hero > p { margin: 0 0 1.1rem; color: #ff8065; font-size: .78rem; font-weight: 700; }
.support-hero h1 { max-width: 12ch; margin: 0; font-size: clamp(4.6rem,8vw,9rem); line-height: .8; letter-spacing: -.08em; }
.support-hero > span { display: block; max-width: 48rem; margin-top: 1.6rem; color: rgba(247,243,236,.68); line-height: 1.65; }
.support-preview-note { display: grid; grid-template-columns: minmax(170px,.35fr) minmax(0,1.65fr); gap: 5vw; padding: 1.7rem 5.4vw; color: #fff; background: var(--cobalt); }
.support-preview-note p { max-width: 67rem; margin: 0; line-height: 1.55; }
.support-layout { display: grid; grid-template-columns: minmax(210px,.38fr) minmax(0,1.62fr); gap: 7vw; padding: clamp(6rem,10vw,11rem) 5.4vw; }
.support-index { position: sticky; top: 96px; display: grid; align-self: start; gap: .7rem; }
.support-index p { margin: 0 0 .7rem; color: var(--cobalt); font-size: .72rem; font-weight: 680; }
.support-index a { max-width: 16rem; padding: .2rem 0; color: var(--muted); font-size: .72rem; line-height: 1.4; }
.support-index a:hover,
.support-index a:focus-visible { color: var(--ink); }
.support-sections { border-top: 1px solid var(--line); }
.support-sections > section { display: grid; grid-template-columns: 58px 1fr; gap: 2rem; padding: 2.5rem 0 3.2rem; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.support-sections > section > span { color: var(--cobalt); font-size: .65rem; font-weight: 700; }
.support-sections h2 { max-width: 18ch; margin: 0 0 1.2rem; font-size: clamp(2rem,3.4vw,3.9rem); line-height: .95; letter-spacing: -.055em; }
.support-sections p { max-width: 58rem; color: var(--muted); line-height: 1.72; }
.support-sections ul { max-width: 58rem; margin: 1.4rem 0 0; padding: 0; list-style: none; }
.support-sections li { padding: .85rem 0; color: var(--muted); border-top: 1px solid var(--line); line-height: 1.55; }
.support-sections li::before { margin-right: .7rem; color: var(--cobalt); content: "•"; }
.support-text-link { display: inline-flex; margin-top: .7rem; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .74rem; font-weight: 680; }
.support-related { padding: 4rem 5.4vw; color: var(--paper); background: #27251f; }
.support-related > p { margin: 0 0 1.2rem; color: #ff8065; font-size: .7rem; font-weight: 680; }
.support-related > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line-light); }
.support-related a { display: flex; min-height: 86px; align-items: center; justify-content: space-between; padding: 1.2rem; background: #27251f; font-weight: 650; }
.support-related a:hover { color: #ff8065; }

.track-status,
.support-action { display: flex; align-items: end; justify-content: space-between; gap: 5vw; padding: clamp(5rem,8vw,8rem) 5.4vw; background: var(--paper); }
.track-status > div,
.support-action { max-width: none; }
.track-status p,
.track-process header > p,
.support-action > p,
.contact-status > div:first-child > p,
.contact-ready > p { margin: 0 0 1rem; color: var(--cobalt); font-size: .72rem; font-weight: 680; }
.track-status h2,
.support-action h2,
.contact-status h2,
.contact-ready h2 { max-width: 11ch; margin: 0; font-size: clamp(3.6rem,5.8vw,6.8rem); line-height: .86; letter-spacing: -.073em; }
.track-status > div > span,
.support-action > span,
.contact-status > div:first-child > span { display: block; max-width: 43rem; margin-top: 1.4rem; color: var(--muted); line-height: 1.65; }
.track-process { padding: clamp(6rem,10vw,11rem) 5.4vw; color: var(--paper); background: var(--coal); }
.track-process header { display: grid; grid-template-columns: .4fr 1.6fr; gap: 5vw; margin-bottom: 4rem; }
.track-process header h2 { max-width: 11ch; margin: 0; font-size: clamp(3.8rem,6vw,7rem); line-height: .85; letter-spacing: -.075em; }
.track-process > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line-light); }
.track-process article { min-height: 310px; padding: 1.7rem; background: #1b1b18; }
.track-process article > span { color: #ff8065; font-size: .65rem; }
.track-process h3 { margin: 7rem 0 .7rem; font-size: 1.45rem; }
.track-process article p { color: rgba(247,243,236,.55); font-size: .8rem; line-height: 1.6; }
.support-action { display: block; color: var(--paper); background: var(--cobalt); }
.support-action > p { color: var(--paper); opacity: .7; }
.support-action > span { color: rgba(247,243,236,.72); }
.support-action .support-text-link { margin-top: 1.8rem; }

.faq-content { display: grid; grid-template-columns: .55fr 1.45fr; gap: 7vw; padding: clamp(6rem,10vw,11rem) 5.4vw; }
.faq-content__intro > p { margin: 0 0 1rem; color: var(--cobalt); font-size: .72rem; font-weight: 680; }
.faq-content__intro h2 { max-width: 10ch; margin: 0; font-size: clamp(3.6rem,5.7vw,6.7rem); line-height: .86; letter-spacing: -.073em; }
.support-faq-list details > p { max-width: 48rem; }

.contact-status { display: grid; grid-template-columns: .55fr 1.45fr; gap: 7vw; padding: clamp(6rem,10vw,11rem) 5.4vw; }
.contact-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.contact-cards article { display: flex; min-height: 350px; flex-direction: column; padding: 1.5rem; background: var(--paper); }
.contact-cards article > span { color: var(--cobalt); font-size: .66rem; }
.contact-cards h3 { margin: 6rem 0 .7rem; font-size: 1.5rem; }
.contact-cards p { color: var(--muted); font-size: .78rem; line-height: 1.6; }
.contact-cards strong { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .68rem; }
.contact-channel-title { display: flex; align-items: center; gap: .7rem; }
.contact-channel-title img { display: block; flex: 0 0 auto; }
.contact-ready { padding: clamp(6rem,10vw,11rem) 5.4vw; color: var(--paper); background: #27251f; }
.contact-ready ul { max-width: 57rem; margin: 3rem 0; padding: 0; list-style: none; border-top: 1px solid var(--line-light); }
.contact-ready li { padding: 1rem 0; color: rgba(247,243,236,.62); border-bottom: 1px solid var(--line-light); }
.contact-ready > div { display: flex; align-items: center; gap: 1.4rem; }
.contact-ready .support-text-link { margin: 0; }

@media (max-width: 1050px) {
  .home-categories__grid { grid-template-columns: 1fr; }
  .home-category-card { display: grid; grid-template-columns: .8fr 1.2fr; }
  .home-category-card__image { aspect-ratio: 1; }
  .home-category-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 3rem; }
  .site-footer.master-footer { grid-template-columns: 1fr repeat(3,.55fr); }
  .contact-status { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .store-announcement a { font-size: .6rem; }
  .catalog-chapter-nav { top: 64px; }
  .pdp-gallery { top: 0; height: 74svh; }
  .editorial-hero { min-height: calc(100svh - 99px); }
  .editorial-hero__media img { object-position: center; }
  .editorial-hero__copy { width: calc(100% - 2.5rem); padding: 4rem 0; }
  .editorial-hero__brand { width: min(220px,58vw); margin-bottom: 1.35rem; }
  .editorial-hero__copy h1 { font-size: clamp(4.1rem,17vw,6.4rem); }
  .editorial-hero__copy > p { font-size: .68rem; }
  .editorial-hero__copy > span { max-width: 24rem; font-size: .84rem; }
  .editorial-hero__copy > div { flex-wrap: wrap; }
  .home-assurances,
  .store-delivery-strip { grid-template-columns: 1fr; }
  .home-assurances p,
  .store-delivery-strip p { min-height: 0; padding: 1.2rem 1.25rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .home-assurances p:last-child,
  .store-delivery-strip p:last-child { border-bottom: 0; }
  .home-categories { padding: 6.5rem 1.25rem; }
  .editorial-section-heading { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 3rem; }
  .editorial-section-heading h2 { font-size: 4.2rem; }
  .home-category-card { display: block; }
  .home-category-card__copy { display: block; padding: 1.4rem; }
  .home-category-card__copy > p { margin-bottom: 2rem; }
  .home-category-card__copy > span { min-height: 0; margin-bottom: 1.4rem; }
  .home-spotlight,
  .home-story { display: block; min-height: 0; }
  .home-spotlight__media,
  .home-story__media { min-height: 68svh; }
  .home-spotlight__copy,
  .home-story__copy { padding: 6rem 1.25rem; }
  .home-spotlight__copy h2,
  .home-story__copy h2 { font-size: 4.3rem; }
  .editorial-close { min-height: 720px; }
  .site-footer.master-footer { grid-template-columns: repeat(2,1fr); padding: 4rem 1.25rem 6rem; }
  .master-footer__brand { grid-column: 1 / -1; }
  .store-payment-prep { grid-column: 1 / -1; }
  .store-whatsapp { right: .8rem; bottom: .8rem; }
  .support-hero { min-height: 62svh; padding: 5rem 1.25rem 4rem; }
  .support-hero h1 { font-size: clamp(4rem,17vw,6.4rem); }
  .support-preview-note { grid-template-columns: 1fr; gap: .6rem; padding: 1.4rem 1.25rem; }
  .support-layout { grid-template-columns: 1fr; padding: 5rem 1.25rem; }
  .support-index { position: static; padding-bottom: 2rem; border-bottom: 1px solid var(--line); }
  .support-sections > section { grid-template-columns: 38px 1fr; gap: 1rem; }
  .support-related { padding: 3rem 1.25rem; }
  .support-related > div { grid-template-columns: 1fr; }
  .track-status,
  .support-action { display: block; padding: 5.5rem 1.25rem; }
  .track-status .master-button { margin-top: 2rem; }
  .track-process { padding: 6rem 1.25rem; }
  .track-process header { grid-template-columns: 1fr; }
  .track-process > div { grid-template-columns: 1fr; }
  .track-process article { min-height: 260px; }
  .track-process h3 { margin-top: 4rem; }
  .faq-content { grid-template-columns: 1fr; padding: 6rem 1.25rem; }
  .contact-status { padding: 6rem 1.25rem; }
  .contact-cards { grid-template-columns: 1fr; }
  .contact-cards article { min-height: 260px; }
  .contact-cards h3 { margin-top: 3rem; }
  .contact-ready { padding: 6rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-hero__media img,
  .home-category-card__image img,
  .master-range-card img { transform: none !important; transition: none !important; }
}

/* Clearer retail pricing and offers */
.catalog-card__body > div strong {
  color: var(--ember);
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 780;
  letter-spacing: -.025em;
}
.catalog-card__body > p {
  margin: .75rem 0 1.7rem;
  color: #a43d27;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.42;
  text-transform: none;
}
.master-range-card > strong {
  display: block;
  margin-top: 1rem;
  color: var(--ember);
  font-size: 1.4rem;
  font-weight: 780;
  letter-spacing: -.03em;
}
.master-range-card > small {
  display: block;
  margin-top: .35rem;
  color: #9c3d29;
  font-size: .76rem;
  font-weight: 720;
  line-height: 1.4;
}
.pdp-summary__price {
  align-items: center;
  font-family: inherit;
}
.pdp-summary__price > span > strong {
  color: var(--ember);
  font-size: clamp(1.65rem,2.4vw,2.25rem);
  letter-spacing: -.04em;
}
.pdp-summary__price small {
  max-width: 16rem;
  color: #9c3d29;
  font-size: .76rem;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: right;
  text-transform: none;
}
.pdp-purchase {
  padding: 0;
  background: transparent;
  border: 0;
}
.pdp-purchase__bundle,
.cart-bundle {
  position: relative;
  display: grid;
  gap: .4rem;
  overflow: hidden;
  color: #fff;
  background: #bd3822;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(139,42,25,.16);
}
.pdp-purchase__bundle { margin: 0; padding: 1.15rem 1.25rem; }
.pdp-purchase__bundle strong { font-size: 1rem; line-height: 1.2; }
.pdp-purchase__bundle span { color: rgba(255,255,255,.84); font-size: .76rem; line-height: 1.48; }
.pdp-purchase__controls { padding: 1.35rem 0; }
.pdp-purchase__total strong { color: var(--ember); font-size: 1.55rem; }
.pdp-purchase__total span { max-width: 17rem; font-size: .7rem; line-height: 1.4; }
.cart-bundle { margin-top: 1.2rem; padding: 1.25rem; }
.cart-bundle strong { font-size: 1.05rem; line-height: 1.2; }
.cart-bundle span { color: rgba(255,255,255,.84); font-size: .76rem; line-height: 1.5; }
.pdp-use-guide {
  color: var(--ink);
  background: #e9dfd1 !important;
}
.pdp-use-guide > p { color: #9c3d29 !important; }
.pdp-use-guide > span {
  display: block;
  max-width: 38rem;
  padding: 1.2rem 0;
  color: #5d574f;
  border-top: 1px solid rgba(17,17,15,.16);
  font-size: .84rem;
  line-height: 1.65;
}
.pdp-use-guide > span:last-child { border-bottom: 1px solid rgba(17,17,15,.16); }

@media (max-width: 640px) {
  .pdp-summary__price { align-items: flex-start; flex-direction: column; gap: .65rem; }
  .pdp-summary__price small { text-align: left; }
  .catalog-card__body > div strong { font-size: 1.25rem; }
}

/* Product-specific cooking guidance */
.pdp-use-ideas {
  padding: clamp(5rem, 9vw, 9rem) 5.4vw;
  color: var(--paper);
  background: #1d1c18;
}
.pdp-use-ideas > header {
  display: grid;
  grid-template-columns: .42fr 1.05fr .85fr;
  gap: 4vw;
  align-items: end;
  margin-bottom: clamp(2.5rem, 5vw, 5rem);
}
.pdp-use-ideas > header > p { margin: 0; color: #ff8065; }
.pdp-use-ideas > header h2 {
  margin: 0;
  font-size: clamp(3.2rem, 5.6vw, 6.6rem);
  line-height: .88;
  letter-spacing: -.07em;
}
.pdp-use-ideas > header > span {
  max-width: 35rem;
  color: rgba(247, 243, 236, .65);
  font-size: .88rem;
  line-height: 1.7;
}
.pdp-use-ideas__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(247, 243, 236, .18);
  border-bottom: 1px solid rgba(247, 243, 236, .18);
}
.pdp-use-ideas__list article {
  min-height: 250px;
  padding: 1.6rem;
  border-right: 1px solid rgba(247, 243, 236, .18);
}
.pdp-use-ideas__list article:last-child { border-right: 0; }
.pdp-use-ideas__list h3 {
  margin: 0 0 6rem;
  color: #ff8065;
  font-size: 1.2rem;
  letter-spacing: -.02em;
}
.pdp-use-ideas__list p {
  margin: 0;
  color: rgba(247, 243, 236, .72);
  font-size: .82rem;
  line-height: 1.65;
}
.pdp-use-ideas__note {
  max-width: 58rem;
  margin: 1.35rem 0 0;
  color: rgba(247, 243, 236, .57);
  font-size: .74rem;
  line-height: 1.6;
}
.pdp-use-ideas__note a {
  margin-left: .25rem;
  color: #ff8065;
  border-bottom: 1px solid currentColor;
  font-weight: 700;
}

@media (max-width: 900px) {
  .pdp-use-ideas > header { grid-template-columns: 1fr; gap: 1.2rem; }
  .pdp-use-ideas__list { grid-template-columns: repeat(2, 1fr); }
  .pdp-use-ideas__list article:nth-child(2) { border-right: 0; }
  .pdp-use-ideas__list article:nth-child(-n+2) { border-bottom: 1px solid rgba(247, 243, 236, .18); }
}

@media (max-width: 560px) {
  .pdp-use-ideas { padding: 5rem 1.25rem; }
  .pdp-use-ideas__list { grid-template-columns: 1fr; }
  .pdp-use-ideas__list article {
    min-height: 0;
    padding: 1.4rem 0;
    border-right: 0;
    border-bottom: 1px solid rgba(247, 243, 236, .18);
  }
  .pdp-use-ideas__list article:last-child { border-bottom: 0; }
  .pdp-use-ideas__list h3 { margin-bottom: 1.5rem; }
}