/* Local typography refinements: breathing room without changing the animation sequence. */
html{scroll-padding-top:145px}
.hero-title h1{font-size:clamp(130px,20vw,320px)}
.services-intro{grid-template-columns:1.35fr 1fr;column-gap:5vw}
.services h2{font-size:clamp(38px,4.6vw,72px);line-height:1.12;text-wrap:balance;margin-bottom:48px}
.services-intro .service-lead{margin-top:0}
.contact-section h2{margin-bottom:64px;text-wrap:balance}
.services,.contact-section{scroll-margin-top:20px}
@media(width<=767px){
 html{scroll-padding-top:110px}
 .hero-title{top:20vh}
 .hero-title h1{font-size:33vw}
 .hero-bottom{bottom:12vh}
 .compact .chapter:not(.hero){height:86svh;min-height:640px}
 .compact .chapter:not(.hero) .chapter-content{height:100%}
 .services,.contact-section{padding:64px 7vw}
 .services h2{font-size:36px;margin:20px 0 24px;text-wrap:initial}
 .service-lead{margin-bottom:32px}
 .contact-section h2{margin-bottom:40px}
 .monitor-section{padding-top:64px}
 .monitor-heading h2{margin:18px 0}
}
.nav .main-website-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#b40909;color:#fff;padding:14px 18px;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.nav .main-website-link:hover{background:#d10d0d}
@media(width<=767px){.nav{padding-inline:14px}.nav-right{gap:8px}.nav .main-website-link{font-size:10px;padding:11px 10px;gap:6px}.nav .identity{font-size:7px;letter-spacing:.06em}.nav .contact-link{font-size:9px}}
@media(width<=380px){.nav .identity>span:last-child{display:none}}