:root {
  --ink: #0b0b0a;
  --surface: #171513;
  --bone: #f1ede4;
  --ash: #a9a49a;
  --clot: #a8121c;
  --deep-clot: #52070d;
  --acid: #cfff36;
  --scar: #d95f65;
  --cadaver: #647b86;
  --oxide: #9a482d;
  --display: "Bodoni Moda", Georgia, serif;
  --mono: "Space Mono", "Courier New", monospace;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --page: min(100% - 2rem, 90rem);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: dark; scroll-behavior: smooth; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--acid) var(--ink); }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--bone); font-family: var(--mono); font-size: 1rem; line-height: 1.5; }
body.dialog-open { overflow: hidden; }
button, a { font: inherit; }
a { color: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
main, section { min-width: 0; }
::selection { background: var(--acid); color: var(--ink); }

html::-webkit-scrollbar,
.dialog-panel::-webkit-scrollbar { width: .875rem; height: .875rem; }

html::-webkit-scrollbar-track,
.dialog-panel::-webkit-scrollbar-track {
  background:
    repeating-linear-gradient(0deg, transparent 0 .7rem, color-mix(in srgb, var(--clot) 76%, transparent) .7rem .8rem),
    var(--ink);
  border-inline-start: 1px solid var(--clot);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bone) 14%, transparent);
}

html::-webkit-scrollbar-thumb,
.dialog-panel::-webkit-scrollbar-thumb {
  min-height: 3.5rem;
  background:
    linear-gradient(180deg, transparent 0 16%, var(--clot) 16% 25%, transparent 25% 45%, var(--ink) 45% 55%, transparent 55% 75%, var(--clot) 75% 84%, transparent 84%),
    var(--acid);
  background-clip: padding-box;
  border: 3px solid var(--ink);
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--bone);
}

html::-webkit-scrollbar-thumb:hover,
.dialog-panel::-webkit-scrollbar-thumb:hover { background-color: var(--bone); }

html::-webkit-scrollbar-thumb:active,
.dialog-panel::-webkit-scrollbar-thumb:active { background-color: var(--clot); box-shadow: inset 0 0 0 1px var(--acid); }

html::-webkit-scrollbar-button,
.dialog-panel::-webkit-scrollbar-button { display: none; width: 0; height: 0; }

html::-webkit-scrollbar-corner,
.dialog-panel::-webkit-scrollbar-corner { background: var(--clot); }

.dialog-panel { scrollbar-width: thin; scrollbar-color: var(--acid) var(--ink); }

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; background: var(--acid); color: var(--ink); transform: translateY(-150%); transition: transform .18s ease; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
:target { scroll-margin-top: 5rem; }

.grain { position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .12; 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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }

