/* Integrated brand experience; preserve the established palette and motion. */
.nav{grid-template-columns:minmax(0,1fr) auto;gap:20px}
.nav .logo{grid-column:1;grid-row:1;cursor:pointer}
.nav .nav-cta{grid-column:2;grid-row:1;font-size:10px;white-space:nowrap;padding:14px 0}
.nav .nav-cta:after{content:none}
.nav a:focus-visible,.hero-foot a:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:8px}
.hero-v2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:5vw;row-gap:28px;padding:125px 6vw 66px}
.hero-label{grid-column:1/-1;margin:0}
.hero-v2 h1{grid-column:1;grid-row:2;align-self:center;font-size:clamp(68px,8vw,164px);line-height:.78;letter-spacing:-.075em;min-width:0}
.hero-v2 h1 em{transform:translateX(10vw);font-style:italic}
.hero-orbit{position:relative;grid-column:2;grid-row:2;align-self:center;justify-self:center;right:auto;top:auto;width:min(100%,550px,max(300px,calc(100svh - 310px)));opacity:1}
.hero-orbit .es-monogram{display:block;width:88%;height:88%;object-fit:contain;position:relative;z-index:1;pointer-events:none}
.hero-foot{grid-column:1/-1;grid-row:3;gap:32px}
.hero-foot p{margin:0;max-width:420px}
.hero-foot a{flex-shrink:0;width:190px;font-size:9px}
@media(max-width:900px){
  .hero-v2{height:auto;min-height:100svh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:36px;padding:116px 6vw 72px}
  .hero-v2 h1{grid-column:1;grid-row:2;font-size:clamp(64px,11vw,110px)}
  .hero-v2 h1 em{transform:translateX(16vw)}
  .hero-orbit{grid-column:1;grid-row:3;width:min(62vw,380px);margin:12px 0 18px}
  .hero-foot{grid-column:1;grid-row:4;align-items:center}
}
@media(max-width:800px){.nav{height:82px;min-height:0;grid-template-rows:auto;padding:0 5vw}}
@media(max-width:500px){
  .nav .nav-cta{font-size:9px;letter-spacing:.1em}
  .hero-v2{gap:28px;padding-top:108px}
  .hero-v2 h1{font-size:clamp(48px,13.5vw,68px)}
  .hero-v2 h1 em{transform:translateX(14vw)}
  .hero-orbit{width:68vw;margin:12px 0}
  .hero-foot{align-items:flex-start;flex-direction:column;gap:20px}
  .hero-foot p{max-width:100%}
  .hero-foot a{width:190px;font-size:9px;gap:12px}
  .hero-foot a b{font-size:14px}
}