:root{
  --red:#a8232f; --red-lt:#c92d3b; --ink:#0f1012; --ink-2:#17181b; --panel:#202226;
  --line:#2f3238; --silver:#c6cad0; --muted:#8a9099; --paper:#f2f4f6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);
  font:16px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}

.nav{position:sticky;top:0;z-index:50;background:rgba(15,16,18,.95);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:16px;padding-block:11px}
.nav img{width:58px;height:58px;border-radius:50%;background:#fff;padding:3px;flex:none}
.bt strong{display:block;font-size:1rem;letter-spacing:.07em;text-transform:uppercase}
.bt span{font-size:.73rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.nav nav{margin-left:auto;display:flex;gap:24px;align-items:center}
.nav nav a{text-decoration:none;font-size:.85rem;letter-spacing:.09em;text-transform:uppercase;color:var(--silver)}
.nav nav a:hover{color:#fff}
.callbtn{background:var(--red);color:#fff!important;padding:11px 19px;border-radius:4px;font-weight:700;white-space:nowrap}
.callbtn:hover{background:var(--red-lt)}
@media(max-width:880px){.nav nav a.hm{display:none}}

.hero{position:relative;min-height:clamp(440px,66vh,640px);display:flex;align-items:center;
  background:#000 center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,9,10,.94) 0%,rgba(8,9,10,.80) 48%,rgba(8,9,10,.34) 100%)}
.hero .wrap{position:relative;z-index:2;padding-block:72px}
.kick{color:var(--red-lt);font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;margin-bottom:14px}
.hero h1{font-size:clamp(2.1rem,6vw,3.8rem);line-height:1.05;letter-spacing:-.02em;max-width:16ch;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--red-lt)}
.hero p{margin-top:18px;max-width:48ch;font-size:1.07rem;color:#dde1e6}
.stars{margin-top:20px;font-size:.92rem;color:var(--silver)}
.stars b{color:#f5c542;letter-spacing:.08em}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;text-decoration:none;padding:14px 26px;border-radius:4px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;font-size:.87rem}
.btn-p{background:var(--red);color:#fff}.btn-p:hover{background:var(--red-lt)}
.btn-s{border:1px solid #5b6068;color:var(--paper)}.btn-s:hover{border-color:var(--silver);background:rgba(255,255,255,.06)}

.strip{background:var(--red);color:#fff}
.strip .wrap{display:flex;flex-wrap:wrap;gap:9px 36px;justify-content:center;padding-block:15px;
  font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}

section{padding-block:clamp(56px,8vw,88px)}
.alt{background:var(--ink-2)}
.head{max-width:62ch;margin-bottom:38px}
.head h2{font-size:clamp(1.6rem,3.6vw,2.35rem);text-transform:uppercase;letter-spacing:-.01em}
.head h2 span{color:var(--red-lt)}
.head p{color:var(--muted);margin-top:12px;font-size:1.02rem}

.g{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:26px 24px}
.card h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
.card h3::before{content:"";display:block;width:34px;height:3px;background:var(--red);margin-bottom:13px}
.card p{color:var(--muted);font-size:.95rem}
.card ul{margin:10px 0 0 17px;color:var(--muted);font-size:.9rem}
.card li{margin-bottom:3px}

.work{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
figure{margin:0;border-radius:8px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
figure img{width:100%;height:225px;object-fit:cover}
figcaption{padding:14px 17px;font-size:.88rem;color:var(--silver)}

.quotes{display:grid;gap:17px;grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}
blockquote{margin:0;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);
  border-radius:0 8px 8px 0;padding:23px 23px 19px}
blockquote p{font-size:.98rem;color:#e7eaec}
blockquote cite{display:block;margin-top:13px;font-style:normal;color:var(--muted);
  font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}

.cols{display:grid;gap:40px;grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:820px){.cols{grid-template-columns:1fr}}
.info dt{color:var(--red-lt);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-top:22px}
.info dt:first-child{margin-top:0}
.info dd{margin:5px 0 0;font-size:1.03rem}
.info dd a{color:inherit;text-decoration:none}.info dd a:hover{color:var(--red-lt)}
form{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px 26px}
label{display:block;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:16px 0 6px}
label:first-of-type{margin-top:0}
input,select,textarea{width:100%;background:var(--ink);color:var(--paper);border:1px solid var(--line);
  border-radius:4px;padding:12px 13px;font:inherit;font-size:.96rem}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red)}
textarea{resize:vertical;min-height:105px}
button{margin-top:22px;width:100%;background:var(--red);color:#fff;border:0;border-radius:4px;padding:15px;
  font:inherit;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
button:hover{background:var(--red-lt)}
.hp{position:absolute;left:-9999px}
.note{margin-top:13px;font-size:.78rem;color:var(--muted);text-align:center}
.flash{border-radius:4px;padding:13px 15px;margin-bottom:18px;font-size:.92rem}
.ok{background:#12351f;border:1px solid #2c6b41;color:#a8e6bd}
.bad{background:#3a1418;border:1px solid #7a2630;color:#f0b3b9}
footer{background:#08090a;border-top:1px solid var(--line);padding-block:32px;color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center}
footer a{color:var(--silver)}