.eyebrow { margin: 0 0 1rem; color: var(--acid); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ca-label { font-size: .75rem; font-weight: 700; }
.ca-value { overflow-wrap: anywhere; font-size: .8rem; font-variant-numeric: tabular-nums; }

.collection, .signal { width: var(--page); margin-inline: auto; padding-block: clamp(4rem, 9vw, 9rem); }
.collection {
  --y2k-ice: #bffcff;
  --y2k-blue: #4c70ff;
  --y2k-pink: #ff4e86;
  position: relative;
  isolation: isolate;
}
.collection::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 100vw;
  height: clamp(34rem, 82vh, 58rem);
  pointer-events: none;
  opacity: .2;
  transform: translateX(-50%);
  background:
    linear-gradient(115deg, transparent 0 46%, color-mix(in srgb, var(--y2k-pink) 42%, transparent) 46% 46.15%, transparent 46.15%),
    repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 1px), color-mix(in srgb, var(--y2k-ice) 11%, transparent) calc(12.5% - 1px) 12.5%),
    repeating-linear-gradient(0deg, transparent 0 3.95rem, color-mix(in srgb, var(--acid) 7%, transparent) 3.95rem 4rem);
  -webkit-mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
}
.collection::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: clamp(4rem, 9vw, 8rem);
  right: max(-8rem, calc((100vw - 90rem) / -2));
  width: clamp(18rem, 34vw, 31rem);
  aspect-ratio: 1;
  pointer-events: none;
  opacity: .15;
  border: 1px solid color-mix(in srgb, var(--y2k-ice) 72%, transparent);
  border-radius: 50%;
  background:
    radial-gradient(circle, #f7ffff 0 2%, var(--y2k-ice) 4%, color-mix(in srgb, var(--y2k-blue) 78%, transparent) 8%, color-mix(in srgb, var(--y2k-pink) 32%, transparent) 12%, transparent 19%),
    repeating-conic-gradient(from 14deg, color-mix(in srgb, var(--y2k-ice) 74%, transparent) 0 .7deg, transparent .7deg 12deg),
    radial-gradient(circle, transparent 0 34%, color-mix(in srgb, var(--y2k-blue) 38%, transparent) 34.3% 34.7%, transparent 35% 49%, color-mix(in srgb, var(--acid) 38%, transparent) 49.3% 49.7%, transparent 50%);
  box-shadow: inset 0 0 2.5rem color-mix(in srgb, var(--y2k-blue) 14%, transparent), 0 0 2rem color-mix(in srgb, var(--y2k-ice) 8%, transparent);
  -webkit-mask-image: radial-gradient(circle, #000 0 14%, transparent 20% 24%, #000 25% 54%, transparent 71%);
  mask-image: radial-gradient(circle, #000 0 14%, transparent 20% 24%, #000 25% 54%, transparent 71%);
}
.collection > * { position: relative; z-index: 1; }

/* SHED_001 enters like a damaged archive feed: three shutters, one scan, then signal lock. */
.collection-reveal { display: none; }
.collection-reveal-ready .collection-reveal {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  width: 100vw;
  height: clamp(28rem, 78vh, 48rem);
  display: block;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%);
}
.collection-reveal__panel {
  position: absolute;
  left: -4%;
  width: 108%;
  padding-inline: max(1rem, calc((100vw - 90rem) / 2));
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border-block: 1px solid currentColor;
  font-size: clamp(.62rem, 1vw, .78rem);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  will-change: transform;
}
.collection-reveal__orbit {
  position: absolute;
  z-index: 0;
  top: 6%;
  left: 50%;
  width: min(72vw, 42rem);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--y2k-ice) 72%, transparent);
  border-radius: 50%;
  background:
    repeating-conic-gradient(from 25deg, color-mix(in srgb, var(--y2k-ice) 86%, transparent) 0 .65deg, transparent .65deg 10deg),
    radial-gradient(circle, transparent 0 37%, color-mix(in srgb, var(--acid) 62%, transparent) 37.2% 37.7%, transparent 38% 52%, color-mix(in srgb, var(--y2k-blue) 52%, transparent) 52.2% 52.7%, transparent 53%);
  box-shadow: 0 0 2.5rem color-mix(in srgb, var(--y2k-ice) 20%, transparent), inset 0 0 2rem color-mix(in srgb, var(--y2k-blue) 22%, transparent);
  opacity: .72;
  transform: translateX(-50%) rotate(-9deg);
}
.collection-reveal__orbit::before,
.collection-reveal__orbit::after,
.collection-reveal__orbit span {
  content: "";
  position: absolute;
  border-radius: inherit;
}
.collection-reveal__orbit::before { inset: 13%; border: 1px solid color-mix(in srgb, var(--acid) 55%, transparent); }
.collection-reveal__orbit::after { inset: 29%; border: 1px dashed color-mix(in srgb, var(--y2k-ice) 64%, transparent); }
.collection-reveal__orbit span { inset: 42%; background: radial-gradient(circle at 35% 30%, #fff, var(--y2k-ice) 18%, var(--y2k-blue) 47%, transparent 70%); filter: blur(.12rem); }
.collection-reveal__panel--acid {
  z-index: 1;
  top: 0;
  height: 28%;
  background: linear-gradient(94deg, var(--acid), #efffa8 48%, var(--y2k-ice) 118%);
  color: var(--ink);
  transform: rotate(-.4deg);
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--ink) 34%, transparent), 0 .6rem 2rem color-mix(in srgb, var(--acid) 20%, transparent);
}
.collection-reveal__panel--bone {
  z-index: 2;
  top: 22%;
  height: 51%;
  background:
    radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--y2k-ice) 88%, transparent) 0 4%, transparent 18%),
    linear-gradient(104deg, #343a3d 0, #f7ffff 10%, #8b969a 21%, #fff 33%, #5e686c 47%, #edf9fa 62%, #7c878b 77%, #f8ffff 91%, #a7b1b4 100%);
  color: var(--ink);
  transform: rotate(.32deg);
  box-shadow: inset 0 0 0 1px #fff, inset 0 -1.25rem 2.75rem color-mix(in srgb, var(--y2k-blue) 15%, transparent), 0 .9rem 2.25rem color-mix(in srgb, var(--ink) 45%, transparent);
}
.collection-reveal__panel--bone span:first-child {
  font-family: var(--display);
  font-size: clamp(4rem, 16vw, 12rem);
  font-weight: 900;
  letter-spacing: -.09em;
  text-shadow: .025em 0 var(--y2k-pink), -.025em 0 var(--y2k-ice);
}
.collection-reveal__panel--bone span:last-child {
  padding: .55rem .7rem;
  background: color-mix(in srgb, var(--ink) 84%, transparent);
  color: var(--y2k-ice);
  border: 1px solid var(--y2k-ice);
  border-radius: 999px;
  box-shadow: inset 0 0 .9rem color-mix(in srgb, var(--y2k-blue) 35%, transparent);
}
.collection-reveal__panel--clot {
  z-index: 3;
  bottom: 0;
  height: 34%;
  background: linear-gradient(100deg, var(--deep-clot), var(--clot) 39%, var(--y2k-pink) 74%, var(--deep-clot) 115%);
  color: var(--bone);
  transform: rotate(-.25deg);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bone) 44%, transparent), inset 0 -2rem 3rem color-mix(in srgb, var(--ink) 24%, transparent);
}
.collection-reveal__scan {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: -8%;
  width: clamp(.25rem, .5vw, .45rem);
  display: block;
  background: var(--y2k-ice);
  box-shadow: 0 0 1.5rem color-mix(in srgb, var(--y2k-ice) 75%, transparent), 1rem 0 0 color-mix(in srgb, var(--acid) 30%, transparent);
  opacity: 0;
  transform: skewX(-8deg);
  will-change: left, opacity;
}
.collection-reveal-ready .collection.is-revealed .collection-reveal { animation: collection-layer-release 1.18s step-end forwards; }
.collection-reveal-ready .collection.is-revealed .collection-reveal__panel--acid { animation: collection-shutter-right .68s .1s var(--ease) both; }
.collection-reveal-ready .collection.is-revealed .collection-reveal__panel--bone { animation: collection-shutter-left .78s .18s var(--ease) both; }
.collection-reveal-ready .collection.is-revealed .collection-reveal__panel--clot { animation: collection-shutter-right .72s .3s var(--ease) both; }
.collection-reveal-ready .collection.is-revealed .collection-reveal__scan { animation: collection-scan .62s .06s ease-in-out both; }
.collection-reveal-ready .collection.is-revealed .collection-reveal__orbit { animation: collection-orbit-release 1.04s .06s var(--ease) both; }

.collection-reveal-ready .collection:not(.is-revealed) .section-intro .eyebrow,
.collection-reveal-ready .collection:not(.is-revealed) #collection-title,
.collection-reveal-ready .collection:not(.is-revealed) .section-intro > p,
.collection-reveal-ready .collection:not(.is-revealed) .section-intro::after { opacity: 0; }
.collection-reveal-ready .collection.is-revealed .section-intro .eyebrow { animation: collection-meta-in .45s .3s steps(4, end) both; }
.collection-reveal-ready .collection.is-revealed #collection-title {
  position: relative;
  isolation: isolate;
  animation: collection-title-in .72s .34s var(--ease) both;
}
.collection-reveal-ready .collection.is-revealed #collection-title::before,
.collection-reveal-ready .collection.is-revealed #collection-title::after {
  content: "SHED_\A 001";
  position: absolute;
  z-index: -1;
  inset: 0;
  white-space: pre;
  pointer-events: none;
}
.collection-reveal-ready .collection.is-revealed #collection-title::before {
  color: var(--y2k-pink);
  animation: collection-title-ghost-left .66s .3s steps(2, end) both;
}
.collection-reveal-ready .collection.is-revealed #collection-title::after {
  color: var(--y2k-ice);
  animation: collection-title-ghost-right .62s .34s steps(2, end) both;
}
.collection-reveal-ready .collection.is-revealed .section-intro > p { animation: collection-copy-in .52s .68s var(--ease) both; }
.collection-reveal-ready .collection.is-revealed .section-intro::after { animation: collection-tag-in .42s .74s steps(3, end) both; }

