@font-face{font-family:CTM Display;src:url('assets/headline.woff') format('woff');font-weight:700;font-display:swap}
:root{color-scheme:dark;--sand:#c7b18c;--ink:#10110e}
*{box-sizing:border-box}
body{margin:0;background:#090a08;color:#f5f3ed;font-family:Arial,Helvetica,sans-serif}
.page{width:100%;max-width:600px;margin:0 auto;container-type:inline-size;background:var(--ink);box-shadow:0 0 110px #0008}
.hero{position:relative;aspect-ratio:948/756;overflow:hidden}
.art{position:absolute;top:0;left:0;display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ticker{display:flex;align-items:stretch;position:relative;background:var(--sand);color:var(--ink);min-height:40px}
.ticker-window{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content;animation:marquee 25s linear infinite}
.ticker-group{display:flex;flex-shrink:0;gap:24px;padding-right:24px;align-items:center;white-space:nowrap;font-family:CTM Display,Arial,sans-serif;font-size:17px;line-height:1.2;font-weight:700}
@keyframes marquee{to{transform:translateX(-50%)}}
.services{display:flex;flex-direction:column;gap:clamp(12px,3.5cqw,21px);padding-top:0}
.service{display:block;position:relative;width:100%;overflow:hidden;color:inherit;text-decoration:none;cursor:pointer;isolation:isolate}
.drone{aspect-ratio:948/383}
.video{aspect-ratio:948/385}
.drone .card-art{top:-85.23207cqw}
.video .card-art{top:-123.62869cqw}
.service-content{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,3cqw,18px)}
.drone .service-content{left:60.5%;top:26.66%;width:33.5%;text-align:center;align-items:center}
.video .service-content{left:9.4%;top:24.8%;width:38%}
h2{font-family:CTM Display,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(16px,5.05cqw,31px);line-height:1.08;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px #0004}
.contact{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;max-width:100%;padding:10px 10px;border-radius:7px;background:var(--sand);color:#10110e;font-size:clamp(11px,2.45cqw,15px);line-height:1.2;text-decoration:none;font-weight:600;white-space:nowrap;box-shadow:0 3px 16px #0002;transition:background .18s,transform .18s}
.contact svg{display:block;align-self:center;width:clamp(18px,4cqw,25px);height:clamp(18px,4cqw,25px);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.service:hover .contact{background:#dfcbaa;transform:translateY(-2px)}
.service:active .contact{transform:translateY(0)}
.service:focus-visible{outline:3px solid var(--sand);outline-offset:-4px}
.location{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(12px,2.85cqw,17px);padding:0 16px 28px}
.location svg{width:18px;height:22px;fill:var(--sand);stroke:var(--sand);stroke-width:1.5}
.location svg circle{fill:var(--ink);stroke:none}
@media(min-width:700px){body{padding:24px 0}.page{border-radius:12px;overflow:hidden}}
@media(max-width:480px){.cta-prefix{display:none}.contact{padding:9px 12px}.service-content{gap:10px}.ticker-group{font-size:16px}}


.contact>span{display:block;line-height:1.2}

.drone::after{content:"";position:absolute;right:0;bottom:0;width:47%;height:5%;background:var(--ink);pointer-events:none}
.video::before{content:"";position:absolute;left:0;top:0;width:53%;height:6%;background:var(--ink);z-index:1;pointer-events:none}