hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy stage" "figures figures";align-items:center;gap:clamp(2rem,6vw,5rem) clamp(2rem,5vw,4rem);min-height:100svh;padding:8rem var(--gutter) 3rem;overflow:clip}hero-panel:before{content:"";position:absolute;top:42%;right:6%;width:min(70vw,46rem);aspect-ratio:1;translate:0 -50%;background:radial-gradient(circle,rgba(224,164,88,.16),transparent 62%);pointer-events:none}hero-copy{grid-area:copy;display:grid;gap:1.4rem;justify-items:start;position:relative}hero-copy h1{font-family:var(--face-display);font-size:var(--display-l);font-weight:700;line-height:.9;letter-spacing:-.045em;font-variation-settings:"wdth" 84,"opsz" 96;text-wrap:balance}hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}hero-stage{grid-area:stage;display:block;width:min(100%,32rem);justify-self:center;position:relative}hero-figures{grid-area:figures;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,4.5rem);padding-top:2rem;border-top:1px solid var(--outline)}hero-figure{display:grid;gap:.15rem}figure-value{display:block;font-family:var(--face-mono);font-size:2.1rem;font-weight:300;line-height:1;color:var(--primary);font-feature-settings:"tnum"}figure-label{display:block;font-size:var(--label);color:var(--on-surface-variant)}@media(max-width:62rem){hero-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "copy" "figures";padding-top:6.5rem;text-align:left}hero-stage{width:min(62vw,20rem);justify-self:start}hero-panel:before{top:22%;right:auto;left:-10%}}