.product-row__heading { position: relative; overflow: hidden; }
.product-row__heading::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--acid) 18% 82%, transparent);
  opacity: 0;
  transform: translateX(-105%);
  pointer-events: none;
}
.collection-reveal-ready .product-row:not(.is-revealed) .product-row__heading,
.collection-reveal-ready .product-row:not(.is-revealed) .product-card { opacity: 0; }
.collection-reveal-ready .product-row.is-revealed .product-row__heading { animation: collection-row-heading-in .52s var(--ease) both; }
.collection-reveal-ready .product-row.is-revealed .product-row__heading::after { animation: collection-row-scan .72s .08s ease-out both; }
.collection-reveal-ready .product-row.is-revealed .product-card { animation: collection-card-in .72s var(--ease) both; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(2) { animation-name: collection-card-in-reverse; animation-delay: .12s; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(3) { animation-delay: .24s; }
.collection-reveal-ready .product-row.is-revealed .product-card img { animation: collection-object-surface-in .78s var(--ease) both; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(2) img { animation-delay: .12s; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(3) img { animation-delay: .24s; }
.collection-reveal-ready .product-row.is-revealed .product-meta { animation: collection-object-meta-in .62s .22s var(--ease) both; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(2) .product-meta { animation-delay: .34s; }
.collection-reveal-ready .product-row.is-revealed .product-card:nth-child(3) .product-meta { animation-delay: .46s; }
.collection-reveal-ready .collection-lock:not(.is-revealed) { opacity: 0; }
.collection-reveal-ready .collection-lock.is-revealed { animation: collection-lock-in .65s var(--ease) both; }

@keyframes collection-layer-release { 99% { visibility: visible; } 100% { visibility: hidden; } }
@keyframes collection-shutter-right {
  0%, 18% { transform: translate3d(0, 0, 0) rotate(-.4deg); }
  100% { transform: translate3d(112%, -5%, 0) rotate(1.25deg) skewX(-7deg); }
}
@keyframes collection-shutter-left {
  0%, 12% { transform: translate3d(0, 0, 0) rotate(.32deg); }
  100% { transform: translate3d(-112%, 4%, 0) rotate(-1deg) skewX(8deg); }
}
@keyframes collection-scan {
  0% { left: -8%; opacity: 0; }
  14%, 72% { opacity: 1; }
  100% { left: 108%; opacity: 0; }
}
@keyframes collection-orbit-release {
  0% { opacity: 0; transform: translateX(-50%) rotate(-22deg) scale(.68); }
  22%, 64% { opacity: .82; }
  100% { opacity: 0; transform: translateX(-50%) rotate(34deg) scale(1.12); }
}
@keyframes collection-meta-in {
  0% { opacity: 0; transform: translateX(-1.25rem); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; transform: none; clip-path: inset(0); }
}
@keyframes collection-title-in {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translate3d(-2rem, .75rem, 0) skewX(-9deg); }
  46% { opacity: 1; clip-path: inset(0 13% 0 0); transform: translate3d(.65rem, 0, 0) skewX(3deg); text-shadow: -.06em 0 var(--clot), .045em 0 var(--acid); }
  68% { clip-path: polygon(0 0, 100% 0, 100% 38%, 86% 38%, 86% 51%, 100% 51%, 100% 100%, 0 100%); }
  100% { opacity: 1; clip-path: inset(0); transform: none; text-shadow: none; }
}
@keyframes collection-title-ghost-left {
  0% { opacity: 0; transform: translateX(0); clip-path: inset(0 0 100% 0); }
  28%, 58% { opacity: .75; transform: translateX(-.055em); clip-path: inset(8% 0 38% 0); }
  100% { opacity: 0; transform: translateX(-.12em); clip-path: inset(72% 0 0 0); }
}
@keyframes collection-title-ghost-right {
  0% { opacity: 0; transform: translateX(0); clip-path: inset(100% 0 0 0); }
  24%, 62% { opacity: .58; transform: translateX(.045em); clip-path: inset(48% 0 10% 0); }
  100% { opacity: 0; transform: translateX(.11em); clip-path: inset(0 0 78% 0); }
}
@keyframes collection-copy-in {
  0% { opacity: 0; transform: translate3d(1.75rem, 0, 0); clip-path: inset(0 0 0 100%); }
  100% { opacity: 1; transform: none; clip-path: inset(0); }
}
@keyframes collection-tag-in {
  0% { opacity: 0; transform: translateX(1rem); }
  100% { opacity: 1; transform: none; }
}
@keyframes collection-row-heading-in {
  0% { opacity: 0; transform: translateX(-1.5rem); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; transform: none; clip-path: inset(0); }
}
@keyframes collection-row-scan {
  0% { opacity: 0; transform: translateX(-105%); }
  18%, 62% { opacity: 1; }
  100% { opacity: 0; transform: translateX(105%); }
}
@keyframes collection-card-in {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); }
  55% { opacity: 1; clip-path: polygon(0 0, 91% 0, 91% 14%, 100% 14%, 100% 100%, 0 100%); }
  100% { opacity: 1; clip-path: none; }
}
@keyframes collection-card-in-reverse {
  0% { opacity: 0; clip-path: inset(0 0 0 100%); }
  55% { opacity: 1; clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 18%, 9% 18%); }
  100% { opacity: 1; clip-path: none; }
}
@keyframes collection-object-surface-in {
  0% { transform: translate3d(0, 2.25rem, 0) scale(1.035); clip-path: inset(12% 0 0 0); }
  100% { transform: none; clip-path: inset(0); }
}
@keyframes collection-object-meta-in {
  0% { opacity: 0; transform: translate3d(-1.1rem, .6rem, 0); clip-path: inset(0 100% 0 0); }
  100% { opacity: 1; transform: none; clip-path: inset(0); }
}
@keyframes collection-lock-in {
  0% { opacity: 0; transform: translateY(1rem); clip-path: inset(0 50%); }
  52% { opacity: 1; clip-path: inset(0 8%); }
  100% { opacity: 1; transform: none; clip-path: inset(0); }
}
.section-intro { position: relative; display: grid; gap: 2rem; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid color-mix(in srgb, var(--bone) 28%, transparent); }
.section-intro::after { content: "LOOK 01—08 / ARCHIVE OPEN"; position: absolute; right: 0; bottom: -.72rem; padding: .2rem .55rem; background: var(--ink); color: var(--acid); border-inline: 1px solid var(--acid); font-size: .65rem; font-weight: 700; letter-spacing: .08em; }
.collection .section-intro::after {
  padding: .32rem .72rem;
  background: linear-gradient(105deg, #edf8f8, #8d979b 42%, #f7ffff 68%, var(--y2k-ice));
  color: var(--ink);
  border: 1px solid var(--y2k-ice);
  border-radius: 999px;
  box-shadow: inset 0 0 .8rem color-mix(in srgb, var(--y2k-blue) 18%, transparent), 0 0 0 .2rem var(--ink);
}
.section-intro h2, .signal-heading h2 { margin: 0; font-family: var(--display); font-size: clamp(4.8rem, 20vw, 13rem); font-weight: 900; letter-spacing: -.09em; line-height: .68; }
#collection-title { line-height: .86; }
#signal-title { line-height: .84; }
.section-intro > p { max-width: 40ch; margin: 0; color: var(--ash); }
.product-grid { display: grid; gap: clamp(4.5rem, 12vw, 7rem); margin-inline: -1rem; padding: 2.25rem 0 2.5rem; }
.product-row { min-width: 0; display: grid; gap: .75rem; }
.product-row__heading { margin-inline: 1rem; padding-block: .65rem; display: flex; justify-content: space-between; align-items: end; gap: 1rem; border-bottom: 1px solid color-mix(in srgb, var(--bone) 28%, transparent); }
.product-row__heading h3 { min-width: 0; margin: 0; color: var(--bone); font-family: var(--display); font-size: clamp(1.9rem, 8vw, 4rem); font-weight: 900; letter-spacing: -.065em; line-height: .78; }
.product-row__heading span { color: var(--acid); font-size: .68rem; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.collection .product-row__heading > span {
  padding: .34rem .58rem;
  background: linear-gradient(105deg, var(--acid), #efffa8 58%, var(--y2k-ice));
  color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--y2k-ice) 72%, var(--ink));
  border-radius: 999px;
  box-shadow: inset 0 0 .65rem color-mix(in srgb, var(--y2k-blue) 18%, transparent);
}
.product-row__track { display: grid; grid-auto-flow: column; grid-auto-columns: min(82vw, 22rem); gap: 1.25rem; padding: 2.25rem 1rem 2.5rem; overflow-x: auto; overflow-y: hidden; scroll-snap-type: inline mandatory; scroll-padding-inline: 1rem; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: var(--acid) var(--deep-clot); }
.product-row__track::-webkit-scrollbar { height: .6rem; }
.product-row__track::-webkit-scrollbar-track { background: repeating-linear-gradient(90deg, var(--deep-clot) 0 .75rem, var(--ink) .75rem 1rem); border-block: 1px solid var(--clot); }
.product-row__track::-webkit-scrollbar-thumb { background: var(--acid); border: 2px solid var(--ink); border-radius: 0; }
.product-card { --tilt: -.45deg; position: relative; width: 100%; min-width: 0; padding: 0; overflow: visible; display: grid; align-content: start; text-align: left; background: transparent; color: var(--bone); border: 0; cursor: pointer; scroll-snap-align: start; transform: rotate(var(--tilt)); transform-origin: center; transition: transform .28s var(--ease), filter .2s ease; }
.product-card:nth-child(even) { --tilt: .55deg; }
.product-card::before { content: attr(data-index); position: absolute; z-index: 4; top: -1.75rem; left: -.3rem; color: var(--bone); font-family: var(--display); font-size: clamp(2.8rem, 8vw, 5.2rem); font-weight: 900; line-height: .75; letter-spacing: -.1em; -webkit-text-stroke: 1px var(--ink); pointer-events: none; }
.product-row__track > .product-card:first-child::before { left: .5rem; }
.product-card::after { content: "OPEN FILE ↗"; position: absolute; z-index: 5; right: .6rem; top: .6rem; padding: .35rem .55rem; background: var(--acid); color: var(--ink); border: 1px solid var(--ink); clip-path: polygon(4% 0, 100% 7%, 96% 100%, 0 91%); font-size: .68rem; font-weight: 700; letter-spacing: .04em; transform: rotate(1.5deg); }
.product-card:nth-child(even)::after { transform: rotate(-1.5deg); }
.product-card:hover, .product-card:focus-visible { z-index: 6; transform: translateY(-.45rem) rotate(0); }
.product-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--deep-clot); border: 1px solid color-mix(in srgb, var(--bone) 35%, transparent); box-shadow: .55rem .55rem 0 var(--deep-clot); filter: saturate(.82) contrast(1.08); transition: filter .2s ease, border-color .2s ease, box-shadow .25s var(--ease); }
.product-card:hover img, .product-card:focus-visible img { border-color: var(--acid); box-shadow: .65rem .65rem 0 color-mix(in srgb, var(--clot) 78%, transparent); filter: saturate(.98) contrast(1.1); }
.product-meta { position: relative; z-index: 2; width: calc(100% - .85rem); margin: -1.55rem 0 0 .85rem; padding: 1rem; display: grid; grid-template-columns: 1fr auto; gap: .35rem 1rem; background: color-mix(in srgb, var(--surface) 96%, transparent); border: 1px solid color-mix(in srgb, var(--bone) 32%, transparent); box-shadow: -.4rem .4rem 0 var(--ink); }
.product-meta::before { content: ""; position: absolute; top: -1px; left: -1px; width: 3.25rem; height: 3px; background: var(--acid); }
.product-ref, .product-type { color: var(--ash); font-size: .68rem; text-transform: uppercase; }
.product-card-title { grid-column: 1 / -1; margin: .35rem 0 0; font-family: var(--display); font-size: clamp(1.65rem, 4.8vw, 3.15rem); line-height: .88; letter-spacing: -.05em; }
.product-status { color: var(--acid); font-size: .76rem; font-weight: 700; }
.collection-lock { margin-top: 3rem; padding-block: 1rem; display: flex; flex-direction: column; gap: .5rem; border-block: 1px solid var(--acid); color: var(--ash); font-size: .75rem; }
.collection-lock span:first-child { color: var(--acid); font-family: var(--display); font-size: 2rem; font-weight: 900; }

