:root{--ink:#14191d;--paper:#f3f1eb;--acid:#d9ff43;--orange:#ff5c35;--muted:#718087}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif}
.shell{padding-left:9vw;padding-right:9vw}
.topbar{height:92px;padding:0 5vw;display:flex;align-items:center;gap:3vw;background:rgba(243,241,235,.97);border-bottom:1px solid #d8d8d2;position:sticky;top:0;z-index:20}
.brand{display:flex;flex-direction:column;line-height:.8;min-width:max-content}
.brand strong{font:800 34px "Barlow Condensed"}
.brand strong span{color:var(--orange)}
.brand small{font-size:7px;font-weight:800;letter-spacing:1.7px;margin-top:8px}
.topbar nav{display:flex;gap:8px;margin:auto}
.topbar nav a{padding:12px 16px;background:#e5e4df;font-size:12px;font-weight:800}
.topbar nav a:hover{background:var(--ink);color:#fff}
.phone{display:flex;flex-direction:column;align-items:flex-end}
.phone small{font-size:8px;color:var(--muted)}
.phone b{font:700 21px "Barlow Condensed"}
.hero{min-height:710px;position:relative;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,#0d1215 0%,#0d1215 60%,rgba(13,18,21,.94) 68%,rgba(13,18,21,.38) 82%,rgba(13,18,21,.12)),url('images/obludek-warsztat.png') center/cover}
.hero-copy{position:relative;z-index:1;margin-left:9vw;max-width:700px;padding-bottom:70px}
.tag{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--orange);margin-bottom:20px}
.acid{color:var(--acid)}
h1{font-size:clamp(60px,6.4vw,96px);line-height:.9;letter-spacing:-2px;margin-bottom:28px;text-transform:uppercase}
h1 em,h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--acid)}
.lead{max-width:580px;font-size:14px;line-height:1.8;color:#d8dfe2}
.actions{display:flex;align-items:center;gap:25px;margin-top:34px;font-size:11px;font-weight:800}
.button{display:inline-block;padding:18px 22px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}
.dark{background:var(--ink)}
.facts{position:absolute;bottom:0;left:0;right:0;padding:0 9vw;display:grid;grid-template-columns:1fr 1fr;background:rgba(10,14,17,.9)}
.facts div{padding:22px 28px;border-left:1px solid #ffffff20;display:flex;gap:12px;align-items:center}
.facts b{font:700 27px "Barlow Condensed";color:var(--acid)}
.facts span{font-size:9px;text-transform:uppercase}
.intro{padding-top:120px;padding-bottom:120px}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}
.intro h2,.services h2,.inspection h2,.contact h2{font-size:clamp(48px,5.4vw,82px);line-height:.9;letter-spacing:-2px;margin:0}
.intro h2 em,.inspection h2 em{color:var(--orange)}
.split>div>p{font-size:14px;line-height:1.85;color:#5f6c72}
.services{padding:110px 0;background:var(--ink);color:#fff}
.services h2{margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(3,1fr)}
.grid article{min-height:270px;padding:28px;border:1px solid #3a4246}
.grid article:hover{background:var(--acid);color:var(--ink)}
.grid span,.extras span{font-size:10px;color:#8e9a9f}
.grid h3{font-size:34px;margin:55px 0 15px}
.grid p{font-size:11px;line-height:1.7;color:#aeb8bc}
.inspection{display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.photo{background:url('https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1300&q=86') center/cover}
.inspection-copy{padding:100px 8vw;background:var(--acid)}
.inspection-copy>p{font-size:14px;line-height:1.8}
.inspection ul{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 25px}
.inspection li{font-size:11px;font-weight:800;border-top:1px solid #14191d40;padding-top:12px}
.extras{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:repeat(3,1fr)}
.extras article{min-height:310px;border:1px solid #d3d4cf;padding:31px}
.extras h3{font-size:37px;margin:75px 0 18px}
.extras p{font-size:11px;line-height:1.7;color:#66737a}
.extras .hours{background:var(--orange);color:#fff}
.hours span,.hours p{color:#fff}
.contact{padding:115px 0;background:#232b30;color:#fff}
.contact h2{margin-bottom:38px}
.details{border-left:1px solid #4a555b;padding-left:45px;display:grid;grid-template-columns:1fr 1fr;gap:34px}
.details small{font-size:9px;color:#9eaaaf}
.details p{margin:8px 0 0;font:600 19px/1.45 "Barlow Condensed"}
.details a{color:var(--acid)}
footer{padding:30px 5vw;background:#0d1114;color:#fff;display:flex;align-items:center;justify-content:space-between}
footer p,footer>a:last-child{font-size:10px;color:#8f9a9e}
@media(max-width:800px){.topbar{height:76px;padding:0 6vw}
.topbar nav,.phone{display:none}
.hero{min-height:690px;background:linear-gradient(90deg,rgba(13,18,21,.99) 0%,rgba(13,18,21,.98) 76%,rgba(13,18,21,.66)),url('images/obludek-warsztat.png') 70% center/cover}
.hero-copy{margin:0 7vw;padding-bottom:110px}
.facts{grid-template-columns:1fr;padding:0}
.facts div{padding:11px 7vw}
.facts div+div{display:none}
.shell{padding-left:7vw;padding-right:7vw}
.intro,.services,.extras,.contact{padding-top:75px;padding-bottom:75px}
.split,.inspection{grid-template-columns:1fr}
.split{gap:35px}
.grid,.extras{grid-template-columns:1fr}
.photo{min-height:380px}
.inspection-copy{padding:75px 7vw}
.inspection ul{grid-template-columns:1fr}
.details{border-left:0;border-top:1px solid #4a555b;padding:28px 0 0;grid-template-columns:1fr}
.extras article{min-height:245px}
.extras h3{margin-top:45px}
footer{display:block;padding:29px 7vw}
footer p{margin:24px 0}
}