/* The hero uses its own width-and-height scale, independent of page typography. */
@media (min-width:1051px) {
  :root {
    --studio-hero-unit:clamp(.85px,min(.0520833333vw,.1111111111svh),1.8px);
    --studio-hero-tabs:clamp(80px,10svh,132px);
  }
  .hero {
    --studio-hero-copy-share:.38;
    --studio-hero-copy-max:calc(520 * var(--studio-hero-unit));
    --studio-hero-height:max(520px,min(calc(665 * var(--studio-hero-unit)),calc(100svh - var(--nav-size) - var(--studio-hero-tabs) - var(--studio-hero-admin,0px) - 24px)));
    container-type:inline-size;
    grid-template-columns:minmax(0,min(calc(100% * var(--studio-hero-copy-share)),var(--studio-hero-copy-max))) minmax(0,1fr);
    height:auto;
    min-height:var(--studio-hero-height);
  }
  .admin-bar .hero { --studio-hero-admin:32px; }
  .hero-copy {
    container-type:inline-size;
    justify-content:center;
    padding:calc(32 * var(--studio-hero-unit)) calc(32 * var(--studio-hero-unit)) calc(32 * var(--studio-hero-unit)) 0;
  }
  .hero-copy>.eyebrow { font-size:calc(10 * var(--studio-hero-unit)); letter-spacing:calc(1.1 * var(--studio-hero-unit)); }
  .hero h1 {
    margin:calc(28 * var(--studio-hero-unit)) 0 calc(22 * var(--studio-hero-unit));
    font-size:min(calc(96 * var(--studio-hero-unit)),18.5cqw);
    line-height:1.18;
    letter-spacing:calc(-3 * var(--studio-hero-unit));
  }
  .hero-description { font-size:calc(14 * var(--studio-hero-unit)); line-height:1.85; min-height:3.7em; max-width:48ch; }
  .hero-copy>.button {
    margin-top:calc(28 * var(--studio-hero-unit));
    min-height:calc(52 * var(--studio-hero-unit));
    padding:calc(16 * var(--studio-hero-unit)) calc(24 * var(--studio-hero-unit));
    gap:calc(45 * var(--studio-hero-unit));
    font-size:calc(13 * var(--studio-hero-unit));
  }
  .hero-copy>.button span:last-child { font-size:calc(20 * var(--studio-hero-unit)); }
  .hero-note { margin-top:calc(44 * var(--studio-hero-unit)); padding:0; gap:calc(16 * var(--studio-hero-unit)); }
  .hero-note p { font-size:calc(9 * var(--studio-hero-unit)); line-height:1.7; }
  .hero-note p span { font-size:calc(10 * var(--studio-hero-unit)); }
  .hero-note .note-line { width:calc(30 * var(--studio-hero-unit)); margin-top:calc(5 * var(--studio-hero-unit)); }
  .hero-visual { height:auto; align-self:stretch; min-height:calc((100cqw - min(calc(100cqw * var(--studio-hero-copy-share)),var(--studio-hero-copy-max))) / 1.7); }
  .visual-topline { top:calc(30 * var(--studio-hero-unit)); left:calc(32 * var(--studio-hero-unit)); right:calc(32 * var(--studio-hero-unit)); font-size:calc(9 * var(--studio-hero-unit)); }
  .visual-caption { left:calc(36 * var(--studio-hero-unit)); right:calc(36 * var(--studio-hero-unit)); bottom:calc(65 * var(--studio-hero-unit)); }
  .caption-kicker { font-size:calc(11 * var(--studio-hero-unit)); margin-bottom:calc(12 * var(--studio-hero-unit)); }
  .visual-caption strong { font-size:calc(29 * var(--studio-hero-unit)); }
  .image-disclaimer { left:calc(36 * var(--studio-hero-unit)); bottom:calc(23 * var(--studio-hero-unit)); font-size:calc(9 * var(--studio-hero-unit)); }
  .hero-tab { min-height:var(--studio-hero-tabs); padding:0 clamp(20px,1.6vw,42px); gap:clamp(16px,1.3vw,32px); font-size:clamp(12px,.65vw,20px); }
  .hero-tab strong { font-size:inherit; line-height:1.45; margin-bottom:8px; }
  .hero-tab small { font-size:clamp(8px,.4vw,11px); letter-spacing:1.2px; }
  .hero-tab .tab-number { font-size:clamp(10px,.55vw,16px); }
  .hero-tab .tab-arrow { font-size:clamp(20px,1.2vw,32px); }
}
@media (min-width:1051px) and (max-width:1190px) {
  .hero { --studio-hero-copy-share:.4; }
}
@media (min-width:1800px) {
  .hero { --studio-hero-copy-share:.3; }
}
@media (min-width:1051px) and (max-height:740px) {
  .hero { --studio-hero-height:max(420px,min(calc(600 * var(--studio-hero-unit)),calc(100svh - var(--nav-size) - var(--studio-hero-tabs) - var(--studio-hero-admin,0px) - 24px))); }
  .hero-note { display:none; }
}