:root{--ink:#f4f1e8;--muted:#aba99f;--black:#080909;--panel:#111313;--line:#292c2a;--lime:#b7f000;--orange:#ff5a1f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:88px;padding:0 max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;background:rgba(8,9,9,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.brand img{width:68px;height:68px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:26px;text-transform:uppercase;font-size:.82rem;font-weight:800;letter-spacing:.07em}.site-header nav a{padding:10px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a.active{border-color:var(--lime)}.site-header .nav-call{padding:12px 16px;border:1px solid var(--lime);color:var(--lime)}.menu-button{display:none;background:none;color:white;border:1px solid var(--line);padding:10px 14px;font:inherit}
.hero{min-height:690px;position:relative;display:flex;align-items:center;background:url('hero-jeep.jpg') 65% center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080909 4%,rgba(8,9,9,.92) 37%,rgba(8,9,9,.22) 78%),linear-gradient(0deg,#080909 0%,transparent 35%)}.hero-copy{position:relative;width:min(var(--max),calc(100% - 44px));margin:auto}.hero-copy>*{max-width:680px}.eyebrow{margin:0 0 12px;color:var(--lime);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.hero h1,.page-hero h1{font-size:clamp(3.7rem,8vw,7.4rem);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;margin:0}.hero h1 em{color:var(--lime);font-style:normal}.lead{font-size:1.1rem;color:#deddd6;line-height:1.7;margin:25px 0}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--lime);background:var(--lime);color:#090a09;padding:14px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;cursor:pointer}.button:hover{background:var(--orange);border-color:var(--orange)}.button-outline{background:transparent;color:white}
.section{width:min(var(--max),calc(100% - 44px));margin:auto;padding:92px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;border-bottom:1px solid var(--line)}h2{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em;text-transform:uppercase;margin:0}.intro>p,.gallery-promo p,.page-hero>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.75;margin:0}.section-heading{max-width:760px;margin-bottom:34px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-grid article{position:relative;height:350px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.service-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.35s}.service-grid article:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#080909)}.service-grid h3{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;margin:0;text-transform:uppercase;font-size:1rem}.service-grid article:hover img{transform:scale(1.05);filter:saturate(1)}
.gallery-promo{border:1px solid var(--line);background:linear-gradient(120deg,#151817,#0c0e0d);padding:48px;display:flex;justify-content:space-between;align-items:end;gap:30px}.gallery-promo>div{max-width:780px}.gallery-promo p{margin-top:18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-note{color:var(--muted);font-size:1.05rem;line-height:1.7;margin:22px 0 0;max-width:42ch}.contact-actions{display:grid;gap:12px}.contact-actions a,.contact-actions div{padding:22px;border:1px solid var(--line);background:var(--panel)}.contact-actions a:hover{border-color:var(--lime)}.contact-actions small{display:block;color:var(--lime);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
footer{border-top:1px solid var(--line);min-height:110px;padding:20px max(22px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.85rem}footer img{width:58px;height:58px;object-fit:contain;flex-shrink:0}.footer-copy{display:grid;gap:4px}.footer-copy p{margin:0}.footer-copy a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.footer-copy a:hover{color:var(--lime)}
.page-hero{width:min(var(--max),calc(100% - 44px));margin:auto;padding:95px 0 40px}.page-hero>p:last-child{max-width:650px;margin-top:22px}.gallery-section{padding-top:35px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo-card{appearance:none;padding:0;color:inherit;text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;overflow:hidden}.photo-card:hover{border-color:var(--lime)}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.3s}.photo-card:hover img{transform:scale(1.025)}.photo-card span{display:block;padding:14px 16px;font-weight:800}.gallery-status{color:var(--muted)}
dialog{width:min(960px,calc(100% - 28px));padding:10px;background:#0b0c0c;color:white;border:1px solid var(--line)}dialog::backdrop{background:rgba(0,0,0,.88)}dialog img{max-height:80vh;margin:auto}dialog button{float:right;margin:0 0 10px 10px;background:var(--lime);border:0;padding:9px 12px;font-weight:800}dialog p{padding:0 10px}
.upload-page{min-height:100vh;background:radial-gradient(circle at top,#1a1e1b,#080909 55%)}.upload-shell{width:min(620px,calc(100% - 30px));margin:auto;padding:45px 0}.upload-brand{width:max-content;margin:0 auto 24px}.upload-card{padding:34px;background:#101212;border:1px solid var(--line)}.upload-card h1{font-size:clamp(2.4rem,8vw,4rem);text-transform:uppercase;line-height:.95;margin:0}.upload-card>p{color:var(--muted)}.upload-card form{display:grid;gap:18px;margin:28px 0}.upload-card label{display:grid;gap:7px;font-weight:800}.upload-card label span{color:var(--muted);font-weight:400}.upload-card input{width:100%;padding:13px;background:#080909;color:white;border:1px solid #414541;font:inherit}.upload-card input:focus{outline:2px solid var(--lime);outline-offset:2px}.upload-card button{width:100%}.text-link{color:var(--lime);text-decoration:underline}
@media(max-width:900px){.menu-button{display:block}.site-header nav{display:none;position:absolute;top:87px;left:0;right:0;padding:18px 22px;background:#080909;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.service-grid{grid-template-columns:repeat(2,1fr)}.intro,.contact{grid-template-columns:1fr;gap:30px}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.brand span{display:none}.hero{min-height:620px;background-position:72% center}.hero-shade{background:linear-gradient(90deg,rgba(8,9,9,.98),rgba(8,9,9,.52)),linear-gradient(0deg,#080909,transparent)}.section{padding:66px 0}.service-grid,.photo-grid{grid-template-columns:1fr}.service-grid article{height:290px}.gallery-promo{padding:30px;align-items:stretch;flex-direction:column}.gallery-promo .button{width:100%}.page-hero{padding-top:65px}}