.signal { width: 100%; padding-inline: max(1rem, calc((100% - 90rem) / 2)); background: var(--clot); border-top: 1px solid var(--scar); }
.signal-heading { display: grid; gap: 1.5rem; margin-bottom: 2.5rem; }
.signal-heading p:last-child { max-width: 46ch; margin: 0; color: var(--bone); }
.chart-shell { position: relative; min-height: 28rem; overflow: hidden; display: grid; place-items: center; background: var(--ink); border: 2px solid var(--acid); box-shadow: .65rem .65rem 0 var(--deep-clot); }
.chart-shell::before { content: ""; position: absolute; inset: 0; opacity: .2; background: repeating-linear-gradient(0deg, transparent 0 2.9rem, var(--acid) 3rem), repeating-linear-gradient(90deg, transparent 0 2.9rem, var(--acid) 3rem); }
.chart-status { position: relative; z-index: 2; padding: .75rem; background: var(--acid); color: var(--ink); font-size: .75rem; font-weight: 700; }
.chart-shell iframe { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; border: 0; background: var(--ink); }
.chart-fallback { position: absolute; z-index: 4; inset: auto .75rem .75rem; padding: .75rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; background: color-mix(in srgb, var(--ink) 93%, transparent); border: 1px solid var(--ash); font-size: .75rem; }
.chart-fallback p { margin: 0; }
.acid-link { min-height: 2.75rem; padding: .5rem .75rem; display: inline-flex; align-items: center; background: var(--acid); color: var(--ink); font-weight: 700; text-decoration: none; }
.contact-rail { margin-top: 3rem; display: grid; border: 1px solid var(--bone); }
.contact-rail > * { min-height: 3rem; padding: .7rem; display: flex; align-items: center; border-bottom: 1px solid var(--bone); font-size: .78rem; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.contact-rail a:hover { background: var(--acid); color: var(--ink); }
.contact-rail > *:last-child { border: 0; }
.contact-rail > .contact-ca { width: 100%; min-width: 0; min-height: 4.5rem; padding: .8rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .3rem 1rem; text-align: left; text-transform: none; background: var(--ink); color: var(--bone); border: 0; border-top: 1px solid var(--bone); cursor: copy; }
.contact-ca-label, .contact-ca-action { color: var(--acid); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.contact-ca-action { justify-self: end; }
.contact-ca-value { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; color: inherit; font-family: var(--mono); font-size: clamp(.68rem, 2.6vw, .82rem); font-variant-numeric: tabular-nums; }
.contact-ca:hover, .contact-ca:focus-visible { background: var(--acid); color: var(--ink); }
.contact-ca:hover .contact-ca-label, .contact-ca:hover .contact-ca-action, .contact-ca:focus-visible .contact-ca-label, .contact-ca:focus-visible .contact-ca-action { color: var(--ink); }

.product-dialog { width: min(94vw, 70rem); max-height: 92dvh; padding: 0; overflow: hidden; background: var(--surface); color: var(--bone); border: 2px solid var(--acid); box-shadow: .8rem .8rem 0 var(--clot); }
.product-dialog::backdrop { background: color-mix(in srgb, var(--ink) 86%, transparent); backdrop-filter: blur(.35rem); }
.product-dialog[open] .dialog-panel { animation: dialog-in .28s var(--ease); }
.product-dialog[open]::backdrop { animation: fade-in .22s ease; }
@keyframes dialog-in { from { opacity: 0; transform: translateY(2rem) scale(.98); } }
@keyframes fade-in { from { opacity: 0; } }
.dialog-panel { position: relative; max-height: calc(92dvh - 4px); overflow-y: auto; display: grid; }
.dialog-close { position: absolute; z-index: 3; top: .6rem; right: .6rem; width: 3rem; height: 3rem; padding: 0; display: grid; place-items: center; background: var(--acid); color: var(--ink); border: 2px solid var(--ink); font-size: 2rem; line-height: 1; cursor: pointer; }
.dialog-image-wrap { position: relative; background: var(--deep-clot); }
.dialog-image-wrap > #dialog-image { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.dialog-image-wrap > #dialog-image[data-fit="contain"] { object-fit: contain; object-position: center; }
#dialog-image[hidden], .dialog-gallery[hidden] { display: none; }
.dialog-gallery { display: grid; background: var(--ink); }
.dialog-gallery-item { position: relative; min-width: 0; margin: 0; background: var(--deep-clot); border-bottom: 2px solid var(--acid); scroll-snap-align: start; scroll-snap-stop: always; }
.dialog-gallery-item:last-child { border-bottom: 0; }
.dialog-gallery-item img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.dialog-gallery-item img[data-fit="contain"] { object-fit: contain; object-position: center; }
.dialog-gallery-item figcaption { position: absolute; z-index: 2; top: .75rem; left: .75rem; padding: .38rem .55rem; background: color-mix(in srgb, var(--ink) 90%, transparent); color: var(--acid); border: 1px solid var(--acid); font-size: .7rem; font-weight: 700; letter-spacing: .04em; backdrop-filter: blur(.25rem); }
.dialog-image-wrap.has-vertical-gallery:focus-visible { outline: 2px solid var(--acid); outline-offset: -2px; }
.dialog-image-wrap.has-vertical-gallery { overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--acid) var(--ink); }
.dialog-image-wrap.has-vertical-gallery::-webkit-scrollbar { width: .55rem; }
.dialog-image-wrap.has-vertical-gallery::-webkit-scrollbar-track { background: var(--ink); }
.dialog-image-wrap.has-vertical-gallery::-webkit-scrollbar-thumb { background: var(--acid); border: 2px solid var(--ink); }
.dialog-ref { position: absolute; left: .75rem; bottom: .75rem; padding: .35rem .5rem; background: var(--ink); color: var(--acid); font-size: .75rem; }
.dialog-copy { padding: 1.25rem; }
.dialog-copy h2 { margin: 0; max-width: 10ch; font-family: var(--display); font-size: clamp(2.6rem, 11vw, 5rem); line-height: .83; letter-spacing: -.055em; }
.dialog-copy > p { color: var(--ash); }
.colorway-group { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--ash); }
.colorway-group > p { font-size: .75rem; font-weight: 700; }
.swatch-list { display: grid; gap: .55rem; }
.swatch { min-height: 3rem; padding: .45rem; display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .65rem; text-align: left; background: transparent; color: var(--bone); border: 1px solid var(--ash); cursor: pointer; }
.swatch::before { content: ""; width: 2rem; height: 2rem; background: var(--swatch); border: 1px solid var(--bone); }
.swatch[aria-pressed="true"] { background: var(--acid); color: var(--ink); border-color: var(--acid); }
.swatch[aria-pressed="true"]::after { content: "SELECTED"; font-size: .75rem; font-weight: 700; }
.dialog-lock { margin-top: 2rem; padding: 1rem; display: grid; gap: .3rem; background: var(--clot); border-left: .4rem solid var(--acid); }
.dialog-lock strong { font-family: var(--display); font-size: 2rem; line-height: 1; }
.dialog-lock span { font-size: .75rem; }
.toast { position: fixed; z-index: 120; right: 1rem; bottom: 1rem; max-width: calc(100% - 2rem); padding: .85rem 1rem; background: var(--acid); color: var(--ink); border: 2px solid var(--ink); box-shadow: .35rem .35rem 0 var(--clot); font-size: .78rem; font-weight: 700; opacity: 0; transform: translateY(1rem); pointer-events: none; transition: opacity .18s ease, transform .18s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 47.999rem) {
  .dialog-image-wrap > #dialog-image { aspect-ratio: 1; object-position: center 35%; }
  .dialog-panel.has-vertical-gallery { overflow-x: hidden; overscroll-behavior-y: contain; scroll-snap-type: y proximity; }
  .dialog-copy { display: flex; flex-direction: column; }
  .dialog-copy .eyebrow { order: 0; }
  .dialog-copy h2 { order: 1; }
  .colorway-group { order: 2; margin-top: 1.25rem; }
  .dialog-copy > #dialog-description { order: 3; margin-top: 1.5rem; }
  .dialog-lock { order: 4; }
}

