/* One-screen composition study; retained alternatives are unchanged. */
body{background:#252729}
.wrap{max-width:1320px;padding-left:48px;padding-right:48px}
.utility .wrap{min-height:38px;font-size:12px}
.masthead{background:#15181b38}
.masthead .wrap{min-height:114px;grid-template-columns:1fr 160px 1fr}
.brand{justify-self:center;position:relative}
.brand:before{content:'';position:absolute;inset:-16px -40px;background:radial-gradient(ellipse,#fff9,transparent 70%);z-index:-1}
.brand img{width:124px;filter:none}
.callback button{border-radius:5px;font-size:13px;padding:13px 22px}
.contacts .phone{font-size:22px;line-height:1.1}
.header-email{font-size:12px;margin-top:5px}
.contacts .social a{font-size:11px;padding:5px 10px;min-height:31px}
.contacts .social img{width:20px;height:20px}
.nav{background:#161a1fcc;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff16}
.nav .wrap{min-height:48px;gap:45px;font-size:14px}
.hero{height:calc(100svh - 42px);min-height:690px;max-height:1000px;padding-top:200px;display:flex;align-items:center;justify-content:center}
.hero-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.shade{background:linear-gradient(180deg,#1013182b 0%,#10131840 25%,#10131880 50%,#10131880 80%,#1013189c)}
.hero-copy{width:100%;max-width:1050px;padding:40px 24px 44px}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,4.35vw,66px);font-weight:800;letter-spacing:-1.8px;line-height:1.09}
.hero h1 span{margin-top:4px}
.hero h1 em{color:#f34034}
.intro{font-size:21px;line-height:1.5;margin:20px 0 32px}
.actions{gap:16px}
.actions .btn,.actions .btn.secondary{min-width:265px;min-height:54px;padding:12px 24px;border-radius:5px;font-size:15px;justify-content:space-between}
.actions .btn{background:#9c1730;border-color:#cf3049}
.actions .btn.secondary{background:#ffffff08;border-color:#ffffffa6}
.proof{margin-top:28px;font-size:13px;color:#eae5e5}
.proof span+span:before{margin:0 17px}
.route{margin-top:33px;max-width:460px;font-size:11px;letter-spacing:1px;opacity:.85}
.route svg{width:300px;height:35px}
.photo-band,.services,.contact-band,footer,.floating-contact{display:none}
.preview-note{height:42px;display:flex;align-items:center;justify-content:center;padding:8px 20px;border:0;color:#aaa;background:#202326;font-size:11px}
@media(max-width:760px){
 .wrap{padding-left:18px;padding-right:18px}.utility .wrap{min-height:32px;font-size:10px}
 .masthead .wrap{min-height:117px;grid-template-columns:86px 1fr;gap:12px}
 .brand img{width:86px}.brand:before{inset:-14px -20px}.contacts .phone{font-size:18px}
 .contacts .social a{font-size:10px;padding:5px 7px}.contacts .social img{width:18px;height:18px}
 .nav .wrap{min-height:44px;font-size:12px;gap:25px}
 .hero{padding-top:193px;height:calc(100svh - 48px);min-height:670px;max-height:none}
 .hero-copy{padding:38px 18px}.hero h1{font-size:clamp(29px,7.8vw,48px);letter-spacing:-.8px}
 .hero h1 span{margin-top:8px}.intro{font-size:15px;margin:20px auto 25px;max-width:290px}
 .actions{max-width:300px;gap:10px}.actions .btn,.actions .btn.secondary{min-width:0;min-height:48px;font-size:14px}
 .proof{font-size:10px;margin-top:23px}.proof span+span:before{margin:0 6px}.route{max-width:285px;margin-top:24px;font-size:10px}
 .preview-note{height:48px;font-size:10px;padding:8px 22px}
}