/* Homepage-only: AVX hero + projects. Selectors prefixed with html body for priority over brand layer. */
html body .avx-hero,html body .avx-proj{--o:#f26b1d;--oi:#c2450f;--n:#0f1b33;--c:#f6f4ef}
html body .avx-kicker{display:inline-flex;align-items:center;gap:10px;font:500 .74rem/1.3 "Spline Sans Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--oi)}
html body .avx-kicker i{width:22px;height:3px;background:var(--o);flex:none}
html body .avx-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;font:600 .95rem "DM Sans",sans-serif;text-decoration:none;border:2px solid var(--n);transition:background-color .2s ease,color .2s ease,transform .2s ease}
html body .avx-btn span{transition:transform .2s ease}
html body .avx-btn:hover span{transform:translateX(4px)}
html body .avx-btn--solid{background:var(--n);color:var(--c)}
html body .avx-btn--solid:hover{background:var(--o);border-color:var(--o);color:var(--n)}
html body .avx-btn--line{background:transparent;color:var(--n)}
html body .avx-btn--line:hover{background:var(--n);color:var(--c)}
/* HERO: light editorial split */
html body .avx-hero{background:linear-gradient(90deg,var(--c) 0 58%,#e9e4d8 58%);border-bottom:1px solid #dcd8cd;overflow:hidden}
html body .avx-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
html body .avx-hero h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.025em;color:var(--n);margin:18px 0 20px}
html body .avx-hero h1 em{font-style:italic;color:var(--oi);box-shadow:inset 0 -.14em 0 rgba(242,107,29,.25)}
html body .avx-hero__lede{font-size:1.08rem;line-height:1.6;color:#3a4458;max-width:34rem;margin:0 0 28px}
html body .avx-hero__ctas,html body .avx-proj__ctas{display:flex;flex-wrap:wrap;gap:12px}
html body .avx-hero__facts{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--n);max-width:32rem}
html body .avx-hero__facts li{padding:14px 12px 0 0;display:flex;flex-direction:column;gap:2px}
html body .avx-hero__facts li+li{padding-left:14px;border-left:1px solid #cfc9ba}
html body .avx-hero__facts b{font:600 1.35rem Fraunces,Georgia,serif;color:var(--n)}
html body .avx-hero__facts span{font:.72rem "Spline Sans Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#545d70}
html body .avx-hero__media{position:relative;margin:0;aspect-ratio:1;max-width:560px;justify-self:end;width:100%}
html body .avx-hero__media::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--o)}
html body .avx-hero__media img{position:relative;width:100%;height:100%;object-fit:cover;display:block;box-shadow:0 30px 60px -30px rgba(15,27,51,.5)}
html body .avx-hero__media figcaption{position:absolute;left:-24px;bottom:28px;background:var(--n);color:var(--c);padding:12px 16px;font:.78rem "Spline Sans Mono",monospace;border-left:4px solid var(--o)}
html body .avx-hero__media figcaption span{display:block;color:#ff9a5c;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;margin-bottom:3px}
/* PROJECTS: navy panel, framed photo + steps */
html body .avx-proj{background:var(--n);color:#d3d9e6;padding:88px 0;position:relative}
html body .avx-proj::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:repeating-linear-gradient(90deg,var(--o) 0 28px,transparent 28px 40px)}
html body .avx-proj__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:64px;align-items:center}
html body .avx-proj__media{margin:0;padding:12px;background:#16244a;border:1px solid #24365c}
html body .avx-proj__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s ease}
html body .avx-proj__media{overflow:hidden}
html body .avx-proj__media:hover img{transform:scale(1.025)}
html body .avx-proj .avx-kicker{color:#ff9a5c}
html body .avx-proj h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.06;letter-spacing:-.02em;color:#f3f1ea;margin:16px 0 18px}
html body .avx-proj__copy>p{line-height:1.65;max-width:34rem;margin:0 0 28px}
html body .avx-steps{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid #24365c}
html body .avx-steps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #24365c;transition:background-color .2s ease}
html body .avx-steps li:hover{background:rgba(242,107,29,.07)}
html body .avx-steps li>span{font:500 .85rem "Spline Sans Mono",monospace;color:var(--o);padding-top:3px}
html body .avx-steps b{display:block;color:#f3f1ea;font-weight:600;margin-bottom:2px}
html body .avx-proj .avx-btn--solid{background:var(--o);border-color:var(--o);color:var(--n)}
html body .avx-proj .avx-btn--solid:hover{background:var(--c);border-color:var(--c)}
html body .avx-proj .avx-btn--line{color:#f3f1ea;border-color:#3a4f7a}
html body .avx-proj .avx-btn--line:hover{background:#f3f1ea;color:var(--n);border-color:#f3f1ea}
@media (max-width:860px){
  html body .avx-hero{background:var(--c)}
  html body .avx-hero__grid,html body .avx-proj__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  html body .avx-hero__grid{padding-top:36px;padding-bottom:52px}
  html body .avx-hero__media{justify-self:stretch;max-width:none;order:-1;aspect-ratio:4/3}
  html body .avx-hero__media::before{inset:10px -8px -10px 10px}
  html body .avx-hero__media figcaption{left:0;bottom:0}
  html body .avx-proj{padding:64px 0}
}
@media (max-width:480px){
  html body .avx-btn{width:100%;justify-content:center}
  html body .avx-hero__facts li+li{padding-left:10px}
  html body .avx-hero__facts b{font-size:1.1rem}
  html body .avx-hero__facts span{font-size:.64rem}
}
@media (prefers-reduced-motion:reduce){
  html body .avx-btn,html body .avx-btn span,html body .avx-proj__media img,html body .avx-steps li{transition:none}
  html body .avx-proj__media:hover img,html body .avx-btn:hover span{transform:none}
}
