
:root{--orange:#ff6410;--black:#050505;--panel:#0a0a0a;--text:#f6f6f6;--muted:#b9b9b9}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{height:82px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #252525}
.brand{width:180px;display:flex;align-items:center}
.brand img{display:block;width:100%;height:62px;object-fit:contain}
nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700}
nav a:hover{color:var(--orange)}
.quote,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.quote{background:var(--orange);padding:12px 18px;font-size:12px}
.hero{max-width:1220px;margin:auto;padding:42px 28px 50px;display:grid;grid-template-columns:.8fr 1.35fr;gap:44px;align-items:center}
.eyebrow,.section-kicker{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.12em}
h1{font-size:58px;line-height:.88;margin:12px 0 18px;letter-spacing:-.04em}
h1 span,h2 span{color:var(--orange)}
.hero-copy p{color:var(--muted);line-height:1.55;font-size:14px;max-width:430px}
.hero-actions{display:flex;gap:12px;margin-top:25px}
.btn{padding:13px 18px;font-size:11px;border:1px solid var(--orange)}
.btn.primary{background:var(--orange)}
.btn.secondary{background:transparent;color:var(--orange)}
.hero-image{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%;border-radius:7px;overflow:hidden;box-shadow:0 0 0 2px var(--orange),0 0 18px rgba(255,100,16,.48)}
.hero-image img{display:block;width:100%;height:310px;object-fit:cover}
.gallery-section{max-width:1220px;margin:auto;padding:28px 28px 46px}
.gallery-section h2{font-size:26px;margin:6px 0 10px}
.orange-rule{height:2px;background:linear-gradient(90deg,var(--orange),transparent);margin-bottom:22px}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-item{border:0;padding:0;background:#000;cursor:zoom-in;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--orange),0 0 12px rgba(255,100,16,.42);transition:transform .18s ease,box-shadow .18s ease}
.gallery-item:hover{transform:scale(1.025);box-shadow:0 0 0 2px #ff7b32,0 0 22px rgba(255,100,16,.78);z-index:2}
.gallery-item img{display:block;width:100%;aspect-ratio:1.32/1;object-fit:cover}
.cta{text-align:center;padding:48px 24px 58px;border-top:1px solid #242424}
.cta h2{font-size:25px;margin:0 0 8px}.cta p{color:var(--muted);font-size:13px;margin:0 0 22px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:9999;padding:28px}
.lightbox.open{display:flex}
.lightbox img{max-width:min(94vw,1600px);max-height:90vh;object-fit:contain;box-shadow:0 0 0 2px var(--orange),0 0 30px rgba(255,100,16,.35)}
.close,.nav{position:absolute;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;z-index:2}
.close{top:18px;right:24px;font-size:42px;line-height:1;padding:5px 12px}
.nav{top:50%;transform:translateY(-50%);font-size:56px;padding:8px 16px}
.prev{left:14px}.next{right:14px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}h1{font-size:48px}.hero-image img{height:260px}}
@media(max-width:520px){.site-header{padding:0 16px}.brand{width:145px}.quote{font-size:10px;padding:10px 12px}.hero,.gallery-section{padding-left:16px;padding-right:16px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery-item img{aspect-ratio:1.15/1}.nav{font-size:42px}.hero-image img{height:220px}}

.bottom-nav{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:28px 20px 46px;background:#050505}.bottom-btn{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:800;letter-spacing:.5px;transition:.2s ease}.bottom-btn.primary{background:#ff5a00;color:#fff;border:2px solid #ff5a00}.bottom-btn.secondary{background:transparent;color:#fff;border:2px solid #fff}.bottom-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}@media(max-width:600px){.bottom-nav{flex-direction:column}.bottom-btn{width:min(100%,320px)}}
