:root {
  --ink: #0a0a09;
  --ink-raised: #11110f;
  --ink-soft: #171714;
  --ivory: #eee9de;
  --warm-white: #f6f1e7;
  --muted: #a7a198;
  --quiet: #737069;
  --line: rgba(238, 233, 222, 0.16);
  --line-strong: rgba(238, 233, 222, 0.3);
  --gold: #a78f58;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Arial, Helvetica, sans-serif;
  --page: min(1380px, calc(100vw - 96px));
  --reading: 760px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 144px;
  --ease: cubic-bezier(.2,.65,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  background: var(--ink);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; height: auto; display: block; }
::selection { color: var(--ink); background: var(--ivory); }

.skip-link {
  position: fixed; left: 16px; top: -80px; z-index: 1000;
  background: var(--ivory); color: var(--ink); padding: 10px 14px;
}
.skip-link:focus { top: 16px; }
.site-shell { min-height: 100vh; }
.site-header {
  position: relative; z-index: 50; width: 100%;
  border-bottom: 1px solid transparent;
}
.header-inner {
  width: var(--page); height: 92px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
}
.brand {
  font: 600 12px/1.2 var(--sans); letter-spacing: .2em; text-transform: uppercase;
  white-space: nowrap;
}
.nav-list { display: flex; align-items: center; gap: 30px; margin: 0; padding: 0; list-style: none; }
.nav-link {
  position: relative; font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); transition: color .25s var(--ease);
}
.nav-link::after {
  content: ''; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px;
  background: var(--gold); transition: right .25s var(--ease);
}
.nav-link:hover, .nav-link:focus-visible, .nav-link[aria-current='page'] { color: var(--ivory); }
.nav-link:hover::after, .nav-link:focus-visible::after, .nav-link[aria-current='page']::after { right: 0; }
.mobile-nav { display: none; }
.menu-button {
  display: none; border: 0; background: transparent; color: var(--ivory); padding: 10px;
  font: 600 10px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; cursor: pointer;
}

.container { width: var(--page); margin-inline: auto; }
.section { padding-block: var(--space-7); border-top: 1px solid var(--line); }
.section:first-child { border-top: 0; }
.eyebrow {
  margin: 0 0 22px; color: var(--gold); font-size: 10px; line-height: 1.3;
  letter-spacing: .22em; text-transform: uppercase;
}
.display {
  margin: 0; font: 400 clamp(44px, 7vw, 112px)/.92 var(--serif); letter-spacing: -.045em;
}
.title-xl { margin: 0; font: 400 clamp(40px, 5.2vw, 78px)/1.02 var(--serif); letter-spacing: -.035em; }
.title-lg { margin: 0; font: 400 clamp(32px, 4vw, 62px)/1.07 var(--serif); letter-spacing: -.025em; }
.title-md { margin: 0; font: 400 clamp(28px, 3vw, 44px)/1.12 var(--serif); }
.lead { color: var(--muted); font: 400 clamp(18px, 2vw, 25px)/1.65 var(--serif); }
.muted { color: var(--muted); }
.quiet { color: var(--quiet); }
.reading { max-width: var(--reading); }
.micro-divider { width: 38px; height: 1px; margin: 30px 0; background: var(--gold); }
.text-link {
  display: inline-flex; align-items: center; gap: 12px; padding-block: 8px;
  font-size: 11px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase;
}
.text-link span { transition: transform .25s var(--ease); }
.text-link:hover span, .text-link:focus-visible span { transform: translateX(5px); }
.external-link:hover span, .external-link:focus-visible span { transform: translate(3px,-3px); }

