@font-face { font-family: 'Avelisse'; src: url('assets/fonts/avelisse.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Arcshift'; src: url('assets/fonts/arcshift.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Braewick'; src: url('assets/fonts/braewick.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'ByteFrame'; src: url('assets/fonts/byteframe.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Cavero'; src: url('assets/fonts/cavero.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Dartelle'; src: url('assets/fonts/dartelle.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Evercourt'; src: url('assets/fonts/evercourt.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'FineLetter'; src: url('assets/fonts/fineletter.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'IronRush'; src: url('assets/fonts/ironrush.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Marquetry'; src: url('assets/fonts/marquetry.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Merriloop'; src: url('assets/fonts/merriloop.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Mira Venn'; src: url('assets/fonts/mira-venn.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Mirevane'; src: url('assets/fonts/mirevane.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Quiet Acre'; src: url('assets/fonts/quiet-acre.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Signalrun'; src: url('assets/fonts/signalrun.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'SoftBerry'; src: url('assets/fonts/softberry.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Tracery'; src: url('assets/fonts/tracery.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Vantrelle'; src: url('assets/fonts/vantrelle.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Vertical Matter'; src: url('assets/fonts/vertical-matter.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Vexora'; src: url('assets/fonts/vexora.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'WallJam'; src: url('assets/fonts/walljam.woff2') format('woff2'); font-display: swap; }

:root {
  --paper: #d8d8d0;
  --paper-light: #e8e7df;
  --ink: #1a1c1a;
  --muted: #676c66;
  --line: rgba(26, 28, 26, .25);
  --line-strong: rgba(26, 28, 26, .6);
  --oxblood: #8a302d;
  --blue: #2945a2;
  --yellow: #ebdc69;
  --orange: #cc684d;
  --mono: 'IBM Plex Mono', 'Courier New', monospace;
  --sans: Inter, 'Helvetica Neue', Arial, sans-serif;
  --editorial: 'Vantrelle', 'Times New Roman', serif;
  --display: 'Cavero', 'Helvetica Neue', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .15; background-image: radial-gradient(rgba(26, 28, 26, .22) .55px, transparent .55px); background-size: 6px 6px; mix-blend-mode: multiply; z-index: 20; }
a { color: inherit; }
button, input, select { font: inherit; }
button { cursor: pointer; }
::selection { color: var(--paper); background: var(--oxblood); }

.topbar { position: relative; z-index: 10; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 32px; padding: 20px clamp(20px, 4vw, 64px); border-bottom: 1px solid var(--line); background: rgba(216, 216, 208, .96); }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark { display: grid; grid-template-columns: repeat(3, 5px); align-items: end; gap: 3px; width: 21px; height: 21px; padding: 4px; border: 1px solid var(--ink); background: var(--yellow); }
.brand-mark i { display: block; width: 5px; background: var(--ink); }
.brand-mark i:nth-child(1) { height: 5px; }.brand-mark i:nth-child(2) { height: 10px; }.brand-mark i:nth-child(3) { height: 14px; }
.brand-text strong, .brand-text small { display: block; }
.brand-text strong { font-size: 16px; letter-spacing: -.05em; }
.brand-text small, .topnav, .catalogue-line, .hero-note, .hero-footer-line, .section-tag, .filter-label, .collection-status, .card-index, .card-meta, .card-footer, .lab-stage-top, .lab-controls, .site-footer { font: 10px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.brand-text small { margin-top: 3px; color: var(--muted); }
.topnav { display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); }
.topnav a { text-decoration: none; color: var(--muted); }
.topnav a:hover { color: var(--ink); }
.shuffle-button, .rail-action { display: inline-flex; align-items: center; gap: 8px; border: 0; color: var(--ink); background: transparent; text-transform: uppercase; letter-spacing: .08em; font: 10px var(--mono); }
.shuffle-button { padding: 0; }
.shuffle-button:hover, .rail-action:hover { color: var(--oxblood); }
.shuffle-glyph { display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1px solid currentColor; border-radius: 50%; font: 13px/1 var(--sans); transform: rotate(-45deg); }
.reviewer-contact { flex: 1 1 100%; display: flex; align-items: center; gap: 24px; color: var(--muted); font: 10px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.reviewer-contact-label { color: var(--oxblood); }
.reviewer-contact-label strong { color: var(--ink); font-weight: 400; letter-spacing: .12em; }
.reviewer-contact-detail { display: inline-flex; align-items: center; gap: 11px; }
.reviewer-contact-detail > span { opacity: .66; }
.reviewer-contact a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--oxblood); text-underline-offset: 3px; text-transform: none; letter-spacing: 0; }
.reviewer-contact a:hover, .reviewer-contact a:focus-visible { color: var(--oxblood); }

.hero { position: relative; min-height: min(810px, calc(100vh - 62px)); display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); grid-template-rows: 1fr auto; gap: 32px; padding: clamp(38px, 6vw, 92px) clamp(20px, 6vw, 100px) 22px; background: var(--paper); overflow: hidden; }
.hero-copy { align-self: center; max-width: 640px; padding-bottom: 4vh; }
.catalogue-line { display: flex; justify-content: space-between; max-width: 390px; margin: 0 0 42px; color: var(--muted); }
.hero h1, .lab-intro h2, .collection-heading h2, .about-copy h2 { margin: 0; font-family: var(--editorial); font-weight: 400; letter-spacing: -.075em; }
.hero h1 { max-width: 720px; font-size: clamp(4.5rem, 9.7vw, 10.5rem); line-height: .83; }
.hero h1 em, .lab-intro h2 em, .collection-heading h2 em, .about-copy h2 em { color: var(--oxblood); font-style: italic; }
.hero-lede { max-width: 31ch; margin: 42px 0 0; font-size: clamp(1.15rem, 1.7vw, 1.5rem); line-height: 1.18; letter-spacing: -.04em; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 42px; }
.primary-action { display: inline-flex; align-items: center; gap: 22px; padding: 13px 15px; color: var(--paper-light); background: var(--ink); border: 1px solid var(--ink); font: 11px var(--mono); text-transform: uppercase; letter-spacing: .07em; text-decoration: none; }
.primary-action:hover { color: var(--ink); background: var(--yellow); }
.arrow { position: relative; display: inline-block; width: 15px; height: 10px; }
.arrow::before { content: ''; position: absolute; left: 0; top: 4px; width: 13px; height: 1px; background: currentColor; }
.arrow::after { content: ''; position: absolute; top: 1px; right: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
.hero-note { color: var(--muted); line-height: 1.45; }
.hero-collage { position: relative; min-height: 560px; align-self: center; }
.hero-collage::before { content: ''; position: absolute; inset: 13% 4% 5% 12%; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255,255,255,.25), transparent 42%); transform: rotate(3deg); }
.collage-tile { position: absolute; width: clamp(180px, 22vw, 310px); aspect-ratio: 1; padding: 8px; background: var(--paper-light); border: 1px solid var(--line-strong); transform: rotate(var(--collage-rotation, 0deg)); transition: transform .55s cubic-bezier(.2,.8,.2,1); }
.collage-tile:hover { --collage-rotation: 0deg !important; z-index: 5; }
.collage-tile img { display: block; width: 100%; height: 100%; object-fit: cover; }
.collage-tile span { position: absolute; left: 11px; bottom: -24px; color: var(--muted); font: 9px var(--mono); letter-spacing: .08em; }
.collage-tile-a { top: 7%; left: 11%; --collage-rotation: -7deg; z-index: 2; }
.collage-tile-b { top: 22%; right: 6%; --collage-rotation: 8deg; z-index: 1; }
.collage-tile-c { bottom: 3%; left: 30%; --collage-rotation: -2deg; z-index: 3; }
.collage-stamp { position: absolute; right: 13%; top: 5%; display: grid; place-items: center; width: 84px; height: 84px; border: 1px solid var(--ink); border-radius: 50%; background: var(--yellow); transform: rotate(10deg); z-index: 4; }
.collage-stamp span { font: 22px var(--display); letter-spacing: -.1em; }.collage-stamp small { margin-top: -11px; font: 8px/1 var(--mono); text-align: center; }
.collage-caption { position: absolute; right: 0; bottom: 5%; margin: 0; color: var(--muted); font: 10px/1.45 var(--mono); text-align: right; text-transform: uppercase; letter-spacing: .08em; }
.hero-footer-line { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding-top: 17px; border-top: 1px solid var(--line); color: var(--muted); }
.hero-footer-line a { justify-self: center; display: inline-flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; }.hero-footer-line span:last-child { justify-self: end; }.down-arrow { position: relative; display: inline-block; width: 12px; height: 14px; border-left: 1px solid currentColor; }.down-arrow::after { content: ''; position: absolute; left: -3px; bottom: 1px; width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }

.specimen-lab { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); gap: clamp(40px, 8vw, 150px); padding: clamp(80px, 12vw, 180px) clamp(20px, 10vw, 160px); color: var(--paper-light); background: var(--oxblood); }
.lab-intro { align-self: center; }.section-tag { margin: 0 0 24px; color: var(--yellow); }.lab-intro h2 { color: var(--paper-light); font-size: clamp(3.6rem, 6.4vw, 7.4rem); line-height: .84; }.lab-intro h2 em { color: var(--yellow); }.lab-intro > p:last-child { max-width: 30ch; margin: 34px 0 0; color: rgba(232, 231, 223, .78); font: 13px/1.5 var(--mono); }
.lab-stage { position: relative; min-height: 410px; display: flex; flex-direction: column; justify-content: space-between; padding: 21px; border: 1px solid rgba(232,231,223,.55); background: #9c3835; transform: rotate(-1deg); }.lab-stage::before { content: ''; position: absolute; inset: 10px; border: 1px solid rgba(232,231,223,.18); pointer-events: none; }
.lab-stage-top { position: relative; display: flex; justify-content: space-between; color: rgba(232,231,223,.8); }.live-specimen { position: relative; align-self: center; width: 100%; max-width: 100%; padding: 35px 0; color: var(--yellow); font-size: clamp(3.2rem, 7.2vw, 8.3rem); line-height: .82; letter-spacing: -.08em; text-align: center; overflow-wrap: anywhere; outline: 0; }.live-specimen:focus { color: var(--paper-light); }.lab-controls { position: relative; display: flex; align-items: center; gap: 10px; width: fit-content; padding-top: 12px; color: rgba(232,231,223,.82); border-top: 1px solid rgba(232,231,223,.4); }.lab-controls select { appearance: none; min-width: 135px; padding: 7px 22px 7px 0; color: var(--paper-light); background: transparent; border: 0; border-bottom: 1px solid var(--paper-light); outline: 0; font: 11px var(--mono); text-transform: uppercase; letter-spacing: .06em; }.select-arrow { width: 7px; height: 7px; margin-left: -25px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-3px); pointer-events: none; }

.collection-section { padding: clamp(95px, 12vw, 180px) clamp(20px, 6vw, 100px) 140px; background: var(--paper-light); }.collection-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .5fr); gap: 10vw; padding-bottom: 70px; border-bottom: 1px solid var(--line-strong); }.collection-heading h2 { font-size: clamp(4rem, 8vw, 9rem); line-height: .82; }.collection-description { align-self: end; max-width: 30ch; margin: 0 0 4px; font: 13px/1.5 var(--mono); }.collection-layout { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 4fr); gap: clamp(28px, 5vw, 80px); padding-top: 56px; }.filter-rail { position: sticky; top: 24px; align-self: start; display: flex; flex-direction: column; gap: 38px; }.filter-block { display: flex; flex-direction: column; gap: 14px; }.filter-label { color: var(--muted); }.rail-action { width: fit-content; padding: 0 0 8px; border-bottom: 1px solid var(--ink); }.filter-list { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }.filter-button { display: flex; justify-content: space-between; gap: 18px; width: 100%; padding: 8px 10px; border: 1px solid transparent; color: var(--muted); background: transparent; text-align: left; font: 11px var(--mono); }.filter-button span { color: inherit; opacity: .6; }.filter-button:hover { color: var(--ink); border-color: var(--line); }.filter-button.is-active { color: var(--paper-light); background: var(--ink); }.search-box { display: flex; flex-direction: column; gap: 14px; }.search-input-wrap { position: relative; display: block; }.search-box input { width: 100%; padding: 10px 24px 10px 0; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--line-strong); outline: 0; font: 11px var(--mono); }.search-box input::placeholder { color: var(--muted); }.search-box input:focus { border-color: var(--oxblood); }.search-mark { position: absolute; top: 8px; right: 3px; width: 11px; height: 11px; border: 1px solid currentColor; border-radius: 50%; color: var(--muted); pointer-events: none; }.search-mark::after { content: ''; position: absolute; right: -4px; bottom: -3px; width: 5px; height: 1px; background: currentColor; transform: rotate(45deg); }.filter-foot { max-width: 25ch; margin: 0; color: var(--muted); font: 10px/1.55 var(--mono); }.collection-main { min-width: 0; }.collection-status { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 15px; color: var(--muted); border-bottom: 1px solid var(--line); }.specimen-table { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 24px; gap: 12px; min-height: 2880px; padding-top: 24px; }.specimen-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; overflow: hidden; grid-column: var(--col) / span var(--span); grid-row: var(--row) / span var(--rowspan); background: var(--tile-bg, var(--yellow)); border: 1px solid var(--ink); transform: rotate(var(--tilt)) translate(var(--shift-x), var(--shift-y)); transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .25s ease; }.specimen-card:hover, .specimen-card:focus-within { z-index: 4; transform: rotate(0deg) translate(0, -6px); filter: saturate(1.08); }.specimen-card.type-only { background: var(--tile-bg, #cbd0cb); }.specimen-image { position: absolute; inset: 0; background: #c9c6bd; }.specimen-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .35s ease; }.specimen-image img.is-active { opacity: 1; }.specimen-card::after { content: ''; position: absolute; inset: 52% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.78)); pointer-events: none; }.specimen-card.type-only::after { background: linear-gradient(transparent, rgba(0,0,0,.12)); }.card-head, .card-footer, .card-content { position: relative; z-index: 2; }.card-head { display: flex; justify-content: space-between; gap: 10px; padding: 14px; color: var(--ink); }.has-image .card-head { color: var(--paper-light); }.card-index, .card-meta { margin: 0; }.card-meta { text-align: right; }.card-content { margin-top: auto; padding: 14px; color: var(--paper-light); }.type-only .card-content { color: var(--ink); }.card-content h3 { max-width: 100%; margin: 0; font-size: clamp(2rem, 4vw, 5.8rem); line-height: .85; letter-spacing: -.08em; overflow-wrap: anywhere; }.card-content p { margin: 13px 0 0; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.card-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 41px; margin: 0 14px; padding: 10px 0; color: rgba(232,231,223,.88); border-top: 1px solid rgba(232,231,223,.48); }.type-only .card-footer { color: var(--muted); border-color: var(--line); }.card-footer span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.card-footer a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; color: var(--yellow); text-decoration: none; }.card-footer a:hover { color: var(--paper-light); }.card-footer .arrow { width: 10px; }.held-label { color: var(--yellow); }.type-proof { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; }.type-proof::before { content: 'Aa'; position: absolute; right: -9%; bottom: -19%; color: rgba(26,28,26,.12); font: 30rem/.7 var(--face); letter-spacing: -.15em; }.type-proof strong { position: relative; max-width: 90%; color: var(--ink); font: 400 clamp(3rem, 7vw, 8rem)/.75 var(--face); letter-spacing: -.09em; text-align: center; }.type-proof-note { position: absolute; right: 15px; bottom: 56px; z-index: 2; color: rgba(26,28,26,.6); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.empty-state { padding: 24px 0; color: var(--muted); font: 12px var(--mono); }.empty-state[hidden] { display: none; }

.font-avelisse { --face: 'Avelisse'; --tile-bg: #dfc3b4; }.font-arcshift { --face: 'Arcshift'; --tile-bg: #c6ced9; }.font-braewick { --face: 'Braewick'; --tile-bg: #d9bb63; }.font-byteframe { --face: 'ByteFrame'; --tile-bg: #bcc7d7; }.font-cavero { --face: 'Cavero'; --tile-bg: #d3b6bd; }.font-dartelle { --face: 'Dartelle'; --tile-bg: #d5b2b4; }.font-evercourt { --face: 'Evercourt'; --tile-bg: #d9c2a0; }.font-fineletter { --face: 'FineLetter'; --tile-bg: #cfcbc2; }.font-ironrush { --face: 'IronRush'; --tile-bg: #b8c5ba; }.font-marquetry { --face: 'Marquetry'; --tile-bg: #d8bf76; }.font-merriloop { --face: 'Merriloop'; --tile-bg: #c5c5dd; }.font-mira-venn { --face: 'Mira Venn'; --tile-bg: #c6cfd0; }.font-mirevane { --face: 'Mirevane'; --tile-bg: #d8cbc1; }.font-quiet-acre { --face: 'Quiet Acre'; --tile-bg: #c8c0ac; }.font-signalrun { --face: 'Signalrun'; --tile-bg: #b7c4bd; }.font-softberry { --face: 'SoftBerry'; --tile-bg: #d4b7bb; }.font-tracery { --face: 'Tracery'; --tile-bg: #d4cab5; }.font-vantrelle { --face: 'Vantrelle'; --tile-bg: #cfb9ae; }.font-vertical-matter { --face: 'Vertical Matter'; --tile-bg: #b9c0c4; }.font-vexora { --face: 'Vexora'; --tile-bg: #bdc6d0; }.font-walljam { --face: 'WallJam'; --tile-bg: #d2bf77; }
.specimen-card.type-only .type-proof strong { font-family: var(--face); }.live-specimen.font-braewick { font-family: 'Braewick'; }.live-specimen.font-cavero { font-family: 'Cavero'; }.live-specimen.font-evercourt { font-family: 'Evercourt'; }.live-specimen.font-mirevane { font-family: 'Mirevane'; }.live-specimen.font-quiet-acre { font-family: 'Quiet Acre'; }.live-specimen.font-vexora { font-family: 'Vexora'; }

.about-section { display: grid; grid-template-columns: 160px minmax(0, 1.1fr) minmax(240px, .8fr); gap: clamp(32px, 8vw, 130px); align-items: center; padding: clamp(80px, 11vw, 160px) clamp(20px, 10vw, 160px); color: var(--paper-light); background: var(--blue); }.about-mark { display: grid; place-items: center; width: 120px; height: 120px; border: 1px solid var(--paper-light); border-radius: 50%; transform: rotate(-10deg); }.about-mark span { font: 38px var(--display); letter-spacing: -.12em; }.about-mark small { margin-top: -29px; font: 9px var(--mono); letter-spacing: .1em; }.about-copy .section-tag { color: var(--yellow); }.about-copy h2 { font-size: clamp(3.8rem, 6vw, 7rem); line-height: .84; }.about-copy h2 em { color: var(--yellow); }.about-copy > p:last-child { max-width: 43ch; margin: 34px 0 0; color: rgba(232,231,223,.8); font: 13px/1.5 var(--mono); }.market-links { display: flex; flex-direction: column; }.market-links a { display: grid; grid-template-columns: 1fr auto; gap: 8px 20px; align-items: center; padding: 19px 0; border-top: 1px solid rgba(232,231,223,.55); text-decoration: none; }.market-links a:last-child { border-bottom: 1px solid rgba(232,231,223,.55); }.market-links span, .market-links strong { grid-column: 1; }.market-links span { font: 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: rgba(232,231,223,.66); }.market-links strong { font-size: 18px; letter-spacing: -.04em; }.market-links .arrow { grid-column: 2; grid-row: 1 / span 2; }.market-links a:hover { color: var(--yellow); }.site-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 20px; padding: 19px clamp(20px, 4vw, 64px); color: var(--muted); border-top: 1px solid var(--line); }.site-footer p { margin: 0; text-align: center; }.footer-brand { color: var(--ink); font: 700 15px var(--sans); letter-spacing: -.05em; text-decoration: none; text-transform: none; }.footer-brand span { color: var(--oxblood); font-size: 9px; vertical-align: top; }.site-footer > a:last-child { justify-self: end; display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, [contenteditable]:focus-visible { outline: 2px solid var(--oxblood); outline-offset: 4px; }
@keyframes rise-in { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
.hero-copy, .hero-collage, .lab-stage, .collection-heading { animation: rise-in .8s cubic-bezier(.2,.8,.2,1) both; }.hero-collage { animation-delay: .12s; }.lab-stage { animation-delay: .18s; }.collection-heading { animation-delay: .24s; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 56px; }.hero-copy { padding-bottom: 0; }.hero-collage { min-height: 490px; }.hero-footer-line { margin-top: 20px; }.specimen-lab { grid-template-columns: 1fr; gap: 55px; }.collection-heading { grid-template-columns: 1fr; gap: 30px; }.collection-layout { grid-template-columns: 1fr; }.filter-rail { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 30px 22px; }.filter-foot { grid-column: 1 / -1; max-width: 48ch; }.filter-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.search-box { grid-column: 1 / -1; }.about-section { grid-template-columns: 1fr 1.8fr; }.about-mark { grid-row: span 2; }.market-links { grid-column: 2; }
}
@media (max-width: 620px) {
  .topbar { align-items: flex-start; }.reviewer-contact { gap: 12px; padding-top: 2px; font-size: 9px; letter-spacing: .05em; flex-wrap: wrap; }.topnav { gap: 14px; }.topnav a { display: none; }.shuffle-button span:last-child { display: none; }.hero { padding-top: 42px; }.catalogue-line { margin-bottom: 32px; }.catalogue-line span:last-child { display: none; }.hero h1 { font-size: clamp(4rem, 19vw, 7.3rem); }.hero-lede { margin-top: 34px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 32px; }.hero-collage { min-height: 410px; margin-top: 8px; }.collage-tile { width: min(55vw, 225px); }.collage-tile-a { left: 5%; }.collage-tile-b { right: 0; }.collage-tile-c { left: 23%; bottom: 0; }.collage-stamp { right: 5%; top: 4%; width: 66px; height: 66px; }.collage-stamp span { font-size: 17px; }.collage-caption { bottom: 1%; font-size: 8px; }.hero-footer-line { grid-template-columns: 1fr auto; gap: 14px; }.hero-footer-line span:last-child { display: none; }.hero-footer-line a { justify-self: end; }.lab-intro h2, .collection-heading h2, .about-copy h2 { font-size: clamp(3.5rem, 17vw, 6.2rem); }.specimen-lab { padding: 86px 20px; }.lab-stage { min-height: 365px; padding: 15px; }.live-specimen { font-size: clamp(2.7rem, 13vw, 5.5rem); }.collection-section { padding: 88px 20px 100px; }.collection-heading { padding-bottom: 50px; }.filter-rail { display: flex; }.filter-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.collection-status { align-items: flex-start; flex-direction: column; gap: 8px; }.specimen-table { display: flex; flex-direction: column; gap: 14px; min-height: 0; padding-top: 18px; }.specimen-card { min-height: 345px; transform: rotate(var(--tilt)); }.specimen-card.type-only { min-height: 300px; }.card-content h3 { font-size: clamp(3rem, 15vw, 6rem); }.about-section { grid-template-columns: 1fr; gap: 38px; padding: 86px 20px; }.about-mark { grid-row: auto; }.market-links { grid-column: auto; }.site-footer { grid-template-columns: 1fr auto; }.site-footer p { display: none; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }