/* Preserve the approved product assets and layout alongside the Git design system. */
.hero{display:flex;min-height:760px;height:92svh;background:var(--bg-deep)}
.hero-copy{width:44%;max-width:640px}
.hero h1{font-size:64px;letter-spacing:0}
.logo{letter-spacing:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 20%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);mask-composite:intersect;mix-blend-mode:lighten}
.assembly-photo{display:block;margin-top:64px;background:var(--bg-deep)}
.assembly-photo img{display:block;width:100%;height:auto}
.spec-body-images{display:block;margin-top:40px}
.spec-body-images .numbers{grid-template-columns:repeat(3,minmax(0,1fr))}
.spec-body-images .numbers div{padding:24px 20px;border-left:0}
.investors{padding:clamp(95px,10vw,160px) var(--pad);background:var(--bg-raised)}
.investors-copy{max-width:850px}
.investors h2{font-size:56px;margin:0;letter-spacing:0}
.investors-copy>p{font-size:18px;line-height:1.7;color:var(--muted)}
.investor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}
.investor-grid article{border-top:1px solid var(--hairline);padding-top:24px;min-width:0}
.investor-grid article>span{color:var(--soft);font-size:11px}
.investor-grid h3{font-size:22px;font-weight:400;line-height:1.3;margin:28px 0 14px;overflow-wrap:anywhere}
.investor-grid p{font-size:14px;line-height:1.7;color:var(--muted)}
.investor-grid strong{color:var(--white);font-weight:500}
@media(min-width:981px){
  /* Golden-section visual column: center at 69.1%, corrected for the source image. */
  .hero-photo{--optical-shift:min(2.8vw,max(37.8px,4.58svh));left:69.1%;right:auto;transform:translateX(calc(-50% - var(--optical-shift))) scale(.8)}
}
@media(max-width:980px){
  html{scroll-padding-top:16px}
  .topbar{position:relative;inset:auto}
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;padding:0 var(--pad) 64px}
  .hero-photo{order:0;position:relative;inset:auto;align-self:center;width:calc(100% + 2 * var(--pad));max-width:100vw;height:520px;object-fit:cover;object-position:54% center;transform:none;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}
  .hero-copy{order:1;width:100%;max-width:730px;padding:20px 0 0}
  .hero h1{font-size:44px}
  .site-nav{max-height:calc(100dvh - 100px);overflow-y:auto}
  .investor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-body-images .numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .hero-photo{height:364px}
  .hero-copy{padding-top:16px}
  .hero h1{font-size:35px;line-height:1.16}
  .hero-description{font-size:15px}
  .hero{padding-bottom:48px}
  .assembly-photo{margin-top:32px}
  .investors{padding-block:85px}
  .investors h2{font-size:39px}
  .investor-grid{grid-template-columns:1fr;gap:16px}
  .investors-copy>p{font-size:15px}
}
@media(min-width:421px) and (max-width:650px){.hero-photo{height:416px}}
@media(max-width:360px){.hero h1{font-size:32px}}