/* Start-page text contrast over all hero photographs. */
.motion-hero .hero-content{isolation:isolate}
.motion-hero .hero-content::before{content:"";position:absolute;inset:-48px -65px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(3,12,20,.76) 0%,rgba(3,12,20,.52) 48%,rgba(3,12,20,0) 74%)}
.motion-hero h1{font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.85),0 5px 22px rgba(0,0,0,.65)}
.motion-hero h1 span{color:#c9e7fa}
.motion-hero p{color:#fff;font-weight:500;line-height:1.5;text-shadow:0 1px 3px #000,0 2px 9px rgba(0,0,0,.85)}
.motion-hero .eyebrow{color:#fff;text-shadow:0 1px 4px #000}
.motion-hero .actions .btn{font-weight:700;text-shadow:none}
.motion-hero .actions .btn.light{background:rgba(5,17,27,.8);border-color:rgba(255,255,255,.85);color:#fff}
@media(max-width:900px){.motion-hero p{font-size:15px}.motion-hero .eyebrow{font-size:10px;letter-spacing:.16em}.motion-hero .actions .btn{font-size:12px}.motion-hero .hero-content::before{inset:-35px -24px}}
/* Slightly smaller opening typography. */
.motion-hero h1{font-size:clamp(63px,7.56vw,108px)}
.motion-hero .eyebrow{font-size:15.3px}
.motion-hero p{font-size:20.7px}
.motion-hero .actions .btn{font-size:13.5px}
@media(min-width:901px) and (min-height:651px) and (max-height:780px){.motion-hero h1{font-size:clamp(63px,7.56vw,90px)}.motion-hero p{font-size:18px}}
@media(max-width:900px){.motion-hero h1{font-size:clamp(29.5123px,5.3917vw,49.9439px)}.motion-hero .eyebrow{font-size:9px}.motion-hero p{font-size:13.5px}.motion-hero .actions .btn{font-size:10.8px}}
@media(max-width:480px){.motion-hero h1{font-size:29.5123px}}
/* Additional ten percent reduction for tablet layouts. */
@media(min-width:601px) and (max-width:900px){
 .motion-hero h1{font-size:clamp(26.56107px,4.85253vw,44.94951px)}
 .motion-hero .eyebrow{font-size:8.1px}
 .motion-hero p{font-size:12.15px}
 .motion-hero .actions .btn{font-size:9.72px}
}
@media(min-width:901px) and (max-width:1366px){
 .motion-hero h1{font-size:clamp(56.7px,6.804vw,97.2px)}
 .motion-hero .eyebrow{font-size:13.77px}
 .motion-hero p{font-size:18.63px}
 .motion-hero .actions .btn{font-size:12.15px}
}
@media(min-width:901px) and (max-width:1366px) and (min-height:651px) and (max-height:780px){
 .motion-hero h1{font-size:clamp(56.7px,6.804vw,81px)}
 .motion-hero p{font-size:16.2px}
}