*{box-sizing:border-box}
:root{--blue:#1d416f; color-scheme:dark}
html,body{margin:0;width:100%;height:100%;background:var(--blue);color:white}
body{font-family:"Arial Narrow",Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid white;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
.landing{display:grid;grid-template-columns:57.76% 42.24%;width:100%;height:100vh;height:100dvh}
.visual-panel{min-width:0;min-height:0;overflow:hidden;background:#000}
.visual-image{width:100%;height:100%;object-fit:cover;object-position:center}
.content-panel{min-width:0;min-height:0;container-type:size;background:var(--blue)}
.content-inner{height:100%;width:100%;padding:5.4cqh 8.55cqw;display:flex;flex-direction:column;align-items:stretch;font-size:min(2.6cqh,3.5cqw);line-height:1.25;font-weight:700}
.brand-logo{width:100%;height:auto}
.headline-block{margin:11cqh 0 0;flex:none}
.headline-block img{width:100%;height:auto}
.company-info{margin-top:auto;text-align:center;font-size:min(2.9cqh,4cqw)}
.company-info p{margin:0.25cqh 0}
.area{margin-top:2.5cqh;text-align:center;font-size:min(2.05cqh,2.85cqw)}
.contacts{margin-top:2.5cqh;display:grid;gap:2cqh;text-align:center;font-size:min(2.15cqh,3cqw)}
.contact-card p{margin:0.4cqh 0 0}
.sep{margin:0 0.2em}
.actions{margin-top:2.4cqh;display:flex;gap:1.5cqw;justify-content:center}
.cta{padding:1.2cqh 1.7cqw;border:1px solid white;text-align:center;font-size:min(1.65cqh,2.5cqw);line-height:1.2}
.cta-light{background:white;color:var(--blue)}
.actions .cta-light{font-size:min(2cqh,3cqw);padding:1.5cqh 2.2cqw;min-width:48%}
.actions .cta-outline{align-self:center}
@media(min-width:981px){html,body{overflow:hidden}}
@media(max-width:980px){
 html,body{height:auto;overflow-x:clip}
 .landing{height:auto;min-height:100svh;grid-template-columns:1fr}
 .visual-panel{height:48svh;min-height:260px;max-height:540px}
 .visual-image{object-position:center 53%}
 .content-panel{container-type:normal}
 .content-inner{height:auto;max-width:680px;margin:auto;padding:36px 28px 40px;font-size:18px}
 .headline-block{margin:48px 0 0}
 .company-info{margin-top:64px;font-size:22px}
 .company-info p{margin:4px 0}
 .area{margin-top:26px;font-size:16px;line-height:1.45}
 .contacts{margin-top:28px;gap:24px;font-size:17px;line-height:1.4}
 .contact-card p{margin:4px 0 0}
 .actions{margin-top:30px;gap:12px;flex-wrap:wrap}
 .cta{font-size:14px;padding:14px 18px;flex:1}
 .actions .cta-light{font-size:16px;padding:17px 22px}
}
@media(max-width:480px){
 .visual-panel{height:42svh;min-height:240px}
 .content-inner{padding:28px 20px 36px}
 .company-info{font-size:19px;margin-top:48px}
 .contact-card a{display:block}.sep{display:none}
 .actions{flex-direction:column}.cta{width:100%}
}
@media(min-width:981px){.brand-logo{width:min(100%,65cqh);margin-inline:auto}.headline-block{width:min(100%,65cqh);margin-inline:auto}}

.area{font-size:min(2.9cqh,4cqw);line-height:1.3}.area a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.actions{align-items:stretch}.actions .cta{display:flex;align-items:center;justify-content:center}.actions .cta-outline{align-self:stretch}
@media(max-width:980px){.area{font-size:22px}}
@media(max-width:480px){.area{font-size:19px}}
@media(max-width:480px){.actions .cta{min-height:56px}}