.opening-hero {
  min-height: calc(100vh - 92px); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  align-items: stretch; border-bottom: 1px solid var(--line);
}
.opening-hero__media { min-height: 620px; }
.opening-hero__copy { padding: clamp(48px, 7vw, 120px); display: flex; flex-direction: column; justify-content: center; }
.opening-subline { margin: 30px 0 0; color: var(--muted); font-size: 12px; letter-spacing: .19em; text-transform: uppercase; }
.media-stage {
  position: relative; overflow: hidden; min-height: 540px; background:
    radial-gradient(circle at 48% 44%, rgba(255,255,255,.075), transparent 18%),
    linear-gradient(135deg, #171714, #0c0c0b 65%);
}
.media-stage::before {
  content: ''; position: absolute; left: 50%; top: 19%; width: 23%; aspect-ratio: .65;
  transform: translateX(-50%); border: 1px solid rgba(238,233,222,.24); border-radius: 48% 48% 42% 42%;
  box-shadow: 0 40px 80px rgba(0,0,0,.55), inset 0 0 50px rgba(255,255,255,.03);
}
.media-stage::after {
  content: ''; position: absolute; left: 22%; right: 22%; bottom: 12%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(238,233,222,.24), transparent);
}
.media-stage__note {
  position: absolute; left: 24px; bottom: 20px; margin: 0; color: var(--quiet);
  font-size: 9px; letter-spacing: .15em; text-transform: uppercase;
}
.thank-you { display: grid; grid-template-columns: 1fr 1.15fr; gap: 10vw; align-items: start; }
.thank-you .body-copy { margin-top: 4px; max-width: 700px; color: var(--muted); font: 400 19px/1.8 var(--serif); }
.gateway { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); gap: clamp(46px, 8vw, 130px); align-items: center; }
.gateway--reverse { grid-template-columns: minmax(340px, .8fr) minmax(0, 1.2fr); }
.gateway--reverse .gateway__media { order: 2; }
.gateway-index { color: var(--gold); font-size: 10px; letter-spacing: .22em; }
.gateway-copy p { max-width: 520px; margin: 25px 0 32px; color: var(--muted); }

.page-hero { padding: var(--space-6) 0 var(--space-7); }
.page-hero__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 8vw; align-items: end; }
.page-hero .media-stage { min-height: 620px; }
.page-hero__copy { padding-bottom: 24px; }
.page-hero__copy .lead { margin: 30px 0 0; max-width: 520px; }
.section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 30px; margin-bottom: 54px; }
.section-heading p { max-width: 500px; margin: 0; color: var(--muted); }
.empty-record {
  min-height: 310px; padding: clamp(34px, 5vw, 70px); border-block: 1px solid var(--line);
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
}
.empty-record strong { font: 400 clamp(24px, 3vw, 40px)/1.2 var(--serif); }
.empty-record p { max-width: 640px; margin: 16px 0 0; color: var(--muted); }
.works-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 72px 34px; }
.works-grid--archive { grid-template-columns: repeat(3, 1fr); }
.filters { display: flex; flex-wrap: wrap; gap: 24px; margin: 0 0 54px; padding: 0; list-style: none; }
.filter {
  border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--quiet);
  padding: 6px 0; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; cursor: pointer;
}
.filter[aria-pressed='true'], .filter:hover, .filter:focus-visible { color: var(--ivory); border-bottom-color: var(--gold); }

