/* Homepage only (enqueued on the 'home' slug after app.css).
   2026-10-29 refinement: same layout, photos, colors, type and motion as app.css;
   only the geometric devices and gradients are replaced with flat versions. */

/* Hero background: graph-paper grid and soft radial blobs -> plain cream */
body.home .hero-mosaic::before,
body.home .hero-mosaic::after{display:none}

/* Hero photo panel: gradient fill -> flat navy (shows only while the photo loads) */
body.home .hero-right{background:var(--ink)}
/* Vertical stripe overlay on the photo -> removed */
body.home .hero-right::after{display:none}
/* Diagonal gradient scrim -> flat navy tint */
body.home .hero-veil{background:rgba(42,47,66,.35)}

/* Floating badges: notched corner -> flat 2px corner (position, size, float motion kept) */
body.home .hero-badge{clip-path:none;border-radius:2px}

/* Vertical rotated label -> horizontal, same bottom-left spot */
body.home .hero-vert{writing-mode:horizontal-tb;color:var(--cream);letter-spacing:.2em;background:rgba(26,29,44,.78);padding:6px 10px;border-radius:2px}

/* Highlighter gradient behind bold words -> same band as a flat inset fill */
body.home .hero-sub b{background:none;box-shadow:inset 0 -.38em 0 rgba(255,84,0,.22)}

/* Buttons: notched corner -> flat 2px corner */
body.home .btn{clip-path:none;border-radius:2px}

/* Marquee separator: rotated diamond -> flat round dot */
body.home .marquee-track span::after{transform:none;width:8px;height:8px;border-radius:50%}

/* Manifesto ruled-line texture -> plain navy */
body.home .manifesto::before{display:none}

/* CTA band vertical stripes -> plain orange */
body.home .cta::before{display:none}

/* Work mosaic hover gradient -> flat navy tint */
body.home .work-item::after{background:rgba(42,47,66,.25)}
body.home .work-item:hover::after{background:rgba(42,47,66,.25)}
/* Caption gradient scrim -> flat navy bar */
body.home .work-cap{background:rgba(26,29,44,.82);padding:11px 16px}

/* Pillar titles: a theme heading color (#205595) bled in, about 1.8:1 on navy -> cream like the rest of the section */
body.home .pillar h4{color:var(--cream)}

/* Hero badges: same badges in the same spots, now still (Erlyn 2026-10-29).
   The 170+/200+ badge keeps its glow pulse, which only changes the shadow. */
body.home .hero-badge.hb-1{animation:none}
body.home .hero-badge.hb-2{animation:hbGlow 4.2s ease-in-out infinite 1s}
@media(prefers-reduced-motion:reduce){body.home .hero-badge.hb-2{animation:none}}