/* ════════════════════════════════════════════════════════════════════════
   APEX FX — what is left of it.

   This file was "reusable background scenery": an .apex-fx wrapper plus
   apex-fx-peaks / --soft / -topo utilities that layered WebP strips onto a
   section, and a night-world background for the seven business-apps bodies.

   Both are retired, and were removed 2026-09-01 (the whole file before that
   cut is in _archive/align-pass3-2026-09-01/css/).

   • The scenery utilities had ZERO references left in any template. Peaks
     became a hero-only asset — a close sits on plain white, because the
     footer's ice shelf is a close-up and two horizons at two scales read as
     a mistake — so AI Consulting and About now place fx-peaks-soft.webp as a
     plain <img> ridge and nothing calls the utility classes. fx-topo needs a
     dark surface above it and there is no longer one to bridge.
   • The night world (a !important gradient on article.aad-page plus a
     repeating starfield ::before) lost to the light conversion months ago.
     Measured on all five app pages: background-image `none`, ::before
     `content: none`. It painted nothing and had not for a long time.

   What survives is the two things the business-apps pages actually share.
   The name no longer describes the file; the enqueue handle is left alone so
   this stays one reviewable change.
   ════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════
   BA FOUNDER — the one human moment for the Business Apps suite.
   Shared photo + statement + signature, scoped to body.aa-adnia-copy-page so
   it never touches other pages. Palette hardcoded to theme constants (this
   file has no aad tokens). Reuse on any of the 7 business-apps bodies.
   ════════════════════════════════════════════════════════════════════════ */
body.aa-adnia-copy-page .ba-founder-sec { padding-block: clamp(3.5rem, 8vh, 6rem); }
body.aa-adnia-copy-page .ba-founder {
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: clamp(2rem, 4.5vw, 4.5rem); align-items: center;
}
body.aa-adnia-copy-page .ba-founder__media {
    position: relative; margin: 0; border-radius: var(--a-r); overflow: hidden;
    border: 1px solid var(--a-card-line); box-shadow: var(--a-card-shadow);
}
/* ★ This block outlived the dark system on all five business-apps pages: a
   pale-blue border meant to glow on navy, and a near-black 0 30px 70px drop at
   half opacity, both sitting on a white sheet. The grayscale-plus-navy-tint on
   the photograph itself is the intended treatment and stays. */
body.aa-adnia-copy-page .ba-founder__media img {
    display: block; width: 100%; height: 100%; object-fit: cover;
    aspect-ratio: 4 / 3; filter: grayscale(1) contrast(1.04) brightness(1.15);
}
body.aa-adnia-copy-page .ba-founder__media::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(150deg, rgba(28, 62, 134, .5), rgba(70, 116, 196, .22));
    mix-blend-mode: multiply;
}
body.aa-adnia-copy-page .ba-founder__copy h2 {
    margin: 0; font-family: var(--a-sans);
    font-weight: 800; letter-spacing: -.018em; line-height: 1.1;
    font-size: clamp(1.7rem, 2.6vw, 2.5rem); color: #f4f9ff; max-width: 20ch; text-wrap: balance;
}
body.aa-adnia-copy-page .ba-founder__copy p {
    margin: 1.2rem 0 0; color: #b7c7e3; font-size: clamp(1.05rem, 1.35vw, 1.2rem);
    line-height: 1.62; max-width: 42rem;
}
body.aa-adnia-copy-page .ba-founder__sign {
    margin-top: 1.3rem; color: #9fb6da;
    font-size: var(--a-t-spoken); font-weight: 600;
}
@media (max-width: 860px) {
    body.aa-adnia-copy-page .ba-founder { grid-template-columns: 1fr; gap: clamp(1.6rem, 5vw, 2.4rem); }
}

/* ── Per-page variation so the founder moment is not identical across the suite ──
   Copy leads with the photo on the right for waa/saa/set; hub/ava/eda/pkg keep
   photo-left. Crop, duotone and corner vary so no two read the same block.     */
