/* Distinct page hero imagery. Each page gets its own visual context while
   staying inside the light Aegis theme by default. */
.aegis-portfolio-hero { position: relative; min-height: 360px; margin: 0 0 54px; overflow: hidden; border: 1px solid var(--site-border, #e3ece6); border-radius: 28px; background: var(--site-bg, #eff8f2); box-shadow: 0 22px 54px rgba(20,32,25,.10); }
.aegis-portfolio-hero img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; object-position: center 42%; opacity: .96; }
.aegis-portfolio-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(239,248,242,.9), rgba(239,248,242,.62) 38%, rgba(239,248,242,.12) 74%, rgba(239,248,242,.02)); }
.aegis-portfolio-hero-copy { position: absolute; z-index: 1; left: clamp(24px,5vw,64px); bottom: clamp(24px,5vw,56px); max-width: 650px; color: var(--site-ink, #142019); }
.aegis-portfolio-hero-copy .aegis-overline { color: var(--site-green, #178a4c); }
.aegis-portfolio-hero-copy h1 { margin-top: 10px; color: var(--site-ink, #142019); font-size: clamp(34px,5vw,68px); line-height: 1.02; letter-spacing: -.06em; }
.aegis-portfolio-hero-copy p { max-width: 560px; margin-top: 16px; color: var(--site-muted, #6b7a72); font-size: 16px; line-height: 1.65; }
.aegis-portfolio-hero-badge { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 8px 12px; border: 1px solid rgba(23,138,76,.24); border-radius: 999px; background: rgba(255,255,255,.72); color: var(--site-green-dark, #126b3b); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
/* If a complete site theme is enabled, the hero follows it as one surface. */
[data-theme="dark"] .aegis-portfolio-hero { background: #102218; border-color: rgba(194,230,201,.18); }
[data-theme="dark"] .aegis-portfolio-hero::after { background: linear-gradient(90deg, rgba(16,34,24,.94), rgba(16,34,24,.58) 55%, rgba(16,34,24,.16)); }
[data-theme="dark"] .aegis-portfolio-hero-copy { color: #f6fbf7; }
[data-theme="dark"] .aegis-portfolio-hero-copy h1 { color: #fff; }
[data-theme="dark"] .aegis-portfolio-hero-copy p { color: rgba(240,249,242,.72); }
[data-theme="dark"] .aegis-portfolio-hero-badge { border-color: rgba(143,224,173,.36); background: rgba(9,42,25,.5); color: #e8fff0; }
@media (max-width: 640px) { .aegis-portfolio-hero, .aegis-portfolio-hero img { min-height: 430px; } .aegis-portfolio-hero-copy h1 { font-size: clamp(34px,11vw,50px); } .aegis-portfolio-hero-copy p { font-size: 14px; } }