/* Clear service hierarchy and deliberate calls to action. */
.clarity-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:16px 25px;border:1px solid var(--line);border-radius:18px;font:600 14px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-align:center;box-shadow:inset 0 1px 0 var(--border-lit),0 6px 20px #0000000b;transition:background .24s,color .24s,border-color .24s,box-shadow .24s,translate .24s;touch-action:manipulation}
.clarity-primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.clarity-secondary{background:var(--glass);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.clarity-action:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.clarity-action:active{translate:0 1px}
.clarity-play{width:21px;height:21px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.clarity-play::after{content:'';border-left:5px solid currentColor;border-block:3px solid transparent;margin-left:2px}
.service-directory{padding-top:34px;padding-bottom:0}
.service-directory>p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.service-directory nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;border:1px solid var(--line);border-radius:25px;background:var(--veil);box-shadow:inset 0 1px 0 var(--border-lit);gap:8px}
.service-directory a{position:relative;display:grid;grid-template-columns:28px 1fr;gap:4px 12px;padding:20px 22px;border-radius:18px;transition:background .25s,box-shadow .25s}
.service-directory a>span{grid-row:1/3;align-self:center;font:500 11px/1.4 'DM Sans',sans-serif;color:var(--accent)}
.service-directory strong{font:600 18px/1.35 Manrope,sans-serif;letter-spacing:-.03em}
.service-directory small{font-size:12px;line-height:1.5;color:var(--muted)}
.home-page .service-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;align-items:end;margin:0 0 42px}
.home-page .service-heading>div{min-width:0}
.service-label{display:flex;align-items:center;gap:12px;font:500 11px/1.5 'DM Sans',sans-serif;letter-spacing:.025em;color:var(--muted);margin-bottom:22px}
.service-label>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid var(--line);border-radius:10px;background:var(--glass);color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}
.home-page .service-heading h2,.home-page .home-drone h2{font:500 clamp(45px,5.5vw,78px)/1.08 Manrope,sans-serif;letter-spacing:-.06em;margin:0}
.service-heading h2>span,.home-drone h2>span{color:var(--accent)}
.home-page .service-intro{max-width:440px;justify-self:end}
.home-page .service-intro>p,.home-page .home-drone-copy>p:not(.service-label){font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.home-page .service-intro .service-subtitle,.home-page .home-drone-copy .service-subtitle{font:500 23px/1.4 Manrope,sans-serif;letter-spacing:-.035em;color:var(--ink);margin:0 0 10px}
.service-intro .clarity-action{margin-top:23px}
.service-meta{display:inline-flex;gap:9px;align-items:center;font-size:12px;line-height:1.5;color:var(--muted);margin-top:16px}
.service-meta::before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%}
.home-page .film-service-labels{display:flex;flex-wrap:wrap;align-items:center;gap:10px 25px;list-style:none;padding:0 0 24px;margin:0 0 25px;border-bottom:1px solid var(--line)}
.film-service-labels li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.film-service-labels li::before{content:'';height:4px;width:4px;border-radius:50%;background:var(--accent)}
.home-page .home-film-foot{padding:25px 28px;justify-content:space-between;gap:20px}
.home-page .home-film-foot>p{font-size:17px;letter-spacing:-.015em;line-height:1.55}
.home-page .home-film-foot>p span{font-size:13px;letter-spacing:0}
.home-page .home-drone-copy .service-label{margin-bottom:22px}
.home-page .home-drone-copy .service-subtitle{margin-top:20px}
.home-drone-copy>.clarity-action{margin-top:26px}
.home-page .home-drone{grid-template-columns:1fr 1fr;gap:8%}
.home-page .home-contact-inner{background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 62%),var(--veil)}
.home-page .home-contact h2{font-size:clamp(45px,6vw,82px);margin-block:30px}
.home-page .home-contact-bottom{align-items:center;gap:25px}
.home-page .home-contact-bottom>p{font-size:15px;max-width:360px}
.home-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0}
.contact-email-link{font-size:14px;min-height:44px;padding-block:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.home-about-copy>.home-link{min-height:50px;padding:14px 23px;border:1px solid var(--line);border-radius:17px;background:var(--glass);font-size:14px;font-weight:500}
/* Existing page CTAs retain their meaning and gain a common tactile shape. */
.portfolio-intro .button,.film-intro .button,.drone-hero .button,.gear-contact{border-radius:18px;min-height:52px;font-size:14px;padding:15px 23px;font-weight:600}
@media(hover:hover) and (pointer:fine){
 .clarity-action:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 7px 25px var(--glow);translate:0 -2px}
 .service-directory a:hover{background:var(--glass-strong);box-shadow:inset 0 1px 0 var(--border-lit),0 5px 15px #00000008}
 .contact-email-link:hover{color:var(--accent);border-color:var(--accent)}
}
@media(max-width:1050px){
 .home-page .service-heading{grid-template-columns:1fr 1fr;gap:35px}
 .service-directory a{padding:18px 15px;gap:4px 6px}
 .service-directory strong{font-size:16px}
}
@media(max-width:760px){
 .service-directory{padding-top:27px}
 .service-directory nav{border-radius:21px;padding:5px;gap:3px}
 .service-directory a{display:flex;flex-direction:column;align-items:flex-start;padding:14px 10px;gap:8px;border-radius:16px}
 .service-directory a>span{font-size:10px}
 .service-directory strong{font-size:14px;line-height:1.3;letter-spacing:-.025em}
 .service-directory small{display:none}
 .home-page .home-work{padding-top:60px}
 .home-page .service-heading{grid-template-columns:1fr;gap:23px;margin-bottom:31px}
 .service-label{margin-bottom:17px;font-size:11px;gap:10px}
 .home-page .service-heading h2,.home-page .home-drone h2{font-size:clamp(43px,10vw,64px)}
 .home-page .service-intro{justify-self:start;max-width:450px}
 .home-page .service-intro>p,.home-page .home-drone-copy>p:not(.service-label){font-size:14px;line-height:1.75}
 .home-page .service-intro .service-subtitle,.home-page .home-drone-copy .service-subtitle{font-size:21px;margin-bottom:8px}
 .service-intro .clarity-action{margin-top:21px}
 .home-page .film-service-labels{gap:12px 21px;padding-bottom:20px;margin-bottom:24px}
 .film-service-labels li{font-size:12px}
 .home-page .home-film-foot{padding:23px;align-items:flex-start;flex-direction:column;gap:20px}
 .home-page .home-film-foot>p{width:auto;margin:0;font-size:16px}
 .home-page .home-drone{grid-template-columns:1fr;gap:33px}
 .home-page .home-drone-copy .service-subtitle{margin-top:20px}
 .home-page .home-contact-top{align-items:flex-start;gap:8px;flex-direction:column}
 .home-page .home-contact-inner{padding:30px 25px;border-radius:28px}
 .home-page .home-contact h2{font-size:clamp(38px,9.1vw,60px)}
 .home-page .home-contact-bottom{align-items:flex-start;gap:25px;flex-direction:column}
 .home-contact-actions{width:100%}
 .home-contact-actions>.clarity-action{width:100%}
}
@media(max-width:360px){
 .service-directory a{padding:13px 6px}
 .service-directory strong{font-size:12px}
 .clarity-action{padding-inline:20px;font-size:13px}
 .home-page .service-heading h2,.home-page .home-drone h2{font-size:43px}
 .home-page .home-contact-inner{padding:26px 21px}
}
@media(prefers-reduced-motion:reduce){.clarity-action,.service-directory a{transition:none;translate:none}}

/* Keep the drone subtitle distinct from the body copy. */
.home-page .home-drone-copy>p.service-subtitle{font:500 23px/1.4 Manrope,sans-serif;letter-spacing:-.035em;color:var(--ink);margin:20px 0 10px}
@media(max-width:760px){.home-page .home-drone-copy>p.service-subtitle{font-size:21px}}