/* Home v3, variant A: Rothschild structure (2026-09-08).
   Loads after v2.css and focus.css. Every rule is scoped to .v3-a so the
   shared nav, Services panel, footer and intro stay untouched. */
.v3-a{--acc:#4C7CC0;--ink-80:rgba(3,12,27,.8);--ink-66:rgba(3,12,27,.66);--gut:clamp(36px,calc(3vw / var(--z,1)),44px);--peek:clamp(40px,calc(3.4vw / var(--z,1)),64px)}
.v3-a main{background:var(--paper)}

/* 1. Hero: centred stack under the video (Rothschild 01) */
.v3-a .hero__lockup{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:calc(var(--navh,96px) + 16px) var(--pad) 72px;text-align:center}
.v3-a .hero__name{font-size:clamp(60px,calc(7.6vw / var(--z,1)),120px);line-height:1.02;letter-spacing:-.03em;white-space:nowrap;margin:0}
html .v3-a .hero__rule{flex:none;width:64px;height:1px;margin:clamp(28px,calc(3.6vh / var(--z,1)),40px) 0;background:rgba(250,250,248,.55);transform:none}
.v3-a .hero__lines{font-size:clamp(18px,calc(1.45vw / var(--z,1)),22px);line-height:1.9;letter-spacing:-.01em;text-align:center;margin:0;padding:0}

/* Shared labels and rules */
.v3-a .eyebrow{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--ink-66);margin:0 0 24px}







/* Wide screens: the rail caps at 1760px, so lift the copy sizes a notch */
@media (min-width:1900px) and (max-width:1600px){
  .v3-a{--gut:48px}
  .v3-a .eyebrow{font-size:13px}
  .v3-a .hero__lines{font-size:22px}
  
  
  
  
  
  
  
  
  
  
  
  
  
}


/* Phone: everything stacks, photos keep their grade, the peek crop is dropped */
@media (max-width:900px){
  .v3-a .hero__lockup{padding:calc(var(--navh,72px) + 12px) 24px 64px;gap:0}
  .v3-a .hero__name{font-size:clamp(38px,calc(11vw / var(--z,1)),64px);letter-spacing:-.025em}
  html .v3-a .hero__rule{width:48px;margin:24px 0}
  .v3-a .hero__lines{font-size:16px;line-height:1.85}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}