:root{--ink:#0b0b0a;--paper:#f3ede3;--orange:#f47320;--rust:#ad4325;--cream:#fff7e8;--line:rgba(12,12,11,.18);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;background:white;padding:1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:72px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);z-index:50;background:linear-gradient(#0009,transparent);color:white}.mini-brand{display:flex;align-items:center;gap:10px;font-size:.73rem;font-weight:800;letter-spacing:.15em}.mini-brand img{width:58px;filter:invert(1);mix-blend-mode:screen}.site-header nav{display:flex;gap:32px;text-transform:uppercase;font-size:.72rem;letter-spacing:.2em}.site-header nav a{padding:9px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:currentColor}.menu-button{display:none;background:none;border:1px solid #fff8;color:white;padding:9px 12px;text-transform:uppercase;letter-spacing:.15em}.hero{min-height:100svh;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#e86220}.hero-sky{position:absolute;inset:0;background:url('assets/sunset-mountains.png') center/cover no-repeat;z-index:-3}.hero-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,103,30,.06),rgba(255,164,55,.05) 45%,rgba(0,0,0,.1))}.hero-lockup{width:min(740px,66vw);margin-left:clamp(28px,6vw,110px);margin-top:3rem;position:relative;z-index:3}.hero-lockup h1{margin:0}.hero-lockup h1 img{width:min(720px,100%)}.descriptor{width:min(430px,65%);margin:.2rem auto 1.5rem}.hero-lockup p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;max-width:600px;margin:0 auto 2rem;text-align:center}.hero-drone{position:absolute;width:clamp(250px,30vw,520px);top:9%;left:42%;z-index:2}.hero-brush{position:absolute;width:48vw;left:1vw;top:15%;z-index:1}.hero-actions{display:flex;gap:12px;justify-content:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800;border:1px solid var(--ink);cursor:pointer}.button-solid{background:var(--ink);color:white}.button-ghost{background:#f9e4c799;backdrop-filter:blur(4px)}.scroll-cue{position:absolute;right:4vw;bottom:3rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}.section-pad{padding:clamp(80px,10vw,150px) max(5vw,calc((100vw - var(--max))/2))}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;font-weight:800;margin-bottom:1.1rem;color:var(--rust)}h2{font-size:clamp(2.6rem,6vw,6.2rem);line-height:.88;letter-spacing:-.06em;margin:.1em 0 .5em;max-width:1000px}.credibility{text-align:center;background:var(--cream)}.credibility h2{font-size:clamp(2.2rem,4vw,4.8rem);margin-inline:auto}.name-rail{display:flex;flex-wrap:wrap;justify-content:center;margin:3rem 0 2rem;border-block:1px solid var(--line)}.name-rail span{padding:24px clamp(16px,2.8vw,45px);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-button{border:0;background:none;padding:8px 0;font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;border-bottom:1px solid;cursor:pointer}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:5rem}.section-heading p{font-size:1.05rem;line-height:1.7;margin:0 0 1rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border-top:1px solid var(--ink);padding-top:14px;opacity:.25;transform:translateY(24px);transition:.65s ease}.service-card.in-view{opacity:1;transform:none}.service-image{aspect-ratio:4/3;background:#d8c4ad;overflow:hidden;margin-bottom:24px}.service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.service-card>span{font-size:.68rem;letter-spacing:.2em}.service-card h3{font-size:clamp(1.4rem,2.2vw,2.4rem);margin:.7rem 0}.service-card p{line-height:1.6;margin:0;max-width:34ch}.work{background:var(--ink);color:white}.light .eyebrow{color:#ff9252}.light p{color:#c7c1b8}.category-stack{display:flex;flex-direction:column;gap:clamp(90px,12vw,170px)}.category-row{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,90px);align-items:center;opacity:.25;transform:translateY(35px);transition:.7s ease}.category-row.in-view{opacity:1;transform:none}.category-row.reverse .category-media{order:2}.category-media{aspect-ratio:4/3;position:relative;overflow:hidden;background:#241a14}.category-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff22;pointer-events:none}.category-media img,.category-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1);transition:transform 8s ease}.category-row.in-view .category-media img{transform:scale(1.08)}.reel-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ee702322,transparent 55%,#0007)}.reel-placeholder span{font-size:.72rem;letter-spacing:.22em}.reel-placeholder b{font-size:.65rem;margin-top:8px;color:#ff9b5d}.reel-time{position:absolute;bottom:15px;right:17px;font-size:.58rem;letter-spacing:.18em}.category-copy h3{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.06em;margin:0 0 1.5rem}.category-copy p{line-height:1.7;color:#c9c4bb;max-width:48ch}.partner-list{display:flex;flex-wrap:wrap;gap:7px;margin:2rem 0}.partner-list span{border:1px solid #ffffff2b;padding:8px 10px;font-size:.63rem;text-transform:uppercase;letter-spacing:.1em}.light-link{color:white;margin-top:1rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center}.about-visual{aspect-ratio:4/5;background:linear-gradient(#e86c2a,#fdad3d);position:relative;overflow:hidden;opacity:.25;transform:translateX(-25px);transition:.7s ease}.about-visual.in-view{opacity:1;transform:none}.about-visual:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:var(--ink);clip-path:polygon(0 48%,14% 32%,25% 48%,42% 20%,61% 54%,80% 23%,100% 48%,100% 100%,0 100%)}.about-visual img{width:84%;position:absolute;left:8%;bottom:17%;z-index:2;filter:saturate(.5) contrast(1.12)}.about-visual span{position:absolute;z-index:3;bottom:24px;left:24px;color:white;font-size:.58rem;letter-spacing:.16em}.sun-disc{width:44%;aspect-ratio:1;border-radius:50%;background:#ffd66b;position:absolute;right:7%;top:18%}.about-copy h2{font-size:clamp(2.8rem,5vw,5.5rem)}.about-copy p{line-height:1.7;max-width:55ch}.quick-facts{margin-top:3rem;border-top:1px solid var(--line)}.quick-facts div{display:grid;grid-template-columns:120px 1fr;padding:15px 0;border-bottom:1px solid var(--line)}.quick-facts dt{text-transform:uppercase;font-size:.62rem;letter-spacing:.17em}.quick-facts dd{margin:0;font-weight:700}.contact{background:#e96c25;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font-size:clamp(3rem,5.8vw,6rem)}.contact-copy>p{line-height:1.65;max-width:50ch}.email-link{font-size:clamp(1.1rem,2vw,1.8rem);font-weight:800;border-bottom:2px solid}form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f8dfbd;padding:clamp(24px,4vw,55px)}label{font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}input,select,textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;font:inherit;border-radius:0}textarea{resize:vertical}.full{grid-column:1/-1}.form-note{grid-column:1/-1;font-size:.68rem;line-height:1.4}footer{background:var(--ink);color:white;padding:55px max(5vw,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px}footer img{width:220px}footer div{display:flex;gap:20px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}footer p{font-size:.65rem;color:#aaa}dialog{width:min(1000px,92vw);max-height:86vh;border:0;padding:clamp(30px,6vw,80px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000c}.dialog-close{position:absolute;right:22px;top:15px;border:0;background:none;font-size:2rem}.dialog-note{color:#6a5f55}.experience-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.experience-groups section{border-top:2px solid;padding-top:15px}.experience-groups h3{font-size:1.5rem}.experience-groups span{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:.82rem}@media(max-width:800px){.site-header{background:#0b0b0a}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0a;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:860px;align-items:flex-end;padding-bottom:90px}.hero-lockup{width:auto;margin:0 24px}.hero-drone{width:78vw;left:11vw;top:14%}.hero-brush{width:92vw;top:20%}.hero-lockup p{font-size:.95rem}.section-heading,.about,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:100px 1fr;column-gap:20px}.service-image{grid-row:1/4}.category-row{grid-template-columns:1fr}.category-row.reverse .category-media{order:0}.experience-groups{grid-template-columns:1fr}footer{grid-template-columns:1fr}form{grid-template-columns:1fr}.full{grid-column:auto}}

/* Keep alternating category reels at the same large 4:3 display size. */
.category-row.reverse{grid-template-columns:.85fr 1.15fr}
@media(max-width:800px){.category-row.reverse{grid-template-columns:1fr}}

/* About portrait treatment. */
.about-visual{background:#1a2f33}
.about-visual:after{height:32%;background:linear-gradient(transparent,rgba(11,11,10,.78));clip-path:none;z-index:1}
.about-visual img{width:100%;height:100%;left:0;bottom:0;object-fit:cover;object-position:center 48%;filter:saturate(.82) contrast(1.05)}
.about-visual span{z-index:3}

/* Lock the flight path, drone, wordmark and descriptor into one scalable brand unit. */
.hero-brand{position:relative;width:100%;padding-top:25%;isolation:isolate}
.hero-brand .hero-brush{position:absolute;width:82%;left:-12%;top:8%;z-index:1}
.hero-brand .hero-drone{position:absolute;width:48%;height:auto;left:auto;right:-2%;top:0;z-index:2}
.hero-brand h1{position:relative;z-index:3}
.hero-brand .descriptor{position:relative;z-index:3}
@media(max-width:800px){.hero-brand{padding-top:25%}}
