.hero { min-height:min(100svh,940px); background:#13233c; color:#fff; padding-block:120px 100px; }
.hero .hero__bg img { width:100%;height:100%;object-fit:cover;object-position:center; }
.hero .hero__bg::after { background:radial-gradient(ellipse 40% 58% at 50% 50%,rgba(7,18,40,.48),rgba(7,18,40,.12) 78%,rgba(7,18,40,.12)); }
.hero__inner { max-width:860px; }
.hero__catch { color:#fff;font-size:clamp(21px,2.1vw,32px);margin-bottom:26px;transform:none;text-shadow:0 2px 20px #07122888; }
.hero__mark { width:min(600px,82%);filter:none; }
.hero__lead { color:#fff;margin-top:32px;font-size:15px;text-shadow:0 2px 12px #071228; }
.hero .btns { margin-top:32px;gap:24px; }
.hero .btn--primary { background:#fff;color:#12223a;box-shadow:0 5px 24px #0002; }
.hero .btn--primary:hover { background:#f6dbea; }
.hero .btn--ghost { background:rgba(10,26,46,.45);color:#fff;border-color:#ffffff88;backdrop-filter:blur(8px); }
.hero .btn-note,.hero__side { color:#ffffffc9; }
@media(min-width:1500px){.hero{min-height:900px}}
@media(max-width:640px){
 .hero{min-height:820px;padding:110px 24px 80px;}
 .hero .hero__bg img{object-position:50% 50%;}
 .hero .hero__bg::after{background:linear-gradient(90deg,#07122880,#07122850,#07122880);}
 .hero__catch{font-size:22px;margin-bottom:24px;}
 .hero__mark{width:100%;}
 .hero__lead{font-size:13px;margin-top:30px;}
 .hero .btns{max-width:300px;margin-inline:auto;gap:18px;}
}