@media (min-width: 48rem) {
  :root { --page: min(100% - 4rem, 90rem); }
  .section-intro { grid-template-columns: 1.5fr 1fr; align-items: end; }
  .product-grid { gap: clamp(5rem, 9vw, 8rem); margin-inline: 0; padding: 3rem 0 0; overflow-x: clip; overflow-clip-margin: 1rem; }
  .product-row { gap: 1rem; }
  .product-row__heading { margin-inline: 0; }
  .product-row__track { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(1rem, 1.8vw, 1.6rem); align-items: start; padding: 3rem 0 0; overflow: visible; scroll-snap-type: none; }
  .product-card { scroll-snap-align: none; }
  .product-row--tees .product-card:nth-child(1) { --tilt: -.85deg; grid-column: 1 / span 6; }
  .product-row--tees .product-card:nth-child(2) { --tilt: 1.1deg; grid-column: 7 / span 3; margin-top: clamp(3rem, 6vw, 5.5rem); }
  .product-row--tees .product-card:nth-child(3) { --tilt: .55deg; grid-column: 10 / span 3; margin-top: clamp(1rem, 2vw, 2rem); }
  .product-row--jeans .product-card:nth-child(1) { --tilt: -1deg; grid-column: 1 / span 6; }
  .product-row--jeans .product-card:nth-child(2) { --tilt: .7deg; grid-column: 7 / span 6; margin-top: clamp(2rem, 4vw, 3.75rem); }
  .product-row--accessories .product-card:nth-child(1) { --tilt: 1deg; grid-column: 1 / span 4; }
  .product-row--accessories .product-card:nth-child(2) { --tilt: -.65deg; grid-column: 5 / span 4; margin-top: clamp(2.5rem, 4vw, 4rem); }
  .product-row--accessories .product-card:nth-child(3) { --tilt: .45deg; grid-column: 9 / span 4; }
  .collection-lock { flex-direction: row; justify-content: space-between; align-items: center; }
  .chart-shell { min-height: 38rem; }
  .contact-rail { grid-template-columns: repeat(5, 1fr); }
  .contact-rail > * { border-right: 1px solid var(--bone); border-bottom: 0; }
  .contact-rail > span { grid-column: 1 / -1; border-top: 1px solid var(--bone); }
  .contact-rail > .contact-ca { grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; border-top: 1px solid var(--bone); border-right: 0; }
  .contact-ca-value { grid-column: auto; }
  .dialog-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .dialog-copy { padding: 2.5rem; align-self: center; }
  .dialog-panel.has-vertical-gallery { overflow: hidden; }
  .dialog-panel.has-vertical-gallery .dialog-image-wrap { max-height: calc(92dvh - 4px); overflow-y: auto; overscroll-behavior-y: contain; scroll-snap-type: y mandatory; }
  .dialog-panel.has-vertical-gallery .dialog-copy { max-height: calc(92dvh - 4px); overflow-y: auto; }
}

