@charset "UTF-8";

@view-transition {
  navigation: auto;
}

:root {
  color-scheme: dark;
  --ink: #0b0b0d;
  --ink-soft: #111116;
  --ink-raised: #17171d;
  --paper: #f2eee5;
  --paper-bright: #fffdf8;
  --paper-dim: #d7d0c3;
  --graphite: #7d7a76;
  --line-dark: rgba(255, 255, 255, 0.15);
  --line-light: rgba(11, 11, 13, 0.17);
  --gold: #cba15c;
  --gold-bright: #f4d998;
  --wine: #561423;
  --sapphire: #152b6b;
  --mist: #dbe4e6;
  --success: #a9d6b9;
  --error: #ff9d91;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, "Times New Roman", serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --gutter: clamp(1rem, 3.25vw, 3.75rem);
  --header-h: 6.5rem;
  --announcement-h: 2rem;
  --hero-progress: 0;
  --orbit-progress: 0;
  --atelier-progress: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  scroll-behavior: smooth;
  background: var(--ink);
  text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  overflow-x: clip;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-ui);
  font-size: 1rem;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.menu-open {
  overflow: hidden;
}

button,
input,
textarea,
select {
  color: inherit;
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  border: 0;
}

button:not(:disabled),
a {
  cursor: pointer;
}

img,
svg,
canvas,
video {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
p,
ul,
ol,
figure,
blockquote {
  margin: 0;
}

ul,
ol {
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

address {
  font-style: normal;
}

[hidden] {
  display: none !important;
}

::selection {
  background: var(--gold-bright);
  color: var(--ink);
}

:focus {
  outline: none;
}

:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 5px;
}

.skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 1000;
  padding: .8rem 1rem;
  transform: translateY(-180%);
  background: var(--paper-bright);
  color: var(--ink);
  font-size: .8rem;
  font-weight: 800;
  transition: transform 180ms var(--ease-out);
}

.skip-link:focus {
  transform: translateY(0);
}

/* Pointer */

.pointer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  width: 0;
  height: 0;
  pointer-events: none;
  mix-blend-mode: difference;
  opacity: 0;
  transition: opacity 180ms ease;
}

.has-fine-pointer .pointer {
  opacity: 1;
}

.pointer__core,
.pointer__orbit {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.pointer__core {
  width: .42rem;
  height: .42rem;
  background: #fff;
}

.pointer__orbit {
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid rgba(255,255,255,.72);
  transition: width 220ms var(--ease-out), height 220ms var(--ease-out), background 220ms ease;
}

.pointer.is-active .pointer__orbit {
  width: 4.5rem;
  height: 4.5rem;
  background: rgba(255,255,255,.1);
}

/* Announcement */

.announcement {
  position: relative;
  z-index: 120;
  height: var(--announcement-h);
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: #070708;
  color: rgba(255,255,255,.63);
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: var(--announcement-h);
  text-transform: uppercase;
  white-space: nowrap;
}

.announcement__track {
  display: flex;
  width: max-content;
  min-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
  padding-inline: 2rem;
}

.announcement__track span[aria-hidden] {
  color: var(--gold);
  font-size: .42rem;
}

/* Header */

.masthead {
  position: fixed;
  top: var(--announcement-h);
  right: 0;
  left: 0;
  z-index: 110;
  height: var(--header-h);
  color: var(--paper);
  transition: height 500ms var(--ease-out), background 500ms ease, border-color 500ms ease, color 500ms ease;
}

.masthead::before {
  position: absolute;
  inset: 0;
  border-bottom: 1px solid transparent;
  background: rgba(11,11,13,0);
  backdrop-filter: blur(0);
  content: "";
  transition: background 500ms ease, border-color 500ms ease, backdrop-filter 500ms ease;
}

.masthead[data-state="condensed"] {
  --header-h: 4.25rem;
}

.masthead[data-state="condensed"]::before {
  border-color: rgba(255,255,255,.12);
  background: rgba(11,11,13,.78);
  backdrop-filter: blur(18px) saturate(120%);
}

.masthead__inner {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  padding-inline: var(--gutter);
}

.brand {
  position: relative;
  display: inline-grid;
  width: fit-content;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 .75rem;
  justify-self: start;
}

.brand__monogram {
  grid-row: 1 / 3;
  color: var(--gold-bright);
  font-family: var(--font-display);
  font-size: 2.15rem;
  font-style: italic;
  line-height: 1;
  transition: transform 500ms var(--ease-out), font-size 500ms var(--ease-out);
}

.brand__wordmark {
  align-self: end;
  color: var(--paper-bright);
  font-family: var(--font-display);
  font-size: 1rem;
  letter-spacing: .34em;
  line-height: 1;
}

.brand__descriptor {
  align-self: start;
  color: rgba(255,255,255,.5);
  font-size: .49rem;
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 1.6;
}

.masthead[data-state="condensed"] .brand__monogram {
  transform: rotate(-8deg) scale(.82);
}

.primary-nav {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: clamp(1.5rem, 3.5vw, 4rem);
}

.primary-nav a {
  position: relative;
  padding: .5rem .1rem;
  color: rgba(255,255,255,.74);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.primary-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right;
  background: var(--gold-bright);
  content: "";
  transition: transform 350ms var(--ease-out);
}

.primary-nav a:hover::after,
.primary-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.masthead__actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: .75rem;
}

.cart-pill,
.menu-trigger {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: var(--paper-bright);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
  transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms var(--ease-out);
}

.cart-pill {
  padding: .55rem .8rem .55rem 1rem;
}

.cart-pill__count {
  display: grid;
  min-width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: var(--paper-bright);
  color: var(--ink);
  font-size: .62rem;
}

.menu-trigger {
  padding: .55rem 1rem;
}

.cart-pill:hover,
.menu-trigger:hover {
  border-color: var(--paper-bright);
  background: var(--paper-bright);
  color: var(--ink);
}

.menu-trigger__glyph {
  position: relative;
  width: 1.1rem;
  height: .75rem;
}

.menu-trigger__glyph i {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background: currentColor;
}

.menu-trigger__glyph i:first-child { top: .18rem; }
.menu-trigger__glyph i:last-child { bottom: .18rem; width: 66%; left: auto; }

/* Fullscreen menu */

.menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: grid;
  visibility: hidden;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  opacity: 0;
  pointer-events: none;
  transition: visibility 0s linear 700ms, opacity 400ms ease;
}

.menu-overlay::before {
  position: absolute;
  inset: 0;
  transform: scaleY(0);
  transform-origin: top;
  background: var(--paper);
  content: "";
  transition: transform 650ms var(--ease-out);
}

.menu-overlay[data-open="true"] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.menu-overlay[data-open="true"]::before {
  transform: scaleY(1);
}

.menu-overlay__noise {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .055;
  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='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.menu-overlay__header,
.menu-overlay__body,
.menu-overlay__footer {
  position: relative;
  z-index: 2;
}

.menu-overlay__header {
  display: flex;
  min-height: 6rem;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--gutter);
  border-bottom: 1px solid var(--line-light);
}

.menu-overlay__brand {
  font-family: var(--font-display);
  font-size: 1.3rem;
  letter-spacing: .4em;
}

.menu-overlay__close {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem 0;
  background: transparent;
  color: var(--ink);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.menu-overlay__close i {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}

.menu-overlay__close i::before,
.menu-overlay__close i::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  content: "";
}

.menu-overlay__close i::before { transform: rotate(45deg); }
.menu-overlay__close i::after { transform: rotate(-45deg); }

.menu-overlay__body {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr);
}

.menu-overlay__nav {
  display: grid;
  align-content: center;
  padding: 3rem var(--gutter);
  border-right: 1px solid var(--line-light);
}

.menu-overlay__nav a {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  align-items: baseline;
  padding: clamp(.65rem, 1.7vh, 1.25rem) 0;
  border-bottom: 1px solid var(--line-light);
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 450ms ease, transform 650ms var(--ease-out), padding-left 300ms var(--ease-out);
}

.menu-overlay[data-open="true"] .menu-overlay__nav a {
  opacity: 1;
  transform: translateY(0);
}

.menu-overlay[data-open="true"] .menu-overlay__nav a:nth-child(1) { transition-delay: 170ms; }
.menu-overlay[data-open="true"] .menu-overlay__nav a:nth-child(2) { transition-delay: 220ms; }
.menu-overlay[data-open="true"] .menu-overlay__nav a:nth-child(3) { transition-delay: 270ms; }
.menu-overlay[data-open="true"] .menu-overlay__nav a:nth-child(4) { transition-delay: 320ms; }
.menu-overlay[data-open="true"] .menu-overlay__nav a:nth-child(5) { transition-delay: 370ms; }

.menu-overlay__nav a:hover,
.menu-overlay__nav a:focus-visible {
  padding-left: 1.5rem;
}

.menu-overlay__nav span {
  color: #77716a;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.menu-overlay__nav strong {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 5.2vw, 5.5rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .95;
}

.menu-preview {
  position: relative;
  min-height: 0;
  overflow: hidden;
  background: #151519;
}

.menu-preview__surface {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity 450ms ease, transform 800ms var(--ease-out);
}

.menu-preview[data-preview-state="atlas"] .menu-preview__surface--atlas,
.menu-preview[data-preview-state="collections"] .menu-preview__surface--collections,
.menu-preview[data-preview-state="atelier"] .menu-preview__surface--atelier,
.menu-preview[data-preview-state="care"] .menu-preview__surface--care {
  opacity: 1;
  transform: scale(1);
}

.menu-preview__surface::before {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 65% 35%, rgba(235,196,111,.34), transparent 28%), linear-gradient(145deg,#09090b,#25242a 62%,#0d0d10);
  content: "";
}

.menu-preview__surface--collections::before {
  background: radial-gradient(circle at 30% 25%, rgba(177,26,58,.42), transparent 25%), radial-gradient(circle at 72% 65%, rgba(36,75,162,.42), transparent 28%), #121217;
}

.menu-preview__surface--atelier::before {
  background: linear-gradient(125deg,#2f2418,#8f6841 45%,#15110d 46%,#080808);
  filter: saturate(.7);
}

.menu-preview__surface--care::before {
  background: radial-gradient(circle at center, rgba(255,255,255,.8) 0 9%, rgba(154,177,189,.35) 10% 22%, transparent 23%), linear-gradient(135deg,#c9d7d9,#f0eade 55%,#82756a);
}

.menu-preview__surface--atlas span {
  position: relative;
  width: min(34vw, 28rem);
  aspect-ratio: 1;
  border: clamp(1.25rem,3vw,2.25rem) solid #c9cbd1;
  border-radius: 50%;
  box-shadow: inset 0 0 1.6rem #fff, 0 2rem 4rem rgba(0,0,0,.45), 0 0 8rem rgba(66,87,176,.25);
}

.menu-preview__surface--atlas span::before {
  position: absolute;
  top: -42%;
  left: 50%;
  width: 38%;
  aspect-ratio: .8;
  transform: translateX(-50%) rotate(45deg);
  border: .45rem solid #e6e7eb;
  border-radius: 42% 8% 42% 8%;
  background: linear-gradient(135deg,#203e9b,#07112f 60%,#557be6);
  box-shadow: 0 0 0 .35rem rgba(255,255,255,.2), 0 0 2rem rgba(93,126,255,.55);
  content: "";
}

.menu-preview p {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 2;
  color: rgba(255,255,255,.7);
  font-family: var(--font-display);
  font-size: 1.15rem;
  line-height: 1.35;
}

.menu-overlay__footer {
  display: flex;
  min-height: 4rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-inline: var(--gutter);
  border-top: 1px solid var(--line-light);
  color: #5f5b56;
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Section rail */

.section-rail {
  position: fixed;
  top: 50%;
  right: 1.15rem;
  z-index: 90;
  display: grid;
  gap: .75rem;
  transform: translateY(-50%);
}

.section-rail__progress {
  position: absolute;
  top: 0;
  right: .3rem;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.13);
}

.section-rail__progress i {
  display: block;
  width: 100%;
  height: var(--page-progress, 0%);
  background: var(--gold-bright);
}

.section-rail a {
  position: relative;
  display: grid;
  grid-template-columns: 1.4rem auto;
  align-items: center;
  gap: .5rem;
  padding-right: 1.1rem;
  color: rgba(255,255,255,.38);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color 220ms ease;
}

.section-rail a::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: .65rem;
  height: 1px;
  background: currentColor;
  content: "";
}

.section-rail a b {
  width: 0;
  overflow: hidden;
  font-weight: inherit;
  opacity: 0;
  white-space: nowrap;
  transition: width 300ms var(--ease-out), opacity 220ms ease;
}

.section-rail a:hover b,
.section-rail a:focus-visible b,
.section-rail a[aria-current="true"] b {
  width: 5.5rem;
  opacity: 1;
}

.section-rail a[aria-current="true"] {
  color: var(--gold-bright);
}

/* Common */

.section-kicker {
  color: var(--gold);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.4;
  text-transform: uppercase;
}

.signal-link {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: .9rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.45);
  color: var(--paper-bright);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.signal-link i {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-style: normal;
  transition: transform 300ms var(--ease-out), background 300ms ease, color 300ms ease;
}

.signal-link:hover i,
.signal-link:focus-visible i {
  transform: rotate(45deg);
  background: currentColor;
  color: var(--ink);
}

.signal-link--dark {
  border-color: rgba(11,11,13,.38);
  color: var(--ink);
}

.signal-link--paper {
  color: var(--paper-bright);
}

/* Hero */

.hero {
  position: relative;
  height: 162svh;
  background: var(--ink);
}

.hero__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 42rem;
  overflow: hidden;
  background: #08080a;
}

.hero__webgl,
.hero__fallback,
.hero__vignette,
.hero__grain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero__webgl {
  z-index: 1;
  opacity: calc(1 - var(--hero-progress) * .2);
}

.hero__fallback {
  z-index: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 58% 40%, rgba(54,83,171,.34), transparent 22%),
    radial-gradient(circle at 45% 52%, rgba(229,180,89,.18), transparent 25%),
    linear-gradient(145deg,#050507,#17171d 52%,#08080a);
}

.webgl-ready .hero__fallback {
  opacity: 0;
}

.hero__fallback-ring {
  position: relative;
  width: min(38vw, 34rem);
  aspect-ratio: 1;
  transform: translate(18vw, calc(var(--hero-progress) * -8vh)) rotateX(62deg) rotateZ(-18deg) scale(calc(1 - var(--hero-progress) * .22));
  border: clamp(1.5rem,3.3vw,3rem) solid #bfc2c9;
  border-radius: 50%;
  box-shadow: inset 0 0 2rem #fff, inset 0 0 4rem #333740, 0 4rem 7rem rgba(0,0,0,.7), 0 0 8rem rgba(55,81,170,.25);
  transition: transform 80ms linear;
}

.hero__fallback-ring i {
  position: absolute;
  top: -40%;
  left: 50%;
  width: 34%;
  aspect-ratio: .78;
  transform: translateX(-50%) rotate(45deg);
  border: .45rem solid #d9dbe2;
  border-radius: 42% 8% 42% 8%;
  background: linear-gradient(135deg,#294fae,#06102f 54%,#3a68df);
  box-shadow: 0 0 0 .35rem rgba(255,255,255,.18), 0 0 3rem rgba(76,112,255,.55);
}

.hero__vignette {
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,5,7,.86) 0%, rgba(5,5,7,.28) 42%, rgba(5,5,7,.04) 70%),
    linear-gradient(180deg, rgba(5,5,7,.45), transparent 24%, transparent 68%, rgba(5,5,7,.72));
}

.hero__grain {
  z-index: 3;
  pointer-events: none;
  opacity: .075;
  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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.hero__copy {
  position: relative;
  z-index: 5;
  display: grid;
  height: 100%;
  align-content: center;
  padding: calc(var(--header-h) + var(--announcement-h) + 3rem) max(5rem,var(--gutter)) 3rem var(--gutter);
}

.hero__eyebrow {
  margin-bottom: 1.5rem;
  color: var(--gold-bright);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  transform: translateY(calc(var(--hero-progress) * -2rem));
  opacity: calc(1 - var(--hero-progress) * 1.4);
}

.hero__title {
  display: grid;
  width: fit-content;
  color: var(--paper-bright);
  font-family: var(--font-display);
  font-size: clamp(4rem, 10.8vw, 11.5rem);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: .72;
  text-transform: uppercase;
  view-transition-name: hero-title;
}

.hero__title span {
  display: block;
  transform-origin: left center;
  will-change: transform, opacity;
}

.hero__title span:nth-child(1) {
  transform: translateX(calc(var(--hero-progress) * -12vw));
  opacity: calc(1 - var(--hero-progress) * 1.25);
}

.hero__title span:nth-child(2) {
  padding-left: clamp(2rem, 9vw, 10rem);
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.72);
  transform: translateX(calc(var(--hero-progress) * 17vw));
  opacity: calc(1 - var(--hero-progress) * .8);
}

