/* Set data-hero-variant to original to retain the previous typography and arrow. */
html:not([data-hero-variant="optimized"]) .hero-optimized-only{display:none!important}
html[data-hero-variant="optimized"] .hero-original-only{display:none!important}
.hero-study-label>.hero-original-only{display:inline;font-size:inherit;font-weight:inherit}
html[data-hero-variant="optimized"] .hero-environment .hero-study-label{font-size:22px;padding-top:14px;line-height:1.4;margin-left:-12px}
html[data-hero-variant="optimized"] .hero-study-label>span:first-child{display:inline;font-size:inherit;font-weight:inherit;margin-right:6px}
html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:220px;left:max(6px,calc(100% - 344px));right:auto}
html[data-hero-variant="optimized"] .hero-environment .hero-number-completion{font-size:24px}
html[data-hero-variant="optimized"] .hero-environment .hero-layout{min-height:0;padding-bottom:16px}
.hero-environment .hero-trust-line{color:#f8eadd;font-size:15px;font-weight:500;line-height:1.7;margin:7px 0 0;white-space:nowrap}
.hero-environment .hero-more{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px;padding:8px 0 0;min-height:54px;color:#e4d8d1;font-size:15px;line-height:1.5;text-align:center;text-decoration:none}
.hero-more>span:last-child{display:flex;align-items:center;gap:4px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.hero-more img{width:18px;height:18px;filter:brightness(0) invert(1)}
.hero-more:focus-visible{outline:2px solid #f8e7bb;outline-offset:3px;border-radius:4px}
html[data-hero-variant="optimized"] .hero-environment .offer-condition{margin-top:12px}
@media(max-width:380px){.hero-environment .hero-trust-line{white-space:normal;text-wrap:balance}}
/* The steps are baked into the artwork; compact the mobile layer, never the numeral assets. */
@media(max-width:760px){
 html[data-hero-variant="optimized"] .hero-environment .hero-photo picture,
 html[data-hero-variant="optimized"] .hero-environment .hero-step-emphasis{transform:scaleY(.9);transform-origin:center top}
 html[data-hero-variant="optimized"] .hero-environment .hero-photo picture{mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-composition{height:364px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-reward{top:216px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:180px}
}
@media(max-width:760px) and (max-height:760px){
 html[data-hero-variant="optimized"] .hero-environment .hero-number-composition{height:346px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-reward{top:202px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:168px}
}
@media(min-width:761px){
 html[data-hero-variant="optimized"] .hero-environment .hero-layout{min-height:760px;padding-bottom:24px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study-label{font-size:32px;padding-top:20px;margin-left:-20px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:194px;left:49%;right:auto}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-completion{font-size:30px}
 .hero-environment .hero-trust-line{font-size:17px;margin-top:9px}
 .hero-environment .hero-more{font-size:16px}
}
@media(min-width:761px) and (max-width:1100px){
 html[data-hero-variant="optimized"] .hero-environment .hero-layout{min-height:710px}
 html[data-hero-variant="optimized"] .hero-environment .hero-study-label{font-size:26px}
 html[data-hero-variant="optimized"] .hero-environment .hero-number-bridge{top:194px;left:36%}
}