@media (min-width: 64rem) {
  .signal-heading { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: end; }
  .signal-heading .eyebrow { grid-column: 1 / -1; }
  .product-row--tees .product-card:nth-child(1) { grid-template-columns: minmax(0, 1.5fr) minmax(11rem, .72fr); align-items: stretch; }
  .product-row--tees .product-card:nth-child(1) img { grid-column: 1; grid-row: 1; height: 100%; }
  .product-row--tees .product-card:nth-child(1) .product-meta { grid-column: 2; grid-row: 1; width: auto; height: 100%; margin: 0; align-content: end; background: var(--bone); color: var(--ink); border-color: var(--ink); box-shadow: .55rem .55rem 0 var(--clot); }
  .product-row--tees .product-card:nth-child(1) .product-meta::before { width: 100%; background: var(--clot); }
  .product-row--tees .product-card:nth-child(1) .product-ref, .product-row--tees .product-card:nth-child(1) .product-type { color: var(--clot); }
  .product-row--tees .product-card:nth-child(1) .product-status { color: var(--deep-clot); }
  .contact-rail { grid-template-columns: repeat(5, 1fr); }
  .contact-rail > span { grid-column: auto; border-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .product-card { transform: none !important; }
  .collection-reveal { display: none !important; }
  .collection-reveal-ready .collection .section-intro .eyebrow,
  .collection-reveal-ready .collection #collection-title,
  .collection-reveal-ready .collection .section-intro > p,
  .collection-reveal-ready .collection .section-intro::after,
  .collection-reveal-ready .product-row .product-row__heading,
  .collection-reveal-ready .product-row .product-card,
  .collection-reveal-ready .collection-lock { opacity: 1 !important; clip-path: none !important; transform: none !important; }
  .collection-reveal-ready #collection-title::before,
  .collection-reveal-ready #collection-title::after,
  .collection-reveal-ready .product-row__heading::after { display: none !important; }
}

@media (forced-colors: active) {
  .product-card, .chart-shell { border: 2px solid CanvasText; }
}

.variant-hero {
  --bg: #111011;
  --red-main: #c21a23;
  --red-dark: #6b0c11;
  --lime: #b8f22a;
  --lime-glow: rgba(184, 242, 42, .4);
  --pink: #d85a6e;
  --text-light: #f4f4f0;
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 44rem;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  border: 0;
  isolation: isolate;
  cursor: crosshair;
}

.variant-hero .bg-typography {
  position: absolute;
  z-index: 0;
  top: -10%;
  left: -5%;
  width: 110%;
  height: 120%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  pointer-events: none;
  opacity: .85;
  transform: rotate(-2deg) scale(1.05);
}

.variant-hero .bg-typography span {
  color: var(--red-main);
  font-family: var(--display);
  font-size: 16vw;
  font-weight: 900;
  line-height: .75;
  letter-spacing: -.06em;
  text-transform: uppercase;
  word-break: break-all;
  mix-blend-mode: screen;
}

.variant-hero .graphic-center {
  position: relative;
  z-index: 20;
  width: min(80vmin, 50rem);
  height: min(80vmin, 50rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.variant-hero .visceral-mass {
  position: absolute;
  width: 60%;
  height: 70%;
  background: radial-gradient(circle at 30% 30%, var(--pink) 0%, var(--red-main) 40%, var(--red-dark) 80%);
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
  filter: blur(20px) contrast(1.5);
  animation: variantPalpitate 4s ease-in-out infinite alternate;
  mix-blend-mode: hard-light;
}

@keyframes variantPalpitate {
  0% { transform: scale(.95) rotate(0deg); border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%; }
  100% { transform: scale(1.05) rotate(5deg); border-radius: 50% 40% 30% 70% / 60% 40% 50% 40%; }
}

.variant-hero .burst-container {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  animation: variantSlowRotate 60s linear infinite;
}

.variant-hero .burst-svg { width: 100%; height: 100%; overflow: visible; }

.variant-hero .chaos-lines {
  position: absolute;
  z-index: 3;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  pointer-events: none;
  animation: variantSlowRotate 45s linear infinite reverse;
}

@keyframes variantSlowRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.variant-hero .center-text {
  position: absolute;
  z-index: 4;
  width: 9.5rem;
  color: var(--bg);
  font-family: var(--display);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
}

.variant-hero .center-code { display: block; margin-bottom: .3rem; font-family: var(--mono); font-size: .58rem; }
.variant-hero h1 { margin: 0; font: inherit; letter-spacing: inherit; line-height: inherit; text-transform: inherit; }
.variant-hero .center-warning { display: block; margin-top: .4rem; color: #555; font-family: var(--mono); font-size: .5rem; font-weight: 400; }

.variant-hero .nav-branding {
  position: absolute;
  z-index: 30;
  top: 2vw;
  left: 2vw;
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .3rem;
  text-decoration: none;
}

.variant-hero .logo-mark {
  color: var(--lime);
  font-family: var(--display);
  font-size: clamp(1.25rem, 2vw, 2.2rem);
  font-weight: 900;
  line-height: .8;
  letter-spacing: -.05em;
  mix-blend-mode: difference;
}

.variant-hero .system-status {
  color: var(--text-light);
  font-size: .625rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: .7;
}

.variant-hero .side-meta {
  position: absolute;
  z-index: 30;
  right: 2vw;
  top: 50%;
  max-width: none;
  max-height: min(82vh, 46rem);
  min-height: 2.75rem;
  padding: .6rem .75rem;
  overflow: hidden;
  color: var(--lime);
  background: transparent;
  border: 1px solid transparent;
  font-size: .625rem;
  letter-spacing: .12em;
  text-align: left;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-rl;
  cursor: copy;
  transform: translateY(-50%);
  transform-origin: center;
  mix-blend-mode: difference;
}

.variant-hero .side-meta:hover,
.variant-hero .side-meta:focus-visible { border-color: var(--lime); background: color-mix(in srgb, var(--bg) 82%, transparent); }
.variant-hero .ca-label,
.variant-hero .ca-value { display: inline; font-size: inherit; overflow-wrap: normal; }

.variant-hero .marquee-container {
  position: absolute;
  z-index: 30;
  bottom: 2vw;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: rgba(17, 16, 17, .8);
  border-block: 1px solid rgba(244, 244, 240, .2);
  backdrop-filter: blur(5px);
}

.variant-hero .marquee-content {
  width: max-content;
  display: flex;
  white-space: nowrap;
  animation: variantMarquee 24s linear infinite;
  will-change: transform;
}

.variant-hero .marquee-set {
  display: flex;
  flex: 0 0 auto;
}

.variant-hero .marquee-item {
  min-height: 2.75rem;
  padding: 0 2vw;
  display: flex;
  align-items: center;
  gap: 2vw;
  color: var(--lime);
  font-family: var(--mono);
  font-size: .75rem;
  text-decoration: none;
  text-transform: uppercase;
}

.variant-hero .marquee-item::after { content: "++"; color: var(--red-main); }
.variant-hero .marquee-item:hover,
.variant-hero .marquee-item:focus-visible { color: var(--text-light); }
.variant-hero .marquee-container:hover .marquee-content,
.variant-hero .marquee-container:focus-within .marquee-content { animation-play-state: paused; }

@keyframes variantMarquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--marquee-cycle, -50%), 0, 0); }
}