.hero__title span:nth-child(3) {
  padding-left: clamp(1rem, 3vw, 4rem);
  transform: translateX(calc(var(--hero-progress) * -7vw));
  opacity: calc(1 - var(--hero-progress) * 1.05);
}

.hero__footer {
  display: grid;
  width: min(40rem, 78vw);
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 2rem;
  margin-top: clamp(2rem, 5vh, 4rem);
  transform: translateY(calc(var(--hero-progress) * 4rem));
  opacity: calc(1 - var(--hero-progress) * 1.15);
}

.hero__footer p {
  max-width: 26rem;
  color: rgba(255,255,255,.62);
  font-size: .85rem;
  line-height: 1.7;
}

.hero__meta {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: flex;
  gap: 1.2rem;
  color: rgba(255,255,255,.35);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .14em;
  writing-mode: vertical-rl;
}

.hero__meta--left {
  left: .8rem;
  transform: translateY(-50%) rotate(180deg);
}

.hero__meta--right {
  right: .8rem;
  transform: translateY(-50%);
}

.scroll-cue {
  position: absolute;
  z-index: 6;
  right: var(--gutter);
  bottom: 2rem;
  display: grid;
  justify-items: center;
  gap: .6rem;
  color: rgba(255,255,255,.55);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  opacity: calc(1 - var(--hero-progress) * 2);
}

.scroll-cue i {
  position: relative;
  width: 1px;
  height: 3.5rem;
  overflow: hidden;
  background: rgba(255,255,255,.18);
}

.scroll-cue i::after {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gold-bright);
  content: "";
  animation: scroll-cue 2s var(--ease-in-out) infinite;
}

/* Manifesto */

.manifesto {
  position: relative;
  min-height: 125svh;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
}

.manifesto__index {
  position: absolute;
  top: 2rem;
  left: var(--gutter);
  color: #77716a;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.manifesto__inner {
  display: grid;
  min-height: 125svh;
  align-content: center;
  padding: 9rem var(--gutter) 7rem;
}

.manifesto__kicker {
  margin-bottom: 2rem;
  color: #6e665d;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.manifesto__text {
  display: flex;
  max-width: 91rem;
  flex-wrap: wrap;
  column-gap: .22em;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(3.4rem, 8.6vw, 9rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .86;
}

.manifesto__text span {
  --word-reveal: 0;
  color: color-mix(in srgb, var(--ink) calc(var(--word-reveal) * 100%), #c9c3ba);
  transform: translateY(calc((1 - var(--word-reveal)) * .32em));
  opacity: calc(.2 + var(--word-reveal) * .8);
  transition: color 100ms linear, transform 100ms linear, opacity 100ms linear;
}

.manifesto__aside {
  display: grid;
  width: min(36rem, 100%);
  grid-template-columns: 8rem 1fr;
  align-items: start;
  gap: 1.5rem;
  margin-top: clamp(3rem, 8vw, 8rem);
  margin-left: auto;
}

.manifesto__line {
  height: 1px;
  margin-top: .75rem;
  transform: scaleX(var(--manifesto-progress, 0));
  transform-origin: left;
  background: var(--ink);
}

.manifesto__aside p {
  color: #4d4944;
  font-size: clamp(.95rem, 1.2vw, 1.2rem);
  line-height: 1.7;
}

/* Orbit */

.orbit {
  position: relative;
  height: 420svh;
  background: #0c0c0f;
}

.orbit__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 45rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(36,39,58,.65), transparent 26%),
    radial-gradient(circle at 50% 50%, rgba(208,163,83,.09), transparent 48%),
    #0c0c0f;
}

.orbit__sticky::before,
.orbit__sticky::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  content: "";
  transform: translate(-50%,-50%);
}

.orbit__sticky::before {
  width: min(70vw, 72rem);
  aspect-ratio: 1;
}

.orbit__sticky::after {
  width: min(44vw, 44rem);
  aspect-ratio: 1;
  border-style: dashed;
  opacity: .5;
}

.orbit__header {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr minmax(18rem, 28rem);
  align-items: end;
  gap: 3rem;
  padding: calc(var(--header-h) + 3rem) max(4rem,var(--gutter)) 0 var(--gutter);
}

