/* Measured against the supplied 1672 × 941 reference. See ../design.md.
   This sheet is homepage-only; the existing catalog and form handlers remain intact. */
body.reference-home {
  --u: min(0.05980861244vw, 1px);
  --text: #eeedea;
  --muted: #b6b5b1;
  --primary: #d8b164;
  --line: #514537;
  --ref-origin: max(0px, calc((100vw - 1672px) / 2));
  position: relative;
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  background: #0a0a09 !important;
}
.reference-home::before { display: block; content: ''; position: absolute; inset: 0; z-index: 0; opacity: 1; pointer-events: none; background: url('./black-gold-marble.webp') center top / 1672px auto repeat-y; filter: sepia(1) saturate(1.3) brightness(.22); }
.reference-home .reference-texture { position: absolute; top: 0; left: var(--ref-origin); width: calc(1672 * var(--u)); height: calc(941 * var(--u)); background: url('./reference-artwork.png') 0 0 / 100% 100%; mask: url('./reference-texture-mask.svg') 0 0 / 100% 100% no-repeat; mask-mode: luminance; pointer-events: none; }
.reference-home .reference-art {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: var(--ref-origin);
  width: calc(1672 * var(--u));
  height: calc(941 * var(--u));
  background: url('./reference-artwork.png') 0 0 / 100% 100% no-repeat;
  /* Exact original decorative pixels only. The hole excludes the baked process UI;
     the left notch excludes the source headline. All UI is rendered in the DOM. */
  clip-path: polygon(evenodd,
    50.24% 9.5643%, 100% 9.5643%, 100% 63.9745%, 50.24% 63.9745%, 50.24% 9.5643%,
    72.1292% 27.4176%, 72.1292% 61.7439%, 92.4641% 61.7439%, 92.4641% 27.4176%, 72.1292% 27.4176%, 50.24% 9.5643%);
}
body.reference-home .site-shell:has(> .topbar) {
  position: relative;
  width: calc(1427 * var(--u));
  max-width: none;
  margin: 0 0 0 calc(var(--ref-origin) + 117 * var(--u));
  padding: calc(90 * var(--u)) 0 48px !important;
}
body.reference-home .site-shell > .topbar {
  position: absolute;
  display: block;
  top: 0;
  left: calc(-117 * var(--u) - var(--ref-origin));
  width: 100vw;
  height: calc(90 * var(--u));
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-bottom: 1px solid #d8b16426;
  border-radius: 0;
  background: #080807a8;
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
}
.reference-home .topbar::after { display: none; }
.reference-home .topbar .brand {
  position: absolute;
  top: calc(22 * var(--u));
  left: calc(var(--ref-origin) + 84 * var(--u));
  display: flex;
  width: calc(320 * var(--u));
  height: calc(52 * var(--u));
  gap: 0;
  font: 700 calc(41.2 * var(--u))/calc(48 * var(--u)) 'Times New Roman', Times, serif;
  letter-spacing: calc(.3 * var(--u));
  white-space: nowrap;
}
.reference-home .brand::before { display: none; }
.reference-home .brand__emblem { position: absolute; inset: 0 auto auto 0; width: calc(57 * var(--u)); height: calc(52 * var(--u)); margin: 0 !important; background: url('./reference-artwork.png') calc(-84 * var(--u)) calc(-22 * var(--u)) / calc(1672 * var(--u)) calc(941 * var(--u)); }
body.reference-home .topbar .brand__logo {
  position: absolute;
  top: calc(-29 * var(--u));
  left: calc(-19 * var(--u));
  width: calc(101 * var(--u)) !important;
  height: calc(106 * var(--u)) !important;
  max-width: none;
  flex-basis: auto !important;
  mix-blend-mode: screen;
  clip-path: inset(24% 12% 12% 14%);
  object-fit: contain;
}
body.reference-home .topbar .brand .brand__name { margin-left: calc(73 * var(--u)) !important; color: var(--text) !important; letter-spacing: 0 !important; }
body.reference-home .topbar .brand .brand__name span { margin-left: 0 !important; color: var(--primary) !important; }
.reference-home .topbar .nav {
  position: absolute;
  top: calc(24 * var(--u));
  left: calc(var(--ref-origin) + 522 * var(--u));
  display: flex;
  flex-wrap: nowrap;
  gap: calc(33 * var(--u));
  margin: 0 !important;
  padding: 0;
  color: var(--text);
  font-size: calc(18 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}
.reference-home .topbar .nav a { min-height: 0; line-height: inherit; padding: 0; }
.reference-home .topbar > .button {
  position: absolute;
  top: calc(22 * var(--u));
  left: calc(var(--ref-origin) + 1351 * var(--u));
  width: calc(217 * var(--u));
  height: calc(48 * var(--u));
  min-height: 0;
  min-width: 0;
  padding: 0;
  font-size: calc(18 * var(--u));
  font-weight: 600;
}
.reference-home .button--primary {
  border: 1px solid #d8b164;
  border-radius: calc(6 * var(--u));
  color: #090a08;
  background: linear-gradient(115deg, #e4bc67, #d8b164 52%, #b58b42);
  box-shadow: inset 0 1px 2px #ffecb786, 0 4px 14px #0005;
}
.reference-home .hero--home {
  display: block;
  position: relative;
  min-height: 0;
  height: calc(512 * var(--u));
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
}
.reference-home .hero--home::before, .reference-home .hero--home::after { display: none; }
.reference-home .hero__copy { display: block; width: calc(820 * var(--u)); max-width: none; height: 100%; padding: 0; }
.reference-home .hero__copy > * { position: absolute; left: 0; margin: 0; }
.reference-home .hero--home .pill {
  top: calc(26 * var(--u));
  width: calc(330 * var(--u));
  height: calc(39 * var(--u));
  padding: 0 calc(13 * var(--u));
  border: 1px solid #d8b16430;
  border-radius: calc(7 * var(--u));
  background: #13120fd4;
  box-shadow: inset 0 1px 1px #ffffff03, 0 4px 12px #0003;
  color: var(--primary);
  font-size: calc(14 * var(--u));
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}
.reference-home .pill::before { content: ''; width: calc(8 * var(--u)); height: calc(8 * var(--u)); margin-right: calc(11 * var(--u)); flex-shrink: 0; border-radius: 50%; background: var(--primary); }
.reference-home .hero--home h1 {
  top: calc(84 * var(--u));
  width: calc(820 * var(--u));
  max-width: none;
  margin: 0;
  color: var(--text);
  font: 700 calc(68 * var(--u))/calc(61 * var(--u)) 'Times New Roman', Times, serif;
  letter-spacing: 0;
  text-wrap: nowrap;
  overflow-wrap: normal;
}
.reference-home .hero--home h1::first-letter { color: inherit; }
.reference-home .hero__gold { color: var(--primary); }
.reference-home .hero--home .lead {
  top: calc(287 * var(--u));
  width: calc(600 * var(--u));
  max-width: none;
  color: #b6b5b1;
  font-size: calc(16 * var(--u));
  font-weight: 400;
  line-height: calc(26 * var(--u));
  text-wrap: nowrap;
}
.reference-home .hero--home .search-bar {
  display: flex;
  top: calc(363 * var(--u));
  width: calc(595 * var(--u));
  height: calc(52 * var(--u));
  max-width: none !important;
  gap: 0;
  margin: 0;
}
.reference-home .search-bar input {
  width: 0;
  flex: 1;
  min-height: 0;
  padding: 0 calc(18 * var(--u));
  border: 1px solid #d8b16460;
  border-radius: calc(6 * var(--u)) !important;
  color: var(--text);
  background: #0a0a09dc !important;
  font: 400 calc(18 * var(--u))/1 Arial, sans-serif;
}
.reference-home .search-bar input::placeholder { color: #a9a8a5; opacity: 1; }
.reference-home .search-bar .button { width: calc(124 * var(--u)); min-width: 0; min-height: 0; padding: 0; font-size: calc(18 * var(--u)); font-weight: 400; }
.reference-home .search-icon { width: calc(22 * var(--u)); height: calc(22 * var(--u)); margin-right: calc(10 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.reference-home .hero--home .quick-tags { display: flex; flex-wrap: nowrap; top: calc(433 * var(--u)); gap: calc(15 * var(--u)); margin: 0; }
.reference-home .quick-tags .chip { width: calc(193 * var(--u)); height: calc(49 * var(--u)); min-height: 0; padding: 0; gap: calc(10 * var(--u)); color: var(--text); font-size: calc(16 * var(--u)); font-weight: 400; letter-spacing: 0; text-transform: none; border: 1px solid #d8b16445; border-radius: calc(6 * var(--u)); background: #0a0a09ce; box-shadow: inset 0 1px 2px #ffffff05; }
.reference-home .quick-tags .chip:nth-child(2) { width: calc(185 * var(--u)); }
.reference-home .quick-tags .chip:nth-child(3) { width: calc(164 * var(--u)); }
.reference-home .line-icon { display: block; width: calc(24 * var(--u)); height: calc(24 * var(--u)); flex-shrink: 0; fill: none; stroke: var(--primary); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.reference-home .quick-tags .line-icon { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
.reference-home .quick-tags button:first-child .line-icon { fill: var(--primary); stroke-width: .5; width: calc(19 * var(--u)); }
.reference-home .hero--home .hero__stack { position: absolute; top: calc(169 * var(--u)); left: calc(1090 * var(--u)); right: auto; width: calc(337 * var(--u)); max-width: none; height: calc(321 * var(--u)); margin: 0; }
.reference-home .hero--home .search-panel { display: block; width: 100%; height: 100%; padding: calc(22 * var(--u)) calc(24 * var(--u)); border: 1px solid #d8b1649c; border-radius: calc(13 * var(--u)); background: linear-gradient(130deg,#11110f,#0a0a09 75%); box-shadow: 0 8px 24px #0009, inset 0 1px 2px #ffffff08; backdrop-filter: none; }
.reference-home .search-panel__heading { display: flex; align-items: center; gap: calc(19 * var(--u)); margin-bottom: calc(21 * var(--u)); }
.reference-home .process-compass { display: grid; place-items: center; width: calc(57 * var(--u)); height: calc(57 * var(--u)); border: 1px solid #d8b16429; border-radius: 50%; box-shadow: 0 3px 6px #0006,inset 0 0 8px #d8b1640b; }
.reference-home .process-compass .line-icon { width: calc(35 * var(--u)); height: calc(35 * var(--u)); stroke-width: 1.2; }
.reference-home .hero--home .search-panel h2 { margin: 0 !important; max-width: none; font: 700 calc(27 * var(--u))/calc(25 * var(--u)) 'Times New Roman', Times, serif; letter-spacing: 0; text-wrap: nowrap; }
.reference-home .process-list { list-style: none; padding: 0; margin: 0; display: grid; gap: calc(12 * var(--u)); }
.reference-home .process-list li { position: relative; display: grid; grid-template-columns: calc(38 * var(--u)) calc(18 * var(--u)) 1fr; align-items: start; gap: calc(10 * var(--u)); min-height: calc(42 * var(--u)); color: #eeedea; font-size: calc(14 * var(--u)); line-height: calc(20 * var(--u)); text-wrap: nowrap; }
.reference-home .process-icon { display: grid; place-items: center; width: calc(38 * var(--u)); height: calc(38 * var(--u)); border: 1px solid #d8b16450; border-radius: 50%; }
.reference-home .process-icon .line-icon { width: calc(21 * var(--u)); height: calc(21 * var(--u)); stroke-width: 1.3; }
.reference-home .process-number { padding-top: calc(6 * var(--u)); text-align: center; color: var(--primary); font-size: calc(18 * var(--u)); }
.reference-home .process-list li:not(:last-child)::after { content: ''; position: absolute; left: calc(53 * var(--u)); top: calc(31 * var(--u)); height: calc(22 * var(--u)); border-left: 1px dashed #d8b16450; }
.reference-home .hero-metrics { display: grid; grid-template-columns: 358fr 380fr 351fr 338fr; height: calc(96 * var(--u)); padding: calc(19 * var(--u)) 0; gap: 0; border: 1px solid #d8b16480; border-radius: calc(15 * var(--u)); background: linear-gradient(115deg,#10100fee,#090909f0); box-shadow: 0 0 0 calc(5 * var(--u)) #0a0a097a,0 0 0 calc(6 * var(--u)) #d8b16413, inset 0 1px 1px #ffffff0a; }
.reference-home .hero-metric { min-height: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: calc(23 * var(--u)); }
.reference-home .hero-metric + .hero-metric { border-left: 1px solid #d8b16426; }
.reference-home .hero-metric__icon .line-icon { width: calc(50 * var(--u)); height: calc(50 * var(--u)); stroke-width: 2; }
.reference-home .hero-metric strong { font: 400 calc(34 * var(--u))/calc(38 * var(--u)) 'Times New Roman', Times, serif; font-variant-numeric: normal; color: var(--primary); }
.reference-home .hero-metric small { margin-top: calc(3 * var(--u)); color: var(--text); font-size: calc(14 * var(--u)); line-height: calc(19 * var(--u)); white-space: nowrap; }
.reference-home .home-benefits { position: relative; display: grid; grid-template-columns: 277fr 251fr 261fr 258fr 250fr; gap: calc(20 * var(--u)); height: calc(207 * var(--u)); margin-top: calc(19 * var(--u)); padding: calc(21 * var(--u)) calc(23 * var(--u)) calc(17 * var(--u)) calc(27 * var(--u)); border: 1px solid #d8b16450; border-radius: calc(15 * var(--u)); background: linear-gradient(120deg,#0a0a09c9,#0d0d0bdf); }
.reference-home .home-benefits__intro { position: relative; padding: 0; grid-column: auto; min-width: 0; }
.reference-home .home-benefits__intro::after { content: ''; position: absolute; left: 0; bottom: 0; width: calc(268 * var(--u)); height: calc(59 * var(--u)); background: url('./reference-artwork.png') calc(-144 * var(--u)) calc(-848 * var(--u)) / calc(1672 * var(--u)) calc(941 * var(--u)); pointer-events: none; mask-image: linear-gradient(transparent,#000 20%,#000 85%,transparent); }
.reference-home .home-benefits .eyebrow { color: var(--primary); font-size: calc(14 * var(--u)); line-height: calc(18 * var(--u)); font-weight: 400; letter-spacing: 0; }
.reference-home .home-benefits h2 { margin: calc(15 * var(--u)) 0 0; color: var(--text); font: 700 calc(42 * var(--u))/calc(40 * var(--u)) 'Times New Roman', Times, serif; letter-spacing: calc(-.4 * var(--u)); text-wrap: nowrap; }
.reference-home .home-benefits article { display: grid; grid-template-columns: calc(40 * var(--u)) 1fr; grid-template-rows: calc(56 * var(--u)) auto; align-content: start; column-gap: calc(17 * var(--u)); min-height: 0; padding: calc(20 * var(--u)); border: 1px solid #d8b16442; border-radius: calc(11 * var(--u)); background: #10100fe3; box-shadow: inset 0 1px 2px #ffffff05; }
.reference-home .home-benefits article > span { grid-column: 1; grid-row: 1; }
.reference-home .home-benefits article .line-icon { width: calc(40 * var(--u)); height: calc(40 * var(--u)); stroke-width: 1.7; }
.reference-home .home-benefits h3 { grid-column: 2; grid-row: 1; margin: calc(4 * var(--u)) 0 0; font: 400 calc(16 * var(--u))/calc(22 * var(--u)) Arial, sans-serif; text-wrap: nowrap; }
.reference-home .home-benefits p { grid-column: 1/-1; grid-row: 2; margin: 0; color: var(--muted); font: 400 calc(15 * var(--u))/calc(24 * var(--u)) Arial, sans-serif; text-wrap: nowrap; }
.reference-home .section h2, .reference-home .section h3 { font-family: 'Times New Roman', Times, serif; }
.reference-home .section .panel, .reference-home .footer { backdrop-filter: none; background: #0c0c0be8; border-color: #d8b16445; }
.reference-home .section .metrics-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }
.reference-home .section .button { border-radius: 6px; }
.reference-home .cookie-consent__inner, .reference-home .application-card { background: #10100f; }
.reference-home .nav a:hover, .reference-home .chip:hover { color: var(--primary); }
@media (max-width:980px) {
  body.reference-home { --u: 1px; background-size: 1200px auto !important; }
  .reference-home .reference-art, .reference-home .reference-texture { display: none; }
  body.reference-home .site-shell:has(> .topbar) { width: calc(100% - 32px); margin: 0 16px; padding-top: 0 !important; }
  body.reference-home .site-shell > .topbar { position: relative; inset: auto; left: -16px; width: 100vw; height: auto; padding: 14px 20px 8px !important; display: grid; grid-template-columns: 1fr auto; gap: 10px; }
  .reference-home .topbar .brand { position: relative; inset: auto; width: 268px; height: 48px; font-size: 34px; line-height: 48px; }
  body.reference-home .topbar .brand .brand__name { margin-left: 63px !important; }
  .reference-home .brand__emblem { transform: scale(.83); transform-origin: left center; top: -2px; }
  body.reference-home .topbar .brand__logo { width: 86px !important; height: 90px !important; top: -22px; left: -16px; }
  .reference-home .topbar .nav { position: static; grid-row: 2; grid-column: 1/-1; display: flex; flex-wrap: wrap; justify-content: center; width: auto; gap: 0 22px; font-size: 15px; line-height: 44px; }
  .reference-home .topbar > .button { position: static; grid-row: 1; grid-column: 2; width: 166px; height: 44px; font-size: 15px; }
  .reference-home .hero--home { height: auto; padding: 26px 0 24px; }
  .reference-home .hero__copy { width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
  .reference-home .hero__copy > * { position: static; }
  .reference-home .hero--home .pill { width: auto; max-width: 100%; height: 39px; font-size: 12px; white-space: normal; }
  .reference-home .hero--home h1 { width: 100%; font-size: clamp(36px,6.5vw,56px); line-height: .98; text-wrap: wrap; }
  .reference-home .hero--home .lead { width: 100%; font-size: 16px; line-height: 25px; text-wrap: wrap; }
  .reference-home .hero--home .search-bar { width: min(595px,100%); height: 50px; }
  .reference-home .hero--home .quick-tags { flex-wrap: wrap; gap: 10px; }
  .reference-home .quick-tags .chip { width: auto !important; min-height: 44px; height: 46px; padding: 0 14px; font-size: 14px; }
  .reference-home .hero--home .hero__stack { position: relative; inset: auto; width: 337px; height: 321px; margin: 44px 0 0 auto; }
  .reference-home .hero__stack::before { content: ''; position: absolute; z-index: -1; width: 460px; height: 340px; right: 165px; top: -20px; background: url('./reference-artwork.png') -660px -90px / 1340px 754px; clip-path: polygon(28% 0,100% 0,100% 34%,90% 34%,90% 100%,0 100%,0 66%,28% 66%); mask-image: linear-gradient(90deg,transparent,#000 20%,#000 75%,transparent); }
  .reference-home .hero-metrics { height: auto; min-height: 170px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 0; padding: 20px 0; }
  .reference-home .hero-metric { gap: 14px; }
  .reference-home .hero-metric:nth-child(3) { border: 0; }
  .reference-home .hero-metric strong { font-size: 30px; }
  .reference-home .hero-metric small { font-size: 12px; white-space: normal; }
  .reference-home .hero-metric__icon .line-icon { width: 40px; height: 40px; }
  .reference-home .home-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); height: auto; padding: 22px; gap: 18px; }
  .reference-home .home-benefits__intro { grid-column: 1/-1; }
  .reference-home .home-benefits h2 { margin-top: 10px; font-size: 38px; }
  .reference-home .home-benefits h2 br { display: none; }
  .reference-home .home-benefits article { min-height: 167px; padding: 18px; column-gap: 12px; }
  .reference-home .home-benefits h3, .reference-home .home-benefits p { text-wrap: wrap; }
  .reference-home .home-benefits p br { display: none; }
  body.reference-home .site-shell > .topbar { grid-template-columns: minmax(0,1fr) auto !important; grid-template-areas: 'brand cta' 'nav nav' !important; align-items: center !important; }
  body.reference-home .topbar .brand { justify-self: start; font-size: 34px !important; }
  body.reference-home .topbar .nav { gap: 0 22px !important; }
  .reference-home .home-benefits__intro::after { display: none; }
}
@media (max-width:540px) {
  .reference-home .topbar .brand { width: 195px; height: 42px; font-size: 26px; line-height: 42px; }
  body.reference-home .topbar .brand { font-size: 26px !important; }
  body.reference-home .topbar .brand .brand__name { margin-left: 46px !important; }
  .reference-home .brand__emblem { transform: scale(.65); top: -5px; }
  body.reference-home .topbar .brand__logo { width: 67px !important; height: 70px !important; top: -15px; left: -13px; }
  .reference-home .topbar > .button { width: 134px; font-size: 13px; }
  .reference-home .topbar .nav { column-gap: 20px; font-size: 14px; }
  body.reference-home .topbar .nav { gap: 0 20px !important; }
  .reference-home .hero--home h1 { font-size: 36px; line-height: 36px; }
  .reference-home .hero--home h1 br { display: none; }
  .reference-home .hero--home .lead br { display: none; }
  .reference-home .search-bar input { font-size: 14px; padding: 0 12px; }
  .reference-home .search-bar .button { width: 96px; font-size: 16px; }
  .reference-home .quick-tags .chip { padding: 0 10px; font-size: 13px; gap: 6px; }
  .reference-home .hero--home .hero__stack { width: 100%; margin-top: 230px; }
  .reference-home .hero__stack::before { width: 100%; height: 220px; right: 0; top: -220px; background-position: -910px -85px; background-size: 1672px 941px; clip-path: polygon(0 0,100% 0,100% 74%,82% 74%,82% 100%,0 100%); mask-image: linear-gradient(#000 75%,transparent); }
  .reference-home .hero-metrics { padding: 18px 8px; }
  .reference-home .hero-metric { gap: 9px; justify-content: flex-start; padding: 0 6px; }
  .reference-home .hero-metric__icon .line-icon { width: 30px; height: 30px; }
  .reference-home .hero-metric strong { font-size: 27px; line-height: 30px; }
  .reference-home .hero-metric small { font-size: 11px; line-height: 16px; }
  .reference-home .home-benefits { grid-template-columns: minmax(0,1fr); padding: 20px; }
  .reference-home .home-benefits h2 { font-size: 36px; line-height: 37px; text-wrap: wrap; }
  .reference-home .home-benefits h2 br { display: initial; }
  .reference-home .home-benefits article { min-height: 167px; }
  .reference-home .section .metrics-bar { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) { .reference-home *, .reference-home *::before, .reference-home *::after { animation: none !important; transition: none !important; } }