/* The home screen uses an uninterrupted dark surface from navigation to gallery. */
body[data-page="home"] .announcement {
  background:#100c0a;
  color:#d7b995;
}
body[data-page="home"] .site-header {
  background:#100c0a;
  color:#f7ebdc;
  border-bottom:0;
  box-shadow:none;
}
body[data-page="home"] .header-dock-spacer { background:#100c0a; }
body[data-page="home"] .site-header .brand img {
  filter:brightness(0) invert(.91) sepia(.14);
}
@media (min-width:1451px) {
  body[data-page="home"] .site-header .nav :is(.nav-item-wrap>a,.client-account-link,.employee-signin) {
    color:#f7ebdc;
  }
}
body[data-page="home"] .site-header .nav-toggle { color:#f7ebdc; }
body[data-page="home"] .site-header .nav-toggle span { background:#f7ebdc; }
body[data-page="home"] .site-header .site-cart-link {
  color:#ffe1ad;
  background:#2e1d13;
  border-color:#c59765;
}
body[data-page="home"] .site-header .site-cart-link svg {
  stroke:currentColor;
  stroke-width:1.85;
}
body[data-page="home"] .site-header .site-cart-link .site-cart-count {
  color:#24160c;
  background:#ffe1ad;
  border-color:#24160c;
}
body[data-page="home"] .site-header .site-cart-link:focus-visible {
  outline:2px solid #ffe1ad;
  outline-offset:3px;
}
body[data-page="home"] .site-header .site-cart-link:is(:hover,:focus-visible) {
  background:#38261a;
  border-color:#e0aa6b;
}

.hero.eclipse-hero {
  display:grid;
  grid-template-columns:minmax(0, 47fr) minmax(0, 53fr);
  align-items:stretch;
  width:100%;
  max-width:none;
  min-height:max(560px, calc(100vh - var(--eclipse-header-height, 0px)));
  min-height:max(560px, calc(100dvh - var(--eclipse-header-height, 0px)));
  gap:0;
  margin:0;
  padding:0;
  border-radius:0;
  background:#100c0a;
  color:#f7ebdc;
  isolation:isolate;
}
.eclipse-hero .hero-copy {
  align-self:center;
  padding:clamp(38px, 5vw, 104px) 0 clamp(38px, 5vw, 104px) clamp(28px, 6vw, 132px);
  position:relative;
  z-index:1;
}
.eclipse-hero .eyebrow { color:#edc89c; }
.hero.eclipse-hero h1 {
  color:#fbf0e2;
  font-size:clamp(46px, 5.15vw, 106px)!important;
  line-height:.98!important;
  letter-spacing:-.044em!important;
  margin:20px 0 20px;
}
.eclipse-hero h1 em { color:inherit; }
.hero.eclipse-hero .hero-copy p { color:#e7d4c0; max-width:36ch; }
.eclipse-hero .hero-actions { gap:12px; }
.eclipse-hero #heroPrimary {
  color:#201209;
  background:#e0aa6b;
  border:1px solid #e0aa6b;
  border-radius:4px;
}
.eclipse-hero #heroPrimary:hover { background:#f2c28a; }
.eclipse-hero #heroSecondary { color:#faecda; border-color:#9b7751; border-radius:4px; }
.eclipse-hero :is(button,a):focus-visible { outline:2px solid #ffcc92; outline-offset:4px; }
.eclipse-art {
  position:relative;
  overflow:hidden;
  min-width:0;
  background:#100c0a;
}
.eclipse-art :is(img,video) {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:contain;
  object-position:right center;
}
.eclipse-art::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#100c0a,transparent 22%);
}
#eclipseVideo { opacity:0; }
#eclipseVideo.has-frame { opacity:1; }
.eclipse-motion-toggle {
  position:absolute;
  z-index:1;
  inset:auto auto 18px 18px;
  min-height:44px;
  padding:0 14px;
  color:#faecda;
  background:#21160f;
  border:1px solid #9b7751;
  border-radius:4px;
  font:600 12px var(--sans);
}
.eclipse-motion-toggle[hidden] { display:none; }
@media (prefers-reduced-motion:reduce) {
  #eclipseVideo,#eclipseMotionToggle { display:none; }
}

/* Keep light text on the dark studio card regardless of the global text palette. */
body[data-page="home"] #about .about-copy { min-width:0; }
body[data-page="home"] #about .about-copy :is(h2,p,.script-signature) {
  color:#fff1e4;
  overflow-wrap:anywhere;
}
body[data-page="home"] #about .about-copy h2 em { color:#f3c58f; }
body[data-page="home"] #about .about-copy p { max-width:60ch; }

@media (max-width:760px) {
  .hero.eclipse-hero {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    min-height:calc(100vh - var(--eclipse-header-height, 0px));
    min-height:calc(100dvh - var(--eclipse-header-height, 0px));
  }
  body[data-page="home"] #about .about-copy {
    padding:clamp(32px, 9vw, 64px) clamp(20px, 6vw, 42px);
  }
  body[data-page="home"] #about .about-copy h2 {
    font-size:clamp(30px, 9vw, 52px)!important;
    line-height:1.08!important;
  }
  body[data-page="home"] #about .about-copy .script-signature {
    font-size:clamp(28px, 8vw, 42px);
  }
  .eclipse-hero .hero-copy { grid-row:2; padding:20px 22px 32px!important; }
  .hero.eclipse-hero h1 { font-size:clamp(38px, 9.9vw, 66px)!important; }
  .eclipse-hero .hero-actions { margin-top:20px; }
  .eclipse-art { grid-row:1; min-height:clamp(240px, 78vw, 395px); }
  .eclipse-art :is(img,video) { object-position:center; }
  .eclipse-art::after { background:linear-gradient(#100c0a,transparent 19%); }
}