.tormin-banner{position:relative;isolation:isolate;display:grid;place-items:center;min-height:600px;overflow:hidden;background:var(--navy);color:#fff}
.tormin-banner-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.tormin-banner-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,25,53,.55),rgba(4,25,53,.8) 35%,rgba(4,25,53,.8) 65%,rgba(4,25,53,.55))}
.tormin-banner-content{text-align:center;padding-block:100px;position:relative}
.tormin-banner h1{color:#fff;font-size:clamp(44px,4.7vw,72px);line-height:1.08;max-width:1000px;margin:0 auto 28px;text-wrap:balance}
.tormin-banner-content>p{color:#f0f6fc;font-size:17px;line-height:1.8;max-width:65ch;margin:0 auto 36px}
.tormin-banner-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.tormin-banner-actions .button{min-width:200px;gap:16px;min-height:54px}
.tormin-banner-outline{color:#fff;border:1px solid #fff;background:rgba(4,25,53,.25)}
.tormin-banner-outline:hover{background:#fff;color:var(--navy)}
.tormin-banner a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:1800px){.tormin-banner{min-height:640px}}
@media(max-width:780px){.tormin-banner{min-height:560px}.tormin-banner-content{padding-block:72px}.tormin-banner h1{font-size:46px;max-width:14ch}.tormin-banner h1 br{display:none}.tormin-banner-content>p{font-size:14px;max-width:38ch;margin-bottom:28px}.tormin-banner-shade{background:rgba(4,25,53,.78)}.tormin-banner-background{object-position:58% center}.tormin-banner-actions{gap:14px}.tormin-banner-actions .button{min-width:220px}}