body.apex-wa .ba-founder, body.apex-saa .ba-founder, body.apex-set .ba-founder { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
body.apex-wa .ba-founder__media, body.apex-saa .ba-founder__media, body.apex-set .ba-founder__media { grid-column: 2; grid-row: 1; }
body.apex-wa .ba-founder__copy, body.apex-saa .ba-founder__copy, body.apex-set .ba-founder__copy { grid-column: 1; grid-row: 1; }
body.apex-hub .ba-founder__media img, body.apex-set .ba-founder__media img { aspect-ratio: 16 / 10; }
body.apex-ava .ba-founder__media img { aspect-ratio: 5 / 4; }
body.apex-ava .ba-founder__media::after { background: linear-gradient(150deg, rgba(30, 80, 120, .48), rgba(60, 140, 170, .2)); }
body.apex-set .ba-founder__media::after { background: linear-gradient(150deg, rgba(44, 68, 138, .46), rgba(122, 128, 92, .18)); }
@media (max-width: 860px) {
    /* the page rule above outranks the shared collapse, so the 6fr/5fr split
       survived to 390px and squeezed the copy to one word per line */
    body.apex-wa .ba-founder, body.apex-saa .ba-founder, body.apex-set .ba-founder { grid-template-columns: minmax(0, 1fr); }
    body.apex-wa .ba-founder__media, body.apex-saa .ba-founder__media, body.apex-set .ba-founder__media,
    body.apex-wa .ba-founder__copy, body.apex-saa .ba-founder__copy, body.apex-set .ba-founder__copy { grid-column: auto; grid-row: auto; }
}


/* ════════════════════════════════════════════════════════════════════════
   .ba-shot — the shared frame for REAL app screenshots.

   The frame is the ONLY thing the pages share; each composes it into its own
   layout so no two "real thing" sections read alike.

   • The image sits at its NATURAL aspect. Never `object-fit: cover` — cropping
     a UI screenshot lops off the header/totals that make it legible.
   • `loading="eager"` is deliberate. A lazy image that starts inside `.is-empty`
     (which sets `img { display:none }`) never enters the viewport, so it never
     loads, `onload` never fires, and the placeholder sticks forever.
   ════════════════════════════════════════════════════════════════════════ */
body.aa-adnia-copy-page .ba-shot {
    position: relative; margin: 0; border-radius: 14px; overflow: hidden;
    background: linear-gradient(160deg, rgba(26, 45, 84, .85), rgba(11, 22, 48, .95));
    border: 1px solid rgba(150, 196, 255, .16);
    box-shadow: 0 30px 70px rgba(2, 8, 24, .5), inset 0 1px 0 rgba(255, 255, 255, .06);
}
body.aa-adnia-copy-page .ba-shot__bar {
    display: flex; align-items: center; gap: .38rem;
    padding: .6rem .9rem; border-bottom: 1px solid rgba(150, 196, 255, .14);
    background: rgba(8, 18, 40, .55);
}
body.aa-adnia-copy-page .ba-shot__bar i { width: 8px; height: 8px; border-radius: 999px; background: rgba(150, 196, 255, .28); flex: none; }
body.aa-adnia-copy-page .ba-shot__bar b { margin-left: .5rem; font: 600 .72rem/1 var(--a-sans); letter-spacing: .06em; color: #9fb6da; }
body.aa-adnia-copy-page .ba-shot img { display: block; width: 100%; height: auto; }
body.aa-adnia-copy-page .ba-shot__ph { display: none; }
body.aa-adnia-copy-page .ba-shot.is-empty { min-height: 20rem; }
body.aa-adnia-copy-page .ba-shot.is-empty img { display: none; }
body.aa-adnia-copy-page .ba-shot.is-empty .ba-shot__ph {
    position: absolute; inset: 2.4rem 0 0; display: grid; place-items: center; align-content: center; gap: .4rem;
    text-align: center; color: #9fb6da; letter-spacing: -.01em;
    font: 800 clamp(1.1rem, 1.6vw, 1.5rem)/1.1 var(--a-sans);
}
body.aa-adnia-copy-page .ba-shot__ph small {
    display: block; font: 600 var(--a-t-micro)/1 var(--a-sans);
    letter-spacing: var(--a-track-micro); text-transform: uppercase; opacity: .6;
}
/* section scaffold shared by the "real thing" bands */
body.aa-adnia-copy-page .ba-real { padding-block: clamp(3.5rem, 8vh, 6rem); }
body.aa-adnia-copy-page .ba-real__cap { margin: 1.2rem 0 0; color: #9fb6da; font-size: .95rem; line-height: 1.6; max-width: 62ch; }
@media (max-width: 900px) { body.aa-adnia-copy-page .ba-shot.is-empty { min-height: 14rem; } }

/* Existing founder portrait replaces the unverified working-session image. */
body.aa-adnia-copy-page .ba-founder__media--portrait {
    width: min(100%, 20rem);
    justify-self: center;
}
body.aa-adnia-copy-page .ba-founder__media--portrait img {
    height: auto;
    aspect-ratio: 848 / 1016;
    object-position: center;
}