/* Design A: original typography + original photograph, full bleed.
   The featured sample lives in the image's negative space, not over a person. */
html body .hero.hero-design-a{position:relative;isolation:isolate;overflow:hidden;padding:0!important;background:#052a21;color:var(--white)}
html body .hero-design-a>.court-backdrop{z-index:0;pointer-events:none;opacity:.07}
html body .hero-design-a .hero-grid{position:static;display:block;width:min(calc(100% - var(--gutter)*2),1680px);padding:44px 0 100px;margin:auto;min-height:clamp(630px,49vw,850px);box-sizing:border-box}
html body .hero-design-a .hero-copy{position:relative;z-index:2;max-width:43%;width:600px;padding:0;margin:0}
html body .hero-design-a .eyebrow{font-size:15px;letter-spacing:.065em;margin-bottom:22px;color:#d1dfd5;font-weight:600}
html body .hero-design-a h1{font-family:inherit;font-size:clamp(82px,6.85vw,118px);line-height:.99;font-weight:600;letter-spacing:-.057em;max-width:none;margin:0;animation:none}
html body .hero-design-a h1 .heading-sway,html body .hero-design-a h1 .heading-face{color:var(--white)}
html body .hero-design-a h1 .heading-face>span{color:var(--gold)}
html body .hero-design-a .hero-description{font-size:clamp(15px,1.15vw,18px);line-height:1.55;max-width:40ch;margin-top:23px;color:#e0e8e0}
html body .hero-design-a .outcome-anchor{font-size:13px;line-height:1.5;margin-top:11px;color:var(--gold);max-width:37ch}
html body .hero-design-a .hero-actions{margin-top:22px}
html body .hero-design-a .hero-actions .button{width:300px;min-height:54px;max-width:100%;font-size:14px;padding:14px 26px;color:var(--pine)!important;background:var(--gold)!important;box-shadow:none}
html body .hero-design-a .hero-actions>p{font-size:12px;line-height:1.5;margin-top:10px;max-width:32ch;color:#c8d7cb}
html body .hero.hero-design-a .hero-media{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;z-index:-2;perspective:none;pointer-events:none}
html body .hero.hero-design-a .hero-image-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;clip-path:none!important;translate:none!important;transform:none!important}
html body .hero-design-a .hero-picture{display:block;position:absolute;inset:0;width:100%;height:100%}
html body .hero.hero-design-a .hero-image-wrap .hero-image{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center bottom!important;transform:scale(1.32)!important;translate:none!important;transform-origin:center bottom;filter:none!important}
html body .hero-design-a .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,23,.98) 0%,rgba(3,29,23,.94) 22%,rgba(3,29,23,.75) 35%,rgba(3,29,23,.22) 53%,rgba(3,29,23,0) 72%),linear-gradient(0deg,rgba(3,29,23,.98) 0%,rgba(3,29,23,.3) 17%,transparent 38%);pointer-events:none}
html body .hero-design-a .hero-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;margin:0 auto;width:min(calc(100% - var(--gutter)*2),1680px);border:0!important;padding:19px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:22px}
html body .hero-design-a .hero-bottom p,html body .hero-design-a .hero-bottom a{font-size:12px;line-height:1.5;color:#c8d7cb}
html body .hero-design-a .hero-bottom p strong{display:inline;color:#fcfbf6}
html body .hero-design-a .hero-bottom a{gap:8px;min-height:44px;flex-shrink:0}
html body .hero-design-a .hero-bottom a strong{color:var(--gold)}
@media(min-width:1200px) and (max-width:1399px){html body .hero-design-a .hero-grid{padding-top:34px;padding-bottom:104px}html body .hero-design-a h1{font-size:82px}html body .hero-design-a .hero-description{font-size:15px;max-width:38ch}html body .hero-design-a .hero-actions>p{max-width:36ch}html body .hero-design-a .hero-copy{max-width:40%}}
/* At smaller widths, reading and seeing the photograph take turns, so no person is covered. */
@media(max-width:1199px){
 html body .hero-design-a .hero-grid{display:flex;flex-direction:column;width:100%;padding:0;min-height:0;gap:0}
 html body .hero-design-a .hero-copy{width:100%;max-width:none;padding:38px var(--gutter) 26px;box-sizing:border-box}
 html body .hero-design-a h1{font-size:clamp(62px,8.5vw,91px);max-width:9ch;line-height:1}
 html body .hero-design-a .hero-description{font-size:17px;max-width:44ch;margin-top:22px}
 html body .hero-design-a .hero-actions>p{max-width:none}
 html body .hero.hero-design-a .hero-media{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1915/821;z-index:0;order:2}
 html body .hero.hero-design-a .hero-image-wrap{height:100%!important;position:absolute!important}
 html body .hero.hero-design-a .hero-image-wrap .hero-image{transform:scale(1.22)!important}
 html body .hero-design-a .hero-media::after{background:linear-gradient(0deg,rgba(5,42,33,.3),transparent 25%),linear-gradient(180deg,rgba(5,42,33,.12),transparent 18%)}
 html body .hero-design-a .hero-bottom{position:relative;inset:auto;width:auto;margin:0 var(--gutter);padding:1px 0 23px;gap:10px;flex-wrap:wrap}
 html body .hero-design-a .hero-bottom a{margin:0}
}
@media(min-width:700px) and (max-width:1199px){
 html body .hero-design-a .hero-copy{display:grid;grid-template-columns:1.1fr .9fr;column-gap:44px;padding-top:42px;padding-bottom:40px}
 html body .hero-design-a .eyebrow{grid-column:1/-1}
 html body .hero-design-a h1{grid-column:1;grid-row:2/span 3}
 html body .hero-design-a .hero-description{grid-column:2;grid-row:2;margin-top:8px;font-size:16px}
 html body .hero-design-a .outcome-anchor{grid-column:2;grid-row:3;margin-top:10px;font-size:13px}
 html body .hero-design-a .hero-actions{grid-column:2;grid-row:4;align-self:end;margin-top:17px}
 html body .hero-design-a .hero-actions>p{max-width:27ch}
}
@media(max-width:699px){
 html body .hero-design-a .hero-copy{padding-top:31px;padding-bottom:28px}
 html body .hero-design-a .eyebrow{font-size:12px;margin-bottom:21px;letter-spacing:.055em}
 html body .hero-design-a h1{font-size:clamp(57px,14.9vw,80px);max-width:none}
 html body .hero-design-a .hero-description{font-size:16px;line-height:1.55;margin-top:23px;max-width:38ch}
 html body .hero-design-a .outcome-anchor{font-size:12px;max-width:none}
 html body .hero-design-a .hero-actions{margin-top:23px}
 html body .hero-design-a .hero-actions .button{min-height:53px;width:100%;max-width:340px}
 html body .hero-design-a .hero-actions>p{font-size:11px;max-width:34ch;margin-top:10px}
 html body .hero.hero-design-a .hero-media{aspect-ratio:4/3}
 html body .hero.hero-design-a .hero-image-wrap .hero-image{object-fit:cover!important;object-position:64% bottom!important;transform:scale(1.16)!important;translate:none!important;transform-origin:center bottom}
 html body .hero-design-a .hero-bottom{display:block}
 html body .hero-design-a .hero-bottom a{font-size:11px;gap:7px}
 html body .hero-design-a .hero-bottom p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html body .hero-design-a .heading-sway{animation:none!important;transform:none!important}}