/* Keep homepage copy, actions and atmosphere controls in separate flow rows. */
#light-experience{height:auto;min-height:860px;max-height:none;display:flex;flex-direction:column}
#light-experience .hero-content{padding-top:155px;padding-bottom:28px}
#light-experience h1{font-size:clamp(60px,5.6vw,82px);letter-spacing:-4px;margin:26px 0 24px}
#light-experience .hero-actions{flex-wrap:wrap;gap:18px 24px}
#light-experience .hero-actions a{flex-shrink:0}
#light-experience .hero-bottom{position:relative;inset:auto;margin: auto 6% 32px;padding-top:28px;gap:24px;flex-wrap:wrap}
@media(max-width:1100px){
 #light-experience .hero-note{position:relative;inset:auto;align-self:flex-end;margin:0 6% 24px;max-width:260px}
}
@media(max-width:760px){
 #light-experience{min-height:850px}
 #light-experience .hero-content{padding:125px 7% 24px}
 #light-experience h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.5px;line-height:1.06;margin:24px 0 22px}
 #light-experience .hero-actions{gap:18px;margin-top:26px}
 #light-experience .hero-note{align-self:flex-start;margin:12px 7% 24px;max-width:230px}
 #light-experience .hero-bottom{margin: auto 7% 26px;padding-top:20px;gap:18px}
 #light-experience .hero-bottom .progress{white-space:nowrap}
}