/* Main hero: content and contextual photo beside application. */
.hero--portrait{padding:36px 0 44px}
.hero--portrait .hero__grid{width:min(1180px,calc(100% - 48px));grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);grid-template-areas:"copy form" "photo form";gap:24px 40px;align-items:start}
.hero--portrait .hero__content{grid-area:copy;min-width:0}
.hero--portrait h1{font-size:clamp(36px,3.5vw,50px);line-height:1.06;margin:16px 0 18px;max-width:620px}
.hero--portrait .hero__lead{font-size:17px;line-height:1.55;max-width:600px}
.hero--portrait .hero__actions{margin:22px 0 0}
.hero--portrait .hero__facts,.hero--portrait .microcopy{display:none}
.hero-portrait{grid-area:photo;margin:0;min-width:0;width:100%;height:270px;overflow:hidden;border-radius:22px;background:#ffdc32}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.hero--portrait .hero-card{grid-area:form;width:100%;max-width:none;justify-self:stretch;scroll-margin-top:100px;padding:26px;border-radius:22px;margin:0}
.hero--portrait .hero-card:before{display:none}
@media(min-width:1600px){.hero--portrait{padding-top:44px}}
@media(max-width:980px) and (min-width:761px){.hero--portrait .hero__grid{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:22px}.hero--portrait h1{font-size:36px}.hero--portrait .hero__lead{font-size:16px}.hero--portrait .hero-card{padding:22px}.hero--portrait .form-grid{grid-template-columns:1fr;gap:0}.hero-portrait{height:260px}}
@media(max-width:760px){.hero--portrait{padding:24px 0 36px}.hero--portrait .hero__grid{width:calc(100% - 28px);max-width:560px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "photo" "form";gap:22px}.hero--portrait h1{font-size:clamp(30px,8vw,40px);margin:14px 0 16px}.hero--portrait .hero__lead{font-size:16px}.hero--portrait .hero__actions{display:block;margin:20px 0 0}.hero--portrait .hero__actions .btn{width:100%}.hero-portrait{height:clamp(220px,62vw,300px);border-radius:18px}.hero-portrait img{object-position:50% 28%}.hero--portrait .hero-card{padding:22px}.hero--portrait .form-grid{grid-template-columns:1fr;gap:0}}

/* Preserve the supplied landscape composition at every breakpoint. */
.site-standard .hero-portrait{height:auto;aspect-ratio:1672/941;align-self:start}.site-standard .hero-portrait img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}