/* AERILIS V6 — original graphics untouched; windscreen-focused SVG illumination. */
.hero-trail .canopy-activation { opacity:.94;mix-blend-mode:screen; }
.hero-trail .canopy-aura { opacity:.64;mix-blend-mode:screen; }
.hero-trail .canopy-upper-arc { stroke-width:1.7;opacity:.35; }
.hero-trail .canopy-lower-arc { stroke-width:1.15;opacity:.27; }
.hero-trail .canopy-signal-ribbon { stroke-width:2.6;opacity:.68; }
.hero-trail .trail-impact-haze { opacity:.39; }
.hero-trail .trail-impact-sheen { opacity:.16; }
/* The grand launch composition stays intact; only the canopy receives more light. */
.hero-logo,.brand-framed img,.launch-mark,.pilot-card-top img {filter:none!important;}
.decks-v25 .section-header-grid{align-items:end}
.decks-v25 .quiet-note{font-size:12px;color:#91aaa0}
.aerilis-decks-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:46px;}
.aerilis-deck{isolation:isolate;position:relative;min-width:0;height:clamp(300px,27vw,408px);border:1px solid rgba(170,206,194,.3);overflow:hidden;background:#061013;box-shadow:0 20px 45px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s,transform .3s;}
.aerilis-deck:hover {border-color:rgba(58,242,155,.8);transform:translateY(-3px)}
.aerilis-deck-art{z-index:-3;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;opacity:1;filter:none!important;transition:transform .7s ease;}
.aerilis-deck:hover .aerilis-deck-art{transform:scale(1.035)}
/* Opaque caps precisely hide all baked display lettering in the artistic source. */
.aerilis-deck-topmask{position:absolute;z-index:-2;left:0;right:0;top:0;height:31%;background:linear-gradient(180deg,rgba(3,10,11,1) 0%,rgba(3,10,11,.99) 44%,rgba(3,10,11,.91) 68%,rgba(3,10,11,0) 100%);pointer-events:none;}
.aerilis-deck-bottommask{position:absolute;z-index:-2;left:0;right:0;bottom:0;height:27%;background:linear-gradient(0deg,rgba(2,8,9,1) 0%,rgba(2,8,9,.98) 44%,rgba(2,8,9,.72) 70%,rgba(2,8,9,0) 100%);pointer-events:none;}
.aerilis-deck-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px 4px;}
.aerilis-deck-order{color:#bedcd0;font-size:9px;font-weight:600;letter-spacing:.15em;}
.aerilis-deck-status{font-size:8px;letter-spacing:.075em;color:#6ffcb3;padding:7px 8px;background:#07120e;border:1px solid rgba(58,242,155,.35);white-space:nowrap}
.aerilis-deck-name{position:absolute;z-index:2;left:20px;right:20px;top:54px;}
.aerilis-deck-name h3{font-size:clamp(22px,2.23vw,37px);font-weight:520;line-height:1.15;letter-spacing:.045em;color:#f5faf7;margin:0 0 5px;text-shadow:0 2px 10px #000;}
.aerilis-deck-tagline{font-size:10px;color:#a8c3b7;letter-spacing:.09em;line-height:1.5;}
.aerilis-deck-base{display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding:0 20px 20px;color:#f1fcf7;font-size:10px;letter-spacing:.11em;font-weight:650;}
.aerilis-deck-line{height:2px;width:25px;flex:0 0 25px;background:#3AF29B;box-shadow:0 0 11px #24FF68;}
.aerilis-deck-base .arrow{margin-left:auto;color:#3AF29B;font-size:19px;line-height:1}
.decks-v25 .decks-footnote {margin-top:12px}
@media(max-width:1100px){.aerilis-decks-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.aerilis-deck{height:350px}.aerilis-deck:last-child{grid-column:1/-1;max-width:none;height:330px}.aerilis-deck-name h3{font-size:32px}}
@media(max-width:700px){.aerilis-decks-collection{grid-template-columns:1fr;gap:16px;margin-top:30px}.aerilis-deck,.aerilis-deck:last-child{grid-column:auto;height:350px}.aerilis-deck-name h3{font-size:clamp(25px,7vw,36px)}.aerilis-deck-art{object-position:center 55%}.aerilis-deck-order{font-size:8px}.aerilis-deck-head{padding:15px 16px}.aerilis-deck-name{left:16px;top:52px}.aerilis-deck-base{padding:0 16px 17px;font-size:9px}.hero-trail .canopy-activation{opacity:.55}.hero-trail .canopy-aura{opacity:.26}}
@media(max-width:360px){.aerilis-deck{height:320px}.aerilis-deck-status{font-size:7px}.aerilis-deck-tagline{font-size:9px}}
@media(prefers-reduced-motion:reduce){.aerilis-deck,.aerilis-deck-art{transition:none}}

/* Final art treatment: clean, label-free cinematic strips with original proportions. */
.aerilis-deck{height:320px;}
.aerilis-deck-art{top:95px;bottom:auto;height:174px;object-fit:cover;object-position:center 48%;}
.aerilis-deck-topmask{height:100px;background:linear-gradient(180deg,#030a0b 0%,#030a0b 82%,rgba(3,10,11,0) 100%)}
.aerilis-deck-bottommask{height:66px;background:linear-gradient(0deg,#020809 0%,#020809 52%,rgba(2,8,9,0) 100%)}
.aerilis-deck-name{top:52px}
.aerilis-deck-name h3{font-size:clamp(23px,2.15vw,32px)}
.aerilis-deck-tagline{display:none}
@media(max-width:1100px){.aerilis-deck,.aerilis-deck:last-child{height:320px}}
@media(max-width:700px){.aerilis-deck,.aerilis-deck:last-child{height:316px}.aerilis-deck-art{top:95px;height:170px;object-position:center center}.aerilis-deck-name{top:53px}.aerilis-deck-name h3{font-size:clamp(23px,6.7vw,33px)}}
@media(max-width:360px){.aerilis-deck{height:310px}.aerilis-deck-name h3{font-size:23px}}

/* Final strict cropping keeps all baked mockup typography outside the art. */
.aerilis-deck-art{object-position:center 49%;}


/* V6 HEADER ONLY — approved original SVG wordmark, sharper and slightly larger.
   Does not affect footer, HERO, decks or site layout. */
@media (min-width: 1101px) {
  .site-header .brand {
    flex: 0 0 clamp(314px, 29vw, 452px);
    width: clamp(314px, 29vw, 452px);
  }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .site-header .brand {
    flex: 0 0 min(322px, calc(100% - 74px));
    width: min(322px, calc(100% - 74px));
  }
}
@media (max-width: 700px) {
  .site-header .brand {
    flex: 0 0 min(268px, calc(100% - 74px));
    width: min(268px, calc(100% - 74px));
  }
}
@media (max-width: 370px) {
  .site-header .brand {
    flex-basis: min(230px, calc(100% - 74px));
    width: min(230px, calc(100% - 74px));
  }
}


/* V7 HEADER: show the entire official V3.1 horizontal SVG.
   Override old PNG-only crop geometry in styles.css; header scope only. */
.site-header .brand-framed {
  aspect-ratio: 1707 / 405;
  overflow: visible;
}
.site-header .brand-framed img {
  position: static;
  inset: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
@media (min-width: 1101px) {
  .site-header .brand {
    flex: 0 1 clamp(300px, 27vw, 380px);
    width: clamp(300px, 27vw, 380px);
  }
}