/* Original hero styling, with dimensions fitted to the opening viewport. */
@media(min-width:801px){
 .header{height:150px}.header .brand{top:0}.header .brand-logo{width:190px;height:140px;flex-basis:190px}
 .hero{height:auto;min-height:100svh;padding:206px 6vw 100px;align-items:center}
 .hero-copy{width:min(900px,82vw);margin:0 0 0 auto}
 .hero h1{font-size:clamp(42px,5.5vw,78px);margin:0 0 24px;line-height:1}
 .hero h1 em{margin-top:12px}
 .hero-description{margin-bottom:24px}.hero-description p{font-size:14px;line-height:1.6}
 .hero-actions .button{height:48px}
 .hero-review-action{margin-top:10px}.hero-review-action .button{height:48px;min-height:48px}
}
@media(min-width:801px) and (max-height:720px){
 .header{height:108px}.header .brand-logo{width:138px;height:102px;flex-basis:138px}
 .hero{padding-top:166px;padding-bottom:70px}.hero h1{font-size:clamp(38px,5vw,60px);margin-bottom:16px}
 .hero-description{margin-bottom:16px}.hero-copy:before{top:-18px;bottom:-18px}
}
@media(max-width:800px){
 .header{top:6px;height:84px}.header .brand{top:0}.header .brand-logo{width:108px;height:80px;flex-basis:108px}
 .hero{height:auto;min-height:100svh;padding:100px 16px 130px;align-items:flex-start}
 .hero-copy{width:100%;margin:0;padding:14px 10px}.hero-copy.reveal{opacity:1;transform:none}
 .hero h1,html[lang="en"] .hero h1{font-size:clamp(30px,8.5vw,36px);margin:4px 0 12px;line-height:1.04}
 .hero h1 em{font-size:.66em;margin:7px 0 0;line-height:1.08}
 .hero-description{margin:0 0 14px}.hero-description p{font-size:12px;line-height:1.5;padding-left:10px}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:0}
 .hero-actions .button{width:100%;min-width:0;height:46px;padding:0 18px;font-size:11px;white-space:nowrap}
 .hero-actions .button-fortune{height:48px}.hero-actions .fortune-cta-icon{width:22px;height:22px}
 .hero-actions .fortune-cta-copy>span{font-size:11px}.hero-actions .fortune-cta-copy>small{font-size:9px}
 .hero-review-action{margin:7px 0 0}.hero-review-action .button{height:46px;min-height:46px;font-size:11px}
}
@media(max-width:800px) and (max-height:620px){
 .header{height:58px}.header .brand-logo{width:74px;height:54px;flex-basis:74px}
 .hero{padding-top:70px;padding-bottom:120px}.hero-copy{padding:10px}
 .hero h1,html[lang="en"] .hero h1{font-size:29px;margin:0 0 8px}.hero h1 em{margin-top:5px}
 .hero-description{margin-bottom:10px}.hero-description p{font-size:11px;line-height:1.35}
 .hero-actions{gap:5px}.hero-actions .button,.hero-actions .button-fortune{height:44px}
 .hero-review-action{margin-top:5px}.hero-review-action .button{height:44px;min-height:44px}
}