@media (max-width: 48rem) {
  .variant-hero { min-height: 46rem; }
  .variant-hero .bg-typography span { font-size: 25vw; }
  .variant-hero .graphic-center { width: min(95vmin, 38rem); height: min(95vmin, 38rem); }
  .variant-hero .nav-branding { top: 1rem; left: 1rem; }
  .variant-hero .side-meta {
    top: auto;
    right: 1rem;
    bottom: 4.25rem;
    left: 1rem;
    width: auto;
    max-width: none;
    background: rgba(17, 16, 17, .82);
    border-color: rgba(184, 242, 42, .42);
    max-height: none;
    writing-mode: horizontal-tb;
    transform: none;
    transform-origin: center;
    mix-blend-mode: normal;
  }
  .variant-hero .marquee-container { bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .variant-hero .visceral-mass,
  .variant-hero .burst-container,
  .variant-hero .chaos-lines,
  .variant-hero .marquee-content { animation: none; }
}

/* Monochrome registration cursor — white geometry inverted against the live page. */
.site-cursor {
  --cursor-x: -4rem;
  --cursor-y: -4rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483000;
  width: 2.25rem;
  height: 2.25rem;
  display: none;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: difference;
  transform: translate3d(var(--cursor-x), var(--cursor-y), 0) translate(-50%, -50%);
  will-change: transform, opacity;
  contain: strict;
}

.site-cursor svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  transform-origin: center;
  transition: transform 90ms steps(2, end);
}

