/* Keep the second color close to the face: a fine edge, not a detached copy. */
:root{--title-back:#527d68}
[data-theme=light]{--title-back:#9eb8a8}
@media screen{
 main h1,main h2,.footer .footer-tagline{
  --title-offset-x:clamp(.35px,.012em,.7px);
  --title-offset-y:clamp(.5px,.018em,1px);
  text-shadow:var(--title-offset-x) var(--title-offset-y) 0 var(--title-back)
 }
 main h1,.contact-section h2,.portfolio-heading h2,.evidence-message h2,
 .faq-intro h2,.airspace-section-head h2,.cyber-section-head h2,.capability-section-head h2{
  --title-offset-x:clamp(.5px,.014em,1px);
  --title-offset-y:clamp(.75px,.022em,1.5px)
 }
 /* The photographic hero keeps its light face in both appearance modes. */
 .flight-hero h1{
  --title-back:#507d69;
  --title-offset-x:clamp(.65px,.018em,1.5px);
  --title-offset-y:clamp(1px,.025em,2px)
 }
 .flight-hero .hero-title-lead,.flight-hero .hero-title-focus{
  text-shadow:var(--title-offset-x) var(--title-offset-y) 0 var(--title-back)
 }
 .flight-hero .hero-title-focus{--title-back:#3e6a53}
}
@media screen and (max-width:600px){
 main h1,main h2,.footer .footer-tagline,
 .contact-section h2,.portfolio-heading h2,.evidence-message h2,
 .faq-intro h2,.airspace-section-head h2,.cyber-section-head h2,.capability-section-head h2{
  --title-offset-x:.4px;
  --title-offset-y:.75px
 }
 .flight-hero h1{--title-offset-x:.65px;--title-offset-y:1px}
}
/* Preserve plain, high-contrast glyphs in print and system contrast modes. */
@media print, (forced-colors:active){
 main h1,main h2,.footer .footer-tagline,
 .flight-hero .hero-title-lead,.flight-hero .hero-title-focus{text-shadow:none}
}