.hero{--edge:clamp(12px,1.6vw,28px);--side:clamp(200px,23%,520px);display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--side);grid-template-areas:"card copy photo";grid-column-gap:clamp(24px,3vw,56px);column-gap:clamp(24px,3vw,56px);padding:clamp(40px,5.5vw,96px) var(--edge);text-align:center}.hero,.hero-copy{align-items:center}.hero-copy{grid-area:copy;min-width:0;container-type:inline-size;display:flex;flex-direction:column}.hero-copy .hero-title{font-size:min(clamp(34px,4.6vw,76px),calc(100cqi / var(--fit, 11.8)))}.hero-copy .hl{padding:0 .1em .02em}.hero-copy .hero-arrow{margin-right:-1.7em}.hero-copy .hero-actions{justify-content:center}.hero-copy .hero-lede{font-family:var(--sans);font-weight:400;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--ink-2);max-width:40ch;margin:clamp(18px,2vw,26px) 0 0}.hero-copy .hero-lede+.hero-actions{margin-top:clamp(20px,2.2vw,28px)}@media (min-width:600px){.hero-br{display:none}}@media (max-width:599px){.hero-copy .hero-title{font-size:min(clamp(30px,9vw,44px),calc(100cqi / var(--fit-sm, 9)))}}.hero-photo{grid-area:photo;width:100%;overflow:hidden;aspect-ratio:4/5;background:var(--deep)}.hero-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%}.hero-portrait{left:var(--edge);right:auto;top:auto;width:clamp(110px,14%,260px);height:auto;aspect-ratio:4/5;overflow:hidden;background:var(--marker)}.hero-portrait,.hero-portrait img{position:absolute;bottom:0;max-width:none}.hero-portrait img{right:0;width:auto;height:94%;object-fit:contain;object-position:right bottom}@media (max-width:999px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-areas:"copy copy" "card photo";align-items:end;column-gap:14px;row-gap:clamp(32px,6vw,44px);padding:clamp(56px,9vw,88px) var(--hero-px) 0}.hero-copy{align-self:center}.hero-photo{justify-self:end;width:min(calc(100% + var(--hero-px) - var(--edge)),300px);margin:0 calc(var(--edge) - var(--hero-px)) clamp(24px,5vw,36px) 0}.hero-portrait{position:relative;left:auto;grid-area:card;justify-self:start;align-self:end;width:min(calc(100% + var(--hero-px) - var(--edge)),180px);margin:0 0 0 calc(var(--edge) - var(--hero-px))}}@media screen and (prefers-reduced-motion:no-preference){.hero-photo{animation:wipe-up 1.1s cubic-bezier(.7,0,.2,1) .15s both}.hero-photo img{animation:settle 1.5s cubic-bezier(.2,.7,.2,1) .15s both}.hero-portrait{animation-delay:.45s}}