/* Desktop-only composition; the established 760px mobile breakpoint is untouched. */
@media(min-width:761px){
 html[data-hero-variant="optimized"] .hero-environment .hero-layout{width:calc(100% - 128px);max-width:1400px;min-height:clamp(760px,78vh,820px);margin-inline:auto;padding-top:32px;padding-bottom:24px}
 html[data-hero-variant="optimized"] .hero-environment .hero-photo{max-width:1680px;margin-inline:auto;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-composition{height:390px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study{left:20px;top:28px;gap:4px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-10{width:340px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study-label{font-size:32px;line-height:1.4;margin-left:-30px;padding-top:20px;white-space:nowrap}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-reward{top:218px;right:20px;width:560px;max-width:46%}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-150{width:500px;max-width:87%}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-unit{bottom:52px;right:0;font-size:42px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:182px;left:auto;right:20px;width:560px;max-width:46%;padding-left:20px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-completion{font-size:30px;line-height:1.2}
 html[data-hero-variant="optimized"] .hero-environment .hero-action{width:430px;max-width:100%}
 html[data-hero-variant="optimized"] .hero-environment .hero-application-link{min-height:64px}
}
@media(min-width:761px) and (max-width:1100px){
 html[data-hero-variant="optimized"] .hero-environment .hero-layout{width:calc(100% - 64px)}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-10{width:270px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study{left:0;top:20px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study-label{font-size:26px;margin-left:-24px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-reward,
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{right:0;max-width:54%}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-completion{font-size:26px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-unit{font-size:36px;bottom:38px}
}