/* Intirium / dark glass. The source layout and content remain unchanged. */
.intirium-theme {
  --white: #f4f2ed;
  --bg: #111216;
  --charcoal: #f4f2ed;
  --text-secondary: #aba9a4;
  --border: #ffffff1c;
  --gold: #c7a66a;
  background: #0b0c0f;
  color: #f4f2ed;
  color-scheme: dark;
}
.intirium-theme header { background: linear-gradient(#08090cee, #08090c00); }
.intirium-theme header.scrolled { background: #0b0c0fee; border-bottom-color: var(--border); }
.intirium-theme nav.links a { color: #e6e3dd; }
.intirium-theme .nav-cta { border-color: #c7a66a66; color: #ded1b7; }
.intirium-theme .nav-cta:hover { color: #0b0c0f; background: #c7a66a; }
.intirium-theme .menu-btn span { background: #f4f2ed; }
.intirium-theme .hero { height: 100svh; min-height: 720px; padding: 0; background: #08090c; }
.intirium-glass-hero { position: absolute; inset: 0; overflow: hidden; }
.intirium-theme .hero::after { pointer-events: none; background: linear-gradient(0deg,#08090c 0%,#08090cd9 20%,#08090c8c 38%,transparent 62%); }
.intirium-theme .hero-inner { padding-bottom: 76px; pointer-events: none; }
.intirium-theme .hero-inner a { pointer-events: auto; }
.intirium-theme .hero-heading { font-size: clamp(2rem,3.3vw,3.5rem); max-width: 22ch; margin-bottom: 18px; font-weight: 300; }
.intirium-theme .hero-sub { font-size: 15px; max-width: 52ch; margin-bottom: 28px; color: #c5c2bd; }
.intirium-theme .hero .eyebrow { margin-bottom: 16px; font-size: 10px; letter-spacing: .2em; }
.intirium-theme .hero .btn { padding: 13px 24px; font-size: 10px; }
.intirium-theme .btn-gold { color: #0b0c0f; }
.intirium-theme .btn-gold:hover { color: #c7a66a; }
.intirium-theme .btn-light { border-color: #ffffff35; }
.intirium-theme .btn-light:hover { background: #f4f2ed; color: #0b0c0f; }
.intirium-theme .btn-dark { border-color: #c7a66a80; color: #c7a66a; }
.intirium-theme .btn-dark:hover { background: #c7a66a; color: #0b0c0f; }
.intirium-theme .scroll-cue { color: #96948d; font-size: 10px; bottom: 44px; }
.intirium-theme .scroll-cue::after { animation: none; background: #c7a66a55; height: 28px; }
.intirium-theme .section-alt { background: #111216; }
.intirium-theme .plate { background: #17181b; }
.intirium-theme .plate-label { background: #101115; border-color: var(--border); color: #aba9a4; }
.intirium-theme .material-card { background: #17181b; box-shadow: 0 0 0 1px #ffffff0f, 0 24px 48px -28px #000000a0; }
.intirium-theme .material-card:hover { box-shadow: 0 0 0 1px #c7a66a3d, 0 28px 56px -24px #000000c0; }
.intirium-theme .material-swatch-3d { background: #17181b; }
.intirium-theme .material-name { color: #e7dfd1; }
.intirium-theme .insp-photo { background: #17181b; box-shadow: 0 0 0 1px #ffffff0f, 0 24px 48px -28px #000000a0; }
.intirium-theme .insp-photo:hover { box-shadow: 0 0 0 1px #c7a66a3d, 0 28px 56px -24px #000000c0; }
.intirium-theme .service-card::before { background: var(--gold); }
.intirium-theme .service-card:hover { background: #15161a; }
.intirium-theme .edrow-label { color: #e3dfd6; }
.intirium-theme .closing-block, .intirium-theme .cta-section, .intirium-theme footer { background: #08090c; }
.intirium-theme .footer-col h4, .intirium-theme .footer-bottom { color: #99968e; }
.intirium-theme ::selection { color: #08090c; background: #c7a66a; }
.intirium-theme :is(a,button):focus-visible { outline: 1px solid #c7a66a; outline-offset: 5px; }
.intirium-theme section[id] { scroll-margin-top: 100px; }
.intirium-intro-pending::after { content: ''; position: fixed; inset: 0; z-index: 9999; background: #08090c; pointer-events: none; }
.intirium-intro__controls { display: none !important; }

/* The spotlight frames had no height constraint, so the portrait-oriented
   project photos stretched to their full natural aspect ratio and made this
   section nearly a third of the page by itself. Capping it keeps every
   project visible without the section dominating the scroll. */
.intirium-theme .spotlight-img-wrap { aspect-ratio: 16 / 10; height: auto; }
.intirium-theme .spotlight-section { padding: 64px 0; }
.intirium-theme .spotlight-row + .spotlight-row { margin-top: 48px; }
@media (max-width: 900px) {
  .intirium-theme header { padding: 20px 0; }
  .intirium-theme .nav-row { gap: 20px; }
  .intirium-theme .nav-cta { margin-left: auto; font-size: 10px; padding: 10px 14px; }
  .intirium-theme .hero { min-height: 740px; }
  .intirium-theme .hero-inner { padding-bottom: 70px; }
  .intirium-theme .hero-heading { max-width: 18ch; font-size: clamp(1.8rem,6vw,2.8rem); }
  .intirium-theme .hero-sub { font-size: 14px; max-width: 40ch; }
  .intirium-theme .hero .btn-row { gap: 12px; }
  .intirium-theme .hero .btn { padding: 13px 17px; font-size: 9px; }
  .intirium-theme .scroll-cue { bottom: 24px; right: 24px; }
  .intirium-theme nav.links.is-open { display: flex; position: absolute; top: 100%; left: 0; right: 0; padding: 24px; gap: 24px; flex-direction: column; background: #0b0c0f; border-bottom: 1px solid var(--border); }
}
@media (max-width: 380px) {
  .intirium-theme .wrap { padding-left: 20px; padding-right: 20px; }
  .intirium-theme .nav-row { gap: 14px; }
  .intirium-theme .nav-cta { padding: 10px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .intirium-theme .reveal { opacity: 1; transform: none; }
  .intirium-theme .insp-photo img { transition: none; }
}