.orbit__header h2 {
  margin-top: .75rem;
  font-family: var(--font-display);
  font-size: clamp(3rem, 5.7vw, 6.7rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .9;
}

.orbit__header > p {
  color: rgba(255,255,255,.55);
  font-size: .82rem;
  line-height: 1.7;
}

.orbit-stage {
  --radius: clamp(17rem, 31vw, 36rem);
  position: absolute;
  inset: 13rem 0 0;
  z-index: 3;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.orbit-stage__core {
  position: absolute;
  top: 53%;
  left: 50%;
  display: grid;
  width: clamp(8rem, 13vw, 13rem);
  aspect-ratio: 1;
  place-items: center;
  transform: translate(-50%,-50%) scale(calc(.8 + sin(var(--orbit-progress) * 3.14159) * .2));
  transform-style: preserve-3d;
}

.orbit-stage__halo,
.orbit-stage__disc {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.orbit-stage__halo {
  border: 1px solid rgba(244,217,152,.55);
  box-shadow: 0 0 4rem rgba(203,161,92,.22), inset 0 0 3rem rgba(203,161,92,.12);
  animation: core-pulse 5s ease-in-out infinite;
}

.orbit-stage__disc {
  inset: 18%;
  background: radial-gradient(circle at 35% 30%, #e4c47c, #6f5024 38%, #15110d 70%);
  box-shadow: inset -1rem -1rem 2rem rgba(0,0,0,.65), inset .6rem .6rem 1rem rgba(255,255,255,.18);
}

.orbit-stage__core b {
  position: relative;
  z-index: 2;
  color: #100f0d;
  font-family: var(--font-display);
  font-size: 1rem;
  letter-spacing: .35em;
}

.orbit-card {
  --spin: calc(var(--orbit-progress) * 360deg);
  position: absolute;
  top: 53%;
  left: 50%;
  width: clamp(13rem, 18vw, 21rem);
  transform:
    translate(-50%,-50%)
    rotate(calc(var(--angle) + var(--spin)))
    translateX(var(--radius))
    rotate(calc((var(--angle) + var(--spin)) * -1))
    translateZ(calc(sin((var(--angle) + var(--spin))) * 7rem));
  transform-style: preserve-3d;
  will-change: transform;
}

.orbit-card a {
  display: grid;
  gap: .9rem;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(15,15,19,.76);
  box-shadow: 0 1.8rem 4rem rgba(0,0,0,.3);
  backdrop-filter: blur(14px);
  transition: border-color 250ms ease, transform 350ms var(--ease-out), background 250ms ease;
}

.orbit-card a:hover,
.orbit-card a:focus-visible {
  transform: translateY(-.7rem) scale(1.02);
  border-color: rgba(244,217,152,.55);
  background: rgba(23,23,29,.9);
}

.orbit-card__number {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  z-index: 3;
  color: rgba(255,255,255,.58);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .13em;
}

.orbit-card__visual {
  position: relative;
  display: grid;
  aspect-ratio: 1.15;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 44%, rgba(255,255,255,.2), transparent 25%), linear-gradient(145deg,#6b5943,#1b1815);
}

.orbit-card--lal .orbit-card__visual { background: radial-gradient(circle at 45% 40%, rgba(255,153,167,.26), transparent 28%), linear-gradient(145deg,#7f243a,#260914); }
.orbit-card--sedef .orbit-card__visual { background: radial-gradient(circle at 50% 42%, rgba(255,255,255,.8), transparent 18%), linear-gradient(145deg,#eff3ef,#809397); }
.orbit-card--yorunge .orbit-card__visual { background: radial-gradient(circle at 50% 42%, rgba(72,109,224,.4), transparent 25%), linear-gradient(145deg,#172752,#080b17); }

.orbit-card__visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg,transparent 28%,rgba(255,255,255,.24) 46%,transparent 62%);
  content: "";
  transform: translateX(calc((var(--orbit-progress) - .5) * 130%));
}

.orbit-card__visual i {
  width: 43%;
  aspect-ratio: 1;
  border: .7rem solid #d7ae63;
  border-radius: 50%;
  box-shadow: inset 0 0 .7rem rgba(255,255,255,.8), 0 .8rem 1.2rem rgba(0,0,0,.38);
}

.orbit-card--lal .orbit-card__visual i { border-color: #c88272; }
.orbit-card--sedef .orbit-card__visual i { border-color: #dfe4e8; }
.orbit-card--yorunge .orbit-card__visual i { border-color: #cdd1dc; }

.orbit-card__visual b {
  position: absolute;
  top: 23%;
  left: 50%;
  width: 17%;
  aspect-ratio: .78;
  transform: translateX(-50%) rotate(45deg);
  border: .24rem solid #e9d8aa;
  background: #14161b;
  box-shadow: 0 0 1.5rem currentColor;
}

.orbit-card--lal .orbit-card__visual b { background: #9c1538; color: #ff5a83; }
.orbit-card--sedef .orbit-card__visual b { background: #eff6f6; color: #fff; }
.orbit-card--yorunge .orbit-card__visual b { background: #173c9b; color: #426fff; }

.orbit-card__copy {
  display: grid;
  gap: .3rem;
  padding: .35rem .2rem .45rem;
}

.orbit-card__copy h3 {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -.03em;
}

.orbit-card__copy p {
  min-height: 2.6em;
  color: rgba(255,255,255,.58);
  font-size: .72rem;
}

.orbit-card__copy span {
  color: var(--gold);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.orbit__mobile-list {
  display: none;
}

/* Arrivals */

.arrivals {
  position: relative;
  padding: clamp(6rem, 11vw, 11rem) var(--gutter);
  background: var(--paper);
  color: var(--ink);
}

.arrivals__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: clamp(3rem, 6vw, 6rem);
}

.arrivals__header h2 {
  margin-top: .8rem;
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 7vw, 8rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .85;
}

.product-mosaic {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  grid-auto-rows: minmax(5rem, 8vw);
  gap: clamp(.75rem, 1.5vw, 1.5rem);
}

.mosaic-card {
  --mx: 50%;
  --my: 50%;
  position: relative;
  min-height: 24rem;
  overflow: hidden;
  background: #121217;
  color: var(--paper-bright);
  isolation: isolate;
}

.mosaic-card--hero { grid-column: 1 / 8; grid-row: span 7; min-height: 46rem; }
.mosaic-card--tall { grid-column: 8 / 13; grid-row: span 9; min-height: 58rem; }
.mosaic-card--wide { grid-column: 1 / 8; grid-row: span 6; min-height: 38rem; }
.mosaic-card--small { grid-column: span 5; grid-row: span 5; min-height: 32rem; }
.mosaic-card--small:last-child { grid-column: 6 / 13; }

.mosaic-card a {
  display: block;
  width: 100%;
  height: 100%;
}

.mosaic-card__visual {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.22), transparent 22%),
    linear-gradient(145deg,#10121b,#252b44 55%,#090a0e);
}

.mosaic-card__visual::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 26%, rgba(255,255,255,.22) 46%, transparent 65%);
  content: "";
  transform: translateX(calc((var(--pointer-shift, 0) - .5) * 60%));
  mix-blend-mode: screen;
}

.mosaic-card__visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,transparent 48%,rgba(4,4,6,.74));
  content: "";
}

.visual-lal { background: radial-gradient(circle at var(--mx) var(--my), rgba(255,168,181,.27), transparent 22%), linear-gradient(145deg,#240810,#7a2038 55%,#16060b); }
.visual-mihenk { background: radial-gradient(circle at var(--mx) var(--my), rgba(255,223,165,.24), transparent 23%), linear-gradient(135deg,#1b1712,#72563a 58%,#0b0907); }
.visual-sedef { background: radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.9), transparent 18%), linear-gradient(145deg,#dbe4e6,#7b8f94 58%,#344045); }
.visual-hilal { background: radial-gradient(circle at var(--mx) var(--my), rgba(255,225,154,.26), transparent 23%), linear-gradient(145deg,#302313,#8d672f 55%,#100b06); }

.jewel-form {
  position: relative;
  z-index: 2;
  display: block;
  filter: drop-shadow(0 2.5rem 2rem rgba(0,0,0,.5));
  transform: perspective(900px) rotateX(calc((var(--card-y, .5) - .5) * -12deg)) rotateY(calc((var(--card-x, .5) - .5) * 15deg)) translateZ(0);
  transition: transform 500ms var(--ease-out);
}

.jewel-form--ring {
  width: 42%;
  aspect-ratio: 1;
  border: clamp(1.2rem,3vw,2.5rem) solid #c7c9cf;
  border-radius: 50%;
  box-shadow: inset 0 0 1.5rem #fff, inset 0 0 3rem #30333c, 0 0 5rem rgba(63,95,208,.3);
}

.jewel-form--ring i {
  position: absolute;
  top: -43%;
  left: 50%;
  width: 36%;
  aspect-ratio: .77;
  transform: translateX(-50%) rotate(45deg);
  border: .5rem solid #e1e3e9;
  border-radius: 40% 8% 40% 8%;
  background: linear-gradient(135deg,#2752bc,#050d27 55%,#3b74f0);
  box-shadow: 0 0 0 .35rem rgba(255,255,255,.16), 0 0 2.4rem rgba(69,110,255,.55);
}

.jewel-form--pendant {
  width: 42%;
  aspect-ratio: .72;
  border: .65rem solid #c37d70;
  border-radius: 48% 48% 52% 52%;
  background: linear-gradient(145deg,#e13a66,#4d071a 58%,#ff6689);
  box-shadow: inset .6rem .5rem 1.2rem rgba(255,255,255,.33), 0 0 2rem rgba(234,49,101,.45);
  transform: rotate(45deg);
}

.jewel-form--pendant::before {
  position: absolute;
  top: -80%;
  left: 50%;
  width: 1px;
  height: 82%;
  background: #cf8d80;
  content: "";
}

.jewel-form--signet {
  width: 42%;
  aspect-ratio: 1;
  border: clamp(1.4rem,3vw,2.4rem) solid #c79a45;
  border-radius: 46%;
  box-shadow: inset 0 0 1.4rem #ffe4a3, 0 2rem 2rem rgba(0,0,0,.36);
}

.jewel-form--signet i {
  position: absolute;
  top: -36%;
  left: 50%;
  width: 43%;
  aspect-ratio: 1;
  transform: translateX(-50%) rotate(45deg);
  border: .42rem solid #e4bc6d;
  background: linear-gradient(135deg,#41a36f,#061b12 55%,#46c783);
  box-shadow: 0 0 2rem rgba(51,213,129,.35);
}

.jewel-form--earrings,
.jewel-form--crescent {
  display: flex;
  width: 54%;
  justify-content: space-between;
}

.jewel-form--earrings i,
.jewel-form--earrings b,
.jewel-form--crescent i,
.jewel-form--crescent b {
  display: block;
  width: 42%;
  aspect-ratio: .62;
  border: .75rem solid #dce2e6;
  border-radius: 50%;
  box-shadow: inset 0 0 .9rem #fff, 0 1.5rem 1.8rem rgba(0,0,0,.3);
}

.jewel-form--crescent i,
.jewel-form--crescent b {
  border-color: #d6a550;
  border-left-color: transparent;
  transform: rotate(-25deg);
}

.mosaic-card__top,
.mosaic-card__bottom {
  position: absolute;
  right: 1.4rem;
  left: 1.4rem;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.mosaic-card__top {
  top: 1.3rem;
  color: rgba(255,255,255,.68);
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.mosaic-card__bottom {
  bottom: 1.4rem;
  align-items: end;
}

.mosaic-card__bottom h3 {
  font-family: var(--font-display);
  font-size: clamp(1.6rem,2.2vw,2.6rem);
  font-weight: 400;
  letter-spacing: -.035em;
}

.mosaic-card__bottom p {
  margin-top: .15rem;
  color: rgba(255,255,255,.58);
  font-size: .68rem;
}

.mosaic-card__bottom strong {
  font-size: .75rem;
  letter-spacing: .06em;
  white-space: nowrap;
}

.mosaic-card:hover .jewel-form {
  transform: perspective(900px) rotateX(calc((var(--card-y, .5) - .5) * -18deg)) rotateY(calc((var(--card-x, .5) - .5) * 22deg)) scale(1.055);
}

/* Atelier scrollytelling */

.atelier-scroll {
  position: relative;
  height: 360svh;
  background: #0a0908;
}

.atelier-scroll__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 46rem;
  overflow: hidden;
  padding: calc(var(--header-h) + 2.5rem) var(--gutter) 2rem;
  background:
    radial-gradient(circle at 35% 48%, rgba(137,94,51,.18), transparent 25%),
    linear-gradient(120deg,#080706,#15100c 48%,#09090a);
}

.atelier-scroll__header {
  position: relative;
  z-index: 4;
}

.atelier-scroll__header h2 {
  margin-top: .6rem;
  font-family: var(--font-display);
  font-size: clamp(3rem,6vw,6.5rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .9;
}

.atelier-stage {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(20rem,.82fr);
  align-items: center;
  gap: 6vw;
  padding: 11rem max(4rem,var(--gutter)) 5rem var(--gutter);
}

.atelier-stage__visual {
  position: relative;
  height: min(58vh,38rem);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: #17110c;
}

.atelier-stage__visual::after {
  position: absolute;
  inset: 0;
  z-index: 6;
  border: 1rem solid rgba(9,8,7,.55);
  box-shadow: inset 0 0 4rem rgba(0,0,0,.72);
  content: "";
  pointer-events: none;
}

.atelier-stage__frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity 700ms ease, transform 1.1s var(--ease-out), filter 700ms ease;
}

.atelier-stage__frame::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg,transparent 20%,rgba(255,222,173,.16) 48%,transparent 75%);
  content: "";
  transform: translateX(calc((var(--atelier-progress) - .5) * 70%));
}

.atelier-stage__frame i,
.atelier-stage__frame b,
.atelier-stage__frame span {
  position: absolute;
  display: block;
}

.atelier-stage__frame--1968 {
  background: linear-gradient(135deg,#21160d,#88603a 45%,#1a120d 46%,#080706);
  filter: sepia(.55) contrast(1.15) saturate(.65);
}

.atelier-stage__frame--1968 i {
  right: 10%;
  bottom: 0;
  width: 48%;
  height: 68%;
  border-radius: 50% 50% 0 0;
  background: linear-gradient(90deg,#0d0c0b,#3a2b20 45%,#0e0d0c);
  box-shadow: -2rem 0 5rem rgba(255,183,94,.15);
}

.atelier-stage__frame--1968 b {
  right: 22%;
  bottom: 48%;
  width: 24%;
  aspect-ratio: .8;
  border-radius: 50% 50% 46% 46%;
  background: #70513c;
  box-shadow: inset 1.2rem 0 1.4rem rgba(255,203,148,.16);
}

.atelier-stage__frame--1968 span {
  right: 3%;
  bottom: 18%;
  width: 75%;
  height: .7rem;
  transform: rotate(-12deg);
  background: #c5a06e;
  box-shadow: 0 1rem 0 #5d4630, 0 2rem 0 #9a7548;
}

.atelier-stage__frame--1996 {
  background: radial-gradient(circle at 30% 35%,rgba(255,191,123,.25),transparent 18%), linear-gradient(135deg,#25100f,#732d2f 55%,#100707);
}

.atelier-stage__frame--1996 i {
  top: 15%;
  left: 12%;
  width: 36%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(#9b1737,#164f9c,#2f875a,#d79b3a,#9b1737);
  box-shadow: 0 0 0 1.2rem #291818, 0 2rem 3rem rgba(0,0,0,.45);
}

.atelier-stage__frame--1996 b {
  right: 12%;
  bottom: 8%;
  width: 34%;
  height: 74%;
  border-radius: 45% 45% 0 0;
  background: linear-gradient(90deg,#151111,#59403a 48%,#171212);
}

.atelier-stage__frame--1996 span {
  right: 20%;
  bottom: 51%;
  width: 20%;
  aspect-ratio: .82;
  border-radius: 50%;
  background: #8d5b4a;
}

.atelier-stage__frame--today {
  background: radial-gradient(circle at 50% 50%,rgba(99,134,255,.25),transparent 18%), linear-gradient(135deg,#0d111c,#293254 54%,#080a10);
}

.atelier-stage__frame--today i {
  top: 12%;
  left: 50%;
  width: 30%;
  aspect-ratio: 1;
  transform: translateX(-50%);
  border: .9rem solid #ccd1dc;
  border-radius: 50%;
  box-shadow: 0 0 3rem rgba(87,123,255,.45), inset 0 0 1rem #fff;
}

.atelier-stage__frame--today b {
  right: 8%;
  bottom: 9%;
  width: 48%;
  height: 16%;
  transform: skewX(-12deg);
  background: linear-gradient(90deg,#10131a,#778090,#181c25);
}

.atelier-stage__frame--today span {
  bottom: 14%;
  left: 8%;
  width: 34%;
  height: 42%;
  background: repeating-linear-gradient(90deg,#9a7440 0 .35rem,#17130e .35rem 1.2rem);
  clip-path: polygon(0 100%,15% 20%,30% 100%,48% 0,62% 100%,82% 25%,100% 100%);
}

.atelier-stage[data-stage="0"] .atelier-stage__frame--1968,
.atelier-stage[data-stage="1"] .atelier-stage__frame--1996,
.atelier-stage[data-stage="2"] .atelier-stage__frame--today {
  opacity: 1;
  transform: scale(1);
}

.atelier-stage__crosshair {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 8;
  width: 4rem;
  height: 4rem;
  transform: translate(-50%,-50%);
  opacity: .55;
}

.atelier-stage__crosshair::before,
.atelier-stage__crosshair::after,
.atelier-stage__crosshair i,
.atelier-stage__crosshair b {
  position: absolute;
  background: rgba(255,255,255,.35);
  content: "";
}

.atelier-stage__crosshair::before { top: 50%; left: -3rem; right: -3rem; height: 1px; }
.atelier-stage__crosshair::after { left: 50%; top: -3rem; bottom: -3rem; width: 1px; }
.atelier-stage__crosshair i { inset: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: transparent; }
.atelier-stage__crosshair b { inset: 42%; border-radius: 50%; }

.atelier-stage__chapters {
  position: relative;
  height: 25rem;
}

.atelier-stage__chapters article {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 1rem;
  opacity: 0;
  transform: translateY(3rem);
  pointer-events: none;
  transition: opacity 500ms ease, transform 700ms var(--ease-out);
}

.atelier-stage[data-stage="0"] [data-atelier-chapter="0"],
.atelier-stage[data-stage="1"] [data-atelier-chapter="1"],
.atelier-stage[data-stage="2"] [data-atelier-chapter="2"] {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.atelier-stage__chapters span {
  color: var(--gold-bright);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.atelier-stage__chapters h3 {
  font-family: var(--font-display);
  font-size: clamp(2.8rem,5vw,5.5rem);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .9;
}

.atelier-stage__chapters p {
  max-width: 31rem;
  color: rgba(255,255,255,.58);
  font-size: .88rem;
  line-height: 1.75;
}

.atelier-scroll__timeline {
  position: absolute;
  right: var(--gutter);
  bottom: 2.2rem;
  left: var(--gutter);
  display: grid;
  grid-template-columns: repeat(3,1fr);
  padding-top: .8rem;
  border-top: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.4);
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.atelier-scroll__timeline i {
  position: absolute;
  top: -1px;
  left: 0;
  width: calc(var(--atelier-progress) * 100%);
  height: 1px;
  background: var(--gold-bright);
}

.atelier-scroll__timeline span:nth-of-type(2) { text-align: center; }
.atelier-scroll__timeline span:nth-of-type(3) { text-align: right; }

.atelier-scroll__sticky > .signal-link {
  position: absolute;
  right: var(--gutter);
  top: 7.6rem;
  z-index: 5;
}

/* Care portal */

.care-portal {
  position: relative;
  display: grid;
  min-height: 100svh;
  grid-template-columns: minmax(0,1.1fr) minmax(20rem,.9fr);
  align-items: center;
  gap: 5vw;
  overflow: hidden;
  padding: 7rem var(--gutter);
  background: #dce4e4;
  color: var(--ink);
}

.care-portal::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg,rgba(255,255,255,.45),transparent 46%), radial-gradient(circle at 22% 35%,rgba(255,255,255,.8),transparent 22%);
  content: "";
}

.care-portal__lens {
  position: relative;
  z-index: 2;
  width: min(58vw,44rem);
  aspect-ratio: 1;
  justify-self: center;
  border: 1px solid rgba(11,11,13,.22);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 31%,rgba(255,255,255,.95),rgba(171,190,194,.4) 34%,rgba(73,90,98,.28) 64%,rgba(255,255,255,.3));
  box-shadow: inset -3rem -3rem 5rem rgba(53,72,80,.16), inset 2rem 2rem 3rem rgba(255,255,255,.58), 0 3rem 7rem rgba(45,60,66,.18);
  transform: translateX(calc((var(--care-pointer-x,.5) - .5) * 2rem)) translateY(calc((var(--care-pointer-y,.5) - .5) * 2rem));
  transition: transform 300ms var(--ease-out);
}

.care-portal__lens::before,
.care-portal__lens::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.care-portal__lens::before {
  inset: 13%;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 0 4rem rgba(255,255,255,.55);
}

.care-portal__lens::after {
  top: 18%;
  left: 20%;
  width: 22%;
  aspect-ratio: 1;
  background: rgba(255,255,255,.62);
  filter: blur(1rem);
}

.care-portal__lens span {
  position: absolute;
  top: 49%;
  left: 50%;
  width: 39%;
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  border: 1.5rem solid #c8a55f;
  border-radius: 50%;
  box-shadow: inset 0 0 1rem #fff3c8, 0 1.5rem 2.5rem rgba(49,43,30,.3);
}

.care-portal__lens i {
  position: absolute;
  top: 24%;
  left: 50%;
  width: 14%;
  aspect-ratio: .75;
  transform: translateX(-50%) rotate(45deg);
  border: .35rem solid #d8bd7d;
  background: linear-gradient(135deg,#e6eef0,#6e8791 58%,#fff);
  box-shadow: 0 0 2rem rgba(255,255,255,.85);
}

.care-portal__copy {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 1.7rem;
  max-width: 38rem;
}

.care-portal__copy h2 {
  font-family: var(--font-display);
  font-size: clamp(3.5rem,6.8vw,7.5rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .82;
}

.care-portal__copy > p:not(.section-kicker) {
  max-width: 31rem;
  color: #4e5659;
  font-size: .95rem;
  line-height: 1.75;
}

/* Newsletter */

.newsletter {
  position: relative;
  overflow: hidden;
  padding: 0 0 clamp(5rem,9vw,9rem);
  background: var(--ink);
}

.newsletter__marquee {
  display: flex;
  width: max-content;
  padding-block: 1.5rem;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
  color: rgba(255,255,255,.13);
  font-family: var(--font-display);
  font-size: clamp(3rem,7vw,7rem);
  line-height: .8;
  white-space: nowrap;
  animation: marquee 28s linear infinite;
}

.newsletter__marquee span {
  padding-right: .25em;
}

.newsletter__inner {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(23rem,1.2fr);
  align-items: end;
  gap: 8vw;
  padding: clamp(5rem,9vw,9rem) var(--gutter) 0;
}

.newsletter__inner h2 {
  margin-top: .7rem;
  font-family: var(--font-display);
  font-size: clamp(3.5rem,6.4vw,7rem);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .82;
}

.newsletter__form {
  display: grid;
  gap: .8rem;
}

.newsletter__form label {
  color: rgba(255,255,255,.55);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.newsletter__field {
  display: grid;
  grid-template-columns: 1fr auto;
  border-bottom: 1px solid rgba(255,255,255,.42);
}

.newsletter__field input {
  min-width: 0;
  height: 4.5rem;
  padding: 0 1rem 0 0;
  border: 0;
  background: transparent;
  color: var(--paper-bright);
  font-family: var(--font-display);
  font-size: clamp(1.6rem,3vw,3rem);
}

.newsletter__field input::placeholder {
  color: rgba(255,255,255,.23);
}

.newsletter__field input[aria-invalid="true"] {
  color: var(--error);
}

.newsletter__field button {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: 0;
  background: transparent;
  color: var(--gold-bright);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.newsletter__field button i {
  font-size: 1.2rem;
  font-style: normal;
}

.newsletter__message {
  min-height: 1.5em;
  color: rgba(255,255,255,.42);
  font-size: .7rem;
}

.newsletter__message[data-state="error"] { color: var(--error); }
.newsletter__message[data-state="success"] { color: var(--success); }

/* Footer */

.footer {
  padding: 4.5rem var(--gutter) 1.5rem;
  border-top: 1px solid var(--line-dark);
  background: #070708;
  color: rgba(255,255,255,.55);
}

.footer__top {
  display: grid;
  grid-template-columns: minmax(18rem,1.4fr) repeat(3,minmax(10rem,.6fr));
  gap: clamp(2rem,5vw,5rem);
  padding-bottom: 4rem;
}

.footer__brand {
  display: flex;
  align-items: start;
  gap: 1.5rem;
}

.footer__monogram {
  color: var(--gold-bright);
  font-family: var(--font-display);
  font-size: 5rem;
  font-style: italic;
  line-height: .8;
}

.footer__brand p {
  color: var(--paper-bright);
  font-family: var(--font-display);
  font-size: 1.35rem;
  line-height: 1.3;
}

.footer__column {
  display: grid;
  align-content: start;
  gap: .7rem;
  font-size: .72rem;
}

.footer__column strong {
  margin-bottom: .55rem;
  color: var(--paper-bright);
  font-size: .61rem;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.footer__column a:hover,
.footer__column a:focus-visible {
  color: var(--gold-bright);
}

.footer__column address,
.footer__column p {
  line-height: 1.75;
}

.footer__bottom {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.3);
  font-size: .59rem;
  letter-spacing: .04em;
}

.footer__bottom p {
  max-width: 52rem;
}

/* Toast */

.toast-region {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 500;
  display: grid;
  width: min(25rem,calc(100vw - 2.5rem));
  gap: .75rem;
}

.toast {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: 1rem 1.1rem;
  transform: translateY(1rem);
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(11,11,13,.94);
  color: var(--paper-bright);
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity 250ms ease, transform 350ms var(--ease-out);
}

.toast[data-visible="true"] {
  transform: translateY(0);
  opacity: 1;
}

.toast p {
  font-size: .75rem;
  line-height: 1.5;
}

.toast button {
  background: transparent;
  color: var(--gold-bright);
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
}

/* View transitions */

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 520ms;
  animation-timing-function: var(--ease-out);
}

::view-transition-old(hero-title) {
  animation: page-title-out 420ms var(--ease-in-out) both;
}

::view-transition-new(hero-title) {
  animation: page-title-in 620ms var(--ease-out) both;
}

/* Responsive */

@media (max-width: 72rem) {
  :root { --header-h: 5.5rem; }
  .primary-nav { display: none; }
  .masthead__inner { grid-template-columns: 1fr auto; }
  .masthead__actions { grid-column: 2; }
  .brand { grid-column: 1; }
  .section-rail { display: none; }
  .hero__copy { padding-right: var(--gutter); }
  .orbit-stage { --radius: clamp(16rem,36vw,26rem); }
  .orbit-card { width: clamp(12rem,21vw,17rem); }
  .atelier-stage { grid-template-columns: minmax(0,1fr) minmax(18rem,.85fr); gap: 3rem; }
  .footer__top { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer__column:last-child { grid-column: 2; }
}

@media (max-width: 56rem) {
  .announcement__track { justify-content: flex-start; animation: marquee-small 22s linear infinite; }
  .cart-pill span:first-child { display: none; }
  .cart-pill { padding-left: .6rem; }
  .menu-overlay__body { grid-template-columns: 1fr; }
  .menu-preview { display: none; }
  .menu-overlay__nav { border-right: 0; }
  .menu-overlay__footer { flex-wrap: wrap; padding-block: 1rem; }
  .hero { height: 145svh; }
  .hero__sticky { min-height: 38rem; }
  .hero__copy { align-content: end; padding-bottom: 5.5rem; }
  .hero__title { font-size: clamp(3.8rem,14vw,7.5rem); line-height: .78; }
  .hero__title span:nth-child(2) { padding-left: 0; }
  .hero__footer { width: 100%; grid-template-columns: 1fr; }
  .hero__footer .signal-link { justify-self: start; }
  .hero__meta { display: none; }
  .manifesto__text { font-size: clamp(3rem,12vw,6rem); }
  .manifesto__aside { grid-template-columns: 4rem 1fr; }
  .orbit { height: auto; }
  .orbit__sticky { position: relative; height: auto; min-height: 0; padding: 7rem var(--gutter); }
  .orbit__sticky::before,
  .orbit__sticky::after,
  .orbit-stage { display: none; }
  .orbit__header { grid-template-columns: 1fr; padding: 0; }
  .orbit__mobile-list { display: grid; margin-top: 4rem; border-top: 1px solid var(--line-dark); }
  .orbit__mobile-list a { display: grid; grid-template-columns: 2.5rem 1fr auto; align-items: center; gap: 1rem; min-height: 5.4rem; border-bottom: 1px solid var(--line-dark); }
  .orbit__mobile-list span { color: var(--gold); font-size: .6rem; font-weight: 800; }
  .orbit__mobile-list b { font-family: var(--font-display); font-size: 2rem; font-weight: 400; }
  .orbit__mobile-list i { font-style: normal; }
  .product-mosaic { grid-template-columns: repeat(2,1fr); grid-auto-rows: auto; }
  .mosaic-card--hero,
  .mosaic-card--tall,
  .mosaic-card--wide,
  .mosaic-card--small,
  .mosaic-card--small:last-child { grid-column: auto; grid-row: auto; min-height: 30rem; }
  .mosaic-card--hero,
  .mosaic-card--wide { grid-column: 1 / -1; min-height: 38rem; }
  .atelier-scroll { height: 300svh; }
  .atelier-stage { grid-template-columns: 1fr; grid-template-rows: minmax(17rem,46vh) minmax(12rem,1fr); align-content: end; gap: 1.5rem; padding: 9rem var(--gutter) 5rem; }
  .atelier-stage__visual { height: auto; min-height: 17rem; }
  .atelier-stage__chapters { height: 14rem; }
  .atelier-scroll__sticky > .signal-link { display: none; }
  .care-portal { grid-template-columns: 1fr; padding-block: 6rem; }
  .care-portal__lens { width: min(82vw,34rem); }
  .newsletter__inner { grid-template-columns: 1fr; align-items: start; }
  .footer__top { grid-template-columns: repeat(2,1fr); }
  .footer__brand { grid-column: 1 / -1; }
  .footer__column:last-child { grid-column: auto; }
}

@media (max-width: 40rem) {
  :root { --gutter: 1rem; --header-h: 4.75rem; }
  .announcement { --announcement-h: 1.75rem; }
  .brand__descriptor { display: none; }
  .brand { grid-template-rows: 1fr; }
  .brand__monogram { grid-row: auto; font-size: 1.7rem; }
  .brand__wordmark { align-self: center; font-size: .8rem; }
  .menu-trigger__label { display: none; }
  .menu-trigger { width: 2.8rem; padding: 0; }
  .cart-pill { min-height: 2.8rem; }
  .menu-overlay__header { min-height: 4.75rem; }
  .menu-overlay__nav { padding-block: 1.5rem; }
  .menu-overlay__nav a { grid-template-columns: 2.2rem 1fr; }
  .menu-overlay__nav strong { font-size: clamp(2.1rem,12vw,3.6rem); }
  .menu-overlay__footer { display: grid; gap: .45rem; }
  .hero__copy { padding-top: 7rem; }
  .hero__title { font-size: clamp(3.2rem,17vw,5.7rem); }
  .hero__footer p { font-size: .78rem; }
  .scroll-cue { display: none; }
  .manifesto__inner { padding-top: 7rem; }
  .manifesto__text { font-size: clamp(2.75rem,14vw,4.7rem); line-height: .9; }
  .manifesto__aside { grid-template-columns: 1fr; }
  .manifesto__line { width: 4rem; }
  .orbit__header > p { font-size: .76rem; }
  .arrivals { padding-inline: var(--gutter); }
  .arrivals__header { align-items: start; flex-direction: column; }
  .product-mosaic { grid-template-columns: 1fr; }
  .mosaic-card--hero,
  .mosaic-card--tall,
  .mosaic-card--wide,
  .mosaic-card--small,
  .mosaic-card--small:last-child { grid-column: 1; min-height: 31rem; }
  .mosaic-card__bottom { align-items: start; flex-direction: column; }
  .atelier-scroll__header h2 { font-size: 3rem; }
  .atelier-stage { padding-top: 8rem; }
  .atelier-stage__chapters { height: 17rem; }
  .atelier-stage__chapters h3 { font-size: 2.6rem; }
  .atelier-stage__chapters p { font-size: .78rem; }
  .care-portal__copy h2 { font-size: clamp(3.4rem,15vw,5.2rem); }
  .newsletter__field { grid-template-columns: 1fr; }
  .newsletter__field button { min-height: 3rem; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.18); }
  .footer__top { grid-template-columns: 1fr; }
  .footer__brand { grid-column: auto; }
  .footer__bottom { flex-direction: column; }
}

@media (hover: none), (pointer: coarse) {
  .pointer { display: none; }
  .mosaic-card__visual { --mx: 50%; --my: 40%; }
  .jewel-form { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
  .pointer { display: none; }
  .hero { height: 100svh; }
  .hero__title span,
  .hero__eyebrow,
  .hero__footer { transform: none !important; opacity: 1 !important; }
  .manifesto__text span { --word-reveal: 1 !important; }
  .orbit { height: auto; }
  .orbit__sticky { position: relative; height: auto; min-height: 0; padding: 7rem var(--gutter); }
  .orbit-stage { display: none; }
  .orbit__mobile-list { display: grid; margin-top: 4rem; }
  .atelier-scroll { height: auto; }
  .atelier-scroll__sticky { position: relative; height: auto; min-height: 0; padding-block: 7rem; }
  .atelier-stage { position: relative; inset: auto; grid-template-columns: 1fr; padding: 3rem 0 0; }
  .atelier-stage__visual { min-height: 28rem; }
  .atelier-stage__chapters { display: grid; height: auto; gap: 2rem; }
  .atelier-stage__chapters article { position: relative; opacity: 1; transform: none; }
  .atelier-scroll__timeline { display: none; }
  .newsletter__marquee { animation: none; }
}

@media print {
  .announcement,
  .masthead,
  .menu-overlay,
  .section-rail,
  .pointer,
  .hero__webgl,
  .scroll-cue,
  .newsletter,
  .footer,
  .toast-region { display: none !important; }
  body { background: #fff; color: #111; }
  .hero,
  .manifesto,
  .orbit,
  .atelier-scroll { height: auto; min-height: 0; background: #fff; color: #111; }
  .hero__sticky,
  .orbit__sticky,
  .atelier-scroll__sticky { position: relative; height: auto; min-height: 0; overflow: visible; background: #fff; color: #111; }
  .hero__fallback,
  .hero__vignette,
  .hero__grain,
  .orbit-stage,
  .atelier-stage__visual { display: none; }
  .hero__copy { height: auto; padding: 20mm 0; }
  .hero__title,
  .hero__footer p,
  .section-kicker { color: #111; }
  .hero__title span:nth-child(2) { color: #111; -webkit-text-stroke: 0; }
  .hero__footer { opacity: 1; transform: none; }
  .manifesto__inner { min-height: 0; padding: 15mm 0; }
  .manifesto__text span { --word-reveal: 1; }
  .orbit__header { padding: 15mm 0 5mm; }
  .orbit__mobile-list { display: grid; }
  .arrivals { padding: 15mm 0; background: #fff; }
  .product-mosaic { grid-template-columns: repeat(2,1fr); }
  .mosaic-card { min-height: 70mm !important; break-inside: avoid; }
  .atelier-stage { position: relative; inset: auto; display: block; padding: 5mm 0; }
  .atelier-stage__chapters { height: auto; }
  .atelier-stage__chapters article { position: relative; margin-bottom: 8mm; opacity: 1; transform: none; color: #111; }
  .atelier-stage__chapters p { color: #333; }
  .care-portal { min-height: 0; grid-template-columns: 1fr; padding: 15mm 0; background: #fff; }
  .care-portal__lens { display: none; }
}

@keyframes scroll-cue {
  0% { transform: translateY(0); }
  55%,100% { transform: translateY(200%); }
}

@keyframes core-pulse {
  0%,100% { transform: scale(.94); opacity: .55; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes marquee {
  to { transform: translateX(-50%); }
}

@keyframes marquee-small {
  to { transform: translateX(-45%); }
}

@keyframes page-title-out {
  to { transform: scale(.96); filter: blur(12px); opacity: 0; }
}

@keyframes page-title-in {
  from { transform: translateY(3rem); clip-path: inset(100% 0 0); }
  to { transform: translateY(0); clip-path: inset(0); }
}

/* ========================================================================== 
   V2 COMMERCE / STORY / CARE PAGES
   ========================================================================== */

@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .48s;
  animation-timing-function: cubic-bezier(.22,.61,.36,1);
}

::view-transition-old(product-atlas),
::view-transition-new(product-atlas) {
  animation-duration: .72s;
  animation-timing-function: cubic-bezier(.22,.61,.36,1);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.signal-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 3.4rem;
  padding: 0 1.15rem;
  border: 1px solid rgba(255,255,255,.24);
  background: transparent;
  color: #f4efe5;
  font: 700 .72rem/1 var(--font-sans, -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.signal-button i { font-size: 1rem; font-style: normal; }
.signal-button--light { border-color: rgba(0,0,0,.28); color: #111; }
.signal-button:hover { background: #f4efe5; color: #0b0b0d; }
.signal-button--light:hover { background: #111; color: #fff; }

body.catalogue,
body.product,
body.cart,
body.story,
body.care {
  --v2-ink: #0b0b0d;
  --v2-paper: #f3efe6;
  --v2-gold: #c6a15a;
  --v2-blue: #11192f;
  --v2-wine: #3c0f1d;
  --v2-line: rgba(17,17,18,.18);
  background: var(--v2-paper);
  color: #171719;
}

/* Catalogue ------------------------------------------------------------- */
.catalog-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  background: #0b0b0d;
  color: #f5f0e7;
  isolation: isolate;
}

.catalog-hero__grid {
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 8vw 8vw;
  mask-image: linear-gradient(to bottom, #000 10%, transparent 94%);
}

.catalog-hero__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  mix-blend-mode: screen;
  opacity: .72;
  pointer-events: none;
}

.catalog-hero__orb--a {
  width: min(64vw, 58rem);
  aspect-ratio: 1;
  right: -9vw;
  top: 4vh;
  background:
    radial-gradient(circle at 28% 26%, rgba(255,255,255,.75), transparent 7%),
    radial-gradient(circle at 38% 38%, rgba(50,91,255,.48), transparent 30%),
    radial-gradient(circle at 62% 63%, rgba(207,158,76,.54), transparent 34%),
    radial-gradient(circle, rgba(9,10,15,0) 52%, rgba(208,174,103,.36) 53%, rgba(9,10,15,0) 58%);
  animation: catalog-orbit-drift 10s ease-in-out infinite alternate;
}

.catalog-hero__orb--b {
  width: 34vw;
  aspect-ratio: 1;
  left: 24vw;
  bottom: -16vw;
  background: radial-gradient(circle, rgba(162,44,88,.35), transparent 64%);
}

.catalog-hero__content {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: end;
  min-height: 100svh;
  padding: clamp(8rem,15vh,12rem) clamp(1.2rem,4vw,4rem) clamp(4rem,8vh,6rem);
}

.catalog-hero h1 {
  display: grid;
  margin: clamp(1rem,4vh,3rem) 0 0;
  font-family: var(--font-display, Georgia,serif);
  font-size: clamp(3.8rem,10.8vw,11rem);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .78;
}

.catalog-hero h1 span:nth-child(2) { margin-left: 12vw; color: #bda46c; }
.catalog-hero h1 span:nth-child(3) { margin-left: 3vw; }

.catalog-hero__foot {
  display: grid;
  grid-template-columns: minmax(16rem, 32rem) auto;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-top: clamp(2rem,7vh,5rem);
}

.catalog-hero__foot p { max-width: 34rem; color: rgba(245,240,231,.72); }

.catalog-console {
  position: sticky;
  top: 0;
  z-index: 35;
  border-bottom: 1px solid rgba(0,0,0,.12);
  background: rgba(243,239,230,.86);
  backdrop-filter: blur(18px);
}

.catalog-console__inner {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  min-height: 4.6rem;
  gap: 1rem;
  padding: .65rem clamp(1rem,3vw,2.6rem);
}

.catalog-console button,
.catalog-console select {
  border: 0;
  background: transparent;
  color: #111;
  font: 700 .72rem/1 var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.catalog-console__filter { display: inline-flex; gap: .8rem; align-items: center; padding: .75rem .8rem .75rem 0; }
.catalog-console__filter b { display: grid; place-items: center; min-width: 1.55rem; height: 1.55rem; padding: 0 .35rem; border-radius: 50%; background: #111; color: #fff; }
.catalog-console__active { display: flex; align-items: center; gap: .45rem; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.catalog-console__active::-webkit-scrollbar { display: none; }
.catalog-console__placeholder { color: rgba(0,0,0,.48); font-size: .76rem; white-space: nowrap; }
.catalog-console__sort { display: flex; align-items: center; gap: .7rem; color: rgba(0,0,0,.46); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.catalog-console__sort select { padding: .4rem 1.4rem .4rem .2rem; }
.catalog-console__count { font: 700 .72rem/1 var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); letter-spacing: .08em; white-space: nowrap; }

.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  flex: 0 0 auto;
  min-height: 2rem;
  padding: 0 .65rem;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  font-size: .72rem;
}
.filter-chip button { padding: 0; font-size: .9rem; }

.catalog-results { min-height: 70vh; padding: clamp(1rem,2vw,2rem); }
.catalog-mosaic {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: clamp(.8rem,1.2vw,1.25rem);
  align-items: start;
}

.catalog-card {
  grid-column: span 3;
  position: relative;
  min-height: clamp(25rem,38vw,42rem);
  overflow: hidden;
  background: #ddd5c8;
  isolation: isolate;
  transition: transform .5s cubic-bezier(.22,.61,.36,1), opacity .35s ease;
}
.catalog-card:nth-child(7n + 1), .catalog-card:nth-child(7n + 6) { grid-column: span 6; min-height: clamp(30rem,46vw,52rem); }
.catalog-card:nth-child(7n + 3) { grid-column: span 3; min-height: clamp(21rem,31vw,34rem); margin-top: 5vw; }
.catalog-card:nth-child(7n + 5) { grid-column: span 3; min-height: clamp(28rem,43vw,47rem); }
.catalog-card[data-collection="mihenk"] { --card-a:#e3d5bc; --card-b:#736450; --gem:#101010; }
.catalog-card[data-collection="lal"] { --card-a:#3f0e1d; --card-b:#8a3045; --gem:#b30d35; color:#fff; }
.catalog-card[data-collection="sedef"] { --card-a:#f4f1e9; --card-b:#c9d5d0; --gem:#e7eef7; }
.catalog-card[data-collection="yorunge"] { --card-a:#090f22; --card-b:#263a70; --gem:#163bb8; color:#fff; }
.catalog-card__surface { position:absolute; inset:0; background: radial-gradient(circle at var(--mx,56%) var(--my,30%), rgba(255,255,255,.65), transparent 12%), linear-gradient(145deg,var(--card-a),var(--card-b)); }
.catalog-card__surface::before { content:""; position:absolute; width:38%; aspect-ratio:1; border-radius:50%; left:31%; top:24%; background: radial-gradient(circle at 35% 25%, #fff 0 2%, color-mix(in srgb, var(--gem) 78%, #fff) 5%, var(--gem) 38%, #050507 72%); box-shadow: 0 1.4rem 4rem rgba(0,0,0,.35), inset -1rem -1rem 2rem rgba(0,0,0,.35), inset .5rem .5rem 1rem rgba(255,255,255,.28); transform: perspective(900px) rotateX(calc((var(--my,50%) - 50%) * .12deg)) rotateY(calc((var(--mx,50%) - 50%) * -.12deg)); transition: transform .15s linear; }
.catalog-card__surface::after { content:""; position:absolute; width:62%; height:18%; left:19%; top:48%; border: clamp(.65rem,1vw,1.1rem) solid color-mix(in srgb, var(--card-a) 45%, #d5b16a); border-radius:50%; transform: perspective(700px) rotateX(72deg); box-shadow: inset 0 0 1rem rgba(255,255,255,.45), 0 1rem 2rem rgba(0,0,0,.18); }
.catalog-card__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:1; transition:opacity .3s ease, transform .7s cubic-bezier(.22,.61,.36,1); }
.catalog-card.is-missing .catalog-card__image { opacity:0; }
.catalog-card:hover .catalog-card__image { transform: scale(1.025); }
.catalog-card__meta { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:space-between; padding:1rem; pointer-events:none; }
.catalog-card__top { display:flex; justify-content:space-between; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; }
.catalog-card__bottom { display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:end; padding-top:5rem; background:linear-gradient(transparent,rgba(0,0,0,.62)); margin:-1rem; padding:6rem 1rem 1rem; color:#fff; }
.catalog-card[data-collection="mihenk"] .catalog-card__bottom,
.catalog-card[data-collection="sedef"] .catalog-card__bottom { color:#111; background:linear-gradient(transparent,rgba(244,241,233,.86)); }
.catalog-card__bottom h3 { margin:0; font:500 clamp(1.35rem,2vw,2.2rem)/1 var(--font-display,Georgia,serif); letter-spacing:-.03em; }
.catalog-card__bottom p { margin:.35rem 0 0; font-size:.72rem; opacity:.7; }
.catalog-card__bottom strong { font-size:.86rem; white-space:nowrap; }
.catalog-card__link { position:absolute; inset:0; z-index:3; }
.catalog-card__quick { position:absolute; right:1rem; top:3.2rem; z-index:5; width:2.65rem; height:2.65rem; border:1px solid currentColor; border-radius:50%; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); color:inherit; opacity:0; transform:translateY(-.5rem); transition:.25s ease; }
.catalog-card:hover .catalog-card__quick, .catalog-card:focus-within .catalog-card__quick { opacity:1; transform:none; }

.catalog-empty { display:grid; justify-items:center; text-align:center; gap:1rem; padding:10vh 1rem 15vh; }
.catalog-empty__lens { position:relative; width:min(16rem,60vw); aspect-ratio:1; border:1px solid rgba(0,0,0,.18); border-radius:50%; }
.catalog-empty__lens i,.catalog-empty__lens span { position:absolute; border-radius:50%; }
.catalog-empty__lens i { inset:18%; border:1px solid #111; }
.catalog-empty__lens span { inset:34%; background:#111; }
.catalog-empty h3 { max-width:15ch; margin:0; font:500 clamp(2.3rem,5vw,5rem)/.95 var(--font-display,Georgia,serif); }
.catalog-empty p { max-width:34rem; }

.filter-sheet { position:fixed; inset:0; z-index:90; visibility:hidden; pointer-events:none; }
.filter-sheet[aria-hidden="false"] { visibility:visible; pointer-events:auto; }
.filter-sheet__backdrop { position:absolute; inset:0; border:0; background:rgba(7,7,9,.72); opacity:0; transition:opacity .35s ease; }
.filter-sheet[aria-hidden="false"] .filter-sheet__backdrop { opacity:1; }
.filter-sheet__panel { position:absolute; right:0; top:0; bottom:0; width:min(48rem,94vw); display:grid; grid-template-rows:auto 1fr auto; background:#f3efe6; transform:translateX(100%); transition:transform .52s cubic-bezier(.22,.61,.36,1); box-shadow:-2rem 0 7rem rgba(0,0,0,.26); }
.filter-sheet[aria-hidden="false"] .filter-sheet__panel { transform:none; }
.filter-sheet__header { display:flex; justify-content:space-between; gap:2rem; align-items:start; padding:2rem clamp(1.2rem,3vw,3rem); border-bottom:1px solid var(--v2-line); }
.filter-sheet__header span { font-size:.64rem; letter-spacing:.16em; }
.filter-sheet__header h2 { margin:.5rem 0 0; font:500 clamp(2rem,4vw,4rem)/.95 var(--font-display,Georgia,serif); }
.filter-sheet__close { border:0; background:transparent; display:flex; gap:.7rem; align-items:center; text-transform:uppercase; letter-spacing:.08em; font-size:.7rem; }
.filter-sheet__close i { width:1.5rem; height:1px; background:#111; transform:rotate(45deg); position:relative; }
.filter-sheet__close i::after { content:""; position:absolute; inset:0; background:#111; transform:rotate(90deg); }
.filter-sheet__body { overflow:auto; padding:0 clamp(1.2rem,3vw,3rem); }
.filter-block { margin:0; padding:2rem 0; border:0; border-bottom:1px solid var(--v2-line); }
.filter-block legend { margin-bottom:1.3rem; font:600 .72rem/1 var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); letter-spacing:.13em; text-transform:uppercase; }
.filter-block label { display:grid; grid-template-columns:auto 1fr auto; gap:.8rem; align-items:center; min-height:2.5rem; font:500 clamp(1rem,2vw,1.35rem)/1.1 var(--font-display,Georgia,serif); }
.filter-block input[type="checkbox"] { appearance:none; width:1rem; height:1rem; border:1px solid #111; }
.filter-block input[type="checkbox"]:checked { background:#111; box-shadow:inset 0 0 0 3px #f3efe6; }
.filter-block label b { font:500 .68rem/1 var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); opacity:.45; }
.filter-block--stone > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; }
.price-readout { display:flex; justify-content:space-between; align-items:center; font:500 1.2rem/1 var(--font-display,Georgia,serif); }
.dual-slider { position:relative; height:3rem; margin-top:1.5rem; }
.dual-slider__rail,.dual-slider__fill { position:absolute; left:0; right:0; top:50%; height:2px; background:rgba(0,0,0,.18); }
.dual-slider__fill { left:var(--range-left,0%); right:var(--range-right,0%); background:#111; }
.dual-slider input { position:absolute; inset:0; width:100%; height:100%; margin:0; appearance:none; background:transparent; pointer-events:none; }
.dual-slider input::-webkit-slider-thumb { appearance:none; width:1.3rem; height:1.3rem; border-radius:50%; background:#111; border:3px solid #f3efe6; box-shadow:0 0 0 1px #111; pointer-events:auto; }
.dual-slider input::-moz-range-thumb { width:1rem; height:1rem; border-radius:50%; background:#111; border:3px solid #f3efe6; box-shadow:0 0 0 1px #111; pointer-events:auto; }
.filter-sheet__footer { display:grid; grid-template-columns:1fr 2fr; border-top:1px solid var(--v2-line); }
.filter-sheet__footer button { min-height:4.6rem; border:0; border-right:1px solid var(--v2-line); background:#f3efe6; text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; }
.filter-sheet__apply { display:flex; justify-content:space-between; align-items:center; padding:0 1.5rem; background:#111 !important; color:#fff; }

.quick-dialog { width:min(68rem,calc(100% - 2rem)); max-height:92vh; padding:0; border:0; background:#0b0b0d; color:#f3efe6; box-shadow:0 2rem 8rem rgba(0,0,0,.45); }
.quick-dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.quick-dialog[open] { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr); }
.quick-dialog__close { position:absolute; right:1rem; top:1rem; z-index:4; border:0; background:transparent; color:#fff; text-transform:uppercase; letter-spacing:.1em; font-size:.68rem; }
.quick-dialog__visual { min-height:38rem; position:relative; overflow:hidden; background:radial-gradient(circle at 42% 32%,#334578 0, #0b1228 28%, #08090e 68%); }
.quick-dialog__jewel { position:absolute; inset:20%; border:1.2rem solid #d9d9db; border-radius:50%; transform:perspective(700px) rotateX(66deg) rotateZ(-14deg); box-shadow:inset 0 0 1rem #fff,0 2rem 4rem #000; }
.quick-dialog__jewel::before { content:""; position:absolute; width:38%; aspect-ratio:1; left:31%; top:-38%; border-radius:50%; background:radial-gradient(circle at 35% 25%,#fff 0 3%,#304cae 8%,#0a1c67 45%,#020612 75%); box-shadow:0 0 0 .25rem #d8d8dc,0 1rem 2rem rgba(0,0,0,.5); }
.quick-dialog__content { display:grid; align-content:center; gap:1.2rem; padding:clamp(2rem,5vw,5rem); }
.quick-dialog__content h2 { margin:0; font:500 clamp(2.5rem,5vw,5.4rem)/.9 var(--font-display,Georgia,serif); }
.quick-dialog__spec { opacity:.55; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.quick-dialog__price { font-size:1.2rem; }
.quick-dialog__actions { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:1rem; }

/* Product --------------------------------------------------------------- */
.product-stage { min-height:100svh; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(24rem,.82fr); background:#08090d; color:#f3efe6; }
.product-stage__scene { position:sticky; top:0; height:100svh; overflow:hidden; background:radial-gradient(circle at var(--mx,55%) var(--my,34%),rgba(78,108,217,.42),transparent 19%),radial-gradient(circle at 50% 52%,#1a2547,#08090d 62%); isolation:isolate; }
.product-stage__scene[data-metal="yellow"] { background:radial-gradient(circle at var(--mx,55%) var(--my,34%),rgba(232,182,86,.35),transparent 18%),radial-gradient(circle at 50% 52%,#392d19,#08090d 65%); }
.product-stage__scene[data-metal="rose"] { background:radial-gradient(circle at var(--mx,55%) var(--my,34%),rgba(218,129,116,.34),transparent 18%),radial-gradient(circle at 50% 52%,#3b2025,#08090d 65%); }
.product-stage__ambient { position:absolute; inset:-25%; background:conic-gradient(from 180deg at 50% 50%,transparent,#6078bd22,transparent,#d0a65e24,transparent); animation:ambient-spin 18s linear infinite; }
.product-stage__orbit-lines i { position:absolute; left:50%; top:50%; border:1px solid rgba(255,255,255,.11); border-radius:50%; transform:translate(-50%,-50%) rotateX(68deg); }
.product-stage__orbit-lines i:nth-child(1){width:52%;aspect-ratio:1}.product-stage__orbit-lines i:nth-child(2){width:73%;aspect-ratio:1}.product-stage__orbit-lines i:nth-child(3){width:95%;aspect-ratio:1}
.product-stage__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; mix-blend-mode:screen; }
.product-stage__image[hidden] { display:none; }
.product-stage__fallback { position:absolute; inset:0; display:grid; place-items:center; }
.product-stage__fallback .jewel-form--atlas { transform:scale(2.35) perspective(900px) rotateX(69deg) rotateZ(-10deg); filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.7)); }
.product-stage__zoom { position:absolute; width:13rem; aspect-ratio:1; left:calc(var(--mx,50%) - 6.5rem); top:calc(var(--my,50%) - 6.5rem); border:1px solid rgba(255,255,255,.35); border-radius:50%; opacity:0; pointer-events:none; backdrop-filter:brightness(1.4) contrast(1.15); box-shadow:0 0 0 9999px rgba(0,0,0,.04); transition:opacity .2s; }
.product-stage__scene:hover .product-stage__zoom { opacity:.8; }
.product-stage__coordinates { position:absolute; left:1.5rem; right:1.5rem; bottom:1.4rem; display:flex; justify-content:space-between; font-size:.6rem; letter-spacing:.16em; opacity:.56; }
.product-stage__copy { display:flex; flex-direction:column; justify-content:center; gap:1.25rem; min-height:100svh; padding:8rem clamp(1.5rem,4vw,4.5rem) 4rem; }
.crumbs { display:flex; gap:.45rem; flex-wrap:wrap; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; opacity:.55; }
.crumbs a { color:inherit; text-decoration:none; }
.product-stage__copy h1 { margin:0; font:500 clamp(4rem,7.7vw,8rem)/.82 var(--font-display,Georgia,serif); letter-spacing:-.06em; }
.product-stage__lede { max-width:38rem; color:rgba(243,239,230,.7); }
.product-stage__price { display:flex; align-items:baseline; gap:1rem; padding:1rem 0; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }
.product-stage__price strong { font-size:1.35rem; }.product-stage__price span{font-size:.72rem;opacity:.55}
.configurator { display:grid; gap:1.4rem; }
.configurator fieldset { border:0; padding:0; margin:0; }
.configurator legend { width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:.75rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.configurator legend span { color:#d0aa62; }
.configurator legend button { border:0; background:transparent; color:#fff; text-decoration:underline; text-underline-offset:.25em; font-size:.68rem; }
.metal-options { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.metal-options label,.size-options label { position:relative; }
.metal-options input,.size-options input { position:absolute; opacity:0; }
.metal-options span { display:flex; align-items:center; gap:.5rem; min-height:3rem; border:1px solid rgba(255,255,255,.18); padding:.65rem; font-size:.72rem; }
.metal-options span i { width:.75rem; aspect-ratio:1; border-radius:50%; background:var(--metal); box-shadow:inset 0 0 .25rem rgba(255,255,255,.8); }
.metal-options input:checked + span,.size-options input:checked + span { border-color:#d0aa62; background:rgba(208,170,98,.12); }
.size-options { display:grid; grid-template-columns:repeat(5,1fr); gap:.45rem; }
.size-options span { display:grid; place-items:center; min-height:2.7rem; border:1px solid rgba(255,255,255,.18); font-size:.72rem; }
.size-options input:disabled + span { opacity:.25; text-decoration:line-through; }
.stock-indicator { display:flex; align-items:center; gap:.65rem; font-size:.72rem; color:#bcd9c6; }
.stock-indicator i { width:.5rem; aspect-ratio:1; border-radius:50%; background:#5ed184; box-shadow:0 0 1rem #5ed184; }
.stock-indicator[data-state="low"] { color:#e7c57c; }.stock-indicator[data-state="low"] i{background:#e7c57c}.stock-indicator[data-state="made"]{color:#c5c4d4}.stock-indicator[data-state="made"] i{background:#a6a4c9}.stock-indicator[data-state="out"]{color:#df8c83}.stock-indicator[data-state="out"] i{background:#df6a60}
.add-to-cart--optic { min-height:4.2rem; display:grid; grid-template-columns:1fr auto auto; gap:1rem; align-items:center; padding:0 1rem; border:1px solid #f3efe6; background:#f3efe6; color:#0b0b0d; text-align:left; font-weight:700; }
.add-to-cart--optic strong { font-size:.85rem; }.add-to-cart--optic i{font-style:normal}.add-to-cart--optic:hover{background:#d0aa62;border-color:#d0aa62}
.product-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin:0; border-top:1px solid rgba(255,255,255,.14); }
.product-facts div { padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.14); }.product-facts dt{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.45}.product-facts dd{margin:.35rem 0 0;font-size:.76rem}
.product-chapters { background:#f3efe6; position:relative; padding:clamp(5rem,11vw,10rem) clamp(1rem,4vw,4rem); }
.product-chapters__rail { position:absolute; left:1rem; top:8rem; bottom:8rem; display:grid; grid-template-rows:auto 1fr auto; justify-items:center; gap:.7rem; font-size:.58rem; letter-spacing:.1em; }.product-chapters__rail i{width:1px;background:rgba(0,0,0,.2)}
.product-chapter { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(20rem,.7fr); gap:clamp(2rem,8vw,9rem); align-items:center; min-height:86vh; max-width:92rem; margin:0 auto; }
.product-chapter:nth-of-type(3) { grid-template-columns:minmax(20rem,.7fr) minmax(0,1.05fr); }.product-chapter:nth-of-type(3) .product-chapter__visual{order:2}
.product-chapter__visual { position:relative; min-height:min(68vh,46rem); overflow:hidden; background:#15161b; }
.product-chapter__copy h2 { margin:.8rem 0 1.2rem; font:500 clamp(2.5rem,5.6vw,6rem)/.9 var(--font-display,Georgia,serif); letter-spacing:-.045em; }.product-chapter__copy p:last-child{max-width:36rem;line-height:1.8}
.macro-gem { position:absolute; width:48%; aspect-ratio:1; left:26%; top:24%; border-radius:50%; background:radial-gradient(circle at 30% 22%,#f4fbff 0 2%,#5a78ff 7%,#173ca9 28%,#071b63 56%,#020817 75%); box-shadow:0 0 0 1.5rem #cfd2d8, inset -2rem -2rem 4rem rgba(0,0,0,.6),0 3rem 5rem rgba(0,0,0,.55); }
.macro-gem::after { content:""; position:absolute; inset:8%; border:1px solid rgba(255,255,255,.38); clip-path:polygon(50% 0,82% 18%,100% 50%,82% 82%,50% 100%,18% 82%,0 50%,18% 18%); }
.macro-setting { position:absolute; inset:20%; border-radius:50%; background:conic-gradient(from 20deg,#d8d9dd,#777b86,#f0f0f2,#9da0a8,#e9e9ec); box-shadow:0 2rem 4rem #000; }.macro-setting i,.macro-setting b,.macro-setting span{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#d8e0ff 12%,#576fba 42%,#0a1028 72%)}.macro-setting i{left:16%;top:19%}.macro-setting b{right:12%;top:35%}.macro-setting span{left:40%;bottom:9%}
.macro-band { position:absolute; width:70%; aspect-ratio:1; left:15%; top:16%; border:clamp(1.6rem,4vw,4rem) solid #d0a95f; border-radius:50%; transform:perspective(700px) rotateX(68deg) rotateZ(15deg); box-shadow:inset 0 0 2rem #fff8,0 2rem 4rem #0008; }
.product-care-rail { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr) auto; gap:2rem; align-items:end; padding:clamp(4rem,9vw,9rem) clamp(1.2rem,4vw,4rem); background:#d9ceb9; }.product-care-rail h2{margin:.7rem 0 0;font:500 clamp(2.6rem,5vw,5.2rem)/.92 var(--font-display,Georgia,serif)}.product-care-rail>p{max-width:34rem}
.related-rail { background:#0b0b0d; color:#f3efe6; padding:clamp(5rem,9vw,9rem) 0; overflow:hidden; }.related-rail header{padding:0 clamp(1.2rem,4vw,4rem) 3rem}.related-rail h2{margin:.6rem 0 0;font:500 clamp(3rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.related-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(19rem,32vw);gap:1rem;overflow:auto;padding:0 clamp(1.2rem,4vw,4rem) 1rem;scroll-snap-type:x mandatory}.related-track>a{color:inherit;text-decoration:none;scroll-snap-align:start}.related-track>a>span{font-size:.62rem;letter-spacing:.12em}.related-track__visual{height:32rem;margin:.7rem 0 1rem;background:radial-gradient(circle at 50% 38%,#2b4884,#0b0c13 60%);position:relative;overflow:hidden}.related-track__visual::after{content:"";position:absolute;width:42%;aspect-ratio:1;border-radius:50%;left:29%;top:28%;border:1.2rem solid #d8d9dd;transform:perspective(600px) rotateX(68deg);box-shadow:0 2rem 3rem #000}.related-track__visual--pole{background:radial-gradient(circle at 50% 35%,#eef1f2,#8fa0b6 48%,#232936)}.related-track__visual--section{background:radial-gradient(circle at 50% 35%,#d7c29b,#63543e 48%,#171411)}.related-track h3{margin:0;font:500 1.8rem/1 var(--font-display,Georgia,serif)}.related-track p{margin:.4rem 0 .2rem;opacity:.6;font-size:.75rem}.related-track strong{font-size:.8rem}
.size-dialog{width:min(70rem,calc(100% - 2rem));max-height:90vh;border:0;padding:0;background:#f3efe6;color:#111}.size-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.size-dialog__close{position:absolute;right:1.2rem;top:1.2rem;border:0;background:transparent;text-transform:uppercase;letter-spacing:.08em}.size-dialog__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);padding:clamp(3rem,7vw,7rem)}.size-dialog h2{margin:.7rem 0 2rem;font:500 clamp(2.6rem,5vw,5rem)/.9 var(--font-display,Georgia,serif)}.size-dialog ol{display:grid;gap:1rem;padding-left:1.2rem}.size-dialog__table table{width:100%;border-collapse:collapse}.size-dialog__table th,.size-dialog__table td{padding:.8rem;border-bottom:1px solid rgba(0,0,0,.18);text-align:left;font-size:.76rem}.size-dialog__table p{font-size:.76rem;opacity:.65;margin-top:1rem}

/* Cart ------------------------------------------------------------------ */
.cart-page-v2 { background:#0b0b0d; color:#f3efe6; min-height:100vh; }
.cart-hero { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; min-height:55vh; padding:clamp(8rem,15vh,12rem) clamp(1.2rem,4vw,4rem) clamp(3rem,7vh,5rem); border-bottom:1px solid rgba(255,255,255,.14); }
.cart-hero .section-kicker { grid-column:1/-1; }.cart-hero h1{margin:1rem 0 0;font:500 clamp(4.8rem,12vw,12rem)/.76 var(--font-display,Georgia,serif);letter-spacing:-.07em}.cart-hero h1 span{font-size:.28em;letter-spacing:.02em;color:#c8aa69}.cart-hero>p:last-child{max-width:32rem;color:#aaa59d;justify-self:end}
.cart-ledger { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(22rem,.55fr); min-height:60vh; }
.cart-ledger__items { border-right:1px solid rgba(255,255,255,.14); }
.cart-row { display:grid; grid-template-columns:8rem minmax(0,1fr) auto; gap:1.3rem; padding:1.3rem clamp(1.2rem,3vw,2.5rem); border-bottom:1px solid rgba(255,255,255,.14); align-items:center; }
.cart-row__visual { aspect-ratio:4/5; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 35%,#34487d,#11131b 70%); }.cart-row__visual::after{content:"";position:absolute;width:48%;aspect-ratio:1;left:26%;top:30%;border:.55rem solid #d8d9dd;border-radius:50%;transform:perspective(400px) rotateX(68deg)}
.cart-row__copy span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#c8aa69}.cart-row__copy h2{margin:.35rem 0;font:500 clamp(1.5rem,2.8vw,2.6rem)/1 var(--font-display,Georgia,serif)}.cart-row__copy p{margin:.25rem 0;color:#aaa59d;font-size:.75rem}.cart-row__controls{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}.cart-row__controls button{border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:.25em;font-size:.68rem}.quantity-v2{display:inline-grid;grid-template-columns:2rem 2rem 2rem;border:1px solid rgba(255,255,255,.18)}.quantity-v2 button,.quantity-v2 output{display:grid;place-items:center;min-height:2rem;text-decoration:none!important}.quantity-v2 output{border-inline:1px solid rgba(255,255,255,.18);font-size:.72rem}.cart-row__price{text-align:right}.cart-row__price strong{font-size:.9rem}.cart-row__price span{display:block;margin-top:.3rem;font-size:.65rem;color:#817d77}
.cart-ledger__summary { position:sticky; top:0; align-self:start; min-height:100vh; padding:clamp(2rem,4vw,4rem); display:flex; flex-direction:column; gap:2rem; justify-content:center; }
.shipping-orbit { display:grid; grid-template-columns:7rem 1fr; gap:1.3rem; align-items:center; }.shipping-orbit__disc{position:relative;width:7rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.shipping-orbit__disc i{position:absolute;inset:.55rem;border:2px solid #c8aa69;border-radius:50%;clip-path:polygon(0 0,var(--shipping,0%) 0,var(--shipping,0%) 100%,0 100%);transition:clip-path .5s}.shipping-orbit__disc span{font:500 1.15rem/1 var(--font-display,Georgia,serif)}.shipping-orbit p{font-size:.75rem;color:#aaa59d}
.cart-ledger__summary dl{margin:0;border-top:1px solid rgba(255,255,255,.14)}.cart-ledger__summary dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.76rem}.cart-ledger__summary dd{margin:0}.cart-ledger__total{font-size:1rem!important;color:#c8aa69}
.discount-form-v2 label,.gift-note>span{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem}.discount-form-v2>div{display:grid;grid-template-columns:1fr auto}.discount-form-v2 input,.gift-note textarea{width:100%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;padding:.85rem}.discount-form-v2 button{border:0;background:#f3efe6;color:#111;padding:0 1rem;font-weight:700}.discount-form-v2 p{font-size:.66rem;color:#7f7a73;margin:.5rem 0 0}.gift-note textarea{resize:vertical}.gift-note b{color:#c8aa69}.checkout-trigger{display:flex;justify-content:space-between;align-items:center;min-height:4rem;padding:0 1rem;background:#c8aa69;color:#0b0b0d;text-decoration:none;font-weight:700;font-size:.78rem}.checkout-trigger i{font-style:normal}
.cart-empty-v2 { display:grid; justify-items:center; text-align:center; gap:1rem; padding:12vh 1rem 16vh; }.cart-empty-v2__object{position:relative;width:min(18rem,60vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%}.cart-empty-v2__object i{position:absolute;inset:28%;border:.75rem solid #d5b46a;border-radius:50%;transform:perspective(400px) rotateX(68deg)}.cart-empty-v2__object b{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:#1f4aaa;left:43%;top:26%;box-shadow:0 0 2rem #4568ce}.cart-empty-v2 h2{margin:0;max-width:14ch;font:500 clamp(2.6rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.cart-empty-v2 p{max-width:35rem;color:#aaa59d}.cart-empty-v2>div:last-child{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}
.order-panel { display:grid; grid-template-columns:minmax(0,.75fr) minmax(22rem,1.25fr); gap:clamp(3rem,8vw,9rem); padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,4rem); background:#e9e0d0; color:#111; }.order-panel__intro h2{margin:.7rem 0 1.4rem;font:500 clamp(3rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.order-panel__intro p{max-width:28rem}.order-form-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.order-form-v2 label{display:grid;gap:.4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.order-form-v2 input,.order-form-v2 select{min-height:3rem;border:0;border-bottom:1px solid rgba(0,0,0,.35);background:transparent;padding:.5rem 0}.order-form-v2 label>span[data-error-for]{min-height:1rem;color:#8b2e2e;font-size:.62rem;text-transform:none;letter-spacing:0}.order-form-v2__consent{grid-column:1/-1!important;grid-template-columns:auto 1fr!important;align-items:start;text-transform:none!important;letter-spacing:0!important}.order-form-v2__consent input{min-height:0;margin-top:.2rem}.order-form-v2 button,.order-form-v2__status{grid-column:1/-1}.order-form-v2__status{min-height:2rem;font-size:.76rem}

/* Story ----------------------------------------------------------------- */
.story-page-v2 { background:#11100e; color:#efe8db; }
.story-intro { position:relative; min-height:100svh; display:grid; grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr); align-items:center; overflow:hidden; padding:8rem clamp(1.2rem,4vw,4rem) 4rem; background:linear-gradient(120deg,#16120e,#211c17 52%,#0e0d0c); }
.story-intro__ghost{position:absolute;left:-.04em;bottom:-.14em;font:500 clamp(12rem,36vw,38rem)/.8 var(--font-display,Georgia,serif);color:transparent;-webkit-text-stroke:1px rgba(236,225,205,.12);pointer-events:none}.story-intro__copy{position:relative;z-index:2}.story-intro h1{margin:1rem 0 2rem;font:500 clamp(5rem,13vw,13rem)/.75 var(--font-display,Georgia,serif);letter-spacing:-.08em}.story-intro__copy>p:last-child{max-width:34rem;color:#b7aa99}.story-intro__object{position:relative;min-height:64vh}.story-intro__object i{position:absolute;width:64%;height:10%;left:18%;top:44%;border:.7rem solid #bc9a58;border-radius:50%;transform:perspective(800px) rotateX(70deg) rotateZ(-10deg);box-shadow:0 3rem 4rem #000}.story-intro__object b{position:absolute;width:18%;height:45%;left:42%;top:14%;background:linear-gradient(90deg,#43382d,#b69358,#332a22);clip-path:polygon(42% 0,58% 0,80% 100%,20% 100%)}.story-intro__object span{position:absolute;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 22%,#fff,#9a1430 12%,#370610 68%);left:45%;top:39%;box-shadow:0 0 0 .35rem #b99555,0 1rem 2rem #000}
.timeline-era { min-height:220vh; position:relative; }.timeline-era__sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:.35fr .8fr 1fr;gap:clamp(1rem,4vw,4rem);align-items:center;padding:7rem clamp(1.2rem,4vw,4rem) 3rem;overflow:hidden}.timeline-era__year{align-self:start;padding-top:1rem;font:500 clamp(3rem,8vw,8rem)/.8 var(--font-display,Georgia,serif);opacity:.17;writing-mode:vertical-rl}.timeline-era__image{position:relative;min-height:68vh;overflow:hidden;box-shadow:0 2rem 5rem rgba(0,0,0,.25)}.timeline-era__image>span{position:absolute;left:.8rem;bottom:.8rem;font-size:.58rem;letter-spacing:.14em}.portrait-placeholder{position:absolute;inset:0;overflow:hidden}.portrait-placeholder::before{content:"";position:absolute;width:36%;aspect-ratio:.82;left:32%;top:12%;border-radius:50% 50% 46% 46%;background:linear-gradient(140deg,#7e6c5c,#382e27 70%);filter:contrast(1.1)}.portrait-placeholder::after{content:"";position:absolute;width:70%;height:52%;left:15%;bottom:-8%;border-radius:44% 44% 0 0;background:linear-gradient(90deg,#251e19,#6a5a4d,#201b17)}.portrait-placeholder i,.portrait-placeholder b{position:absolute;z-index:2;background:#0d0b0a}.portrait-placeholder i{width:12%;height:1.5%;left:36%;top:34%;box-shadow:5.2rem 0 0 #0d0b0a}.portrait-placeholder b{width:3%;height:7%;left:49%;top:35%;transform:rotate(10deg)}.portrait-placeholder--rauf{background:linear-gradient(155deg,#3e332a,#17130f)}.portrait-placeholder--suna{background:linear-gradient(155deg,#5a2d32,#1d1214)}.portrait-placeholder--mina{background:linear-gradient(155deg,#d2c5ad,#51473b)}.timeline-era__copy{max-width:39rem}.timeline-era__copy h2{margin:.7rem 0 1.3rem;font:500 clamp(3rem,7vw,7rem)/.84 var(--font-display,Georgia,serif);letter-spacing:-.055em}.timeline-era__copy>p{color:#b7aa99;line-height:1.8}.timeline-era__copy blockquote{margin:2rem 0;padding-left:1.2rem;border-left:1px solid #c8a15b;font:500 clamp(1.3rem,2vw,2rem)/1.4 var(--font-display,Georgia,serif)}.timeline-era__copy ul{display:grid;gap:.5rem;list-style:none;padding:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#867a6d}.timeline-era--1968{background:#18130f}.timeline-era--1996{background:#2b1118}.timeline-era--today{background:#1b1a18}.timeline-era--1996 .timeline-era__sticky{background:radial-gradient(circle at 70% 30%,#6b2337aa,transparent 30%)}.timeline-era--today .timeline-era__sticky{background:radial-gradient(circle at 55% 20%,#71644d55,transparent 38%)}
.tool-lab { display:grid; grid-template-columns:minmax(20rem,.65fr) minmax(0,1.35fr); min-height:90vh; background:#e6dccb; color:#111; }.tool-lab__copy{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.tool-lab__copy h2{margin:.7rem 0 1.3rem;font:500 clamp(3rem,6vw,6.5rem)/.88 var(--font-display,Georgia,serif)}.tool-lab__copy>p{max-width:30rem}.tool-lab__readout{margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgba(0,0,0,.25);display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem}.tool-lab__readout span{font-size:.62rem}.tool-lab__readout strong{font:500 1.5rem/1 var(--font-display,Georgia,serif)}.tool-lab__readout p{grid-column:2;max-width:24rem;font-size:.76rem}.tool-lab__surface{position:relative;overflow:hidden;background:radial-gradient(circle at var(--mx,55%) var(--my,50%),rgba(236,211,164,.48),transparent 18%),linear-gradient(130deg,#17130f,#33291f 48%,#0d0b09)}.tool-lab__surface::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6%,rgba(255,255,255,.018) 6.1% 6.3%)}.tool-lab__surface button{position:absolute;left:var(--x);top:var(--y);width:2rem;aspect-ratio:1;border:1px solid #c9a05a;border-radius:50%;background:#111;color:#fff;transform:translate(-50%,-50%);z-index:3}.tool-lab__surface button::after{content:"";position:absolute;inset:-1rem;border:1px solid rgba(201,160,90,.22);border-radius:50%;}.tool-lab__surface button:focus-visible{outline:2px solid #fff;outline-offset:4px}.tool-lab__glow{position:absolute;width:26rem;aspect-ratio:1;border-radius:50%;left:calc(var(--mx,50%) - 13rem);top:calc(var(--my,50%) - 13rem);background:radial-gradient(circle,rgba(214,176,104,.22),transparent 65%);pointer-events:none}.story-values{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,4rem);background:#0b0b0d}.story-values>h2{max-width:18ch;margin:.8rem 0 3rem;font:500 clamp(3rem,7vw,7rem)/.88 var(--font-display,Georgia,serif)}.story-values>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.story-values article{min-height:19rem;padding:1.4rem;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.story-values article span{font-size:.62rem;color:#c8a15b}.story-values article h3{margin:4rem 0 1rem;font:500 1.8rem/1 var(--font-display,Georgia,serif)}.story-values article p{font-size:.76rem;color:#91887d}

/* Care ------------------------------------------------------------------ */
.care-page-v2 { background:#f0ede5; color:#111; }
.care-intro-v2 { position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:8rem clamp(1.2rem,4vw,4rem) 4rem; background:#e7e1d7; }.care-intro-v2__halo{position:absolute;width:min(70vw,70rem);aspect-ratio:1;right:-8vw;top:7vh;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 6%,#e8f1f4 10%,#aeb9b9 34%,#d1b47a 55%,#4b493f 75%,transparent 76%);filter:blur(.2px);opacity:.86}.care-intro-v2__halo i{position:absolute;inset:19%;border:1px solid rgba(255,255,255,.7);border-radius:50%}.care-intro-v2>p,.care-intro-v2>h1,.care-intro-v2>a{position:relative;z-index:2}.care-intro-v2 h1{margin:1rem 0 2rem;font:500 clamp(5rem,15vw,15rem)/.74 var(--font-display,Georgia,serif);letter-spacing:-.08em}.care-intro-v2>p:nth-of-type(2){max-width:35rem}.care-lab{display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(0,1.3fr);min-height:100svh;background:#0d0f10;color:#eeeae2}.care-lab__control{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,4vw,4rem);align-self:center}.care-lab__control h2{margin:.8rem 0 2rem;font:500 clamp(3rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.care-lab__tabs{display:grid;border-top:1px solid rgba(255,255,255,.15)}.care-lab__tabs button{display:flex;justify-content:space-between;align-items:center;min-height:3.4rem;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:transparent;color:#88837c;text-align:left;font:500 clamp(1.1rem,2vw,1.5rem)/1 var(--font-display,Georgia,serif)}.care-lab__tabs button::after{content:"○";font:400 .85rem/1 sans-serif}.care-lab__tabs button[aria-selected="true"]{color:#fff}.care-lab__tabs button[aria-selected="true"]::after{content:"●";color:#caa65e}.care-lab__note{font-size:.68rem;color:#666;margin-top:1rem}.care-lab__display{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(2rem,5vw,5rem);background:radial-gradient(circle at 58% 35%,var(--care-glow,#aa8747) 0,transparent 24%),linear-gradient(145deg,#111,#1e1f1f)}.care-lab__display[data-material="gold"]{--care-glow:#b28642}.care-lab__display[data-material="platinum"]{--care-glow:#a9b7c7}.care-lab__display[data-material="silver"]{--care-glow:#d8dde3}.care-lab__display[data-material="sapphire"]{--care-glow:#244ac3}.care-lab__display[data-material="pearl"]{--care-glow:#e8dcd0}.care-lab__display[data-material="motherpearl"]{--care-glow:#a9d8d4}.care-lab__specimen{position:absolute;width:50%;aspect-ratio:1;left:25%;top:12%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0 4%,color-mix(in srgb,var(--care-glow) 40%,#fff) 9%,var(--care-glow) 36%,#171819 70%);box-shadow:inset -2rem -2rem 5rem #0008,0 3rem 5rem #0008;transition:background .6s ease}.care-lab__specimen i,.care-lab__specimen b,.care-lab__specimen span{position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%;inset:12%}.care-lab__specimen b{inset:25%}.care-lab__specimen span{inset:38%}.care-lab__copy{position:relative;z-index:2;max-width:40rem;padding:1.2rem;background:rgba(11,12,13,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12)}.care-lab__copy>span{font-size:.6rem;letter-spacing:.13em;color:#caa65e}.care-lab__copy h3{margin:.6rem 0;font:500 clamp(2.4rem,5vw,5rem)/.9 var(--font-display,Georgia,serif)}.care-lab__copy>p{color:#aaa59d}.care-lab__copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.3rem 0 0;border-top:1px solid rgba(255,255,255,.12);padding-top:1rem}.care-lab__copy dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#caa65e}.care-lab__copy dd{margin:.35rem 0 0;font-size:.68rem;color:#aaa59d}
.care-rules-v2{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,4rem)}.care-rules-v2 header{display:grid;grid-template-columns:.5fr 1.5fr;align-items:end;gap:2rem;margin-bottom:4rem}.care-rules-v2 h2{margin:0;font:500 clamp(3rem,7vw,7rem)/.88 var(--font-display,Georgia,serif)}.care-rules-v2 ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.2)}.care-rules-v2 li{display:grid;grid-template-columns:5rem 1fr;padding:1.4rem 0;border-bottom:1px solid rgba(0,0,0,.2);font-size:clamp(1rem,2vw,1.45rem)}.care-rules-v2 li>span{font-size:.62rem;color:#8e6b2e}.care-rules-v2 li p{margin:0}.care-safe-clean{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;background:#d7cdbb}.care-safe-clean__visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#eee5d4,#9b8a70 75%)}.clean-bowl{position:absolute;width:52%;height:26%;left:24%;top:38%;border:1rem solid #c5b79e;border-radius:50%;box-shadow:inset 0 1rem 2rem #5a9caf66,0 2rem 3rem #0004}.clean-bowl i{position:absolute;inset:18%;border-radius:50%;background:#bfe8ef66}.clean-brush{position:absolute;width:48%;height:3%;left:43%;top:30%;background:#c5a460;transform:rotate(-24deg);transform-origin:left center}.clean-brush i{position:absolute;right:-6%;top:-180%;width:18%;height:460%;background:#c3b4a0}.clean-cloth{position:absolute;width:40%;height:26%;left:8%;bottom:12%;background:linear-gradient(145deg,#ede8df,#bdb6aa);clip-path:polygon(0 16%,82% 0,100% 78%,16% 100%)}.care-safe-clean__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem)}.care-safe-clean h2{margin:.8rem 0 2rem;font:500 clamp(3rem,6vw,6rem)/.88 var(--font-display,Georgia,serif)}.care-safe-clean ol{display:grid;gap:1rem;padding-left:1.2rem}.care-warning{margin-top:2rem;padding:1rem;border-left:2px solid #846023;background:#ece3d4;font-size:.76rem}.care-pro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:clamp(5rem,9vw,9rem) clamp(1.2rem,4vw,4rem);background:#111;color:#eee}.care-pro h2{margin:.8rem 0 0;font:500 clamp(3rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.care-pro ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;list-style:none;padding:0;margin:0;background:#ffffff20}.care-pro li{min-height:9rem;padding:1.2rem;background:#111;display:flex;align-items:end;font:500 1.2rem/1.15 var(--font-display,Georgia,serif)}.care-question{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,4rem)}.care-question h2{margin:.8rem 0 1rem;font:500 clamp(3rem,6vw,6rem)/.9 var(--font-display,Georgia,serif)}.care-question form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.care-question label{display:grid;gap:.4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.care-question input,.care-question select,.care-question textarea{width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.35);background:transparent;padding:.7rem 0}.care-question label>span{min-height:1rem;color:#8b2e2e;font-size:.62rem;text-transform:none;letter-spacing:0}.care-question__wide,.care-question button,.care-question__status{grid-column:1/-1}.care-question textarea{resize:vertical}

@keyframes catalog-orbit-drift { to { transform: translate3d(-4vw,2vh,0) rotate(6deg); } }
@keyframes ambient-spin { to { transform: rotate(360deg); } }

@supports (animation-timeline: view()) {
  .catalog-card { animation: card-arrive both linear; animation-timeline:view(); animation-range:entry 0% cover 28%; }
  .product-chapter__visual { animation: chapter-depth both linear; animation-timeline:view(); animation-range:entry 0% cover 50%; }
  .timeline-era__image { animation: era-image-shift both linear; animation-timeline:view(); animation-range:entry 0% exit 100%; }
  .care-rules-v2 li { animation: rule-wipe both linear; animation-timeline:view(); animation-range:entry 0% cover 25%; }
}
@keyframes card-arrive { from { opacity:.25; transform:translateY(4rem) scale(.97); } to { opacity:1; transform:none; } }
@keyframes chapter-depth { from { transform:scale(.88); clip-path:inset(8%); } to { transform:scale(1); clip-path:inset(0); } }
@keyframes era-image-shift { 0%{transform:translateY(12%) scale(.94)} 50%{transform:none} 100%{transform:translateY(-12%) scale(1.03)} }
@keyframes rule-wipe { from { opacity:.2; transform:translateX(3rem); } to { opacity:1; transform:none; } }

/* Responsive ------------------------------------------------------------ */
@media (max-width: 980px) {
  .catalog-card { grid-column:span 6!important; min-height:55vw!important; margin-top:0!important; }
  .product-stage { grid-template-columns:1fr; }
  .product-stage__scene { position:relative; height:78svh; }
  .product-stage__copy { min-height:auto; padding-top:4rem; }
  .product-chapter,.product-chapter:nth-of-type(3){grid-template-columns:1fr;min-height:auto;padding:4rem 0}.product-chapter:nth-of-type(3) .product-chapter__visual{order:0}
  .product-care-rail{grid-template-columns:1fr}.related-track{grid-auto-columns:minmax(18rem,62vw)}
  .cart-ledger{grid-template-columns:1fr}.cart-ledger__items{border-right:0}.cart-ledger__summary{position:relative;min-height:auto;border-top:1px solid rgba(255,255,255,.14)}
  .story-intro{grid-template-columns:1fr}.story-intro__object{min-height:42vh}.timeline-era__sticky{grid-template-columns:.18fr .82fr 1fr}.story-values>div{grid-template-columns:repeat(2,1fr)}
  .tool-lab,.care-lab,.care-safe-clean,.care-pro,.care-question{grid-template-columns:1fr}.tool-lab__surface{min-height:70vh}.care-lab__display{min-height:80vh}.care-safe-clean__visual{min-height:65vh}.care-pro ul{min-height:30rem}
}

@media (max-width: 680px) {
  .catalog-hero__content{padding-inline:1rem}.catalog-hero h1{font-size:clamp(3.7rem,18vw,7rem);line-height:.8}.catalog-hero h1 span:nth-child(2){margin-left:6vw}.catalog-hero__foot{grid-template-columns:1fr}.catalog-console__inner{grid-template-columns:auto 1fr auto}.catalog-console__sort{display:none}.catalog-console__count{font-size:.62rem}.catalog-card{grid-column:1/-1!important;min-height:125vw!important}.catalog-mosaic{grid-template-columns:1fr}.filter-sheet__panel{width:100%}.filter-block--stone>div{grid-template-columns:1fr}.quick-dialog[open]{grid-template-columns:1fr;overflow:auto}.quick-dialog__visual{min-height:52vh}.quick-dialog__content{padding:2rem 1.2rem}
  .product-stage__scene{height:68svh}.product-stage__copy{padding-inline:1rem}.product-stage__copy h1{font-size:clamp(3.4rem,17vw,6rem)}.metal-options{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(4,1fr)}.product-facts{grid-template-columns:1fr}.product-chapters{padding-inline:1rem}.product-chapters__rail{display:none}.product-chapter__visual{min-height:56vh}.product-care-rail{padding-inline:1rem}.related-track{grid-auto-columns:82vw;padding-inline:1rem}.size-dialog__grid{grid-template-columns:1fr;padding:3.5rem 1rem 1rem}
  .cart-hero{grid-template-columns:1fr;min-height:62vh;padding-inline:1rem}.cart-hero>p:last-child{justify-self:start}.cart-row{grid-template-columns:5rem 1fr}.cart-row__price{grid-column:2;text-align:left;display:flex;gap:.7rem;align-items:baseline}.cart-ledger__summary{padding:2rem 1rem}.order-panel{grid-template-columns:1fr;padding-inline:1rem}.order-form-v2{grid-template-columns:1fr}.order-form-v2__consent,.order-form-v2 button,.order-form-v2__status{grid-column:1}
  .story-intro{padding-inline:1rem}.story-intro h1{font-size:clamp(4.5rem,24vw,8rem)}.timeline-era{min-height:auto}.timeline-era__sticky{position:relative;grid-template-columns:1fr;padding:5rem 1rem}.timeline-era__year{writing-mode:horizontal-tb}.timeline-era__image{min-height:68svh}.tool-lab__copy{padding-inline:1rem}.story-values{padding-inline:1rem}.story-values>div{grid-template-columns:1fr}
  .care-intro-v2{padding-inline:1rem}.care-intro-v2 h1{font-size:clamp(5rem,25vw,9rem)}.care-lab__control,.care-lab__display,.care-rules-v2,.care-safe-clean__copy,.care-pro,.care-question{padding-inline:1rem}.care-lab__copy dl{grid-template-columns:1fr}.care-rules-v2 header{grid-template-columns:1fr}.care-rules-v2 li{grid-template-columns:3rem 1fr}.care-pro ul{grid-template-columns:1fr;min-height:auto}.care-question form{grid-template-columns:1fr}.care-question__wide,.care-question button,.care-question__status{grid-column:1}
}

@media (prefers-reduced-motion: reduce) {
  .catalog-hero__orb--a,.product-stage__ambient { animation:none!important; }
  .catalog-card,.product-chapter__visual,.timeline-era__image,.care-rules-v2 li { animation:none!important; transform:none!important; }
  .product-stage__zoom { display:none; }
}

@media print {
  .masthead,.announcement,.menu-overlay,.pointer,.filter-sheet,.catalog-console,.footer,.signal-button,.scroll-cue,.tool-lab__surface,.care-lab__specimen { display:none!important; }
  body,main,.cart-page-v2,.story-page-v2,.care-page-v2 { background:#fff!important;color:#000!important; }
  .catalog-hero,.product-stage,.story-intro,.care-intro-v2 { min-height:auto!important;background:#fff!important;color:#000!important;padding:1rem!important; }
  .catalog-hero__orb,.catalog-hero__grid,.product-stage__scene { display:none!important; }
  .product-stage,.product-chapter,.cart-ledger,.order-panel,.timeline-era__sticky,.tool-lab,.care-lab,.care-safe-clean,.care-pro,.care-question { display:block!important; }
  .product-stage__copy,.timeline-era__sticky { min-height:auto!important;padding:1rem!important; }
}

.product-stage__webgl{position:absolute;inset:0;width:100%;height:100%;opacity:.82;mix-blend-mode:screen}.webgl-ready .product-stage__fallback{opacity:.35}.webgl-failed .product-stage__webgl{display:none}

/* V2 QA refinements */
@media (max-width: 48rem) {
  .care-intro-v2 h1 {
    max-width: 100%;
    font-size: clamp(4rem, 19vw, 7rem);
    letter-spacing: -.065em;
    line-height: .78;
    overflow-wrap: normal;
  }
}

/* V2 photographic media integration */
.hero__photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 68% 50%;
  opacity: .5;
  filter: saturate(.82) contrast(1.08) brightness(.78);
  transform: scale(1.025);
}
.webgl-ready .hero__photo {
  opacity: .14;
  filter: blur(2px) saturate(.55) contrast(1.08) brightness(.62);
}
.webgl-failed .hero__photo { opacity: .72; }
.hero__webgl,.hero__fallback,.hero__vignette,.hero__grain,.hero__copy,.hero__meta,.scroll-cue { position: relative; z-index: 2; }
.hero__webgl,.hero__fallback,.hero__vignette,.hero__grain { position:absolute; }

.orbit-card__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(.9) contrast(1.08) brightness(.82);
  transition: transform .75s var(--ease-out), filter .45s ease;
}
.orbit-card a:hover .orbit-card__visual img,
.orbit-card a:focus-visible .orbit-card__visual img {
  transform: scale(1.075);
  filter: saturate(1.03) contrast(1.08) brightness(.94);
}
.orbit-card__visual img ~ i,
.orbit-card__visual img ~ b { display:none; }
.orbit-card__visual::after { z-index:2; mix-blend-mode:screen; opacity:.65; }

.mosaic-card__photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.08) brightness(.88);
  transform:scale(1.015);
  transition:transform .8s var(--ease-out),filter .5s ease;
}
.mosaic-card:hover .mosaic-card__photo,
.mosaic-card:focus-within .mosaic-card__photo {
  transform:scale(1.075) translate3d(calc((var(--card-x,.5) - .5) * -1.2rem),calc((var(--card-y,.5) - .5) * -1.2rem),0);
  filter:saturate(1.02) contrast(1.1) brightness(.96);
}
.mosaic-card--light .mosaic-card__photo { filter:saturate(.82) contrast(1.02) brightness(1.02); }

.atelier-stage__frame img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
  transition:transform 1.5s var(--ease-out),filter .7s ease;
}
.atelier-stage[data-stage="0"] .atelier-stage__frame--1968 img,
.atelier-stage[data-stage="1"] .atelier-stage__frame--1996 img,
.atelier-stage[data-stage="2"] .atelier-stage__frame--today img { transform:scale(1); }
.atelier-stage__frame--1968 img { filter:grayscale(.92) sepia(.5) contrast(1.12) brightness(.72); }
.atelier-stage__frame--1996 img { filter:sepia(.18) saturate(.82) contrast(1.08) brightness(.78); }
.atelier-stage__frame--today img { filter:saturate(.72) contrast(1.08) brightness(.76) hue-rotate(5deg); }
.atelier-stage__frame > i,
.atelier-stage__frame > b,
.atelier-stage__frame > span { display:none; }
.atelier-stage__frame::before { z-index:2; mix-blend-mode:screen; }

.care-portal__photo {
  position:absolute;
  inset:6%;
  width:88%;
  height:88%;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  opacity:.64;
  filter:saturate(.72) contrast(1.08) brightness(.9);
  mix-blend-mode:multiply;
}
.care-portal__lens span,.care-portal__lens i { z-index:2; opacity:.72; }

.story-intro__object { overflow:hidden; border:1px solid rgba(255,255,255,.1); }
.story-intro__object > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.65) contrast(1.08) brightness(.58);
  transform:scale(1.04);
}
.story-intro__object::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(11,9,8,.65),transparent 48%),linear-gradient(180deg,transparent 55%,rgba(11,9,8,.7));
}
.story-intro__object > i,.story-intro__object > b,.story-intro__object > span { z-index:2; opacity:.56; }

.timeline-era__photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.035);
}
.timeline-era--1968 .timeline-era__photo { filter:grayscale(1) sepia(.35) contrast(1.16) brightness(.72); }
.timeline-era--1996 .timeline-era__photo { filter:sepia(.15) saturate(.8) contrast(1.08) brightness(.75); }
.timeline-era--today .timeline-era__photo { filter:saturate(.68) contrast(1.06) brightness(.77); }
.timeline-era__image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(5,5,6,.58));
  pointer-events:none;
}
.timeline-era__image > span { z-index:3; }

.tool-lab__photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:sepia(.28) saturate(.78) contrast(1.12) brightness(.58);
}
.tool-lab__surface::before { z-index:1; background:linear-gradient(115deg,rgba(15,10,7,.55),transparent 46%),repeating-linear-gradient(90deg,transparent 0 6%,rgba(255,255,255,.018) 6.1% 6.3%); }
.tool-lab__glow { z-index:2; mix-blend-mode:screen; }

@media (max-width:48rem) {
  .hero__photo { object-position:70% 50%; }
  .mosaic-card__photo { object-position:center 42%; }
  .care-portal__photo { opacity:.56; }
}

/* Horizontal overflow hardening after multi-width QA */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}
.care-rules-v2 { overflow: clip; }
.care-rules-v2 li,
.care-rules-v2 li p { min-width: 0; }
@media (max-width: 64rem) {
  .care-intro-v2__halo { right: -4vw; }
}


/* V2.1 optical polish ---------------------------------------------------- */
.catalog-card__surface {
  transform: translateZ(0);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.catalog-card__image {
  image-rendering: auto;
  backface-visibility: hidden;
  will-change: transform, clip-path, opacity;
}
.catalog-card__image--primary {
  transform: scale(1.012);
}
.catalog-card__image--alternate {
  z-index: 1;
  opacity: 1;
  transform: scale(1.075);
  clip-path: circle(0% at var(--mx, 50%) var(--my, 50%));
  transition: clip-path .72s cubic-bezier(.16,1,.3,1), transform 1.05s cubic-bezier(.16,1,.3,1);
}
.catalog-card__lens {
  position: absolute;
  z-index: 2;
  width: clamp(7rem, 13vw, 13rem);
  aspect-ratio: 1;
  left: calc(var(--mx, 50%) - clamp(3.5rem, 6.5vw, 6.5rem));
  top: calc(var(--my, 50%) - clamp(3.5rem, 6.5vw, 6.5rem));
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0,0,0,.12), inset 0 0 2rem rgba(255,255,255,.07);
  opacity: 0;
  pointer-events: none;
  transform: scale(.76);
  transition: opacity .25s ease, transform .52s cubic-bezier(.16,1,.3,1);
}
.catalog-card:hover .catalog-card__image--primary,
.catalog-card:focus-within .catalog-card__image--primary { transform: scale(1.035); }
.catalog-card:hover .catalog-card__image--alternate {
  clip-path: circle(29% at var(--mx, 50%) var(--my, 50%));
  transform: scale(1.035);
}
.catalog-card:focus-within .catalog-card__image--alternate {
  clip-path: circle(34% at 50% 50%);
  transform: scale(1.035);
}
.catalog-card:hover .catalog-card__lens,
.catalog-card:focus-within .catalog-card__lens { opacity:.76; transform:scale(1); }
.catalog-card:nth-child(7n + 1):hover .catalog-card__image--alternate,
.catalog-card:nth-child(7n + 6):hover .catalog-card__image--alternate { clip-path: circle(34% at var(--mx, 50%) var(--my, 50%)); }
.catalog-card__bottom { backdrop-filter: blur(0); }
.catalog-card:hover .catalog-card__bottom { backdrop-filter: blur(2px); }

.quick-dialog__visual {
  background-image:
    linear-gradient(180deg,rgba(7,8,11,.02),rgba(7,8,11,.24)),
    var(--quick-image),
    radial-gradient(circle at 42% 32%,#334578 0,#0b1228 28%,#08090e 68%);
  background-size: cover;
  background-position: center;
}
.quick-dialog__visual[data-collection="mihenk"] { background-color:#d7c5a8; }
.quick-dialog__visual[data-collection="lal"] { background-color:#3c0d19; }
.quick-dialog__visual[data-collection="sedef"] { background-color:#e9e6df; }
.quick-dialog__jewel { opacity:0; }

.product-stage__scene::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,6,9,.16),transparent 25% 72%,rgba(5,6,9,.12)),
    radial-gradient(circle at var(--mx,50%) var(--my,50%),transparent 0 12%,rgba(6,7,10,.04) 27%,rgba(6,7,10,.28) 84%);
  mix-blend-mode:multiply;
}
.product-stage__image {
  z-index:1;
  opacity:.94;
  mix-blend-mode:normal;
  filter:saturate(.96) contrast(1.05) brightness(.94);
  transition:opacity .32s ease, filter .5s ease, transform .8s cubic-bezier(.16,1,.3,1);
}
.product-stage__image.is-switching { opacity:.22; filter:saturate(.72) contrast(.94) blur(7px); transform:scale(1.018); }
.product-stage__webgl { z-index:2; opacity:.32; }
.product-stage__ambient,.product-stage__orbit-lines { z-index:2; }
.product-stage__fallback { z-index:0; }
.product-stage__zoom {
  z-index:5;
  background-image: var(--product-zoom-image);
  background-size: auto 205%;
  background-position: var(--mx,50%) var(--my,50%);
  background-repeat:no-repeat;
  backdrop-filter:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 1.4rem 4rem rgba(0,0,0,.34),inset 0 0 0 1px rgba(0,0,0,.16);
  opacity:0;
  transform:scale(.84);
  transition:opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1);
}
.product-stage__scene:hover .product-stage__zoom { opacity:.96; transform:scale(1); }
.product-stage__coordinates { z-index:6; }

.related-track__visual img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.related-track>a:hover .related-track__visual img,
.related-track>a:focus-visible .related-track__visual img { transform:scale(1.035); filter:contrast(1.04); }
.related-track__visual::after { display:none; }

.cart-row__visual { overflow:hidden; }
.cart-row__visual img { width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1); }
.cart-row:hover .cart-row__visual img { transform:scale(1.035); }

@supports (animation-timeline: view()) {
  .catalog-results { view-timeline-name: --catalog-results; view-timeline-axis:block; }
  .catalog-mosaic { animation: mosaic-breathe both linear; animation-timeline: --catalog-results; animation-range: entry 0% cover 35%; }
  .product-stage__copy > * { animation: product-copy-rise both linear; animation-timeline:view(); animation-range:entry 0% cover 32%; }
}
@keyframes mosaic-breathe { from { transform:translateY(1.6rem); } to { transform:none; } }
@keyframes product-copy-rise { from { opacity:.45; transform:translateY(1rem); } to { opacity:1; transform:none; } }

@media (hover:none), (pointer:coarse) {
  .catalog-card__image--alternate,.catalog-card__lens,.product-stage__zoom { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-card__image--alternate,.catalog-card__lens,.product-stage__zoom { display:none!important; }
  .product-stage__image { transition:none!important; transform:none!important; }
}

/* V2.1 fallback layering: procedural jewel only appears if media is missing. */
.catalog-card__surface::before,
.catalog-card__surface::after { z-index:0; }
.catalog-card__image--primary { z-index:1; }
.catalog-card__image--alternate { z-index:2; }
.catalog-card__lens { z-index:3; }
.catalog-card.is-missing .catalog-card__image--primary { opacity:0; }
.order-form-v2 [aria-invalid="true"], .care-question [aria-invalid="true"] { border-color:#b64b42!important; box-shadow:0 1px 0 #b64b42; }
.order-form-v2__consent-error { grid-column:1/-1; min-height:1rem; color:#e99b92; font-size:.65rem; margin-top:-.7rem; }


/* V2.2 static optical fallback: the real product remains the hero when WebGL is unavailable. */
.hero__photo {
  z-index: 0;
  opacity: .72;
  filter: saturate(.88) contrast(1.1) brightness(.72);
}
.hero__webgl { z-index: 1; }
.hero__fallback {
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 67% 38%, rgba(53, 91, 214, .17), transparent 19%),
    radial-gradient(circle at 69% 55%, rgba(220, 164, 70, .10), transparent 27%),
    linear-gradient(90deg, rgba(8, 8, 10, .58) 0 34%, rgba(8, 8, 10, .08) 62%, rgba(8, 8, 10, .34) 100%);
}
.hero__fallback-ring { display: none; }
.webgl-ready .hero__photo {
  opacity: .36;
  filter: saturate(.76) contrast(1.12) brightness(.66);
}
.webgl-failed .hero__photo { opacity: .78; }
.webgl-failed .hero__fallback { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .hero__photo { opacity: .8; transform: none; filter: saturate(.88) contrast(1.08) brightness(.72); }
  .hero__fallback { opacity: 1; }
}


/* V2.3 touch + efficiency pass ------------------------------------------ */
.catalog-card__angle,
.product-stage__touch-zoom { display:none; }

.related-track {
  overscroll-behavior-inline: contain;
  scroll-padding-inline: clamp(1rem,4vw,4rem);
  -webkit-overflow-scrolling: touch;
}
.related-track > a { scroll-snap-stop: normal; }
.filter-sheet__body { overscroll-behavior: contain; }

/* Keep deep sections cheap before they approach the viewport without changing sticky narrative geometry. */
.related-rail,
.care-safe-clean,
.care-pro,
.care-question {
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}

.webgl-skipped .hero__photo { opacity:.82; }
.webgl-skipped .hero__fallback { opacity:1; }

@media (hover:none), (pointer:coarse) {
  .catalog-card__image--alternate {
    display:block;
    clip-path:none;
    opacity:0;
    transform:scale(1.025);
    transition:opacity .38s ease,transform .65s cubic-bezier(.16,1,.3,1);
  }
  .catalog-card.is-angle-two .catalog-card__image--primary { opacity:0; transform:scale(1.015); }
  .catalog-card.is-angle-two .catalog-card__image--alternate { opacity:1; transform:scale(1); }
  .catalog-card__angle {
    position:absolute;
    z-index:6;
    left:1rem;
    top:3.2rem;
    display:inline-flex;
    min-width:4.4rem;
    min-height:2.65rem;
    align-items:center;
    justify-content:center;
    padding:.45rem .7rem;
    border:1px solid currentColor;
    border-radius:999px;
    background:rgba(12,12,14,.42);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:.58rem;
    font-weight:750;
    letter-spacing:.11em;
    touch-action:manipulation;
  }
  .catalog-card[data-collection="mihenk"] .catalog-card__angle,
  .catalog-card[data-collection="sedef"] .catalog-card__angle { background:rgba(255,255,255,.68); color:#111; }
  .catalog-card__quick { opacity:1; transform:none; touch-action:manipulation; }
  .catalog-card__lens { display:none; }

  .product-stage__touch-zoom {
    position:absolute;
    right:1rem;
    bottom:3.6rem;
    z-index:7;
    display:inline-flex;
    min-height:2.9rem;
    align-items:center;
    gap:.8rem;
    padding:.55rem .8rem .55rem 1rem;
    border:1px solid rgba(255,255,255,.42);
    border-radius:999px;
    background:rgba(7,8,11,.56);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:.66rem;
    font-weight:750;
    letter-spacing:.06em;
    touch-action:manipulation;
  }
  .product-stage__touch-zoom i {
    display:grid;
    width:1.7rem;
    height:1.7rem;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    font-style:normal;
    font-size:1rem;
  }
  .product-stage__scene { --touch-x:50%; --touch-y:42%; }
  .product-stage__scene.is-touch-zoomed .product-stage__image {
    transform:scale(1.55);
    transform-origin:var(--touch-x) var(--touch-y);
    filter:saturate(1.02) contrast(1.07) brightness(.98);
  }
  .product-stage__scene.is-touch-zoomed .product-stage__ambient,
  .product-stage__scene.is-touch-zoomed .product-stage__orbit-lines { opacity:.28; }
  .product-stage__zoom { display:none; }

  .related-track { touch-action:pan-x pan-y; }
  .related-track > a { scroll-snap-stop:always; }
}

@media (max-width:48rem) {
  .catalog-card__angle { top:1rem; }
  .catalog-card__quick { top:1rem; }
  .product-stage__touch-zoom { bottom:3.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-card__image--alternate { transition:none!important; }
  .product-stage__scene.is-touch-zoomed .product-stage__image { transition:none!important; }
}

/* V2.3 touch target correction after device emulation */
@media (hover:none), (pointer:coarse) {
  .catalog-card__angle { min-height:2.75rem; }
  .catalog-card__quick { width:2.8rem; height:2.8rem; }
}
@media (hover:none), (pointer:coarse) {
  .catalog-card__angle { min-height:44px; }
}
@media (hover:none), (pointer:coarse) {
  .catalog-card__angle { min-height:46px; }
}


/* V2.5 stability + interaction polish ----------------------------------- */
html {
  scrollbar-gutter: stable;
  overscroll-behavior-y: none;
}
body.is-scroll-locked {
  overscroll-behavior: none;
}
.menu-overlay,
.filter-sheet {
  max-height: var(--visual-viewport-height, 100dvh);
}
.menu-overlay__body,
.filter-sheet__body {
  overscroll-behavior: contain;
}
.quick-dialog,
.size-dialog {
  max-height: min(calc(var(--visual-viewport-height, 100dvh) - 1rem), 58rem);
}
.catalog-card__link:is(button) {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.catalog-card.is-angle-two .catalog-card__angle,
.catalog-card:focus-within .catalog-card__quick {
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 .7rem 2rem rgba(0,0,0,.18);
}
.quick-dialog__visual[aria-busy="true"]::before {
  content: "Görsel hazırlanıyor";
  position: absolute;
  z-index: 4;
  left: 1rem;
  bottom: 1rem;
  padding: .45rem .65rem;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(8,9,12,.64);
  color: #fff;
  font-size: .58rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.quantity-v2 button:disabled {
  opacity: .34;
  cursor: not-allowed;
}
[data-add-product][aria-busy="true"],
.order-form-v2 button[aria-busy="true"] {
  cursor: progress;
}
.care-lab__tabs [role="tab"]:focus-visible {
  position: relative;
  z-index: 1;
}
@media (hover:none), (pointer:coarse) {
  html { overscroll-behavior-y: auto; }
  .menu-overlay,
  .filter-sheet { height: var(--visual-viewport-height, 100dvh); }
}
@media (prefers-reduced-motion: reduce) {
  .quick-dialog__visual[aria-busy="true"]::before { display: none; }
}