.service-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); }
.service { padding: 28px 24px 28px 0; border-bottom: 1px solid var(--line); }
.service + .service { padding-left: 24px; border-left: 1px solid var(--line); }
.service h3 { margin: 0; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.service p { margin: 14px 0 0; color: var(--quiet); font-size: 13px; }

.breadcrumb { margin: 0 0 42px; color: var(--quiet); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.artwork-shell { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .8fr); gap: 7vw; align-items: start; }
.artwork-shell .media-stage { min-height: 680px; }
.artwork-meta { position: sticky; top: 38px; padding-top: 20px; }
.metadata-list { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.metadata-list li { display: flex; justify-content: space-between; gap: 25px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.metadata-list span { color: var(--quiet); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.metadata-list strong { color: var(--muted); font-size: 12px; font-weight: 400; text-align: right; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.field { display: flex; flex-direction: column; gap: 10px; }
.field--wide { grid-column: 1 / -1; }
.field label { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.field input, .field textarea, .field select {
  width: 100%; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0;
  background: transparent; color: var(--ivory); padding: 14px 0; outline: none;
}
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field textarea:focus, .field select:focus { border-bottom-color: var(--gold); }
.field input:disabled, .field textarea:disabled, .field select:disabled { opacity: .45; cursor: not-allowed; }
.phase-notice { margin: 34px 0; padding: 22px 24px; border-left: 1px solid var(--gold); background: var(--ink-raised); color: var(--muted); font-size: 13px; }
.inquiry-layout { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(520px,1.28fr); gap: clamp(48px,8vw,120px); align-items: start; }
.inquiry-surface { padding-top: 42px; }
.inquiry-privacy-note { max-width: 520px; margin-top: 32px; padding-left: 18px; border-left: 1px solid var(--gold); color: var(--quiet); font-size: 12px; line-height: 1.7; }
.inquiry-honeypot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.inquiry-consent { display: flex; gap: 12px; align-items: flex-start; margin: 30px 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.inquiry-consent input { width: 17px; height: 17px; margin-top: 1px; accent-color: var(--gold); }
.inquiry-actions { display: flex; align-items: center; gap: 20px; }
.inquiry-actions span { color: var(--quiet); font-size: 10px; line-height: 1.5; }
.inquiry-status { margin: 24px 0 0; padding: 15px 18px; border-left: 1px solid var(--gold); background: var(--ink-raised); color: var(--muted); }
.inquiry-status.is-error { border-color: #a86a60; color: #e7b7af; }
.inquiry-success { padding: clamp(28px,5vw,54px); border: 1px solid var(--line); background: var(--ink-raised); }
.inquiry-success h2 { margin: 14px 0; font: 400 clamp(34px,4vw,54px)/1.05 var(--serif); }
.inquiry-success strong { color: var(--gold); letter-spacing: .12em; }
.inquiry-direct { margin-top: 34px; }
.button-quiet {
  display: inline-flex; border: 1px solid var(--line-strong); background: transparent; color: var(--ivory);
  padding: 15px 20px; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.button-quiet:disabled { color: var(--quiet); cursor: not-allowed; }

.admin-shell { min-height: calc(100vh - 92px); display: grid; place-items: center; padding: 50px 24px; }
.admin-panel { width: min(620px, 100%); padding: clamp(34px, 7vw, 76px); border: 1px solid var(--line); background: var(--ink-raised); }
.admin-panel p { color: var(--muted); }

.site-footer { border-top: 1px solid var(--line); padding: 72px 0 38px; }
.footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 60px; }
.footer-brand { font: 400 26px/1.2 var(--serif); }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-links li + li { margin-top: 9px; }
.footer-links a { color: var(--muted); font-size: 12px; }
.footer-links a:hover, .footer-links a:focus-visible { color: var(--ivory); }
.footer-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 70px; padding-top: 25px; border-top: 1px solid var(--line); color: var(--quiet); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }

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

@media (max-width: 1050px) {
  :root { --page: min(100% - 48px, 1000px); --space-7: 112px; }
  .desktop-nav { display: none; }
  .menu-button { display: block; }
  .mobile-nav {
    position: fixed; inset: 0; z-index: 40; display: none; flex-direction: column; justify-content: center;
    padding: 10vw; background: rgba(10,10,9,.98);
  }
  .mobile-nav.is-open { display: flex; }
  .mobile-nav .nav-list { flex-direction: column; align-items: flex-start; gap: 24px; }
  .mobile-nav .nav-link { font: 400 clamp(27px, 5vw, 48px)/1.2 var(--serif); letter-spacing: 0; text-transform: none; }
  .opening-hero { grid-template-columns: 1fr; }
  .opening-hero__media { min-height: 56vh; }
  .opening-hero__copy { min-height: 48vh; padding: 70px 24px; }
  .thank-you { grid-template-columns: 1fr; gap: 46px; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .service:nth-child(odd) { border-left: 0; padding-left: 0; }
  .service:nth-child(even) { border-left: 1px solid var(--line); padding-left: 24px; }
  .works-grid--archive { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  :root { --page: calc(100% - 32px); --space-6: 70px; --space-7: 88px; }
  body { font-size: 15px; }
  .header-inner { height: 72px; }
  .brand { font-size: 10px; }
  .opening-hero { min-height: auto; }
  .opening-hero__media, .media-stage { min-height: 62vh; }
  .opening-hero__copy { min-height: 42vh; }
  .display { font-size: clamp(45px, 15vw, 74px); }
  .gateway, .gateway--reverse, .page-hero__grid, .artwork-shell { grid-template-columns: 1fr; gap: 42px; }
  .gateway--reverse .gateway__media { order: 0; }
  .page-hero { padding-top: 54px; }
  .page-hero .media-stage, .artwork-shell .media-stage { min-height: 65vh; }
  .page-hero__copy { padding-bottom: 0; }
  .section-heading { flex-direction: column; margin-bottom: 38px; }
  .works-grid, .works-grid--archive { grid-template-columns: 1fr; gap: 58px; }
  .service-grid { grid-template-columns: 1fr; }
  .service, .service + .service, .service:nth-child(even) { border-left: 0; padding-left: 0; }
  .artwork-meta { position: static; }
  .form-grid { grid-template-columns: 1fr; }
  .inquiry-layout { grid-template-columns: 1fr; gap: 20px; }
  .inquiry-surface { padding-top: 0; }
  .inquiry-actions { align-items: flex-start; flex-direction: column; }
  .field--wide { grid-column: auto; }
  .footer-grid { grid-template-columns: 1fr; gap: 38px; }
  .footer-meta { flex-direction: column; }
}

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