/* Keep the opening composition inside the first desktop viewport. */
@media(min-width:701px){
 .page>div.site-header{height:72px;min-height:72px;padding-top:14px!important;padding-bottom:14px!important}
 .hero{height:calc(100svh - 72px);min-height:560px!important;grid-template-columns:1.08fr .92fr!important}
 .hero>div:first-child{min-width:0;padding:32px clamp(28px,4.3vw,68px)!important;justify-content:center!important}
 .hero h1{margin-top:22px!important;font-size:clamp(50px,min(5.5vw,9.4svh),90px)!important;line-height:1.03!important;max-width:10em}
 .hero p{margin-top:24px!important;font-size:clamp(16px,1.45vw,20px)!important;line-height:1.6!important;max-width:31em}
 .hero>div:first-child>div[style*="height:1px"]{margin-top:28px!important}
 .hero>div:first-child>div[style*="letter-spacing:.16em"]{margin-top:18px!important;font-size:clamp(10px,.9vw,12.5px)!important;line-height:1.6!important}
 .hero .hero-actions{margin-top:28px!important;gap:22px!important}
 .hero-actions>a:first-child{padding:18px 26px!important;font-size:11.5px!important;line-height:1.3!important}
 .hero>div:last-child{min-width:0;min-height:0;overflow:hidden}
 .hero>div:last-child>img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}
}
@media(min-width:701px) and (max-height:740px){
 .hero>div:first-child{padding-top:24px!important;padding-bottom:24px!important}
 .hero h1{margin-top:18px!important;font-size:clamp(50px,min(6vw,10.5svh),76px)!important}
 .hero p{margin-top:20px!important;font-size:16px!important}
 .hero>div:first-child>div[style*="height:1px"]{margin-top:22px!important}
 .hero .hero-actions{margin-top:22px!important}
}
@media(max-width:700px){
 .hero>div:first-child{padding-top:40px!important;padding-bottom:40px!important}
 .hero>div:last-child{height:auto!important;aspect-ratio:4/5;max-height:620px;overflow:hidden}
 .hero>div:last-child>img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}
}