.site-cursor__axes,
.site-cursor__diamond,
.site-cursor__action-frame {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.site-cursor__core { fill: currentColor; }

.site-cursor__action-frame {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) and (forced-colors: none) {
  html.custom-cursor-ready,
  html.custom-cursor-ready body,
  html.custom-cursor-ready body *,
  html.custom-cursor-ready dialog,
  html.custom-cursor-ready dialog * {
    cursor: none !important;
  }

  html.custom-cursor-ready .site-cursor { display: block; }
  .site-cursor.is-visible { opacity: 1; }
  .site-cursor.is-action .site-cursor__action-frame { opacity: 1; }
  .site-cursor.is-pressed svg { transform: scale(.82); }
  .site-cursor.is-suppressed { opacity: 0; }

  html.custom-cursor-ready iframe {
    cursor: auto !important;
  }

  html.custom-cursor-ready input,
  html.custom-cursor-ready select {
    cursor: auto !important;
  }

  html.custom-cursor-ready input:not([type]),
  html.custom-cursor-ready input[type="text"],
  html.custom-cursor-ready input[type="search"],
  html.custom-cursor-ready input[type="email"],
  html.custom-cursor-ready input[type="url"],
  html.custom-cursor-ready input[type="tel"],
  html.custom-cursor-ready input[type="password"],
  html.custom-cursor-ready input[type="number"],
  html.custom-cursor-ready textarea,
  html.custom-cursor-ready [contenteditable="true"] {
    cursor: text !important;
  }

  html.custom-cursor-ready button:disabled,
  html.custom-cursor-ready input:disabled,
  html.custom-cursor-ready textarea:disabled,
  html.custom-cursor-ready select:disabled,
  html.custom-cursor-ready [aria-disabled="true"] {
    cursor: not-allowed !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-cursor svg { transition: none; }
}

@media (forced-colors: active) {
  .site-cursor { display: none !important; }

  html,
  body,
  body *,
  dialog,
  dialog * {
    cursor: auto !important;
  }

  a[href],
  button:not(:disabled),
  summary,
  label,
  [role="button"],
  [tabindex]:not([tabindex="-1"]) {
    cursor: pointer !important;
  }

  html,
  .dialog-panel {
    scrollbar-color: auto;
  }
}

/* Clipboard success takeover — the interface briefly sheds into a locked signal. */
.toast.is-copy-success {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
}

@keyframes copyReducedRows {
  0%, 84.9% { opacity: 1; }
  85%, 100% { opacity: 0; }
}

@keyframes copyReducedInversion {
  0%, 99.9% { opacity: 1; }
  100% { opacity: 0; }
}

/* Full-viewport difference inversion + independent editorial type. */
.copy-inversion {
  position: fixed;
  inset: 0;
  z-index: 1100;
  width: 100vw;
  height: 100dvh;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  mix-blend-mode: difference;
}

.copy-inversion.is-active {
  visibility: visible;
  opacity: 1;
}

.copy-takeover {
  position: fixed;
  inset: 0;
  z-index: 1101;
  display: block;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: transparent;
  border: 0;
  isolation: auto;
}

.copy-takeover::before,
.copy-takeover::after {
  content: none !important;
  display: none !important;
}

.copy-takeover.is-active {
  visibility: visible;
  opacity: 1;
  background: transparent;
}

.copy-takeover__rows {
  position: absolute;
  inset: 1.8dvh 0;
  z-index: 1;
  display: grid;
  grid-template-rows: repeat(7, minmax(0, 1fr));
  overflow: hidden;
}

.copy-takeover__row {
  --copy-row-in: 0s;
  --copy-row-out: .54s;
  display: flex;
  min-width: 0;
  align-items: center;
  overflow: hidden;
  padding: 0;
  color: var(--ink);
  opacity: 0;
  clip-path: inset(0 0 100% 0);
  mix-blend-mode: normal;
}

.copy-takeover__label {
  display: block;
  width: max-content;
  font-family: "Bodoni Moda", Didot, "Times New Roman", serif;
  font-size: max(9.7vw, 14.6dvh);
  font-weight: 800;
  font-optical-sizing: auto;
  font-variation-settings: "opsz" 96;
  font-kerning: normal;
  line-height: .82;
  letter-spacing: .53em;
  text-rendering: geometricPrecision;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(-.08em);
  transform-origin: left center;
}

.copy-takeover.is-active .copy-takeover__row {
  animation:
    copyRowReveal 1ms steps(1, end) var(--copy-row-in) both,
    copyRowHide 1ms steps(1, end) var(--copy-row-out) forwards;
}

.copy-takeover__row:nth-child(2) { --copy-row-in: .06s; --copy-row-out: .60s; }
.copy-takeover__row:nth-child(3) { --copy-row-in: .12s; --copy-row-out: .66s; }
.copy-takeover__row:nth-child(4) { --copy-row-in: .18s; --copy-row-out: .72s; }
.copy-takeover__row:nth-child(5) { --copy-row-in: .24s; --copy-row-out: .78s; }
.copy-takeover__row:nth-child(6) { --copy-row-in: .30s; --copy-row-out: .84s; }
.copy-takeover__row:nth-child(7) { --copy-row-in: .36s; --copy-row-out: .90s; }

@keyframes copyRowReveal {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0);
  }
}

@keyframes copyRowHide {
  0% {
    opacity: 1;
    clip-path: inset(0);
  }
  100% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
  }
}

@media (max-width: 640px) {
  .copy-takeover__label {
    font-size: clamp(88px, 25vw, 100px);
    letter-spacing: .02em;
    transform: translateX(-.02em) scaleX(.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-inversion.is-active {
    animation: copyReducedInversion .62s steps(1, end) both !important;
  }

  .copy-takeover.is-active {
    animation: copyReducedRows .62s steps(1, end) both !important;
  }

  .copy-takeover.is-active .copy-takeover__row {
    opacity: 1;
    clip-path: none;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .copy-inversion { display: none; }

  .copy-takeover {
    color: CanvasText;
    background: transparent;
    border: 0;
  }

  .copy-takeover__row {
    color: CanvasText;
    mix-blend-mode: normal;
  }

  .copy-takeover__label { background: Canvas; }
}