:root{--gold:#c79a50;--gold2:#e2bd78;--black:#08090b;--ink:#101216;--panel:#15181d;--muted:#aeb3bb;--white:#f7f4ee;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;line-height:1.6}img{width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(7,8,10,.95),rgba(7,8,10,.55),transparent);transition:.3s}.site-header.scrolled{background:rgba(7,8,10,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-family:Oswald,sans-serif;font-size:27px;letter-spacing:2px;display:block;line-height:1}.brand small{font-size:9px;letter-spacing:3px;color:var(--gold2)}.drone-mark{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold)}.drone-mark::first-letter{transform:rotate(-45deg)}nav{display:flex;gap:30px;align-items:center}nav a{font-size:13px;font-weight:600;letter-spacing:.6px}nav a:hover{color:var(--gold2)}.nav-cta{border:1px solid var(--gold);padding:11px 18px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:820px;position:relative;display:flex;align-items:center;padding:140px 8vw 100px;background:url('assets/drone-sunset.jpg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.93) 0%,rgba(4,5,7,.73) 43%,rgba(4,5,7,.18) 75%),linear-gradient(0deg,#08090b 0%,transparent 35%)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:4px;margin:0 0 12px}.hero h1,.section h2,.cta-band h2,.contact-section h2{font-family:Oswald,sans-serif;text-transform:uppercase;line-height:1.02;margin:0}.hero h1{font-size:clamp(58px,8vw,110px);max-width:850px}.hero-copy{font-size:18px;color:#d2d4d7;max-width:700px;margin:25px 0 32px}.hero-actions,.cta-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{padding:15px 23px;font-weight:800;font-size:13px;letter-spacing:.5px;transition:.25s}.btn-primary{background:var(--gold);color:#0a0b0d}.btn-primary:hover{background:var(--gold2);transform:translateY(-2px)}.btn-secondary{border:1px solid rgba(255,255,255,.5)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold2)}.hero-badge{position:absolute;z-index:2;right:7vw;bottom:80px;border-left:3px solid var(--gold);padding:13px 20px;background:rgba(8,9,11,.55);font-size:12px;text-transform:uppercase;letter-spacing:2px}.hero-badge strong{font-size:19px;color:var(--gold2)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:-30px auto 0;position:relative;z-index:3;background:var(--panel);border:1px solid var(--line)}.trust-strip div{padding:24px 28px;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:14px}.trust-strip span{color:var(--muted);font-size:12px;margin-top:5px}.section{padding:120px 7vw}.section-heading{max-width:760px;margin-bottom:50px}.section h2,.cta-band h2,.contact-section h2{font-size:clamp(38px,5vw,64px)}.section-heading>p:last-child{color:var(--muted);max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.service-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(199,154,80,.45)}.service-card:nth-child(1),.service-card:nth-child(2),.service-card:nth-child(3){grid-column:span 4}.service-photo,.illustration,.service-image{height:245px}.service-image{width:100%;object-fit:cover;object-position:center;display:block}.thermal-photo{background:url('assets/thermal-herd.jpg') center/cover}.illustration svg{height:100%;width:100%;display:block}.service-body{padding:25px}.service-icon{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(199,154,80,.5);color:var(--gold2);margin-bottom:15px}.service-card h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:25px;margin:0 0 10px}.service-card p{color:var(--muted);font-size:14px;margin:0}.compact{grid-column:span 3;padding:28px}.compact .service-icon{margin-bottom:22px}.cta-band{padding:70px 8vw;background:linear-gradient(120deg,#17120b,#312414);display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid rgba(199,154,80,.25);border-bottom:1px solid rgba(199,154,80,.25)}.cta-band h2{font-size:clamp(34px,4vw,55px);max-width:750px}.text-link{color:var(--gold2);font-size:13px;font-weight:800}.gallery{background:#0c0e11}.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,340px);gap:18px}.gallery-grid figure{margin:0;position:relative;overflow:hidden}.gallery-grid .wide{grid-row:span 2}.gallery-grid img{height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:.5s}.gallery-grid figure:hover img{transform:scale(1.04);filter:grayscale(.35)}figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:12px;letter-spacing:1px;text-transform:uppercase}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-copy>p:not(.eyebrow){color:var(--muted)}.business-card{border:1px solid rgba(199,154,80,.35);padding:10px;background:#111}.contact-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-pills a{border:1px solid var(--gold);padding:10px 15px;font-weight:700;font-size:13px}.contact-section{padding:100px 7vw;background:linear-gradient(rgba(5,6,8,.78),rgba(5,6,8,.92)),url('assets/thermal-herd.jpg') center/cover fixed}.contact-panel{max-width:1150px;margin:auto;background:rgba(10,11,14,.9);border:1px solid rgba(199,154,80,.35);padding:55px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.contact-grid a{padding:20px;border:1px solid var(--line);transition:.2s}.contact-grid a:hover{border-color:var(--gold);background:rgba(199,154,80,.07)}.contact-grid span,.contact-grid strong{display:block}.contact-grid span{color:var(--gold2);font-size:10px;letter-spacing:2px;text-transform:uppercase}.contact-grid strong{font-size:15px;margin-top:4px;word-break:break-word}.facebook-note{font-size:11px;color:#7e838b;margin:16px 0 0}footer{padding:50px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;color:var(--muted);font-size:12px}.footer-brand{color:white}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){nav{display:none;position:absolute;top:75px;left:4vw;right:4vw;padding:20px;background:#0b0d10;border:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:730px}.hero-badge{display:none}.trust-strip{margin:0;grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)}.service-card:nth-child(1),.service-card:nth-child(2),.service-card:nth-child(3){grid-column:span 12}.compact{grid-column:span 6}.cta-band,.about{grid-template-columns:1fr;display:grid}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,320px)}.gallery-grid .wide{grid-row:span 1}.contact-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}}
@media(max-width:600px){.site-header{height:70px;padding:0 20px}.brand strong{font-size:21px}.hero{padding:110px 23px 75px;min-height:700px}.hero h1{font-size:54px}.hero-copy{font-size:15px}.section{padding:85px 22px}.compact{grid-column:span 12}.cta-band{padding:60px 22px}.contact-section{padding:70px 18px}.contact-panel{padding:32px 22px}.contact-grid strong{font-size:13px}.gallery-grid{grid-template-rows:repeat(3,260px)}footer{padding:40px 22px}}
