/* One sentence, one physical turn. The final word remains readable without WebGL. */
.turn-hero.spotlight-hero.hero{height:calc(100svh - 100px);min-height:660px;max-height:1050px;display:flex;align-items:center;padding:55px 5% 155px;background:#0c0b0e}
.turn-hero .hero-intro{width:100%;pointer-events:auto}
.turn-hero .eyebrow{margin-bottom:38px}
.turn-hero h1{max-width:none;margin:0;font-weight:500;letter-spacing:-.055em;line-height:1.05;font-size:clamp(45px,6.85vw,110px)}
.turn-prefix{display:block}
.turn-result{display:flex;align-items:center;gap:.19em;font-size:1.55em;line-height:1;letter-spacing:-.065em;margin-top:.03em;margin-left:-.035em}
.turn-word{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5em;height:1.4em;flex:0 0 2.5em;margin:-.18em -.03em -.22em 0;letter-spacing:-.055em;color:#f0ce36}
.turn-word canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.turn-word.webgl-ready .turn-fallback{visibility:hidden}
.turn-fallback{display:block}
.turn-hero .hero-offer{font-size:14px;line-height:1.8;margin:36px 0 0;color:#b5a8bf;max-width:540px}
.turn-hero .hero-bottom{bottom:87px}
.turn-hero .hero-bottom p{font-size:14px;letter-spacing:1.2px}
.turn-hero .hero-foot{bottom:25px}
.turn-replay{border:1px solid #a17ab33b;border-radius:30px;padding:9px 14px;background:transparent;color:#b9a8c5;font-size:14px;letter-spacing:0}
.turn-replay:hover{border-color:#ddc4ef;color:#fff}
.turn-replay[hidden]{display:none}
.turn-hero .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1600px){.turn-hero.spotlight-hero.hero{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}
@media(max-width:700px){
 .turn-hero.spotlight-hero.hero{height:calc(100svh - 80px);min-height:620px;max-height:920px;padding:42px 6% 160px}
 .turn-hero .eyebrow{font-size:14px;margin-bottom:30px}
 .turn-hero h1{font-size:clamp(40px,9.5vw,66px);line-height:1.03;letter-spacing:-.055em}
 .turn-prefix{max-width:10em}
 .turn-result{font-size:1.53em;margin-top:.12em;gap:.16em}
 .turn-hero .hero-offer{font-size:14px;line-height:1.8;max-width:310px;margin-top:30px}
 .turn-hero .hero-bottom{bottom:85px}
 .turn-hero .hero-bottom p{font-size:14px;max-width:230px}
 .turn-hero .hero-foot{font-size:14px;bottom:23px;align-items:center}
 .turn-replay{padding:9px 12px;font-size:14px}
}
