@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');

:root {
  --ink: #0d0b09;
  --ink-soft: #15110e;
  --panel: #1b1713;
  --line: rgba(255,255,255,.11);
  --paper: #f5efe5;
  --muted: #aea499;
  --gold: #d8b873;
  --gold-dark: #8b6c37;
  --house-wine: #4b0a1d;
  --house-wine-deep: #22040d;
  --house-wine-soft: rgba(102,18,47,.16);
  --house-wine-line: rgba(151,62,87,.25);
  --max: 1180px;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", "Work Sans", system-ui, sans-serif;
}

* { box-sizing: border-box; }

model-viewer { --progress-bar-height: 0px; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  overflow-x: clip;
  background:
    radial-gradient(ellipse at 50% 0,rgba(82,11,33,.16),transparent 34rem),
    var(--ink);
  color: var(--paper);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
img, video { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }

.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; transform: translateY(-140%); background: var(--paper); color: var(--ink); padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background:
    linear-gradient(90deg,rgba(55,5,19,.9),rgba(13,11,9,.94) 48%,rgba(34,4,13,.9));
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--house-wine-line);
}
.nav { width: min(var(--max), calc(100% - 40px)); min-height: 76px; margin: auto; display: flex; align-items: center; gap: 28px; }
.brand { font: 600 23px/1 var(--serif); letter-spacing: .055em; text-decoration: none; white-space: nowrap; }
.nav-links { display: flex; align-items: center; justify-content: center; gap: 26px; margin-left: auto; }
.nav-links a { color: #d2c9bf; font-size: 13px; text-decoration: none; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--paper); }
.nav-links a[href="custom-coin.html"] { color: #f1d28e; border: 1px solid rgba(212,170,108,.62); border-radius: 999px; padding: 9px 14px; background: rgba(75,10,29,.48); box-shadow: 0 5px 18px rgba(0,0,0,.12); }
.nav-links a[href="custom-coin.html"]:hover, .nav-links a[href="custom-coin.html"][aria-current="page"] { color: #fff7e8; border-color: #e3c788; background: rgba(100,18,45,.72); }
.menu-button { display: none; margin-left: auto; border: 1px solid var(--line); background: transparent; color: var(--paper); padding: 9px 12px; border-radius: 999px; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; background: var(--gold); color: #17120c; font-weight: 650; font-size: 13px; letter-spacing: .01em; text-decoration: none; cursor: pointer; }
.button:hover { background: #e3c788; }
.button.secondary { background: transparent; color: var(--paper); border-color: rgba(255,255,255,.25); }
.button.secondary:hover { border-color: var(--gold); color: var(--gold); }
.button[disabled] { opacity: .38; cursor: not-allowed; }
.nav-cta { width: 140px; min-height: 44px; padding-inline: 0; font: 500 13px/1 var(--sans); }
.nav .nav-cta { font: 500 13px/1 var(--sans); font-weight: 500; }

.nav-auth { display: flex; align-items: center; }
.nav-signin { min-height: 38px; padding-inline: 16px; font-size: 12px; white-space: nowrap; }
.nav-account { position: relative; }
.nav-account-trigger { display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,.25); background: transparent; border-radius: 999px; padding: 5px 14px 5px 5px; color: var(--paper); font-size: 12px; font-family: var(--sans); cursor: pointer; }
.nav-account-trigger:hover { border-color: var(--gold); color: var(--gold); }
.nav-account-avatar { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.nav-account-initials { display: grid; place-items: center; background: var(--gold); color: #17120c; font-size: 10px; font-weight: 700; }
.nav-account-menu { display: none; flex-direction: column; gap: 2px; position: absolute; top: calc(100% + 8px); right: 0; min-width: 190px; padding: 8px; background: #100d0a; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.45); z-index: 20; }
.nav-account.open .nav-account-menu { display: flex; }
.nav-account-menu a, .nav-account-menu button { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; border-radius: 8px; background: transparent; color: #d2c9bf; font-size: 13px; font-family: var(--sans); text-decoration: none; cursor: pointer; }
.nav-account-menu a:hover, .nav-account-menu button:hover { background: rgba(255,255,255,.07); color: var(--paper); }
.nav-account-menu button[disabled] { opacity: .55; cursor: wait; }
.nav-account-note { margin: 4px 10px 5px; color: #7f776e; font-size: 10px; line-height: 1.35; }

.designs-empty { color: var(--muted); padding: 40px 0; }
.designs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; margin-top: 28px; }
.design-card { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--line); border-radius: 16px; padding: 16px; background: #12100d; }
.design-card-thumb { aspect-ratio: 1; border-radius: 12px; background: #1b1713; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.design-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.design-card-thumb span { font: 600 24px/1 var(--serif); color: var(--muted); }
.design-card-label { font-weight: 600; color: var(--paper); }
.design-card-date { font-size: 12px; color: var(--muted); margin-top: -6px; }
.design-card-actions { display: flex; gap: 8px; margin-top: auto; }
.design-card-actions .button { min-height: 38px; padding: 0 14px; font-size: 12px; flex: 1; }

.hero { min-height: min(780px, calc(100svh - 76px)); position: relative; display: grid; align-items: end; overflow: hidden; }
.hero-media { position: absolute; inset: 0; background: center 42%/cover no-repeat url("../images/hero-poster.jpg"); }
.hero-media video, .hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.hero-media video { transition: opacity .8s cubic-bezier(.16,1,.3,1); }
.hero-media video.is-finished { opacity: 0; }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,8,6,.9) 0%, rgba(10,8,6,.48) 47%, rgba(10,8,6,.1) 75%), linear-gradient(0deg, rgba(10,8,6,.7), transparent 45%); }
.hero-content { position: relative; z-index: 1; width: min(var(--max), calc(100% - 40px)); margin: 0 auto; padding: 90px 0 84px; }
.hero-reveal { opacity: 0; transform: translateY(22px); pointer-events: none; transition: opacity 1.15s cubic-bezier(.16,1,.3,1), transform 1.15s cubic-bezier(.16,1,.3,1); }
.hero-reveal.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .28em; font-size: 11px; font-weight: 550; }
h1, h2, h3 { margin: 0; font-family: var(--serif); font-weight: 500; }
h1 { max-width: 760px; margin-top: 18px; font-size: clamp(48px, 7vw, 88px); line-height: .95; letter-spacing: -.025em; }
.hero-copy { max-width: 620px; margin: 24px 0 0; color: #d6cdc4; font-size: clamp(16px, 1.8vw, 20px); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

.weight-arc-section {
  background:
    radial-gradient(ellipse at 76% 50%, rgba(92,16,42,.18), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%),
    var(--ink-soft);
}
.weight-arc-grid {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.6fr);
  align-items: center;
  gap: clamp(34px, 6vw, 92px);
}
.weight-arc-copy h2 { max-width: 420px; margin-top: 15px; font-size: clamp(38px, 4.4vw, 64px); line-height: .96; letter-spacing: -.02em; }
.weight-arc-copy > p:not(.weight-arc-list) { max-width: 430px; margin: 24px 0 0; color: #cfc5bb; line-height: 1.75; }
.weight-arc-list { margin: 25px 0 0; color: var(--gold); font-family: var(--serif); font-size: clamp(18px, 2vw, 25px); letter-spacing: .03em; }
.weight-arc-figure { margin: 0; border: 1px solid rgba(151,62,87,.36); background: #12070b; box-shadow: 0 24px 70px rgba(0,0,0,.28); overflow: hidden; }
.weight-arc-figure img { width: 100%; height: auto; display: block; }

/* Multi-category gateway */
.gateway-page { background: #090806; }
.gateway-header { position: absolute; left: 0; right: 0; background: linear-gradient(180deg,rgba(7,6,4,.92),rgba(7,6,4,.15)); border-bottom-color: rgba(255,255,255,.07); }
.gateway-hero { position: relative; min-height: 920px; height: 100svh; overflow: hidden; background: #070604; isolation: isolate; }
.gateway-scene { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.gateway-shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(180deg,rgba(5,4,3,.72) 0%,rgba(5,4,3,.06) 25%,rgba(5,4,3,.02) 62%,rgba(5,4,3,.76) 100%),linear-gradient(90deg,rgba(5,4,3,.5),transparent 30% 72%,rgba(5,4,3,.18)); pointer-events: none; }
.gateway-intro { position: absolute; z-index: 2; top: 12%; left: 50%; width: min(92%,760px); transform: translateX(-50%); text-align: center; text-shadow: 0 3px 26px rgba(0,0,0,.85); }
.gateway-intro h1 { max-width: none; margin-top: 12px; font-size: clamp(58px,7vw,104px); line-height: .83; }
.gateway-intro p { max-width: 610px; margin: 20px auto 0; color: #e1d8cd; font-size: clamp(14px,1.35vw,18px); line-height: 1.65; }
.gateway-discover { display: inline-flex; gap: 12px; align-items: center; margin-top: 20px; color: #eee4d8; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
.gateway-discover span { color: var(--gold); font-size: 18px; }
.gateway-hotspots { position: absolute; z-index: 3; inset: 0; }
.gateway-hotspot { --ring: 42px; position: absolute; width: var(--ring); height: var(--ring); border: 1px solid rgba(255,255,255,.78); border-radius: 50%; text-decoration: none; transform: translate(-50%,-50%); transition: width .3s ease,height .3s ease,background .3s ease,border-color .3s ease; }
.gateway-hotspot::before { content: ""; position: absolute; inset: 50%; width: 5px; height: 5px; border-radius: 50%; background: #fff4dc; box-shadow: 0 0 15px rgba(255,232,188,.95); transform: translate(-50%,-50%); }
.gateway-hotspot::after { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(255,255,255,.18); border-radius: inherit; animation: gateway-pulse 2.8s ease-out infinite; }
.gateway-hotspot span { position: absolute; left: 50%; bottom: calc(100% + 13px); width: max-content; max-width: 220px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(8,7,5,.84); backdrop-filter: blur(10px); color: #f4eadf; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; opacity: 0; transform: translate(-50%,6px); transition: opacity .25s ease,transform .25s ease; pointer-events: none; }
.gateway-hotspot:hover,.gateway-hotspot:focus-visible { --ring: 54px; background: rgba(216,184,115,.13); border-color: var(--gold); }
.gateway-hotspot:hover span,.gateway-hotspot:focus-visible span { opacity: 1; transform: translate(-50%,0); }
.hotspot-silver-frame { left: 15%; top: 33%; }
.hotspot-jewellery { left: 36%; top: 37%; }
.hotspot-gold-frame { left: 71%; top: 34%; }
.hotspot-silver-coin { left: 18%; top: 70%; }
.hotspot-gold-coin { left: 30%; top: 70%; }
.hotspot-silverware { left: 71%; top: 70%; }
.gateway-scroll-note { position: absolute; z-index: 2; left: 50%; bottom: 26px; transform: translateX(-50%); color: rgba(255,255,255,.68); font-size: 9px; letter-spacing: .22em; text-transform: uppercase; }
@keyframes gateway-pulse { 0% { transform: scale(.85); opacity: .75; } 75%,100% { transform: scale(1.65); opacity: 0; } }

.section.gateway-collections { padding-top: 130px; background: linear-gradient(180deg,#0d0b09,#11100d); }
.gateway-section-head { max-width: none; display: grid; grid-template-columns: 1fr minmax(300px,520px); align-items: end; gap: 60px; margin-bottom: 62px; }
.gateway-section-head .section-intro { margin: 0; }
.gateway-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); }
.gateway-card { position: relative; min-height: 310px; display: grid; grid-template-columns: auto 1fr; align-content: end; gap: 25px; padding: 38px 54px 38px 24px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; overflow: hidden; transition: background .35s ease; }
.gateway-card:nth-child(odd) { border-right: 1px solid var(--line); }
.gateway-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 26% 46%,rgba(216,184,115,.13),transparent 27%); opacity: 0; transition: opacity .35s ease; }
.gateway-card:hover { background: rgba(255,255,255,.025); }
.gateway-card:hover::before { opacity: 1; }
.gateway-card-number { position: absolute; top: 24px; left: 24px; color: #6f665e; font-size: 10px; letter-spacing: .15em; }
.gateway-card-material { position: relative; align-self: center; width: 112px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%,#fff,#a4a5a2 24%,#f1f1ec 45%,#777975 71%,#d9dad5); box-shadow: 0 24px 32px rgba(0,0,0,.34),inset 0 0 0 2px #f5f4ec,inset 0 0 0 6px #868782; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.gateway-card-material.gold { background: radial-gradient(circle at 34% 28%,#fff0a8,#c58c22 24%,#f6cf61 46%,#8e5b0a 72%,#dfae37); box-shadow: 0 24px 32px rgba(0,0,0,.34),inset 0 0 0 2px #ffe898,inset 0 0 0 6px #9d6710; }
.gateway-card-material.diamond { border-radius: 46% 46% 58% 58%; background: radial-gradient(circle at 50% 18%,#fff 0 2%,transparent 3%),radial-gradient(circle at 33% 48%,#e6fbff 0 4%,#a8771f 5% 8%,transparent 9%),radial-gradient(circle at 66% 48%,#fff 0 4%,#a8771f 5% 8%,transparent 9%),linear-gradient(145deg,#4a250d,#d3a641 36%,#fff2a3 50%,#9a6518 68%,#32170b); clip-path: polygon(15% 7%,85% 7%,100% 38%,73% 92%,50% 100%,27% 92%,0 38%); }
.gateway-card-material.silverware { border-radius: 50%; transform: perspective(260px) rotateX(60deg); background: radial-gradient(ellipse at 45% 40%,#fafaf7,#858681 37%,#e7e8e2 58%,#646561 74%,#e4e5df 78%,#777); }
.gateway-card-material.frame,.gateway-card-material.mixed { border-radius: 5px; transform: rotate(-4deg); background: linear-gradient(135deg,#f8f8f3,#848581 25%,#e6e7e2 48%,#686a66 76%,#f4f4ef); box-shadow: 0 24px 32px rgba(0,0,0,.34),inset 0 0 0 8px #c9cac5,inset 0 0 0 10px #777,inset 0 0 0 22px #11100d; }
.gateway-card-material.mixed { transform: rotate(4deg); background: linear-gradient(135deg,#f8f8f3,#9d7628 25%,#f6d679 48%,#747570 70%,#f4f4ef); box-shadow: 0 24px 32px rgba(0,0,0,.34),inset 0 0 0 8px #d7ba65,inset 0 0 0 10px #777,inset 0 0 0 22px #11100d; }
.gateway-card:hover .gateway-card-material { transform: translateY(-8px) rotate(2deg); }
.gateway-card:hover .gateway-card-material.silverware { transform: perspective(260px) rotateX(60deg) translateY(-8px); }
.gateway-card h3 { font-size: clamp(30px,3vw,42px); line-height: 1; }
.gateway-card p { max-width: 43ch; margin: 12px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.gateway-card .eyebrow { display: block; margin-bottom: 9px; font-size: 8px; }
.gateway-card-arrow { position: absolute; top: 22px; right: 24px; color: var(--gold); font-size: 23px; transition: transform .3s ease; }
.gateway-card:hover .gateway-card-arrow { transform: translate(4px,-4px); }

.gateway-brief { background: radial-gradient(circle at 22% 40%,rgba(216,184,115,.1),transparent 32%),#0b0a08; }
.gateway-brief-inner { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 80px; }
.gateway-brief h2 { font-size: clamp(46px,6vw,76px); line-height: .95; }
.gateway-brief p { margin: 0 0 28px; color: var(--muted); line-height: 1.75; }

.section { padding: 104px 0; }
.section.tight { padding: 76px 0; }
.section.alt {
  background:
    radial-gradient(ellipse at 50% 0,rgba(75,9,29,.12),transparent 40%),
    var(--ink-soft);
}
.container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.section-head { max-width: 720px; margin-bottom: 42px; }
.section-head.center { text-align: center; margin-inline: auto; }
.section h2, .page-hero h1 { margin-top: 12px; font-size: clamp(38px, 5.2vw, 64px); line-height: 1.02; }
.section-intro { margin: 18px 0 0; color: var(--muted); line-height: 1.75; max-width: 680px; }

.journey-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.journey-card { min-height: 360px; position: relative; overflow: hidden; border-radius: 18px; border: 1px solid var(--line); text-decoration: none; }
.journey-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.journey-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,6,4,.9), transparent 68%); }
.journey-card:hover img { transform: scale(1.04); }
.journey-copy { position: absolute; z-index: 1; left: 24px; right: 24px; bottom: 24px; }
.journey-copy h3 { font-size: 30px; }
.journey-copy p { margin: 7px 0 0; color: #cfc5bb; font-size: 14px; }

.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #12100d; text-decoration: none; transition: border-color .25s ease, transform .25s ease; }
.product-card:hover { transform: translateY(-3px); border-color: rgba(216,184,115,.55); }
.product-image { aspect-ratio: 1 / 1; overflow: hidden; background: #201b16; }
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--coin-position, 50% 50%);
  transform: translateY(var(--coin-shift-y, 0%)) translateY(var(--coin-nudge-y, 0px)) scale(var(--coin-zoom, 1));
  transform-origin: center;
  transition: transform .5s ease;
}
.product-card:hover .product-image img {
  transform: translateY(var(--coin-shift-y, 0%)) translateY(var(--coin-nudge-y, 0px)) scale(calc(var(--coin-zoom, 1) * 1.035));
}
.product-copy { padding: 20px; }
.product-copy .tag { color: var(--gold); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
.product-copy h3 { margin-top: 8px; font: 500 26px/1.1 var(--serif); }
.product-copy p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.section-action { margin-top: 34px; text-align: center; }

.feature { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 560px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: #100d0a; }
.feature-media { min-height: 520px; position: relative; background: center/cover no-repeat url("../images/showcase-ganesh-background.png"); }
.feature-media::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 32% 48%, transparent 0 26%, rgba(11,8,6,.18) 52%, rgba(11,8,6,.72) 100%); }
.feature-media model-viewer { position: absolute; z-index: 1; inset: 8% 10%; width: 80%; height: 84%; }
.feature-copy { padding: clamp(36px, 6vw, 76px); display: flex; flex-direction: column; justify-content: center; }
.feature-copy h2 { font-size: clamp(40px, 5vw, 62px); }
.feature-copy p { color: var(--muted); line-height: 1.75; }

.signature-section { background: #100d0a; }
.signature-stack { display: grid; gap: 22px; }
.signature-panel { position: relative; min-height: 540px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #17120e; isolation: isolate; }
.signature-bg { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.signature-coin-layer { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; -webkit-mask-image: radial-gradient(circle at 50% var(--coin-y,56%),#000 0 var(--coin-core,22%),rgba(0,0,0,.94) var(--coin-core,22%),transparent var(--coin-fade,27%)); mask-image: radial-gradient(circle at 50% var(--coin-y,56%),#000 0 var(--coin-core,22%),rgba(0,0,0,.94) var(--coin-core,22%),transparent var(--coin-fade,27%)); transition: transform .8s cubic-bezier(.16,1,.3,1); }
.signature-copy-right .signature-coin-layer { transform: translateX(-18%); }
.signature-copy-left .signature-coin-layer { transform: translateX(18%); }
.signature-focus-right { object-position: 63% center; }
.signature-focus-left { object-position: 37% center; }
.signature-scrim { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.signature-copy-right .signature-scrim { background: linear-gradient(90deg,rgba(10,7,5,.03) 0%,rgba(10,7,5,.12) 34%,rgba(10,7,5,.82) 60%,rgba(10,7,5,.97) 100%); }
.signature-copy-left .signature-scrim { background: linear-gradient(270deg,rgba(10,7,5,.03) 0%,rgba(10,7,5,.12) 34%,rgba(10,7,5,.84) 60%,rgba(10,7,5,.97) 100%); }
.signature-copy { position: absolute; top: 0; bottom: 0; width: min(46%,520px); padding: clamp(34px,5vw,68px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.signature-copy-right .signature-copy { right: 0; }
.signature-copy-left .signature-copy { left: 0; }
.signature-copy h3 { margin-top: 12px; font-size: clamp(40px,5vw,64px); line-height: .98; }
.signature-copy p { margin: 18px 0 26px; color: #c7bdb3; line-height: 1.7; max-width: 40ch; }
.signature-model model-viewer { position: absolute; z-index: -2; top: 9%; bottom: 9%; width: 48%; height: 82%; background: transparent; touch-action: pan-y; --poster-color: transparent; }
.signature-model.signature-copy-right model-viewer { left: 6%; }
.signature-model.signature-copy-left model-viewer { right: 6%; }

.split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px,8vw,100px); }
.split-media { border-radius: 18px; overflow: hidden; border: 1px solid var(--line); }
.split-media img { width: 100%; aspect-ratio: 1.1 / 1; object-fit: cover; }
.split-copy h2 { font-size: clamp(40px,5vw,64px); }
.split-copy p { color: var(--muted); line-height: 1.8; }

.custom-home-cta { position: relative; isolation: isolate; overflow: hidden; padding: clamp(58px,8vw,96px) clamp(24px,8vw,110px); border: 1px solid rgba(216,184,115,.25); border-radius: 22px; background: radial-gradient(circle at 50% 18%,rgba(216,184,115,.14),transparent 38%),linear-gradient(135deg,#17120e,#0f0c09); text-align: center; }
.custom-home-cta::before, .custom-home-cta::after { content: ""; position: absolute; z-index: -1; width: 300px; aspect-ratio: 1; border: 1px solid rgba(216,184,115,.11); border-radius: 50%; }
.custom-home-cta::before { top: -190px; left: -90px; }
.custom-home-cta::after { right: -110px; bottom: -205px; width: 360px; }
.custom-home-cta h2 { max-width: 820px; margin: 14px auto 0; }
.custom-home-cta p { max-width: 650px; margin: 22px auto 30px; color: var(--muted); line-height: 1.8; }

.proof-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.proof { min-height: 180px; padding: 30px; border-right: 1px solid var(--line); }
.proof:last-child { border-right: 0; }
.proof strong { display: block; font: 500 27px/1.1 var(--serif); }
.proof p { color: var(--muted); font-size: 13px; line-height: 1.65; }

.band { background: #0c1117; }
.band-grid { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.band h2 { font-size: clamp(40px,5vw,62px); }
.band p { color: #aaaeb3; max-width: 720px; line-height: 1.7; }

.page-hero {
  padding: 110px 0 70px;
  background:
    radial-gradient(ellipse at 78% 20%,rgba(99,17,43,.18),transparent 42%),
    linear-gradient(130deg,#2b0712,#17100e 46%,#0d0b09 78%);
  border-bottom: 1px solid var(--house-wine-line);
}
.page-hero p { max-width: 700px; color: var(--muted); line-height: 1.75; font-size: 17px; }

.filter-bar { display: grid; grid-template-columns: 1fr auto; gap: 16px; margin-bottom: 32px; }
.filter-input, .field { width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #17130f; color: var(--paper); padding: 14px 16px; }
.consent-option { display: flex; align-items: flex-start; gap: 11px; color: #cfc5bb; font-size: 13px; line-height: 1.55; cursor: pointer; }
.consent-option input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--gold); flex: 0 0 auto; }
.filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-button { border: 1px solid var(--line); background: transparent; color: #c7beb5; padding: 10px 14px; border-radius: 999px; cursor: pointer; }
.filter-button.active { background: var(--gold); color: #17120c; border-color: var(--gold); }
.filter-hint { display: none; margin: 2px 0 0; color: var(--muted); font-size: 11px; letter-spacing: .04em; }
.empty-state { display: none; color: var(--muted); padding: 40px 0; }

.detail { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); gap: clamp(44px,7vw,90px); align-items: start; }
.detail-media { position: sticky; top: 105px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: #18130f; }
.detail-media img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.detail-model { position: absolute; z-index: 3; inset: 0; background: radial-gradient(circle at 50% 43%,#3a3027,#110e0b 72%); }
.detail-model model-viewer { width: 100%; height: 100%; background: transparent; touch-action: pan-y; }
.coin-model-action { margin: 22px 0; }
.coin-model-action p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.detail-copy h1 { font: 500 clamp(48px,6vw,74px)/.98 var(--serif); margin: 12px 0 0; }
.detail-copy .lead { color: var(--muted); line-height: 1.8; font-size: 16px; }
.specs { margin: 30px 0; border-top: 1px solid var(--line); }
.spec { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.spec span { color: var(--muted); }
.weight-spec { align-items: center; }
.weight-spec-value { position: relative; }
.weight-check-button { display: inline-flex; align-items: center; gap: 10px; border: 0; padding: 0; background: transparent; color: var(--paper); font: 600 14px var(--sans); cursor: pointer; }
.weight-check-button::after { content: "＋"; color: var(--gold); font-size: 17px; line-height: 1; transition: transform .2s ease; }
.weight-check-button[aria-expanded="true"]::after { transform: rotate(45deg); }
.weight-check-button small { color: var(--gold); font: 500 10px var(--sans); letter-spacing: .08em; text-transform: uppercase; opacity: .82; }
.weight-size-popover { position: absolute; z-index: 8; top: calc(100% + 12px); right: 0; width: min(420px, 82vw); padding: 12px; border: 1px solid rgba(216,184,115,.35); border-radius: 12px; background: rgba(22,13,12,.97); box-shadow: 0 18px 40px rgba(0,0,0,.35); opacity: 0; pointer-events: none; transform: translateY(-5px); transition: opacity .2s ease, transform .2s ease; }
.weight-spec-value:hover .weight-size-popover, .weight-spec-value:focus-within .weight-size-popover, .weight-spec-value.is-open .weight-size-popover { opacity: 1; pointer-events: auto; transform: translateY(0); }
.weight-size-preview { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; margin-bottom: 13px; border: 1px solid rgba(151,62,87,.35); }
.weight-size-heading { display: block; margin-bottom: 10px; color: var(--gold); font: 500 11px var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.weight-size-list { display: flex; flex-wrap: wrap; gap: 8px; }
.weight-size-chip { display: grid; gap: 2px; min-width: 62px; padding: 8px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(255,255,255,.045); }
.weight-size-chip strong { color: var(--paper); font-size: 12px; }
.weight-size-chip small { color: #c9a9a2; font-size: 10px; }
.note { padding: 16px; border: 1px solid rgba(216,184,115,.28); border-radius: 12px; background: rgba(216,184,115,.06); color: #cfc3b3; font-size: 13px; line-height: 1.65; }

.studio-layout { display: grid; grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr); gap: clamp(44px,7vw,90px); align-items: start; }
.studio-preview { position: sticky; top: 105px; text-align: center; }
.side-switch { width: fit-content; margin: 0 auto 22px; display: flex; padding: 4px; border: 1px solid var(--line); border-radius: 999px; background: #15110e; }
.side-switch button { min-width: 92px; padding: 9px 18px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; }
.side-switch button.active { background: var(--gold); color: #17120c; }
.coin-editor-frame { min-height: 460px; display: grid; place-items: center; }
.coin-shell { --rim-rotation: 0deg; --art-size: 56%; --art-y: 0%; width: min(100%,460px); aspect-ratio: 1; position: relative; margin: auto; border-radius: 50%; color: #44433f; background: repeating-conic-gradient(from -3deg,#969793 0 1deg,#e0e1dd 1deg 2.6deg,#b4b5b1 2.6deg 3.8deg); box-shadow: -17px 24px 38px rgba(0,0,0,.55),5px -6px 18px rgba(255,255,255,.08),inset 0 0 0 2px #f7f7f2,inset 0 0 0 6px #858682; transform: perspective(1000px) rotateX(4deg) rotateY(-8deg); isolation: isolate; }
.coin-shell::before { content:""; position:absolute; inset:3.3%; z-index:0; border-radius:50%; background:linear-gradient(145deg,#fafaf7 0%,#a7a8a5 18%,#f3f3ef 39%,#888986 62%,#e8e8e3 82%,#a1a29f 100%); box-shadow:inset 0 0 0 2px #686966,inset 0 0 0 6px #f4f4ef,inset 0 0 0 9px #8d8e8a; }
.coin-shell::after { content:""; position:absolute; z-index:3; inset:3.4%; border-radius:50%; pointer-events:none; background:linear-gradient(118deg,rgba(255,255,255,.42) 4%,transparent 24% 58%,rgba(255,255,255,.18) 75%,transparent 88%); mix-blend-mode:screen; opacity:.7; }
.coin-inner { position:absolute; z-index:1; inset:7.2%; overflow:hidden; border-radius:50%; background:radial-gradient(circle at 32% 25%,#fff 0 4%,#d8d9d6 20%,#f4f4f0 43%,#a8a9a6 71%,#e8e8e4 100%); box-shadow:inset 0 0 0 1px #777,inset 0 0 0 5px #eeeeea,inset 0 0 0 7px #8c8d89,inset 12px 15px 26px rgba(255,255,255,.34),inset -17px -18px 30px rgba(54,55,53,.23); }
.coin-inner::after { content:""; position:absolute; inset:5.5%; border-radius:50%; border:1px dotted rgba(62,62,58,.31); pointer-events:none; }
.studio-art { position:absolute; z-index:1; left:50%; top:50%; width:var(--art-size); height:var(--art-size); object-fit:contain; transform:translate(-50%,calc(-50% + var(--art-y))); filter:grayscale(1) contrast(1.32) brightness(1.08) drop-shadow(-1px -1px 0 rgba(255,255,255,.75)) drop-shadow(2px 2px 1px rgba(35,35,33,.65)); mix-blend-mode:multiply; user-select:none; pointer-events:none; }
.studio-rim { position:absolute; z-index:2; inset:0; width:100%; height:100%; overflow:visible; transform:rotate(var(--rim-rotation)); transform-origin:center; pointer-events:none; }
.studio-rim path { fill:none; }
.studio-rim text { fill:#464642; font:600 17px/1 var(--sans); letter-spacing:3px; text-transform:uppercase; paint-order:stroke; stroke:rgba(255,255,255,.52); stroke-width:1px; }
.studio-top, .studio-bottom, .studio-center { position:absolute; z-index:2; left:15%; width:70%; text-align:center; text-transform:uppercase; letter-spacing:.13em; text-shadow:-1px -1px rgba(255,255,255,.85),1px 1px rgba(38,38,36,.55); pointer-events:none; }
.studio-top { top:15%; }
.studio-bottom { bottom:14%; }
.studio-center { top:66%; letter-spacing:.05em; font-weight:650; line-height:1.1; }
.studio-placeholder { position:absolute; z-index:2; inset:43% 16% auto; font:600 26px/1.05 var(--serif); text-align:center; text-shadow:-1px -1px rgba(255,255,255,.9),1px 1px rgba(45,45,43,.42); }
.reverse-inner { display:grid; place-items:center; }
.reverse-art { position:absolute; z-index:1; inset:5%; width:90%; height:90%; object-fit:contain; filter:grayscale(.88) contrast(1.05) brightness(1.08) drop-shadow(1px 2px 1px rgba(30,30,28,.42)); user-select:none; pointer-events:none; }
.coin-shell.complete-reverse { background:none; box-shadow:-17px 24px 38px rgba(0,0,0,.55); }
.coin-shell.complete-reverse::before, .coin-shell.complete-reverse::after, .coin-shell.complete-reverse .coin-inner::after { display:none; }
.coin-shell.complete-reverse .coin-inner { inset:0; overflow:visible; background:none; box-shadow:none; }
.coin-shell.complete-reverse .coin-inner::before { content:""; position:absolute; z-index:2; inset:2%; border-radius:50%; pointer-events:none; background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 27% 53%,rgba(55,55,52,.17) 68%,rgba(255,255,255,.18) 82%,transparent); mix-blend-mode:overlay; }
.coin-shell.complete-reverse .reverse-art { inset:0; width:100%; height:100%; filter:grayscale(1) contrast(1.22) brightness(.92) drop-shadow(0 8px 7px rgba(0,0,0,.32)); }
.coin-shell.collection-reverse { background:none; box-shadow:-17px 24px 38px rgba(0,0,0,.55); }
.coin-shell.collection-reverse::before, .coin-shell.collection-reverse::after, .coin-shell.collection-reverse .coin-inner::after { display:none; }
.coin-shell.collection-reverse .coin-inner { inset:0; overflow:hidden; background:#d5d5d1; box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),inset 0 0 0 5px rgba(85,86,83,.55); }
.coin-shell.collection-reverse .reverse-art { inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--reverse-position); transform:scale(var(--reverse-scale)); filter:grayscale(1) contrast(1.1) brightness(.98); }
.reverse-plain { position:relative; z-index:2; width:72%; aspect-ratio:1; border:1px solid rgba(70,70,66,.45); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-transform:uppercase; text-shadow:-1px -1px rgba(255,255,255,.9),1px 1px rgba(35,35,33,.55); }
.reverse-plain span, .reverse-plain small { font-size:10px; letter-spacing:.18em; }
.reverse-plain strong { font:600 28px/1 var(--serif); }
.form-group input[type="range"] { width:100%; accent-color:var(--gold); }
.form-card { border: 1px solid var(--line); border-radius: 18px; padding: clamp(24px,4vw,40px); background: #12100d; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group { display: grid; gap: 8px; }
.form-group.full { grid-column: 1 / -1; }
.form-group label { color: #cfc5bb; font-size: 12px; letter-spacing: .06em; }
textarea.field { min-height: 110px; resize: vertical; }
.phone-fields { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(0,1.3fr); gap: 10px; }
.country-code { min-width: 0; }
.helper { color: #8f877e; font-size: 12px; line-height: 1.55; }
.status { display: none; margin-top: 16px; padding: 14px; border-radius: 10px; background: rgba(216,184,115,.1); color: #e1cb9d; font-size: 13px; }
.status.show { display: block; }
.status.success { background: rgba(94,160,112,.14); color: #c3e0ca; }
.status a { color: inherit; font-weight: 650; }
.email-send-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.email-send-actions .button { color: #17120c; }
.email-send-actions .button.secondary { color: var(--paper); }
.button.is-busy { opacity: .62; pointer-events: none; }

.presentation-stage { position:relative; min-height:620px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background-position:center; background-size:cover; isolation:isolate; }
.presentation-stage[data-scene="temple"] { background-image:url("../images/showcase-lakshmi-ganesh-background.png"); }
.presentation-stage[data-scene="festival"] { background-image:url("../images/showcase-anniversary-background.png"); }
.presentation-stage[data-scene="corporate"] { background-image:url("../images/showcase-corporate-background.png"); }
.presentation-stage[data-scene="minimal"] { background-image:radial-gradient(circle at 50% 22%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#1c1c1b,#070707 70%); }
.presentation-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,6,5,.48),transparent 50%),radial-gradient(circle at 50% 48%,transparent 0 35%,rgba(7,6,5,.24) 78%); }
.presentation-coins { position:absolute; z-index:1; inset:12% 7% 8%; display:flex; align-items:flex-end; justify-content:center; gap:clamp(10px,2.5vw,34px); }
.presentation-coin { width:min(39vw,390px); position:relative; filter:drop-shadow(0 30px 24px rgba(0,0,0,.42)); }
.presentation-coin .coin-shell { width:100%; transform:none; box-shadow:none; }
.presentation-front { transform:rotate(-5deg) translateY(3%); }
.presentation-reverse { transform:rotate(5deg) translateY(-1%); }
.presentation-actions { max-width:760px; margin:28px auto 0; text-align:center; }
.presentation-actions p { color:var(--muted); font-size:13px; line-height:1.7; }

.process { counter-reset: step; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.process-step { padding: 28px; border-right: 1px solid var(--line); }
.process-step:last-child { border-right: 0; }
.process-step::before { counter-increment: step; content: "0" counter(step); color: var(--gold); font-size: 11px; letter-spacing: .2em; }
.process-step h3 { margin-top: 16px; font-size: 25px; }
.process-step p { color: var(--muted); font-size: 13px; line-height: 1.6; }

.site-footer {
  border-top: 1px solid var(--house-wine-line);
  padding: 46px 0 28px;
  background:
    linear-gradient(90deg,rgba(45,5,16,.5),rgba(13,11,9,.97),rgba(32,4,12,.48));
}
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: start; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }
.footer-links a { color: var(--muted); font-size: 12px; text-decoration: none; }
.footer-note { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid var(--line); color: #716a63; font-size: 11px; }

@media (max-width: 900px) {
  .nav { width: min(100% - 40px, var(--max)); min-height: 72px; }
  .brand { font-size: 18px; }
  .menu-button { display: inline-flex; }
  .nav-links { display: none; position: absolute; top: 68px; left: 0; right: 0; padding: 18px 20px 24px; background: #100d0a; border-bottom: 1px solid var(--line); flex-direction: column; align-items: flex-start; }
  .nav-links.open { display: flex; }
  .nav-cta { display: none; }
  .hero { min-height: 720px; }
  .hero-media::after { background: linear-gradient(0deg,rgba(8,6,4,.94),rgba(8,6,4,.28) 70%,rgba(8,6,4,.1)); }
  .coin-house .hero-media::after { background: linear-gradient(0deg,rgba(12,11,10,.7) 0%,rgba(12,11,10,.26) 62%,rgba(12,11,10,.04) 84%); }
  .hero-content { padding-bottom: 56px; }
  .journey-grid, .product-grid { grid-template-columns: repeat(2,1fr); }
  .journey-card:nth-child(3) { grid-column: 1 / -1; }
  .feature, .split, .studio-layout, .detail { grid-template-columns: 1fr; }
  .feature-media { min-height: 480px; }
  .split-media { order: -1; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof { border-right: 0; border-bottom: 1px solid var(--line); }
  .proof:last-child { border-bottom: 0; }
  .band-grid { grid-template-columns: 1fr; }
  .detail-media, .studio-preview { position: relative; top: 0; }
  .presentation-stage { min-height: 540px; }
  .presentation-coin { width:min(42vw,340px); }
  .process { grid-template-columns: 1fr 1fr; }
  .process-step:nth-child(2) { border-right: 0; }
  .process-step:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .signature-panel { min-height: 500px; }
  .signature-copy { width: 52%; padding: 38px; }
  .signature-model model-viewer { width: 52%; }
  .signature-model.signature-copy-right model-viewer { left: 2%; }
  .signature-model.signature-copy-left model-viewer { right: 2%; }
  .gateway-hero { min-height: 800px; height: auto; aspect-ratio: 4 / 5; }
  .gateway-intro { top: 12%; }
  .gateway-intro h1 { font-size: clamp(54px,10vw,78px); }
  .gateway-section-head,.gateway-brief-inner { grid-template-columns: 1fr; gap: 28px; }
  .gateway-grid { grid-template-columns: 1fr; }
  .gateway-card:nth-child(odd) { border-right: 0; }
}

@media (max-width: 600px) {
  .container, .hero-content { width: min(100% - 28px, var(--max)); }
  .section { padding: 74px 0; }
  .page-hero { padding: 78px 0 52px; }
  h1 { font-size: clamp(46px,15vw,64px); }
  .hero-copy { font-size: 16px; }
  .hero-actions .button { width: 100%; }
  .journey-grid, .product-grid { grid-template-columns: 1fr; }
  .journey-card:nth-child(3) { grid-column: auto; }
  .journey-card { min-height: 320px; }
  .feature { border-radius: 0; margin-inline: -14px; }
  .feature-media { min-height: 390px; }
  .feature-copy { padding: 32px 24px 42px; }
  .signature-stack { gap: 16px; }
  .signature-panel { min-height: 650px; border-radius: 16px; }
  .signature-bg { height: 62%; object-position: center; }
  .signature-coin-layer { height: 62%; transform: none!important; }
  .signature-model model-viewer { top: 2%; width: 92%; height: 58%; }
  .signature-model.signature-copy-right model-viewer { left: 4%; right: auto; }
  .signature-model.signature-copy-left model-viewer { right: 4%; left: auto; }
  .signature-copy-right .signature-scrim, .signature-copy-left .signature-scrim { background: linear-gradient(0deg,rgba(10,7,5,.99) 0%,rgba(10,7,5,.95) 38%,rgba(10,7,5,.28) 65%,rgba(10,7,5,.06) 100%); }
  .signature-copy, .signature-copy-right .signature-copy, .signature-copy-left .signature-copy { top: auto; left: 0; right: 0; bottom: 0; width: 100%; min-height: 45%; padding: 30px 24px; }
  .signature-copy h3 { font-size: 42px; }
  .filter-bar { grid-template-columns: 1fr; }
  .filter-buttons { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
  .filter-button { white-space: nowrap; }
  .filter-hint { display: block; }
  .coin-editor-frame { min-height: 360px; }
  .presentation-stage { min-height: 410px; border-radius:16px; }
  .presentation-coins { inset:18% 3% 7%; gap:4px; }
  .presentation-coin { width:47%; }
  .reverse-plain { gap:7px; }
  .reverse-plain span, .reverse-plain small { font-size:6px; }
  .reverse-plain strong { font-size:18px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group.full { grid-column: auto; }
  .phone-fields { grid-template-columns: 1fr; }
  .email-send-actions .button { width: 100%; }
  .coin-shell { border-width: 8px; }
  .process { grid-template-columns: 1fr; }
  .process-step { border-right: 0; border-bottom: 1px solid var(--line); }
  .process-step:last-child { border-bottom: 0; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
  .gateway-header { position: relative; background: #0b0907; }
  .gateway-hero { min-height: 690px; aspect-ratio: auto; }
  .gateway-scene { height: 58%; top: 22%; object-fit: cover; object-position: center; }
  .gateway-shade { background: linear-gradient(180deg,#090806 0%,rgba(9,8,6,.28) 26%,rgba(9,8,6,.05) 60%,#090806 81%); }
  .gateway-intro { top: 40px; width: calc(100% - 32px); }
  .gateway-intro .eyebrow { font-size: 9px; letter-spacing: .19em; }
  .gateway-intro h1 { font-size: 50px; line-height: .88; }
  .gateway-intro p { max-width: 38ch; margin-top: 15px; font-size: 13px; }
  .gateway-discover { margin-top: 14px; }
  .gateway-hotspots { display: none; }
  .gateway-scroll-note { bottom: 28px; width: 100%; text-align: center; }
  .section.gateway-collections { padding-top: 82px; }
  .gateway-section-head { margin-bottom: 38px; }
  .gateway-card { min-height: 250px; grid-template-columns: 82px 1fr; gap: 18px; padding: 34px 36px 28px 12px; }
  .gateway-card-material { width: 78px; }
  .gateway-card h3 { font-size: 29px; }
  .gateway-card p { font-size: 12px; }
  .gateway-card-number { left: 12px; }
  .gateway-brief h2 { font-size: 46px; }
}

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

/* Silver World showroom — 16 Aug 2026 concept pass */
.sw-hero { position:relative; min-height:min(820px,92vh); display:flex; align-items:flex-end; overflow:hidden; background:#090909; isolation:isolate; }
.sw-hero-video,.sw-hero-fallback { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:center; }
.sw-hero-fallback { display:none; }
.sw-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.42) 48%,rgba(5,5,5,.12)),linear-gradient(0deg,rgba(5,5,5,.75),transparent 45%); }
.sw-hero-copy { padding-bottom:86px; }
.sw-hero-copy h1 { max-width:760px; color:#f4f1ee; font-size:clamp(54px,7vw,104px); letter-spacing:-.045em; line-height:.9; }
.sw-hero-copy p { max-width:470px; margin:26px 0 28px; color:#d0c9c7; font-size:16px; line-height:1.7; }
.sw-hero-cta { display:inline-flex; align-items:center; gap:20px; padding:14px 0; border-bottom:1px solid rgba(220,190,196,.55); color:#eee6e5; font-size:10px; letter-spacing:.16em; text-decoration:none; text-transform:uppercase; }
.sw-hero-cta span { font-size:18px; line-height:0; }
.sw-hero-progress { position:absolute; right:32px; bottom:34px; width:110px; height:1px; background:rgba(255,255,255,.25); }
.sw-hero-progress span { display:block; width:44%; height:1px; background:#e8d4d7; animation:sw-progress 8s linear infinite; transform-origin:left; }
@keyframes sw-progress { from{transform:scaleX(0)} to{transform:scaleX(1)} }
.sw-intro { padding:110px 0 0; background:#101111; }
.sw-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:end; }
.sw-intro h2,.sw-section-heading h2,.sw-enquiry h2 { margin:10px 0 0; color:#eef0ed; font-size:clamp(48px,6vw,86px); letter-spacing:-.04em; line-height:.9; }
.sw-intro-grid p { max-width:480px; margin:0 0 4px; color:#aeb2ae; font-size:16px; line-height:1.8; }
.sw-category-nav { display:flex; flex-wrap:wrap; gap:0; margin-top:86px; border-top:1px solid rgba(191,137,151,.38); }
.sw-category-nav button,.sw-category-nav a { position:relative; padding:22px 26px 20px 0; margin-right:34px; border:0; background:none; color:#8e9490; cursor:pointer; font:500 10px Work Sans,sans-serif; letter-spacing:.14em; text-decoration:none; text-transform:uppercase; }
.sw-category-nav button::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#d4aab4; opacity:0; transition:opacity .25s ease; }
.sw-category-nav button.is-active { color:#eee9e7; }
.sw-category-nav button.is-active::after { opacity:1; }
.sw-category-nav a span { margin-left:6px; color:#d4aab4; font-size:15px; }
.sw-collection { padding:104px 0 126px; background:#101111; scroll-margin-top:72px; }
.sw-section-heading { display:flex; align-items:baseline; gap:24px; border-bottom:1px solid rgba(191,137,151,.25); padding-bottom:22px; }
.sw-section-heading h2 { font-size:clamp(48px,6vw,84px); }
.sw-section-heading p { margin-left:auto; max-width:280px; color:#929995; font-size:13px; line-height:1.65; }
.sw-product-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; margin-top:24px; }
.sw-product-grid-single { grid-template-columns:minmax(0,520px); }
.sw-product { position:relative; display:block; min-height:420px; overflow:hidden; color:#f1efed; text-decoration:none; background:#1a1b1b; }
.sw-product-wide { grid-row:span 2; min-height:620px; }
.sw-product img { display:block; width:100%; height:100%; min-height:420px; object-fit:cover; filter:saturate(.78); transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s ease; }
.sw-product-wide img { min-height:620px; }
.sw-product::after { content:""; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.82)); }
.sw-product span { position:absolute; z-index:1; right:24px; bottom:22px; left:24px; display:flex; justify-content:space-between; align-items:end; gap:16px; }
.sw-product b { font:500 28px/1 var(--serif); }
.sw-product small { color:#d4c7c5; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.sw-product:hover img { filter:saturate(1); transform:scale(1.045); }
.sw-enquiry { padding:150px 0; background:linear-gradient(125deg,#2b0b18,#111212 72%); }
.sw-enquiry h2 { margin:18px 0 34px; }
.sw-enquiry .eyebrow { color:#d1a9b1; }
.sw-hero .silver-world-back { margin-bottom:54px; }
@media (max-width:700px) {
  .sw-hero { min-height:720px; }
  .sw-hero-video { object-position:62% center; }
  .sw-hero-copy { padding-bottom:62px; }
  .sw-hero-copy h1 { font-size:56px; }
  .sw-hero-copy p { font-size:14px; }
  .sw-intro { padding-top:78px; }
  .sw-intro-grid { grid-template-columns:1fr; gap:30px; }
  .sw-intro h2 { font-size:56px; }
  .sw-category-nav { margin-top:58px; }
  .sw-category-nav button,.sw-category-nav a { margin-right:22px; padding-right:0; }
  .sw-section-heading { display:block; }
  .sw-section-heading p { margin:20px 0 0; }
  .sw-product-grid { grid-template-columns:1fr; }
  .sw-product-wide,.sw-product-wide img { min-height:440px; }
  .sw-product { min-height:360px; }
  .sw-product img { min-height:360px; }
  .sw-enquiry { padding:100px 0; }
}

/* Optional bridge from the Material Worlds prototype into the existing coin site. */
.material-arrival {
  position: fixed;
  z-index: 999;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 24px;
  overflow: hidden;
  background: #eee9e1;
  color: #4b1020;
  pointer-events: none;
  animation: material-arrival-out 1.25s .12s cubic-bezier(.16,1,.3,1) forwards;
}
.material-arrival::before {
  content: "";
  width: 30vmax;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.98) 0 4%, transparent 19%),
    radial-gradient(circle at 52% 47%, #f9fbfb 0, #dfe5e6 37%, #a9b4b8 65%, #eef2f3 84%, #8e999d 100%);
  box-shadow:
    inset 0 0 0 1px rgba(75,16,32,.14),
    inset -35px -28px 70px rgba(72,83,88,.16),
    0 30px 90px rgba(30,21,23,.28);
  animation: material-arrival-coin 1.22s cubic-bezier(.16,1,.3,1) forwards;
}
.material-arrival span {
  position: absolute;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 10px;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .24em;
  text-align: center;
  text-transform: uppercase;
}
.material-arrival span strong {
  font: 500 clamp(35px,5vw,72px)/.9 "Cormorant Garamond",Georgia,serif;
  letter-spacing: .02em;
  text-transform: none;
}
.material-arrival span small {
  font-size: 7px;
  letter-spacing: .28em;
}
.arrived-from-maison .material-arrival {
  background:
    radial-gradient(ellipse at 50% 42%,rgba(137,25,55,.55),transparent 46%),
    linear-gradient(125deg,#190207,#510b20 48%,#210309);
  color: #f1e7d8;
  animation: maison-arrival-out 2.05s .12s cubic-bezier(.65,0,.2,1) forwards;
}
.arrived-from-maison .material-arrival::before {
  width: min(38vmax,560px);
  opacity: .38;
  box-shadow:
    inset 0 0 0 1px rgba(241,231,216,.22),
    inset -35px -28px 70px rgba(72,83,88,.13),
    0 40px 120px rgba(10,0,3,.4);
  animation: maison-arrival-coin 1.82s .08s cubic-bezier(.16,1,.3,1) forwards;
}
.arrived-from-maison .site-header {
  animation: maison-header-settle 4.1s cubic-bezier(.16,1,.3,1);
}
@keyframes maison-arrival-coin {
  0% { transform: scale(2.35); opacity: .18; }
  42% { transform: scale(.92); opacity: .44; }
  100% { transform: scale(.72); opacity: 0; }
}
@keyframes maison-arrival-out {
  0%, 58% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes maison-header-settle {
  0%, 42% { background: rgba(59,7,21,.96); }
  100% { background: rgba(5,5,5,.74); }
}
@keyframes material-arrival-coin {
  from { transform: scale(5.5); opacity: .95; }
  to { transform: scale(.26) rotate(18deg); opacity: 0; }
}
@keyframes material-arrival-out {
  0%, 72% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .material-arrival { animation-duration: .2s; }
  .material-arrival::before { animation-duration: .2s; }
  .arrived-from-maison .site-header { animation-duration: .2s; }
}

/* The black coin room, connected to the burgundy Bhandari house. */
.coin-house {
  --coin-wine: #4b0a1d;
  --coin-wine-soft: rgba(93,17,43,.2);
  background:
    radial-gradient(ellipse at 50% 0,rgba(78,10,31,.09),transparent 34%),
    var(--ink);
}
.coin-house .site-header {
  background:
    linear-gradient(90deg,rgba(55,5,19,.88),rgba(13,11,9,.94) 46%,rgba(34,4,13,.9));
  border-bottom-color: rgba(151,62,87,.25);
}
.coin-house .hero-media::after {
  background:
    linear-gradient(90deg,rgba(12,11,10,.68) 0%,rgba(12,11,10,.31) 46%,rgba(12,11,10,.04) 76%),
    linear-gradient(0deg,rgba(12,11,10,.36),transparent 55%);
}
.coin-house .hero-content {
  text-shadow: 0 2px 24px rgba(0,0,0,.28);
}
.coin-house .hero-copy {
  color: rgba(244,240,233,.84);
}
.coin-house .section {
  border-top: 1px solid rgba(123,31,57,.13);
}
.coin-house .section.alt,
.coin-house .signature-section {
  background:
    radial-gradient(ellipse at 50% 0,rgba(75,9,29,.13),transparent 42%),
    var(--ink-soft);
}
.coin-house .button.secondary:hover,
.coin-house .nav-account-trigger:hover {
  background: rgba(82,11,31,.18);
}
.coin-house .product-card:hover,
.coin-house .signature-panel:hover {
  border-color: rgba(151,62,87,.5);
}
.coin-house .site-footer {
  background:
    linear-gradient(90deg,rgba(45,5,16,.5),rgba(13,11,9,.96),rgba(32,4,12,.48));
  border-top-color: rgba(151,62,87,.2);
}

/* Cinematic silver-to-gold gateway */
.cinematic-page { min-height: 100%; overflow: visible; background: #050504; }
.cinematic-header { position: fixed; left: 0; right: 0; top: 0; z-index: 80; background: linear-gradient(180deg,rgba(3,3,3,.82),transparent); border-bottom: 0; backdrop-filter: none; }
.cinematic-header .nav { min-height: 72px; }
.cinematic-header .nav-links a { color: rgba(255,255,255,.68); }
.cinematic-header .nav-links a:hover { color: #fff; }
.cinematic-gateway { position: relative; width: 100%; min-height: 720px; height: 100svh; overflow: hidden; background: #040404; isolation: isolate; }
.cinematic-panorama { position: absolute; z-index: -4; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; will-change: transform,object-position,filter; }
.cinematic-temperature { position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg,rgba(145,194,218,.13),transparent 42%,rgba(213,143,43,.13)); mix-blend-mode: color; opacity: .25; pointer-events: none; }
.cinematic-vignette { position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.7) 100%),linear-gradient(180deg,rgba(0,0,0,.34),transparent 23% 70%,rgba(0,0,0,.62)); pointer-events: none; }
.cinematic-gateway.is-running .cinematic-panorama { animation: cinematic-camera 10s cubic-bezier(.45,0,.2,1) both; }
.cinematic-gateway.is-running .cinematic-temperature { animation: cinematic-temperature 10s ease both; }
.cinematic-gateway[data-showroom-test-journey] { height: calc(100svh + (var(--showroom-scene-count, 8) * var(--showroom-scene-scroll, 118svh))); }
.cinematic-gateway[data-showroom-test-journey] { overflow: visible; }
.cinematic-gateway[data-showroom-test-journey] .cinematic-panorama { z-index: -5; opacity: 1; transition: opacity .25s ease; }
.cinematic-gateway[data-showroom-test-journey] .cinematic-temperature { z-index: -1; }
.cinematic-gateway[data-showroom-test-journey] .cinematic-vignette { z-index: -1; }
.cinematic-gateway.showroom-scroll-mounted .cinematic-panorama { opacity: .28; }
.cinematic-gateway.showroom-scroll-mounted .cinematic-chooser { transition-duration: .4s; }
.cinematic-gateway.showroom-scroll-reduced { height: 100svh; }
.cinematic-gateway.showroom-scroll-reduced .showroom-scroll-journey { display: none; }
.cinematic-gateway.showroom-scroll-reduced .cinematic-panorama { opacity: 1; }
.cinematic-gateway.showroom-scroll-chooser-visible .cinematic-panorama { opacity: .34; }
.cinematic-gateway.showroom-scroll-chooser-visible .cinematic-temperature { opacity: .32; }
.cinematic-gateway.showroom-scroll-chooser-visible .cinematic-vignette { opacity: 1; }
.showroom-scroll-journey { position: sticky; top: 0; z-index: 0; width: 100%; height: 100svh; overflow: hidden; background: #040404; }
.showroom-scroll-journey__poster { position: absolute; inset: 0; background: #040404; }
.showroom-scroll-journey__videos { position: absolute; inset: 0; overflow: hidden; }
.showroom-scroll-journey__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; visibility: hidden; background: #040404; transition: opacity 120ms linear; }
@keyframes cinematic-camera {
  0% { transform: scale(1.62) translateX(17%); object-position: 10% center; filter: saturate(.72) brightness(.74); }
  14% { transform: scale(1.53) translateX(14%); object-position: 13% center; filter: saturate(.78) brightness(.86); }
  36% { transform: scale(1.38) translateX(11%); object-position: 28% center; filter: saturate(.86) brightness(.9); }
  52% { transform: scale(1.27) translateX(0); object-position: 50% center; filter: saturate(.9) brightness(.88); }
  72% { transform: scale(1.38) translateX(-11%); object-position: 72% center; filter: saturate(1) brightness(.92); }
  86% { transform: scale(1.48) translateX(-14%); object-position: 88% center; filter: saturate(1.05) brightness(.92); }
  100% { transform: scale(1) translateX(0); object-position: 50% center; filter: saturate(.94) brightness(.76); }
}
@keyframes cinematic-temperature {
  0%,35% { opacity: .08; transform: translateX(-12%); }
  52% { opacity: .26; transform: translateX(0); }
  75% { opacity: .42; transform: translateX(8%); }
  100% { opacity: .24; transform: translateX(0); }
}
.cinematic-brand-intro,.cinematic-chapter { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; pointer-events: none; text-shadow: 0 3px 24px #000; }
.cinematic-brand-intro span { font: 500 clamp(31px,4.6vw,68px)/1 var(--serif); letter-spacing: .14em; }
.cinematic-brand-intro small { margin-top: 14px; color: #bfb8af; font-size: 10px; letter-spacing: .28em; text-transform: uppercase; }
.cinematic-chapter { justify-content: flex-end; padding-bottom: 12vh; }
.cinematic-chapter span { color: #ddd5ca; font-size: 9px; letter-spacing: .28em; text-transform: uppercase; }
.cinematic-chapter strong { margin-top: 9px; font: 500 clamp(36px,5vw,68px)/1 var(--serif); }
.cinematic-chapter-silver strong { color: #eef1f1; }
.cinematic-chapter-gold strong { color: #efd08b; }
.cinematic-gateway.is-running .cinematic-brand-intro { animation: cinematic-copy 1.75s ease .15s both; }
.cinematic-gateway.is-running .cinematic-chapter-silver { animation: cinematic-copy 2.35s ease 1.85s both; }
.cinematic-gateway.is-running .cinematic-chapter-transition { animation: cinematic-copy 1.85s ease 4.35s both; }
.cinematic-gateway.is-running .cinematic-chapter-gold { animation: cinematic-copy 2.35s ease 6.35s both; }
@keyframes cinematic-copy {
  0% { opacity: 0; transform: translateY(14px); }
  18%,70% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}
.cinematic-skip { position: absolute; z-index: 8; right: 28px; bottom: 24px; border: 0; border-bottom: 1px solid rgba(255,255,255,.35); background: transparent; color: rgba(255,255,255,.68); padding: 7px 0; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; }
.cinematic-skip:hover { color: #fff; border-bottom-color: #fff; }
.cinematic-chooser { position: absolute; z-index: 7; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 108px 24px 54px; text-align: center; background: radial-gradient(circle at 50% 54%,transparent 0 24%,rgba(3,3,3,.15) 58%,rgba(3,3,3,.48) 100%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.03) 46%,rgba(0,0,0,.72)); opacity: 0; visibility: hidden; transform: scale(1.025); transition: opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1),visibility 1s; pointer-events: none; }
.cinematic-gateway.is-ready .cinematic-chooser { opacity: 1; visibility: visible; transform: scale(1); pointer-events: auto; }
.cinematic-gateway.is-ready .cinematic-panorama { animation: none; transform: scale(1); object-position: center; filter: saturate(.94) brightness(.76); }
.cinematic-gateway.is-ready .cinematic-brand-intro,.cinematic-gateway.is-ready .cinematic-chapter { display: none; }
.cinematic-gateway.is-ready .cinematic-skip { display: none; }
.cinematic-chooser h1 { max-width: none; margin-top: 8px; font-size: clamp(54px,7vw,96px); }
.cinematic-chooser > p { margin: 14px 0 25px; color: #d0c8bf; font-size: 13px; }
.cinematic-paths { width: min(100%,980px); display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.2); background: rgba(6,6,5,.48); backdrop-filter: blur(18px); }
.cinematic-path { position: relative; min-height: 190px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 30px 34px; color: #fff; text-align: left; text-decoration: none; overflow: hidden; transition: background .35s ease; }
.cinematic-path:first-child { border-right: 1px solid rgba(255,255,255,.2); }
.cinematic-path::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease; }
.cinematic-path-silver::before { background: radial-gradient(circle at 25% 70%,rgba(218,230,234,.25),transparent 42%); }
.cinematic-path-gold::before { background: radial-gradient(circle at 25% 70%,rgba(222,171,78,.26),transparent 42%); }
.cinematic-path:hover::before { opacity: 1; }
.cinematic-path-index { position: absolute; top: 23px; left: 30px; color: rgba(255,255,255,.5); font-size: 9px; letter-spacing: .2em; }
.cinematic-path-label { color: rgba(255,255,255,.65); font-size: 8px; letter-spacing: .22em; text-transform: uppercase; }
.cinematic-path strong { margin-top: 2px; font: 500 48px/1 var(--serif); }
.cinematic-path small { margin-top: 8px; color: rgba(255,255,255,.64); font-size: 10px; letter-spacing: .05em; }
.cinematic-path-arrow { position: absolute; right: 30px; bottom: 33px; font-size: 27px; transition: transform .3s ease; }
.cinematic-path:hover .cinematic-path-arrow { transform: translateX(6px); }
.cinematic-replay { margin-top: 16px; border: 0; border-bottom: 1px solid rgba(255,255,255,.28); background: transparent; color: rgba(255,255,255,.62); padding: 6px 0; font-size: 8px; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; }
.cinematic-replay:hover { color: #fff; }
.cinematic-noscript { position: absolute; z-index: 20; inset: auto 20px 20px; display: flex; justify-content: center; gap: 10px; }
.cinematic-noscript a { padding: 12px 20px; background: #111; border: 1px solid #555; text-decoration: none; }

/* Silver collection world */
.silver-world-page {
  background:
    radial-gradient(ellipse at 50% 0,rgba(91,13,37,.2),transparent 42rem),
    #09090a;
}
.silver-world-header {
  background:
    linear-gradient(90deg,rgba(58,6,21,.9),rgba(9,9,10,.94) 48%,rgba(39,4,15,.9));
  border-bottom-color: var(--house-wine-line);
}
.silver-world-hero { position: relative; min-height: 700px; display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; }
.silver-world-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -12% -40%;
  background: linear-gradient(108deg,transparent 42%,rgba(229,235,234,.14) 49%,rgba(157,65,91,.1) 52%,transparent 58%);
  transform: translateX(-38%);
  animation: silver-world-sheen 2.2s .35s cubic-bezier(.16,1,.3,1) both;
  pointer-events: none;
}
@keyframes silver-world-sheen {
  to { transform: translateX(38%); opacity: .15; }
}
.silver-world-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 10% center; transform: scale(1.12); filter: grayscale(.32) sepia(.08) saturate(.78); }
.silver-world-hero-shade {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    radial-gradient(ellipse at 78% 24%,rgba(104,18,46,.2),transparent 40%),
    linear-gradient(90deg,rgba(30,3,11,.97),rgba(13,7,10,.64) 43%,rgba(8,7,8,.18) 75%),
    linear-gradient(0deg,rgba(17,3,8,.84),transparent 50%);
}
.silver-world-hero-copy { padding-bottom: 86px; }
.silver-world-back { display: block; width: fit-content; margin-bottom: 54px; color: #c4a8ae; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.silver-world-hero h1 { max-width: 900px; color: #f2f4f2; }
.silver-world-hero p { max-width: 610px; margin: 24px 0 0; color: #bdc2c1; line-height: 1.75; }
.silver-world-collections {
  background:
    radial-gradient(ellipse at 12% 5%,rgba(91,13,37,.2),transparent 34%),
    radial-gradient(ellipse at 88% 82%,rgba(76,10,30,.14),transparent 35%),
    linear-gradient(180deg,#0d090b,#110d0f);
}
.silver-world-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--house-wine-line); }
.silver-world-card { position: relative; min-height: 360px; display: grid; grid-template-columns: 150px 1fr; align-items: end; gap: 28px; padding: 40px 56px 40px 24px; border-bottom: 1px solid var(--house-wine-line); color: inherit; text-decoration: none; overflow: hidden; transition: background .35s ease,border-color .35s ease; }
.silver-world-card:nth-child(odd) { border-right: 1px solid var(--house-wine-line); }
.silver-world-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 24% 44%,rgba(104,18,46,.2),transparent 34%);
  opacity: .35;
  transition: opacity .35s ease;
  pointer-events: none;
}
.silver-world-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -40% auto -40% -45%;
  width: 30%;
  background: linear-gradient(90deg,transparent,rgba(235,241,240,.14),transparent);
  transform: rotate(12deg);
  opacity: 0;
  pointer-events: none;
}
.silver-world-card:hover { background: rgba(84,12,34,.12); }
.silver-world-card:hover::before { opacity: .8; }
.silver-world-card:hover::after { animation: silver-card-sheen 1s ease; }
@keyframes silver-card-sheen {
  0% { left: -45%; opacity: 0; }
  20% { opacity: .65; }
  100% { left: 125%; opacity: 0; }
}
.silver-world-number { position: absolute; top: 23px; left: 24px; color: #9b6775; font-size: 9px; letter-spacing: .18em; }
.silver-world-object { position: relative; width: 135px; aspect-ratio: 1; transition: transform .55s cubic-bezier(.16,1,.3,1); }
.silver-world-card:hover .silver-world-object { transform: translateY(-10px) rotate(2deg); }
.silver-world-coin { border-radius: 50%; background: radial-gradient(circle at 32% 27%,#fff,#a4a8a7 24%,#f0f1ed 43%,#6e7271 72%,#d9dcda); box-shadow: 0 30px 35px rgba(0,0,0,.42),inset 0 0 0 2px #fff,inset 0 0 0 7px #747876,inset 0 0 0 10px #e5e7e4; }
.silver-world-coin::after { content: "ॐ"; position: absolute; inset: 0; display: grid; place-items: center; color: #5d6160; font: 500 47px/1 var(--serif); text-shadow: -1px -1px #fff,1px 1px #454; }
.silver-world-tray { height: 102px; margin-bottom: 7px; border-radius: 50%; background: radial-gradient(ellipse at 42% 38%,#fff,#858987 35%,#e7e9e6 57%,#5f6361 73%,#e4e6e3 78%,#777); box-shadow: 0 34px 30px rgba(0,0,0,.43),inset 0 0 0 5px #d5d8d5,inset 0 0 0 8px #696d6b; transform: perspective(300px) rotateX(58deg); }
.silver-world-card:hover .silver-world-tray { transform: perspective(300px) rotateX(58deg) translateY(-10px); }
.silver-world-frame { border-radius: 5px; transform: rotate(-4deg); background: linear-gradient(135deg,#fafbf8,#7f8583 25%,#e4e7e4 48%,#626866 76%,#f3f5f2); box-shadow: 0 28px 34px rgba(0,0,0,.42),inset 0 0 0 9px #c5cac8,inset 0 0 0 12px #686e6c,inset 0 0 0 27px #151817; }
.silver-world-gift { border-radius: 50% 50% 10% 10%; background: linear-gradient(145deg,#f6f7f4,#767b79 22%,#e3e5e1 49%,#5f6462 72%,#fafbf8); box-shadow: 0 28px 34px rgba(0,0,0,.42),inset 0 0 0 8px rgba(255,255,255,.36); clip-path: polygon(20% 20%,40% 20%,50% 6%,60% 20%,80% 20%,100% 48%,92% 100%,8% 100%,0 48%); }
.silver-world-card h3 { font-size: clamp(34px,3.2vw,46px); }
.silver-world-card p { margin: 12px 0 0; color: #9fa5a3; font-size: 13px; line-height: 1.65; }
.silver-world-card .eyebrow { display: block; margin-bottom: 9px; font-size: 8px; }
.silver-world-arrow { position: absolute; top: 22px; right: 24px; color: #d5b2bb; font-size: 23px; transition: transform .3s ease; }
.silver-world-card:hover .silver-world-arrow { transform: translate(4px,-4px); }

@media (max-width: 900px) {
  .weight-arc-grid { grid-template-columns: 1fr; gap: 34px; }
  .weight-arc-copy h2, .weight-arc-copy > p:not(.weight-arc-list) { max-width: 620px; }
  .cinematic-paths { max-width: 760px; }
  .cinematic-chooser { padding-bottom: 42px; }
  .silver-world-grid { grid-template-columns: 1fr; }
  .silver-world-card:nth-child(odd) { border-right: 0; }
}

@media (max-width: 600px) {
  .weight-arc-grid { gap: 26px; }
  .weight-arc-copy h2 { font-size: clamp(38px, 12vw, 52px); }
  .weight-arc-figure { margin-inline: -8px; }
  .cinematic-page { overflow: visible; }
  .cinematic-header { position: absolute; }
  .cinematic-header .nav { min-height: 62px; }
  .cinematic-gateway { min-height: 760px; height: 100svh; }
  .cinematic-gateway[data-showroom-test-journey] { height: calc(100svh + (var(--showroom-scene-count, 8) * var(--showroom-scene-scroll, 88svh))); overflow: visible; }
  .cinematic-gateway.is-running .cinematic-panorama { animation-name: cinematic-camera-mobile; }
  @keyframes cinematic-camera-mobile {
    0% { transform: scale(1.45); object-position: 6% center; filter: saturate(.72) brightness(.72); }
    36% { transform: scale(1.3); object-position: 15% center; filter: saturate(.82) brightness(.88); }
    52% { transform: scale(1.18); object-position: 50% center; filter: saturate(.9) brightness(.86); }
    75% { transform: scale(1.3); object-position: 85% center; filter: saturate(1) brightness(.9); }
    88% { transform: scale(1.42); object-position: 94% center; filter: saturate(1.05) brightness(.9); }
    100% { transform: scale(1); object-position: 50% center; filter: saturate(.92) brightness(.7); }
  }
  .cinematic-brand-intro span { font-size: 30px; letter-spacing: .09em; }
  .cinematic-brand-intro small { font-size: 8px; letter-spacing: .18em; }
  .cinematic-chapter { padding: 0 20px 17vh; }
  .cinematic-chapter strong { font-size: 40px; }
  .cinematic-skip { right: 18px; bottom: 16px; }
  .cinematic-chooser { justify-content: flex-end; padding: 90px 14px 28px; }
  .cinematic-chooser h1 { font-size: 50px; }
  .cinematic-chooser > p { margin: 9px 0 17px; }
  .cinematic-paths { grid-template-columns: 1fr; }
  .cinematic-path { min-height: 132px; padding: 23px 24px; }
  .cinematic-path:first-child { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .cinematic-path-index { top: 18px; left: auto; right: 20px; }
  .cinematic-path strong { font-size: 38px; }
  .cinematic-path-arrow { right: 21px; bottom: 24px; }
  .cinematic-replay { margin-top: 10px; }
  .silver-world-hero { min-height: 650px; }
  .silver-world-hero > img { object-position: 6% center; transform: scale(1.35); }
  .silver-world-hero-copy { padding-bottom: 60px; }
  .silver-world-back { margin-bottom: 34px; }
  .silver-world-card { min-height: 290px; grid-template-columns: 95px 1fr; gap: 16px; padding: 36px 36px 28px 12px; }
  .silver-world-object { width: 88px; }
  .silver-world-tray { height: 68px; }
  .silver-world-card h3 { font-size: 30px; }
  .silver-world-card p { font-size: 12px; }
  .silver-world-number { left: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-panorama { animation: none !important; transform: none !important; object-position: center !important; }
  .cinematic-gateway[data-showroom-test-journey] { height: 100svh; }
  .cinematic-gateway[data-showroom-test-journey] .showroom-scroll-journey { display: none; }
  .silver-world-hero::after,
  .silver-world-card:hover::after { animation: none !important; }
}