:root {
  --indigo: #26324e;
  --indigo-deep: #121a30;
  --indigo-ink: #0d1428;
  --violet: #8a6bb5;
  --violet-pale: #c4b1db;
  --rose: #e3a09d;
  --rose-pale: #f2d2c9;
  --crimson: #c22e2e;
  --crimson-dark: #7e1c27;
  --gold: #d5aa50;
  --gold-pale: #f0d68d;
  --paper: #f1e4d4;
  --paper-light: #f8f0e4;
  --ink: #20243b;
  --white: #fffaf1;
  --display: 'Instrument Serif', serif;
  --body: 'Manrope', sans-serif;
  --page-pad: clamp(20px, 4vw, 72px);
  --hairline: rgba(255, 250, 241, .22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-color: var(--rose) var(--indigo-deep); scrollbar-width: thin; background: var(--indigo-deep); }
html::-webkit-scrollbar { width: 10px; }
html::-webkit-scrollbar-track { background: var(--indigo-deep); }
html::-webkit-scrollbar-thumb { background: linear-gradient(var(--rose), var(--crimson)); border: 3px solid var(--indigo-deep); border-radius: 99px; }
body { margin: 0; min-width: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--body); font-size: 16px; font-kerning: normal; line-height: 1.55; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(194,46,46,.2); }
body::after { content: ''; position: fixed; inset: 0; z-index: 100; opacity: .13; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
button, a { font: inherit; touch-action: manipulation; }
button { color: inherit; }
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
::selection { color: var(--white); background: var(--crimson); }
h1, h2, h3 { font-optical-sizing: auto; font-variant-ligatures: common-ligatures; text-wrap: balance; }
p { text-wrap: pretty; }
section[id], h2[id], h3[id] { scroll-margin-top: 96px; }

.skip-link { position: absolute; top: 10px; left: 10px; z-index: 1000; padding: 12px 18px; color: var(--indigo); background: var(--white); transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--gold-pale); outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.opening-curtain { position: fixed; inset: 0; z-index: 900; pointer-events: none; }
.opening-curtain__half { position: absolute; left: 0; width: 100%; height: 51%; background: var(--indigo-deep); transition: transform 1.05s cubic-bezier(.76,0,.24,1); }
.opening-curtain__half--top { top: 0; }
.opening-curtain__half--bottom { bottom: 0; }
.opening-curtain__thread { position: absolute; z-index: 2; top: calc(50% - 1px); left: 0; width: 100%; height: 3px; background: var(--crimson); transform-origin: left; transition: transform .65s .15s cubic-bezier(.33,1,.68,1); }
body.is-ready .opening-curtain__half--top { transform: translateY(-101%); }
body.is-ready .opening-curtain__half--bottom { transform: translateY(101%); }
body.is-ready .opening-curtain__thread { transform: scaleX(0); }
body.is-ready .opening-curtain { visibility: hidden; transition: visibility 0s 1.18s; }
.load-word { opacity: 0; transform: translateY(24px); }
body.is-ready .load-word { animation: load-up .8s cubic-bezier(.22,1,.36,1) both; }
body.is-ready .hero__copy .load-word:nth-child(1) { animation-delay: .55s; }
body.is-ready .hero__copy h1 .load-word:nth-child(1) { animation-delay: .68s; }
body.is-ready .hero__copy h1 .load-word:nth-child(2) { animation-delay: .78s; }
body.is-ready .hero__dek { animation-delay: .92s; }
body.is-ready .hero__dispatch { animation-delay: 1s; }
body.is-ready .hero__promise { animation-delay: 1.04s; }
body.is-ready .hero__scroll { animation-delay: 1.1s; }
@keyframes load-up { to { opacity: 1; transform: none; } }

.masthead { position: absolute; z-index: 30; top: 0; left: 0; display: grid; grid-template-columns: auto 1fr auto; align-items: center; width: 100%; min-height: 88px; padding: 0 var(--page-pad); color: var(--white); border-bottom: 1px solid rgba(255,255,255,.24); }
.brand { display: inline-flex; align-items: center; gap: 11px; min-height: 48px; text-decoration: none; }
.brand__mark { width: 31px; color: var(--violet-pale); }
.brand__mark path:last-child { fill: none; stroke: var(--crimson); stroke-width: 2.3; stroke-linecap: round; }
.brand__mark { transition: color .25s ease, transform .45s cubic-bezier(.34,1.56,.64,1); }
.brand:hover .brand__mark, .brand:focus-visible .brand__mark { color: var(--rose-pale); transform: rotate(-9deg) scale(1.08); }
.brand span { display: flex; gap: 5px; font-family: var(--display); font-size: 21px; line-height: 1; letter-spacing: -.02em; }
.brand b { font-weight: 400; font-style: italic; }
.desktop-nav { justify-self: center; display: flex; align-items: center; gap: clamp(18px, 2.3vw, 42px); }
.desktop-nav a { position: relative; display: grid; place-items: center; min-height: 48px; color: rgba(255,250,241,.84); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.desktop-nav a::after { content: ''; position: absolute; right: 0; bottom: 7px; left: 0; height: 1px; background: var(--rose); transform: scaleX(0); transform-origin: right; transition: transform .35s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-ledger { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 17px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; border: 1px solid rgba(255,250,241,.4); border-radius: 999px; transition: color .25s ease, background .25s ease; }
.nav-ledger span { color: var(--rose); font-size: 18px; }
.nav-ledger:hover { color: var(--indigo); background: var(--paper); }
.menu-toggle, .mobile-menu { display: none; }

.hero { position: relative; display: grid; align-items: end; min-height: 100svh; height: max(760px, 100svh); overflow: hidden; color: var(--white); background: var(--indigo-deep); }
.hero__image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 48%; filter: saturate(.9) contrast(1.06); transform: scale(1.04); transition: filter 1.15s cubic-bezier(.22,1,.36,1), transform 1.4s cubic-bezier(.22,1,.36,1); animation: hero-breathe 14s ease-out both; }
.hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,14,31,.78) 0%, rgba(20,24,48,.25) 48%, rgba(7,11,25,.46) 100%), linear-gradient(0deg, rgba(10,14,30,.94) 0%, transparent 54%), linear-gradient(180deg, rgba(15,20,40,.48), transparent 32%); transition: opacity 1.15s cubic-bezier(.22,1,.36,1); }
.hero__veil::after { content: ''; position: absolute; inset: 0; opacity: 0; background: linear-gradient(115deg,rgba(246,204,132,.36),rgba(227,160,157,.13) 52%,transparent 78%); mix-blend-mode: screen; transition: opacity 1s cubic-bezier(.22,1,.36,1); }
.hero__sunline { position: absolute; top: 44%; left: -5%; width: 53%; height: 1px; background: linear-gradient(90deg, transparent, rgba(244,215,145,.7), transparent); box-shadow: 0 0 45px 16px rgba(237,190,101,.18); transition: width 1.2s cubic-bezier(.22,1,.36,1), box-shadow 1.2s ease; }
.hero.is-daylight .hero__image { filter: saturate(.58) sepia(.18) brightness(1.16) contrast(.93); transform: scale(1.065); }
.hero.is-daylight .hero__veil { opacity: .64; }
.hero.is-daylight .hero__veil::after { opacity: 1; }
.hero.is-daylight .hero__sunline { width: 110%; box-shadow: 0 0 90px 36px rgba(237,190,101,.34); }
.hero__late-note { position: absolute; z-index: 4; top: 27%; right: var(--page-pad); display: flex; align-items: baseline; gap: 13px; color: var(--indigo-deep); opacity: 0; transform: translateY(16px) rotate(-3deg); transition: opacity .7s ease, transform .9s cubic-bezier(.22,1,.36,1); }
.hero__late-note strong { font-family: var(--display); font-size: 58px; font-weight: 400; letter-spacing: -.04em; line-height: .8; font-variant-numeric: tabular-nums; }
.hero__late-note span { font-size: 8px; font-weight: 800; letter-spacing: .12em; line-height: 1.5; text-transform: uppercase; }
.hero.is-daylight .hero__late-note { opacity: .82; transform: rotate(-3deg); }
@keyframes hero-breathe { from { transform: scale(1.095); } to { transform: scale(1.04); } }
.hero__copy { position: relative; z-index: 2; align-self: end; width: min(900px, 72vw); padding: 180px var(--page-pad) clamp(98px, 13vh, 136px); }
.hero__kicker, .section-index { margin: 0 0 20px; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.hero h1 { margin: 0; font-family: var(--display); font-size: clamp(78px, 10vw, 164px); font-weight: 400; letter-spacing: -.055em; line-height: .73; }
.hero h1 span, .hero h1 em { display: block; }
.hero h1 em { margin-left: clamp(50px, 10vw, 150px); color: var(--rose-pale); font-weight: 400; }
.hero__dek { max-width: 565px; margin: 40px 0 0 clamp(50px, 10vw, 150px); color: rgba(255,250,241,.84); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.65; }
.hero__promise { display: flex; align-items: center; gap: 13px; width: min(430px,calc(100vw - 40px)); margin: 28px 0 0 clamp(50px, 10vw, 150px); color: rgba(255,250,241,.7); font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero__promise i { flex: 1; height: 1px; background: linear-gradient(90deg,var(--crimson),rgba(227,160,157,.25)); }
.hero__dispatch { position: absolute; z-index: 3; right: var(--page-pad); bottom: 100px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 28px; width: 320px; padding: 20px 0 0; border-top: 1px solid rgba(255,250,241,.4); }
.hero__dispatch .dispatch__label { grid-column: 1 / -1; color: var(--rose-pale); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero__dispatch strong { grid-column: 1 / -1; font-family: var(--display); font-size: 39px; font-weight: 400; line-height: 1; }
.hero__dispatch strong, .hero__dispatch > span { font-variant-numeric: tabular-nums; }
.hero__dispatch strong small { margin-left: 7px; color: rgba(255,250,241,.6); font-family: var(--body); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.hero__dispatch > span:not(.dispatch__label, .dispatch__rule) { color: rgba(255,250,241,.7); font-size: 10px; }
.dispatch__rule { grid-column: 1 / -1; height: 1px; margin: 6px 0; background: rgba(255,250,241,.18); }
.hero__light-proof { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; margin-top: 9px; padding: 0 13px; color: var(--white); background: rgba(13,20,40,.32); border: 1px solid rgba(255,250,241,.34); cursor: pointer; touch-action: none; transition: color .3s ease, background .3s ease, border-color .3s ease; }
.hero__light-proof span { font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hero__light-proof i { color: var(--rose-pale); font-size: 8px; font-style: normal; font-weight: 700; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.hero__light-proof:hover, .hero__light-proof[aria-pressed="true"] { color: var(--indigo-deep); background: var(--gold-pale); border-color: var(--gold-pale); }
.hero__light-proof:hover i, .hero__light-proof[aria-pressed="true"] i { color: var(--crimson-dark); }
.hero__scroll { position: absolute; z-index: 3; bottom: 31px; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 9px; color: rgba(255,250,241,.7); font-size: 9px; font-weight: 700; letter-spacing: .18em; text-decoration: none; text-transform: uppercase; transform: translateX(-50%); }
.hero__scroll i { display: block; width: 1px; height: 35px; overflow: hidden; background: rgba(255,255,255,.25); }
.hero__scroll i::after { content: ''; display: block; width: 1px; height: 18px; background: var(--rose); animation: scroll-pulse 1.8s ease-in-out infinite; }
@keyframes scroll-pulse { 0% { transform: translateY(-22px); } 70%,100% { transform: translateY(40px); } }
.hero__folio { position: absolute; right: 17px; top: 50%; z-index: 2; color: rgba(255,250,241,.65); font-family: var(--display); font-size: 14px; letter-spacing: .12em; writing-mode: vertical-rl; }

.count-section { position: relative; isolation: isolate; padding: clamp(90px, 10vw, 150px) var(--page-pad) 80px; overflow: hidden; background: radial-gradient(circle at 92% 7%, rgba(227,160,157,.25), transparent 24%), linear-gradient(118deg, var(--paper-light), var(--paper) 46%, #ead9c9); }
.count-section::before { content: ''; position: absolute; z-index: -1; top: 0; right: -11vw; width: 48vw; height: 48vw; border: 1px solid rgba(138,107,181,.25); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(138,107,181,.035), 0 0 0 16vw rgba(138,107,181,.025); }
.section-orbit { position: absolute; z-index: -1; top: 190px; right: -225px; color: rgba(138,107,181,.12); font-family: var(--display); font-size: 64px; letter-spacing: .16em; transform: rotate(90deg); }
.count-intro { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(0, 2fr); gap: clamp(24px, 5vw, 100px); max-width: 1250px; margin: 0 auto clamp(60px, 8vw, 100px); }
.section-index { color: var(--crimson-dark); }
.count-intro > div { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(240px, .6fr); gap: 45px; align-items: end; }
.count-intro h2, .coop-header h2, .grades-heading h2, .fraud-copy h2, .kitchen-title-wrap h2, .guide-hero h1 { margin: 0; font-family: var(--display); font-size: clamp(66px, 8.7vw, 134px); font-weight: 400; letter-spacing: -.052em; line-height: .79; }
.count-intro h2 em, .coop-header h2 em, .grades-heading h2 em, .fraud-copy h2 em, .kitchen-title-wrap h2 em { color: var(--crimson); font-weight: 400; }
.count-intro > div > p { max-width: 390px; margin: 0 0 5px; color: #42445b; font-size: 15px; line-height: 1.75; }

.ritual { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) 320px; max-width: 1390px; min-height: 760px; margin: 0 auto; box-shadow: 0 28px 80px rgba(33,26,50,.16); }
.field-panel, .macro-panel, .truth-ledger { min-width: 0; }
.field-panel { display: grid; grid-template-rows: auto auto 1fr auto; color: var(--white); background: var(--violet); }
.macro-panel { display: grid; grid-template-rows: auto 1fr auto; color: var(--paper); background: var(--indigo); border-left: 1px solid rgba(255,255,255,.12); }
.ritual-step { padding: 30px 32px 26px; color: var(--indigo); background: var(--rose-pale); border-bottom: 1px solid rgba(38,50,78,.16); }
.ritual-step span { display: block; margin-bottom: 5px; color: var(--crimson-dark); font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.ritual-step h3 { margin: 0; font-family: var(--display); font-size: 38px; font-weight: 400; line-height: 1; }
.ritual-step p { margin: 8px 0 0; color: #4e4b60; font-size: 11px; }
.ritual-step--light { color: var(--white); background: var(--indigo); border-color: rgba(255,255,255,.16); }
.ritual-step--light span { color: var(--rose); }
.ritual-step--light p { color: rgba(255,250,241,.64); }
.field-meta { display: flex; justify-content: space-between; gap: 20px; padding: 12px 22px; color: rgba(255,250,241,.78); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: rgba(38,50,78,.12); }
.flower-field { position: relative; min-height: 540px; overflow: hidden; background: radial-gradient(circle at 28% 5%, rgba(242,210,201,.18), transparent 30%), linear-gradient(162deg, #6f579b 0%, #443d74 48%, #202b49 100%); }
.flower-field::before { content: ''; position: absolute; inset: 0; opacity: .35; background: repeating-linear-gradient(164deg, transparent 0 62px, rgba(20,25,48,.23) 64px 67px, transparent 69px 115px); }
.field-contours { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .4; }
.field-contours path { fill: none; stroke: #161c39; stroke-width: 18; stroke-linecap: round; }
.field-flower { --scale: 1; position: absolute; z-index: 2; width: 52px; height: 58px; padding: 0; border: 0; background: none; cursor: pointer; transform: translate(-50%,-50%) scale(var(--scale)); transition: filter .25s ease, transform .3s ease; }
.field-flower { opacity: var(--depth,1); transform: translate(-50%,-50%) rotate(var(--tilt,0deg)) scale(var(--scale)); }
.field-flower:hover { z-index: 4; opacity: 1; filter: brightness(1.25); transform: translate(-50%,-50%) rotate(0deg) scale(calc(var(--scale) * 1.12)); }
.field-flower:disabled { cursor: default; }
.field-flower i { position: absolute; top: 9px; left: 21px; width: 15px; height: 35px; background: linear-gradient(160deg, #d9b7e8, #7d52ad 66%, #553176); border-radius: 90% 10% 75% 25%; box-shadow: inset 2px 1px 5px rgba(255,255,255,.28); transform-origin: 50% 95%; transition: transform .55s cubic-bezier(.34,1.56,.64,1), opacity .4s ease; }
.field-flower i:nth-child(1) { transform: rotate(-55deg); }
.field-flower i:nth-child(2) { transform: rotate(-23deg) scaleY(1.13); }
.field-flower i:nth-child(3) { transform: rotate(15deg) scaleY(1.16); }
.field-flower i:nth-child(4) { transform: rotate(48deg); }
.field-flower::before { content: ''; position: absolute; z-index: 3; top: 29px; left: 26px; width: 4px; height: 27px; border-radius: 6px; background: #5a7a48; box-shadow: 2px 0 #c22e2e; }
.field-flower::after { content: ''; position: absolute; z-index: 3; top: 24px; left: 25px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }
.field-flower:not(.is-picked)::after { animation: pollen-pulse 1.9s var(--sway-delay,0ms) ease-in-out infinite; }
@keyframes pollen-pulse { 50% { opacity: .62; transform: scale(.72); } }
.field-flower.is-picked i { opacity: 0; transform: rotate(0) scale(.15); }
.field-flower.is-picked::before, .field-flower.is-picked::after { opacity: .35; }
.field-lock { position: absolute; z-index: 7; inset: 0; display: grid; place-items: end center; padding: 27px; pointer-events: none; opacity: 0; background: rgba(24,29,56,.08); transition: opacity .25s ease; }
.field-lock span { padding: 8px 13px; color: var(--paper); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; background: rgba(21,28,53,.78); border-radius: 999px; }
.flower-field.is-locked .field-lock { opacity: 1; }
.basket-strip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; min-height: 86px; padding: 12px 18px; color: var(--paper); background: #202b49; }
.basket-figure { position: relative; width: 66px; height: 48px; }
.basket-figure span { position: absolute; left: 8px; bottom: 2px; width: 52px; height: 36px; border: 1px solid var(--gold); border-radius: 5px 5px 22px 22px; background: repeating-linear-gradient(75deg, transparent 0 7px, rgba(213,170,80,.45) 8px 9px); }
.basket-figure::before { content: ''; position: absolute; top: 0; left: 17px; width: 32px; height: 29px; border: 1px solid var(--gold); border-bottom: 0; border-radius: 50% 50% 0 0; }
.basket-strip > div:nth-child(2) { display: flex; flex-direction: column; }
.basket-strip > div:nth-child(2) span { color: rgba(255,250,241,.54); font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.basket-strip > div:nth-child(2) strong { font-family: var(--display); font-size: 20px; font-weight: 400; }
.basket-strip > div:nth-child(2) b { color: var(--rose); font-size: 25px; font-weight: 400; }
.basket-strip button { min-height: 44px; padding: 0 12px; color: rgba(255,250,241,.74); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: transparent; border: 1px solid rgba(255,255,255,.2); cursor: pointer; }
.basket-strip button:hover { color: var(--indigo); background: var(--gold-pale); }
.basket-strip button:disabled { opacity: .35; cursor: not-allowed; }

.macro-stage { position: relative; min-height: 540px; overflow: hidden; background: radial-gradient(circle at 46% 42%, rgba(138,107,181,.25), transparent 35%), var(--indigo); }
.macro-stage::before { content: ''; position: absolute; inset: 22px; border: 1px solid rgba(255,255,255,.08); border-radius: 50% 50% 47% 53%; }
.macro-halo { position: absolute; top: 41%; left: 46%; width: 250px; height: 250px; border: 1px solid rgba(227,160,157,.3); border-radius: 50%; transform: translate(-50%,-50%); }
.macro-halo::before, .macro-halo::after { content: ''; position: absolute; border: 1px solid rgba(138,107,181,.18); border-radius: 50%; }
.macro-halo::before { inset: -27px; }.macro-halo::after { inset: 28px; }
.macro-bloom { position: absolute; top: 41%; left: 46%; width: 230px; height: 230px; opacity: .08; transform: translate(-50%,-50%) scale(.78); transition: opacity .6s ease, transform .8s cubic-bezier(.34,1.56,.64,1); }
.macro-stage[data-active="true"] .macro-bloom { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.macro-petal { position: absolute; top: 50%; left: 50%; width: 82px; height: 144px; background: linear-gradient(150deg, #c9afe2 0%, #8863b0 56%, #5f427c 100%); border: 1px solid rgba(255,255,255,.22); border-radius: 95% 12% 88% 18%; box-shadow: inset 10px 8px 18px rgba(255,255,255,.1), 0 12px 30px rgba(9,12,28,.22); transform-origin: 13% 89%; }
.macro-petal--1 { transform: translate(-8%,-89%) rotate(-78deg); }
.macro-petal--2 { transform: translate(-12%,-88%) rotate(-27deg); }
.macro-petal--3 { transform: translate(-14%,-88%) rotate(24deg); }
.macro-petal--4 { transform: translate(-15%,-88%) rotate(74deg); }
.macro-petal--5 { transform: translate(-15%,-88%) rotate(133deg); }
.macro-petal--6 { transform: translate(-12%,-88%) rotate(185deg); }
.macro-center { position: absolute; z-index: 3; top: calc(50% - 17px); left: calc(50% - 17px); width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #f3d78c, #be8641 65%, #8f502e); box-shadow: 0 0 0 8px rgba(213,170,80,.17); }
.stigma-cluster { position: absolute; z-index: 8; inset: 0; pointer-events: none; }
.stigma { --rot: 0deg; position: absolute; top: 37%; left: 43%; width: 78px; min-height: 48px; padding: 0; pointer-events: auto; touch-action: none; user-select: none; -webkit-user-select: none; background: transparent; border: 0; cursor: grab; translate: var(--drag-x, 0) var(--drag-y, 0); transform: rotate(var(--rot)); transform-origin: 8px 50%; transition: opacity .3s ease, filter .2s ease; }
.stigma:active { cursor: grabbing; }
.stigma:hover { filter: brightness(1.28) drop-shadow(0 0 5px rgba(194,46,46,.35)); }
.stigma i { position: absolute; top: 21px; left: 7px; width: 62px; height: 5px; border-radius: 100% 40% 90% 30%; background: linear-gradient(90deg, #81212a, #d93535 45%, #a52128); box-shadow: 0 0 5px rgba(194,46,46,.35); }
.stigma i::after { content: ''; position: absolute; right: -2px; top: -4px; width: 14px; height: 10px; border-radius: 80% 25% 75% 30%; background: var(--crimson); transform: rotate(-12deg); }
.stigma--1 { --rot: -76deg; }.stigma--2 { --rot: -17deg; }.stigma--3 { --rot: 41deg; }
.stigma[disabled] { pointer-events: none; opacity: .16; }
.stigma.is-plucked { opacity: 0; pointer-events: none; }
.macro-stage[data-active="false"] .stigma { opacity: .08; pointer-events: none; }
.thread-cloth { position: absolute; z-index: 4; right: 5%; bottom: 6%; width: 155px; height: 110px; padding: 13px; color: rgba(255,250,241,.46); font-size: 8px; font-weight: 700; letter-spacing: .12em; text-align: center; text-transform: uppercase; background: #151f3b; border: 1px solid rgba(213,170,80,.35); box-shadow: 0 18px 34px rgba(4,8,20,.34); transform: rotate(3deg); }
.thread-cloth::before { content: ''; position: absolute; inset: 5px; opacity: .4; border: 1px dashed rgba(255,255,255,.15); }
.thread-cloth.is-target { border-color: var(--gold-pale); box-shadow: 0 0 0 5px rgba(213,170,80,.18), 0 18px 34px rgba(4,8,20,.34); }
.thread-cloth #clothThreads { position: absolute; inset: 31px 11px 8px; }
.cloth-thread { position: absolute; left: var(--x); top: var(--y); width: 65px; height: 3px; border-radius: 99px; background: var(--crimson); transform: rotate(var(--r)); box-shadow: 0 1px 2px #0b1022; animation: thread-land .35s cubic-bezier(.34,1.56,.64,1); }
@keyframes thread-land { from { transform: rotate(var(--r)) scale(.1); } }
.macro-empty { position: absolute; z-index: 5; top: 50%; left: 50%; width: 170px; margin: 0; color: rgba(255,250,241,.52); font-family: var(--display); font-size: 20px; font-style: italic; text-align: center; transform: translate(-50%,-50%); transition: opacity .3s ease; }
.macro-stage[data-active="true"] .macro-empty { opacity: 0; }
.macro-caption { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 13px; min-height: 86px; padding: 20px 22px; color: rgba(255,250,241,.66); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,.13); }
.macro-caption strong { color: var(--rose-pale); }
.macro-truth { padding-left: 13px; color: var(--gold-pale); font-size: 8px; font-weight: 800; font-variant-numeric: tabular-nums; border-left: 1px solid rgba(255,255,255,.17); }

.truth-ledger { position: relative; display: flex; flex-direction: column; padding: 31px 27px 24px; overflow: hidden; color: var(--indigo); background: var(--gold-pale); border-left: 1px solid rgba(38,50,78,.18); }
.truth-ledger::after { content: ''; position: absolute; right: -100px; bottom: -105px; width: 260px; height: 260px; border: 1px solid rgba(38,50,78,.16); border-radius: 50%; box-shadow: 0 0 0 25px rgba(38,50,78,.035), 0 0 0 50px rgba(38,50,78,.025); }
.ledger-heading > span { display: block; font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.ledger-heading h3 { margin: 5px 0 38px; font-family: var(--display); font-size: 38px; font-weight: 400; }
.ledger-number { display: flex; align-items: end; gap: 12px; margin-bottom: 27px; padding-bottom: 23px; border-bottom: 1px solid rgba(38,50,78,.25); }
.ledger-number strong { font-family: var(--display); font-size: 65px; font-weight: 400; letter-spacing: -.05em; line-height: .75; font-variant-numeric: tabular-nums; }
.ledger-number span { font-size: 8px; font-weight: 800; line-height: 1.35; letter-spacing: .1em; text-transform: uppercase; }
.gram-track { position: relative; height: 11px; margin: 22px 0 54px; background: rgba(38,50,78,.13); border: 1px solid rgba(38,50,78,.22); }
.gram-fill { --progress: 0; position: absolute; inset: 0; background: var(--crimson); transform: scaleX(var(--progress)); transform-origin: left center; transition: transform .65s cubic-bezier(.22,1,.36,1); }
.gram-track i { position: absolute; top: -7px; left: var(--tick); width: 1px; height: 25px; background: rgba(38,50,78,.45); }
.gram-track i span { position: absolute; top: 29px; left: 50%; font-style: normal; font-size: 8px; transform: translateX(-50%); }
.gram-track i:last-child span { transform: translateX(-100%); }
.ledger-tally { margin: 0 0 17px; padding: 12px 0 15px; border-top: 1px solid rgba(38,50,78,.2); border-bottom: 1px solid rgba(38,50,78,.2); }
.ledger-tally > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 9px; color: rgba(38,50,78,.72); font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ledger-tally strong { color: var(--indigo); font-variant-numeric: tabular-nums; }
.ledger-tally strong b { color: var(--crimson); }
.flower-tally { display: grid; grid-template-columns: repeat(15,1fr); gap: 3px 4px; }
.flower-tally i { display: block; height: 3px; background: rgba(38,50,78,.2); transform: skewX(-22deg); transition: background .18s ease, transform .32s cubic-bezier(.22,1,.36,1); }
.flower-tally i.is-filled { background: var(--crimson); transform: skewX(-22deg) scaleY(2); }
.ledger-equation { display: flex; justify-content: space-between; gap: 12px; padding: 15px 0; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; border-top: 1px solid rgba(38,50,78,.19); }
.ledger-equation strong { font-size: 9px; text-align: right; }
.ledger-equation b { color: var(--crimson); }
.ledger-verdict { max-width: 220px; margin: 24px 0 0; font-family: var(--display); font-size: 22px; font-style: italic; line-height: 1.15; }
.ledger-seal { position: relative; z-index: 2; display: grid; grid-template-columns: auto auto; align-items: center; align-self: end; gap: 8px; width: 120px; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(38,50,78,.4); transform: rotate(-5deg); }
.ledger-seal span { font-family: var(--display); font-size: 47px; line-height: .8; }
.ledger-seal small { font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.thumb-proof { position: relative; z-index: 2; display: grid; grid-template-columns: 82px 1fr; align-items: end; gap: 11px; width: 100%; margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(38,50,78,.32); }
.thumb-proof::after { content: ''; position: absolute; bottom: 8px; left: 38px; width: 5px; height: 5px; opacity: 0; background: var(--crimson); border-radius: 50%; box-shadow: 0 0 0 7px rgba(194,46,46,.08); transition: opacity .25s ease, transform .6s cubic-bezier(.34,1.56,.64,1); transform: scale(.2); }
.thumb-proof.is-marked::after { opacity: 1; transform: scale(1); }
.thumb-proof svg { width: 82px; height: 96px; overflow: visible; transform: rotate(-7deg); }
.thumb-proof path { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.25; }
.thumb-proof__ghost path { stroke: rgba(38,50,78,.18); }
.thumb-proof__ink path { stroke: var(--crimson); stroke-dasharray: var(--proof) 1; transition: stroke-dasharray .9s cubic-bezier(.22,1,.36,1); }
.thumb-proof > span { padding-bottom: 8px; font-size: 7px; font-weight: 800; letter-spacing: .09em; line-height: 1.6; text-transform: uppercase; }
.thumb-proof > span b { display: block; color: var(--crimson); font-family: var(--display); font-size: 25px; font-weight: 400; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.count-footnote { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; max-width: 1390px; margin: 30px auto 0; padding: 18px 0; color: #57566a; border-top: 1px solid rgba(38,50,78,.2); }
.count-footnote > span { color: var(--crimson); font-family: var(--display); font-size: 27px; }
.count-footnote p { max-width: 620px; margin: 0; font-size: 11px; }
.count-footnote strong { font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.pick-flight-layer { position: fixed; inset: 0; z-index: 800; pointer-events: none; }
.flying-bloom { position: fixed; width: 54px; height: 54px; animation: harvest-flight .72s cubic-bezier(.55,0,.65,1) forwards; }
.flying-bloom::before { content: none; }
.flying-bloom i { position: absolute; top: 7px; left: 22px; width: 14px; height: 37px; background: linear-gradient(160deg,#d7bde5,#7d52ad 70%); border-radius: 90% 10% 75% 25%; transform-origin: 50% 88%; }
.flying-bloom i:nth-child(1) { transform: rotate(-62deg); }.flying-bloom i:nth-child(2) { transform: rotate(-24deg); }.flying-bloom i:nth-child(3) { transform: rotate(19deg); }.flying-bloom i:nth-child(4) { transform: rotate(57deg); }
.flying-bloom b { position: absolute; top: 24px; left: 26px; width: 7px; height: 7px; background: var(--gold); border-radius: 50%; }
@keyframes harvest-flight { to { opacity: 0; transform: translate3d(var(--flight-x),var(--flight-y),0) rotate(160deg) scale(.35); } }

.cooperative-section { position: relative; padding: clamp(95px, 11vw, 170px) var(--page-pad) 110px; overflow: hidden; color: var(--paper); background: var(--indigo-deep); }
.cooperative-section::before { content: ''; position: absolute; inset: 0; opacity: .16; background: radial-gradient(circle at 12% 23%, var(--violet) 0 1px, transparent 1.5px), radial-gradient(circle at 76% 68%, var(--rose) 0 1px, transparent 1.5px); background-size: 35px 35px, 49px 49px; }
.coop-header { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(150px,.6fr) minmax(500px,1.6fr) minmax(260px,.65fr); align-items: end; gap: clamp(25px, 5vw, 85px); max-width: 1390px; margin: 0 auto 115px; }
.section-index--rose { align-self: start; color: var(--rose); }
.coop-header h2 { font-size: clamp(60px, 7.5vw, 115px); }
.coop-header h2 em { color: var(--violet-pale); }
.coop-header h2 em { display: block; margin-left: .32em; }
.coop-header > p:last-child { margin: 0; color: rgba(255,250,241,.66); font-size: 13px; line-height: 1.8; }
.coop-map { position: relative; display: grid; grid-template-columns: repeat(12,1fr); grid-template-rows: repeat(2,minmax(210px,auto)); gap: 26px; max-width: 1290px; margin: 0 auto; }
.map-thread { position: absolute; z-index: 0; top: 50%; left: -4%; width: 108%; height: 2px; background: var(--crimson); transform: rotate(-4deg); box-shadow: 0 0 20px rgba(194,46,46,.25); }
.time-card { position: relative; z-index: 1; padding: 26px; color: var(--paper); background: rgba(38,50,78,.84); border: 1px solid rgba(196,177,219,.25); box-shadow: 0 18px 40px rgba(0,0,0,.18); }
.time-card { transition: transform .45s cubic-bezier(.22,1,.36,1), border-color .3s ease, background .3s ease; }
.time-card:hover { z-index: 3; border-color: rgba(227,160,157,.7); background: rgba(47,60,94,.96); }
.time-card::after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 6px rgba(213,170,80,.13); }
.time-card--one { grid-column: 1 / 4; grid-row: 1; transform: rotate(-2deg); }.time-card--one::after { right: 22px; bottom: -36px; }
.time-card--two { grid-column: 4 / 7; grid-row: 2; transform: translateY(18px) rotate(1deg); }.time-card--two::after { top: -36px; left: 40px; }
.time-card--three { grid-column: 7 / 10; grid-row: 1; transform: translateY(-24px) rotate(2deg); }.time-card--three::after { right: 40px; bottom: -45px; }
.time-card--four { grid-column: 10 / 13; grid-row: 2; transform: rotate(-1deg); }.time-card--four::after { top: -39px; left: 42px; }
.time-card__time { color: var(--rose); font-family: var(--display); font-size: 35px; }
.time-card h3 { margin: 27px 0 12px; font-family: var(--display); font-size: 25px; font-weight: 400; line-height: 1.08; }
.time-card p { min-height: 78px; margin: 0; color: rgba(255,250,241,.63); font-size: 11px; line-height: 1.7; }
.time-card small { display: block; margin-top: 20px; padding-top: 12px; color: var(--gold-pale); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,.12); }
.coop-stamp { position: absolute; z-index: 2; top: 41%; left: 50%; display: grid; place-items: center; width: 140px; height: 140px; color: var(--indigo); text-align: center; background: var(--rose); border: 6px double var(--indigo-deep); border-radius: 50%; transform: translate(-50%,-50%) rotate(-8deg); }
.coop-stamp span { margin-top: 12px; font-family: var(--display); font-size: 56px; line-height: .6; }
.coop-stamp small { font-size: 7px; font-weight: 800; line-height: 1.3; letter-spacing: .13em; text-transform: uppercase; }
.cooperative-section blockquote { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: end; gap: 30px; max-width: 910px; margin: 120px auto 0; padding: 25px 0 0; border-top: 1px solid rgba(255,255,255,.23); }
.cooperative-section blockquote p { max-width: 680px; margin: 0; font-family: var(--display); font-size: clamp(34px,4vw,62px); font-style: italic; line-height: 1.04; }
.cooperative-section blockquote cite { color: var(--rose); font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .12em; text-align: right; text-transform: uppercase; }

.grades-section { padding: clamp(95px, 10vw, 150px) var(--page-pad); background: radial-gradient(circle at 82% 13%, rgba(213,170,80,.12), transparent 21%), linear-gradient(105deg,#fbf4e8,var(--paper-light) 58%,#edddce); }
.grades-heading { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(250px,.55fr); align-items: end; gap: 60px; max-width: 1290px; margin: 0 auto 85px; }
.grades-heading h2 { font-size: clamp(64px, 8vw, 124px); }
.grades-heading h2 em { display: block; margin-left: .38em; }
.grades-heading > p { max-width: 350px; margin: 0; color: #535467; font-size: 13px; line-height: 1.8; }
.grade-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(380px,.75fr); max-width: 1290px; margin: 0 auto; border-top: 1px solid var(--indigo); border-bottom: 1px solid var(--indigo); }
.grade-table { min-width: 0; }
.grade-row { display: grid; grid-template-columns: 1fr 1.35fr 1fr .6fr; align-items: center; width: 100%; min-height: 112px; padding: 0 24px; text-align: left; background: transparent; border: 0; border-bottom: 1px solid rgba(38,50,78,.21); cursor: pointer; transition: color .25s ease, background .25s ease; }
.grade-row:last-child { border-bottom: 0; }
.grade-row span { padding-right: 17px; font-size: 11px; line-height: 1.5; }
.grade-row span:first-child { font-family: var(--display); font-size: 27px; }
.grade-row span:first-child b { margin-right: 18px; color: var(--crimson); font-family: var(--body); font-size: 8px; }
.grade-row span:last-child { color: var(--crimson-dark); font-weight: 800; letter-spacing: .08em; }
.grade-row:not(.grade-row--head):hover, .grade-row.is-selected { color: var(--paper-light); background: var(--indigo); }
.grade-row.is-selected span:last-child, .grade-row:not(.grade-row--head):hover span:last-child { color: var(--gold-pale); }
.grade-row--head { min-height: 52px; color: #686879; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; cursor: default; }
.grade-row--head span, .grade-row--head span:first-child { font-family: var(--body); font-size: 8px; }
.scale-card { display: grid; grid-template-rows: 1fr auto; min-height: 388px; padding: 25px 32px 30px; color: var(--paper); background: var(--crimson-dark); }
.balance { position: relative; min-height: 235px; }
.balance__post { position: absolute; bottom: 20px; left: 50%; width: 4px; height: 150px; background: var(--gold); transform: translateX(-50%); }
.balance__post::before { content: ''; position: absolute; top: -9px; left: -5px; width: 14px; height: 14px; border: 2px solid var(--gold); border-radius: 50%; }
.balance__post::after { content: ''; position: absolute; left: -47px; bottom: 0; width: 98px; height: 4px; background: var(--gold); }
.balance__beam { position: absolute; top: 68px; left: 50%; width: 290px; height: 3px; background: var(--gold); transform: translateX(-50%) rotate(-3deg); transition: transform .55s ease; }
.scale-card[data-grade="sargol"] .balance__beam { transform: translateX(-50%) rotate(1deg); }
.scale-card[data-grade="pushal"] .balance__beam { transform: translateX(-50%) rotate(4deg); }
.balance__pan { position: absolute; top: 71px; width: 100px; height: 82px; border-bottom: 2px solid var(--gold); border-radius: 0 0 50% 50%; }
.balance__pan::before, .balance__pan::after { content: ''; position: absolute; top: -1px; width: 1px; height: 70px; background: var(--gold); transform-origin: top; }
.balance__pan::before { left: 8px; transform: rotate(27deg); }.balance__pan::after { right: 8px; transform: rotate(-27deg); }
.balance__pan--left { left: 1%; transform: translateY(-9px); }.balance__pan--right { right: 1%; display: grid; place-items: center; text-align: center; transform: translateY(8px); }
.scale-threads, .scale-threads::before, .scale-threads::after { position: absolute; bottom: 15px; left: 19px; width: 64px; height: 3px; background: var(--rose); transform: rotate(8deg); }
.scale-threads::before, .scale-threads::after { content: ''; bottom: auto; left: 0; }
.scale-threads::before { transform: rotate(-16deg) translateY(-7px); }.scale-threads::after { transform: rotate(23deg) translateY(8px); }
.balance__pan strong { margin-top: 18px; color: var(--gold-pale); font-family: var(--display); font-size: 34px; font-weight: 400; line-height: .7; }
.balance__pan small { color: rgba(255,250,241,.6); font-size: 6px; font-weight: 800; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; }
.scale-copy { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); }
.scale-copy span { color: var(--gold-pale); font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.scale-copy h3 { margin: 7px 0; font-family: var(--display); font-size: 27px; font-weight: 400; }
.scale-copy p { margin: 0; color: rgba(255,250,241,.65); font-size: 10px; line-height: 1.7; }
.grade-note { max-width: 1290px; margin: 18px auto 0; color: #656576; font-size: 9px; }

.fraud-section { display: grid; grid-template-columns: minmax(360px,.72fr) minmax(0,1.28fr); min-height: 860px; color: var(--paper); background: var(--indigo); }
.fraud-copy { display: flex; flex-direction: column; justify-content: center; padding: 90px var(--page-pad); background: linear-gradient(145deg, #17213d, #293657); }
.section-index--gold { color: var(--gold); }
.fraud-copy h2 { font-size: clamp(62px, 7.4vw, 112px); }
.fraud-copy h2 em { color: var(--rose); }
.fraud-copy h2 em { display: block; margin-left: .34em; }
.fraud-copy > p:not(.section-index,.test-caution) { max-width: 480px; margin: 35px 0; color: rgba(255,250,241,.68); font-size: 13px; line-height: 1.8; }
.water-test-button { display: flex; align-items: center; justify-content: space-between; width: min(100%,390px); min-height: 60px; padding: 0 20px; color: var(--indigo); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; background: var(--gold-pale); border: 0; cursor: pointer; }
.water-test-button i { position: relative; width: 30px; height: 30px; border: 1px solid var(--indigo); border-radius: 50%; transition: transform .4s ease; }
.water-test-button i::before { content: ''; position: absolute; top: 13px; left: 8px; width: 12px; height: 1px; background: currentColor; }
.water-test-button i::after { content: ''; position: absolute; top: 8px; left: 13px; width: 1px; height: 12px; background: currentColor; }
.water-test-button { transition: box-shadow .3s ease, transform .35s cubic-bezier(.22,1,.36,1); }
.water-test-button:hover { box-shadow: 9px 9px 0 rgba(194,46,46,.5); transform: translate(-3px,-3px); }
.water-test-button:hover i { transform: rotate(90deg); }
.test-caution { max-width: 390px; margin: 16px 0 0; color: rgba(255,250,241,.7); font-size: 9px; }
.test-bench { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; min-width: 0; background: rgba(255,255,255,.14); }
.vial-card { position: relative; display: flex; flex-direction: column; align-items: center; padding: 45px 30px 130px; overflow: hidden; background: #2c3856; }
.vial-card--fake { background: #333b56; }
.vial-label { align-self: stretch; display: flex; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.16); }
.vial-label span { color: var(--rose); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.vial-label strong { font-family: var(--display); font-size: 19px; font-weight: 400; }
.vial { position: relative; width: 205px; height: 380px; margin: 65px auto 45px; border: 2px solid rgba(255,250,241,.55); border-top: 0; border-radius: 12px 12px 78px 78px; box-shadow: inset 12px 0 25px rgba(255,255,255,.05), inset -12px 0 25px rgba(0,0,0,.12); }
.vial__rim { position: absolute; z-index: 4; top: -10px; left: -10px; width: calc(100% + 20px); height: 19px; border: 2px solid rgba(255,250,241,.55); border-radius: 50%; }
.vial__water { position: absolute; right: 7px; bottom: 8px; left: 7px; height: 74%; overflow: hidden; background: rgba(213,224,222,.08); border-radius: 5px 5px 68px 68px; transition: background 4s ease; }
.vial__water::before { content: ''; position: absolute; top: -8px; left: 0; width: 100%; height: 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.vial__plume { position: absolute; bottom: 15px; left: 50%; width: 110px; height: 220px; opacity: 0; filter: blur(14px); background: radial-gradient(ellipse, rgba(230,177,53,.8), rgba(226,145,45,.3) 48%, transparent 72%); transform: translateX(-50%) scale(.3); transform-origin: bottom; }
.vial-card--fake .vial__plume { background: radial-gradient(ellipse, rgba(194,46,46,.96), rgba(173,28,46,.42) 53%, transparent 72%); }
.vial-thread { position: absolute; z-index: 3; bottom: 30px; left: 50%; width: 70px; height: 4px; border-radius: 50%; background: var(--crimson); transform: translateX(-50%) rotate(-12deg); transition: background 3s ease; }
.vial-thread--2 { bottom: 43px; transform: translateX(-50%) rotate(18deg); }.vial-thread--3 { bottom: 54px; transform: translateX(-50%) rotate(-28deg); }
.vial-card > p { align-self: stretch; display: grid; grid-template-columns: auto 1fr; gap: 0 10px; margin: 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.15); }
.test-dot { grid-row: 1 / 3; width: 8px; height: 8px; margin-top: 5px; background: var(--rose); border-radius: 50%; }
.vial-card > p b { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.vial-card > p small { color: rgba(255,250,241,.74); font-size: 9px; }
.versus-mark { position: absolute; z-index: 5; top: 50%; left: 50%; display: grid; place-items: center; width: 58px; height: 58px; color: var(--indigo); font-family: var(--display); font-size: 30px; background: var(--rose); border-radius: 50%; transform: translate(-50%,-50%); }
.test-readout { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 22px; min-height: 105px; padding: 20px 30px; color: var(--indigo); background: var(--gold-pale); }
.test-readout span { font-family: var(--display); font-size: 37px; font-variant-numeric: tabular-nums; }
.test-readout p { max-width: 500px; margin: 0; font-size: 10px; line-height: 1.6; }
.test-bench.is-testing .vial-card--real .vial__water { background: rgba(219,172,55,.22); }
.test-bench.is-testing .vial-card--fake .vial__water { background: rgba(178,36,48,.32); }
.test-bench.is-testing .vial__plume { animation: plume-rise 5s ease-out both; }
.test-bench.is-testing .vial-card--fake .vial__plume { animation-duration: 1.2s; }
.test-bench.is-testing .vial-card--fake .vial-thread { background: #92767a; }
@keyframes plume-rise { 20% { opacity: .8; } 100% { opacity: .48; transform: translateX(-50%) scale(1.35) translateY(-80px); } }

.kitchen-section { padding: clamp(100px, 11vw, 170px) var(--page-pad) 90px; overflow: hidden; background: radial-gradient(circle at 16% 15%,rgba(255,250,241,.62),transparent 21%), linear-gradient(130deg,#f2cfc6,var(--rose-pale) 56%,#e9aaa7); }
.kitchen-title-wrap { display: grid; grid-template-columns: minmax(150px,.52fr) minmax(500px,1.45fr) minmax(250px,.58fr); align-items: end; gap: clamp(24px,5vw,80px); max-width: 1290px; margin: 0 auto 85px; }
.kitchen-title-wrap h2 { font-size: clamp(64px, 8vw, 122px); }
.kitchen-title-wrap h2 em { display: block; margin-left: .48em; }
.kitchen-title-wrap > p:last-child { margin: 0; color: #555468; font-size: 13px; line-height: 1.8; }
.recipe-ledger { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; max-width: 1290px; margin: 0 auto; border: 1px solid var(--indigo); }
.recipe { position: relative; display: grid; grid-template-columns: 120px 1fr; align-content: start; gap: 26px 23px; min-width: 0; padding: 42px; overflow: hidden; background: var(--paper-light); }
.recipe { transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .35s ease; }
.recipe:hover { z-index: 2; transform: translateY(-7px); box-shadow: 0 24px 48px rgba(38,50,78,.18); }
.recipe + .recipe { border-left: 1px solid var(--indigo); }.recipe:nth-child(3) { border-top: 1px solid var(--indigo); }
.recipe:nth-child(2) { border-top: 1px solid var(--indigo); border-left: 0; }
.recipe--wide { grid-column: 1 / -1; grid-row: auto; grid-template-columns: 150px minmax(260px,.82fr) minmax(340px,1.18fr); align-items: start; align-content: center; min-height: 420px; background: var(--gold-pale); }
.recipe--wide .recipe__number { grid-column: 1; grid-row: 1; }
.recipe--wide > div { grid-column: 2; }
.recipe--wide ol { grid-column: 3; margin: 0 0 35px; }
.recipe--rose { color: var(--paper-light); background: var(--crimson-dark); }
.recipe--violet { color: var(--paper-light); background: var(--violet); }
.recipe__number { grid-row: 1 / 3; color: var(--crimson); font-family: var(--display); font-size: 112px; letter-spacing: -.06em; line-height: .72; }
.recipe--rose .recipe__number { color: var(--rose); }.recipe--violet .recipe__number { color: var(--gold-pale); }
.recipe div p { margin: 0 0 8px; font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.recipe h3 { margin: 0; font-family: var(--display); font-size: clamp(31px,3.5vw,50px); font-weight: 400; line-height: .95; }
.recipe ol { grid-column: 2; margin: 15px 0 50px; padding: 0; list-style: none; counter-reset: steps; }
.recipe li { position: relative; padding: 12px 0 12px 28px; font-size: 10px; border-top: 1px solid rgba(38,50,78,.2); counter-increment: steps; }
.recipe li::before { content: '0' counter(steps); position: absolute; left: 0; color: var(--crimson); font-size: 8px; font-weight: 800; }
.recipe--rose li, .recipe--violet li { border-color: rgba(255,255,255,.17); }.recipe--rose li::before, .recipe--violet li::before { color: var(--gold-pale); }
.recipe__time { position: absolute; right: 29px; bottom: 25px; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.recipe::after { content: ''; position: absolute; right: -50px; bottom: -50px; width: 135px; height: 135px; border: 1px solid currentColor; border-radius: 50%; opacity: .14; box-shadow: 0 0 0 20px currentColor, 0 0 0 40px currentColor; }
.kitchen-closing { display: grid; grid-template-columns: .8fr 1.3fr auto; align-items: end; gap: 35px; max-width: 1290px; margin: 58px auto 0; padding-top: 28px; border-top: 1px solid rgba(38,50,78,.3); }
.kitchen-closing p { margin: 0; font-size: 11px; }.kitchen-closing strong { font-family: var(--display); font-size: 31px; font-weight: 400; line-height: 1.05; }
.kitchen-closing a { display: flex; align-items: center; gap: 20px; min-height: 52px; padding: 0 18px; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; border: 1px solid var(--indigo); }
.kitchen-closing a:hover { color: var(--paper); background: var(--indigo); }

.site-footer { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 35px; padding: 65px var(--page-pad) 34px; overflow: hidden; color: var(--paper); background: var(--indigo-ink); }
.site-footer::before { content: ''; position: absolute; top: 0; right: var(--page-pad); left: var(--page-pad); height: 1px; background: rgba(255,255,255,.18); }
.footer-flower { position: relative; width: 78px; height: 78px; }
.footer-flower i { position: absolute; top: 25px; left: 29px; width: 24px; height: 43px; background: var(--violet); border-radius: 90% 10% 80% 20%; transform-origin: 50% 90%; }
.footer-flower i:nth-child(1) { transform: rotate(-55deg); }.footer-flower i:nth-child(2) { transform: rotate(0); }.footer-flower i:nth-child(3) { transform: rotate(55deg); }
.footer-flower span { position: absolute; top: 51px; left: 38px; width: 3px; height: 29px; background: var(--crimson); }
.footer-title { display: flex; flex-direction: column; }
.footer-title span { color: var(--rose); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.footer-title strong { font-family: var(--display); font-size: clamp(35px,4vw,60px); font-weight: 400; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 24px; }
.site-footer nav a { min-height: 44px; display: inline-flex; align-items: center; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.25); }
.site-footer > p { grid-column: 2 / -1; margin: 28px 0 0; color: rgba(255,250,241,.76); font-size: 10px; }
.site-footer > p span { padding: 0 8px; }.site-footer > p a { color: rgba(255,250,241,.72); }
.site-footer a { transition: color .25s ease, border-color .25s ease; }
.site-footer a:hover, .site-footer a:focus-visible { color: var(--rose-pale); border-color: var(--crimson); }

/* Guide */
.guide-page { background: var(--paper-light); }
.guide-page .masthead { position: relative; color: var(--paper); background: var(--indigo-deep); }
.guide-page .brand__mark { color: var(--violet-pale); }
.guide-page .opening-curtain { display: none; }
.guide-hero { position: relative; min-height: 610px; padding: 120px var(--page-pad) 70px; overflow: hidden; color: var(--paper); background: radial-gradient(circle at 76% 36%, rgba(138,107,181,.35), transparent 28%), linear-gradient(145deg, var(--indigo), var(--indigo-deep)); }
.guide-hero::before { content: ''; position: absolute; top: 48px; right: 7vw; width: 360px; height: 360px; border: 1px solid rgba(227,160,157,.28); border-radius: 50%; box-shadow: 0 0 0 42px rgba(138,107,181,.055), 0 0 0 84px rgba(138,107,181,.03); }
.guide-hero::after { content: ''; position: absolute; right: -3vw; bottom: 105px; width: 52vw; height: 2px; background: linear-gradient(90deg,transparent,var(--crimson) 25%,var(--rose)); transform: rotate(-8deg); transform-origin: right; }
.guide-hero__inner { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; }
.guide-hero .section-index { color: var(--rose); }
.guide-hero h1 { max-width: 760px; font-size: clamp(75px,9.4vw,142px); }
.guide-hero h1 em { display: block; margin-left: 15%; color: var(--violet-pale); font-weight: 400; }
.guide-hero p:last-child { max-width: 500px; margin: 45px 0 0 15%; color: rgba(255,250,241,.69); font-size: 14px; line-height: 1.8; }
.guide-hero__ratio { position: absolute; z-index: 3; top: 126px; right: clamp(48px,8vw,140px); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 282px; height: 282px; color: var(--paper); border: 1px solid rgba(227,160,157,.48); border-radius: 50%; transform: rotate(4deg); }
.guide-hero__ratio::before, .guide-hero__ratio::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(138,107,181,.34); }
.guide-hero__ratio::before { inset: 18px; }.guide-hero__ratio::after { inset: 40px; }
.guide-hero__ratio span, .guide-hero__ratio b { position: relative; z-index: 1; font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.guide-hero__ratio strong { position: relative; z-index: 1; color: var(--rose-pale); font-family: var(--display); font-size: 102px; font-weight: 400; line-height: .72; font-variant-numeric: tabular-nums; }
.guide-hero__ratio i { position: relative; z-index: 1; width: 90px; height: 2px; margin: 13px 0 11px; background: var(--crimson); }
.guide-shell { display: grid; grid-template-columns: 230px minmax(0,850px); gap: clamp(45px,7vw,105px); max-width: 1230px; margin: 0 auto; padding: 110px var(--page-pad) 100px; }
.guide-aside { position: static; align-self: start; }
.guide-aside span { color: var(--crimson); font-size: 9px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.guide-aside ol { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(38,50,78,.22); }
.guide-aside li { font-family: var(--display); font-size: 20px; border-bottom: 1px solid rgba(38,50,78,.17); }
.guide-aside a { display: flex; align-items: center; min-height: 48px; text-decoration: none; transition: color .2s ease, padding-left .3s cubic-bezier(.22,1,.36,1); }
.guide-aside a:hover, .guide-aside a:focus-visible { padding-left: 9px; color: var(--crimson); }
.guide-article section { margin-bottom: 76px; }
.guide-article h2 { margin: 0 0 20px; color: var(--crimson-dark); font-family: var(--display); font-size: clamp(42px,5vw,67px); font-weight: 400; letter-spacing: -.03em; line-height: .95; }
.guide-article h3 { margin: 32px 0 9px; font-family: var(--display); font-size: 29px; font-weight: 400; }
.guide-article p { margin: 0 0 18px; color: #48495b; font-size: 14px; line-height: 1.9; }
.guide-article code { font-family: var(--body); font-size: .91em; font-weight: 800; }
.guide-callout { padding: 30px 34px; color: var(--paper); background: var(--indigo); border-left: 5px solid var(--crimson); }
.guide-callout p { margin: 0; color: rgba(255,250,241,.81); }
.token-grid { display: grid; grid-template-columns: 1.35fr .82fr 1.08fr .78fr .97fr; margin: 28px 0; border: 1px solid var(--indigo); }
.token { min-height: 112px; padding: 13px; color: var(--paper); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.token:nth-child(1) { background: #26324e; }.token:nth-child(2) { color: var(--indigo-ink); background: #8a6bb5; }.token:nth-child(3) { color: var(--indigo); background: #e3a09d; }.token:nth-child(4) { background: #c22e2e; }.token:nth-child(5) { color: var(--indigo); background: #d5aa50; }
.type-specimen { display: grid; grid-template-columns: 1fr 1fr; margin-top: 28px; border: 1px solid rgba(38,50,78,.4); }
.type-specimen div { min-height: 150px; padding: 25px; }.type-specimen div + div { border-left: 1px solid rgba(38,50,78,.4); }
.type-specimen strong { display: block; font-family: var(--display); font-size: 48px; font-weight: 400; line-height: .9; }.type-specimen span { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.prompt-box { padding: 34px; background: var(--rose-pale); border: 1px solid var(--crimson-dark); }
.prompt-box p { margin: 0; color: var(--indigo); font-family: var(--display); font-size: 24px; font-style: italic; line-height: 1.35; }
.guide-ratio { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; margin: 34px 0 10px; color: var(--paper); background: var(--indigo); border: 1px solid var(--indigo); }
.guide-ratio div { min-height: 150px; padding: 22px; background: linear-gradient(145deg,rgba(138,107,181,.18),transparent); }
.guide-ratio div:last-child { color: var(--indigo); background: var(--gold-pale); }
.guide-ratio > i { align-self: center; width: 28px; height: 1px; background: var(--crimson); transform: rotate(-11deg); }
.guide-ratio span { display: block; margin-bottom: 38px; color: var(--rose); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.guide-ratio div:last-child span { color: var(--crimson-dark); }
.guide-ratio strong { font-family: var(--display); font-size: 28px; font-weight: 400; white-space: nowrap; }
.guide-ratio em { color: var(--gold-pale); font-size: 43px; font-weight: 400; }
.guide-ratio div:last-child em { color: var(--crimson); }

.asset-workflow { margin: 34px 0 31px; overflow: hidden; color: var(--paper); background: var(--indigo-deep); border: 1px solid var(--indigo); }
.asset-workflow__frame { position: relative; display: flex; align-items: end; aspect-ratio: 16 / 7; padding: 18px; background-image: linear-gradient(0deg,rgba(13,20,40,.83),transparent 66%), linear-gradient(90deg,rgba(38,50,78,.48),transparent), url('/assets/gen/saffron/field.jpg'); background-position: center 54%; background-size: cover; }
.asset-workflow__frame::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg,var(--crimson),var(--rose),var(--gold)); }
.asset-workflow__frame span { font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.asset-workflow figcaption { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr; align-items: center; gap: 8px; min-height: 76px; padding: 14px 18px; }
.asset-workflow figcaption span { font-size: 8px; font-weight: 800; letter-spacing: .1em; text-align: center; text-transform: uppercase; }
.asset-workflow figcaption i { height: 1px; background: linear-gradient(90deg,var(--crimson),var(--rose)); transform: rotate(-7deg); }

.has-reveals .reveal-item { transform: translateY(28px); transition: transform .82s cubic-bezier(.22,1,.36,1); transition-delay: calc(var(--reveal-order,0) * 70ms); }
.has-reveals .reveal-item.is-revealed { transform: none; }
.page-hidden *, .page-hidden *::before, .page-hidden *::after { animation-play-state: paused !important; }

@media (max-width: 1180px) {
  .desktop-nav { display: none; }
  .masthead { grid-template-columns: 1fr auto auto; gap: 14px; }
  .menu-toggle { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 72px; min-height: 46px; color: inherit; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; background: transparent; border: 1px solid rgba(255,255,255,.3); cursor: pointer; }
  .menu-toggle i, .menu-toggle i::after { display: block; width: 16px; height: 1px; background: currentColor; transition: transform .25s ease; }
  .menu-toggle i { position: relative; }.menu-toggle i::after { content: ''; position: absolute; top: 5px; left: 0; }
  .menu-toggle[aria-expanded="true"] i { transform: rotate(45deg); }.menu-toggle[aria-expanded="true"] i::after { top: 0; transform: rotate(-90deg); }
  .mobile-menu { position: absolute; top: 88px; right: var(--page-pad); display: grid; width: min(340px, calc(100vw - 2 * var(--page-pad))); padding: 17px; color: var(--paper); background: rgba(18,26,48,.98); border: 1px solid rgba(255,255,255,.2); transform: translateY(-10px); opacity: 0; visibility: hidden; transition: opacity .2s ease, transform .2s ease, visibility .2s; }
  .mobile-menu.is-open { transform: none; opacity: 1; visibility: visible; }
  .mobile-menu a { display: flex; align-items: center; min-height: 48px; padding: 0 10px; font-family: var(--display); font-size: 20px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.12); }
  .mobile-menu a:last-child { color: var(--rose); border: 0; }
  .hero__copy { width: 81vw; }
  .hero__dispatch { width: 270px; }
  .ritual { grid-template-columns: 1.15fr .85fr; }
  .truth-ledger { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 0 35px; min-height: 310px; }
  .ledger-number { grid-column: 1; }.gram-track { grid-column: 1; }
  .ledger-equation, .ledger-verdict { grid-column: 2; }.ledger-seal { position: absolute; right: 35px; bottom: 35px; }
  .ledger-tally { grid-column: 3; grid-row: 1 / span 3; align-self: start; margin-top: 30px; }
  .thumb-proof { grid-column: 2; align-self: end; margin-top: 24px; }
  .coop-header, .kitchen-title-wrap { grid-template-columns: .4fr 1.4fr; }
  .coop-header > p:last-child, .kitchen-title-wrap > p:last-child { grid-column: 2; max-width: 480px; }
  .grade-layout { grid-template-columns: 1.4fr .7fr; }
  .balance__beam { width: 235px; }.balance__pan { width: 85px; }
  .fraud-section { grid-template-columns: .8fr 1.2fr; }
  .vial { width: 165px; }
}

@media (max-width: 850px) {
  :root { --page-pad: 32px; }
  .masthead { min-height: 78px; }
  .mobile-menu { top: 78px; }
  .nav-ledger { display: none; }
  .hero { height: 920px; }
  .hero__image { object-position: 59% 50%; }
  .hero__copy { align-self: center; width: 100%; padding-top: 200px; padding-bottom: 260px; }
  .hero h1 { font-size: clamp(75px, 15vw, 122px); line-height: .77; }
  .hero h1 em { margin-left: 8vw; }
  .hero__dek { margin-left: 8vw; }
  .hero__dispatch { right: var(--page-pad); bottom: 78px; left: var(--page-pad); width: auto; }
  .hero__scroll { display: none; }
  .count-intro { grid-template-columns: 1fr; }
  .count-intro > div { grid-template-columns: 1fr; }
  .count-intro h2 { font-size: clamp(67px,15vw,110px); }
  .ritual { grid-template-columns: 1fr; }
  .field-panel, .macro-panel { min-height: 750px; }
  .macro-panel { border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
  .truth-ledger { grid-column: auto; min-height: 455px; }
  .coop-header, .kitchen-title-wrap { grid-template-columns: 1fr; }
  .coop-header > p:last-child, .kitchen-title-wrap > p:last-child { grid-column: auto; }
  .coop-map { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
  .time-card--one, .time-card--two, .time-card--three, .time-card--four { grid-column: auto; grid-row: auto; transform: none; }
  .time-card::after, .map-thread { display: none; }
  .coop-stamp { top: 50%; }
  .grades-heading { grid-template-columns: 1fr; }
  .grade-layout { grid-template-columns: 1fr; }
  .scale-card { min-height: 500px; }
  .fraud-section { grid-template-columns: 1fr; }
  .fraud-copy { min-height: 700px; }
  .test-bench { min-height: 770px; }
  .recipe-ledger { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .recipe--wide { min-height: 480px; }
  .recipe:nth-child(2) { border-left: 0; border-top: 1px solid var(--indigo); }
  .recipe:nth-child(3) { border-top: 1px solid var(--indigo); }
  .kitchen-closing { grid-template-columns: 1fr 1fr; }
  .kitchen-closing a { grid-column: 1 / -1; justify-self: start; }
  .guide-shell { grid-template-columns: 1fr; }
  .guide-hero__ratio { top: 150px; right: 34px; width: 220px; height: 220px; }
  .guide-hero__ratio strong { font-size: 76px; }
  .guide-aside { position: static; }
  .guide-aside ol { display: grid; grid-template-columns: repeat(5,1fr); }
  .guide-aside li { padding-right: 8px; font-size: 17px; }
}

@media (min-width: 700px) and (max-width: 850px) {
  .ritual { grid-template-columns: 1.08fr .92fr; }
  .field-panel, .macro-panel { min-height: 720px; }
  .macro-panel { border-top: 0; border-left: 1px solid rgba(255,255,255,.1); }
  .truth-ledger { grid-column: 1 / -1; display: grid; min-height: 330px; }
}

@media (max-width: 560px) {
  :root { --page-pad: 20px; }
  body { font-size: 15px; }
  .masthead { grid-template-columns: 1fr auto; gap: 8px; min-height: 72px; }
  .brand span { font-size: 18px; }.brand__mark { width: 27px; }
  .menu-toggle { min-width: 68px; min-height: 46px; padding: 0 9px; }
  .mobile-menu { top: 72px; }
  .hero { min-height: 800px; height: 100svh; }
  .hero__image { object-position: 61% center; }
  .hero__veil { background: linear-gradient(90deg, rgba(10,14,31,.78), rgba(15,20,42,.25)), linear-gradient(0deg, rgba(9,13,28,.96), transparent 70%), linear-gradient(180deg, rgba(9,13,28,.58), transparent 30%); }
  .hero__copy { align-self: end; padding: 150px 20px 250px; }
  .hero__kicker { margin-bottom: 16px; font-size: 9px; }
  .hero h1 { font-size: clamp(68px, 21vw, 86px); line-height: .78; }
  .hero h1 em { margin-left: 0; }
  .hero__dek { max-width: 340px; margin: 27px 0 0; font-size: 13px; line-height: 1.6; }
  .hero__promise { margin: 21px 0 0; font-size: 9px; letter-spacing: .13em; }
  .hero__dispatch { right: 20px; bottom: 38px; left: 20px; padding-top: 13px; }
  .hero__dispatch strong { font-size: 31px; }
  .hero__folio { display: none; }
  .hero__late-note { top: 18%; right: 20px; }
  .hero__late-note strong { font-size: 42px; }
  .count-section { padding-top: 85px; }
  .section-orbit { display: none; }
  .count-intro { margin-bottom: 55px; }
  .count-intro > div { gap: 22px; }
  .count-intro h2, .coop-header h2, .grades-heading h2, .fraud-copy h2, .kitchen-title-wrap h2 { font-size: clamp(57px,17vw,72px); line-height: .82; }
  .count-intro > div > p { font-size: 13px; }
  .ritual { margin-right: -20px; margin-left: -20px; box-shadow: none; }
  .ritual-step { padding: 25px 20px 22px; }.ritual-step h3 { font-size: 34px; }
  .field-panel, .macro-panel { min-height: 0; }
  .flower-field { min-height: 570px; }
  .field-flower { width: 48px; height: 54px; }
  .basket-strip { grid-template-columns: auto 1fr; }
  .basket-strip button { grid-column: 1 / -1; width: 100%; }
  .macro-stage { min-height: 610px; }
  .macro-halo, .macro-bloom { top: 35%; left: 50%; }
  .macro-bloom { width: 190px; height: 190px; }
  .macro-petal { width: 68px; height: 118px; }
  .stigma { top: 31%; left: 45%; }
  .thread-cloth { right: 50%; bottom: 7%; width: 175px; transform: translateX(50%) rotate(2deg); }
  .truth-ledger { display: flex; min-height: 610px; padding: 32px 22px; }
  .ledger-tally { margin-top: 0; }
  .ledger-number strong { font-size: 60px; }.ledger-seal { position: relative; right: auto; bottom: auto; }
  .thumb-proof { width: 210px; margin-top: 28px; }
  .count-footnote { grid-template-columns: auto 1fr; }.count-footnote strong { grid-column: 2; }
  .coop-header { margin-bottom: 65px; }
  .coop-header h2 em, .grades-heading h2 em, .fraud-copy h2 em, .kitchen-title-wrap h2 em { margin-left: .16em; }
  .coop-map { grid-template-columns: 1fr; gap: 13px; }
  .coop-stamp { position: relative; top: auto; left: auto; grid-row: 3; justify-self: center; margin: -30px 0 -30px; transform: rotate(-8deg); }
  .time-card { padding: 24px; }.time-card p { min-height: 0; }
  .cooperative-section blockquote { display: block; margin-top: 75px; }
  .cooperative-section blockquote p { font-size: 37px; }.cooperative-section blockquote cite { display: block; margin-top: 22px; text-align: left; }
  .grades-heading { gap: 28px; margin-bottom: 45px; }
  .grade-layout { margin-right: -20px; margin-left: -20px; }
  .grade-row { grid-template-columns: 1.2fr 1fr; gap: 7px; min-height: 130px; padding: 14px 20px; }
  .grade-row span:nth-child(3), .grade-row span:nth-child(4) { font-size: 9px; }
  .grade-row span[data-label]::before { content: attr(data-label) ' / '; color: #787384; font-size: 7px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
  .grade-row.is-selected span[data-label]::before { color: var(--rose-pale); }
  .grade-row--head { display: none; }
  .scale-card { min-height: 470px; padding: 22px; }
  .balance__beam { width: 270px; }.balance__pan { width: 95px; }
  .fraud-copy { min-height: 710px; padding-top: 85px; padding-bottom: 85px; }
  .test-bench { grid-template-columns: 1fr 1fr; min-height: auto; }
  .vial-card { min-height: 575px; padding: 30px 12px 115px; }
  .vial-card--fake { border-top: 0; border-left: 1px solid rgba(255,255,255,.14); }
  .vial-label { flex-direction: column; gap: 4px; }
  .vial { width: 132px; height: 310px; margin-top: 48px; }
  .versus-mark { top: 44%; }
  .test-readout { position: sticky; grid-column: 1 / -1; bottom: 0; }
  .kitchen-title-wrap { gap: 26px; margin-bottom: 55px; }
  .recipe-ledger { grid-template-columns: 1fr; margin-right: -20px; margin-left: -20px; }
  .recipe { grid-template-columns: 78px 1fr; min-height: 460px; padding: 35px 22px; gap: 20px 12px; }
  .recipe--wide { grid-column: auto; grid-template-columns: 78px 1fr; min-height: 530px; }
  .recipe--wide .recipe__number { grid-column: auto; grid-row: 1 / 3; }
  .recipe--wide > div { grid-column: auto; }
  .recipe--wide ol { grid-column: 2; margin: 15px 0 35px; }
  .recipe:nth-child(3) { border-left: 0; }
  .recipe__number { font-size: 76px; }.recipe h3 { font-size: 32px; }.recipe ol { margin-bottom: 35px; }
  .kitchen-closing { grid-template-columns: 1fr; }.kitchen-closing a { grid-column: auto; width: 100%; justify-content: space-between; }
  .site-footer { grid-template-columns: auto 1fr; gap: 20px; padding-top: 55px; }
  .footer-flower { width: 60px; transform: scale(.8); transform-origin: left center; }
  .site-footer nav { grid-column: 1 / -1; justify-content: flex-start; }
  .site-footer > p { grid-column: 1 / -1; line-height: 1.8; }
  .site-footer > p span { display: block; height: 0; overflow: hidden; }
  .guide-page .masthead .menu-toggle { display: none; }
  .guide-hero { min-height: 650px; padding-top: 100px; }
  .guide-hero h1 { font-size: 77px; }.guide-hero h1 em { margin-left: 0; }
  .guide-hero p:last-child { margin-left: 0; }
  .guide-hero__ratio { z-index: 2; top: 462px; right: 20px; width: 150px; height: 150px; opacity: .86; }
  .guide-hero__ratio strong { font-size: 54px; }.guide-hero__ratio span, .guide-hero__ratio b { font-size: 6px; }.guide-hero__ratio i { width: 52px; margin: 8px 0; }
  .guide-shell { padding-top: 75px; }
  .guide-aside ol { display: grid; grid-template-columns: 1fr 1fr; }.guide-aside li { font-size: 17px; }
  .token-grid { grid-template-columns: 1fr; }.token { min-height: 64px; }
  .guide-ratio { grid-template-columns: 1fr; }.guide-ratio div { min-height: 126px; }.guide-ratio > i { justify-self: center; width: 1px; height: 26px; transform: none; }.guide-ratio span { margin-bottom: 22px; }
  .asset-workflow__frame { aspect-ratio: 4 / 3; }
  .asset-workflow figcaption { grid-template-columns: 1fr; gap: 10px; padding: 20px; }
  .asset-workflow figcaption i { justify-self: center; width: 1px; height: 18px; transform: none; }
  .type-specimen { grid-template-columns: 1fr; }.type-specimen div + div { border-top: 1px solid rgba(38,50,78,.4); border-left: 0; }
  .prompt-box { padding: 24px; }.prompt-box p { font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .opening-curtain { display: none; }
  .load-word { opacity: 1; transform: none; }
  .hero__image { transform: scale(1.04); }
}