/* Supplemental styles: photo integration into the Nile Wave design system.
   Base design system (styles.css) is left untouched; this file only adds
   photo-specific treatments requested on top of it. */

.photo-band{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin:2.5rem 0 0}
.photo-band img,.photo-band video{width:100%;height:24rem;object-fit:cover;display:block}
.photo-band-caption{background:var(--navy);color:#CDE7F8;font-size:.78rem;letter-spacing:.04em;padding:.7rem 1.4rem}

/* Triad nodes with themed photo backgrounds instead of flat white fill */
.triad-node.photo{color:#fff;background-size:cover;background-position:center;border-width:0;box-shadow:var(--shadow-md)}
.triad-node.photo span{position:relative;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.triad-node.water.photo{background-image:linear-gradient(rgba(30,90,138,.62),rgba(30,90,138,.62)),url('assets/photos/water-river-tint.jpg')}
.triad-node.energy.photo{background-image:linear-gradient(rgba(120,94,15,.5),rgba(120,94,15,.5)),url('assets/photos/energy-gold-tint.jpg')}
.triad-node.cyber.photo{background-image:linear-gradient(rgba(8,29,51,.68),rgba(8,29,51,.68)),url('assets/photos/cyber-navy-tint.jpg')}

/* Profile / About headshot inside the existing profile-art frame */
.profile-art.has-photo{background:var(--navy)}
.profile-art.has-photo img.profile-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.9)}
.profile-art.has-photo{position:relative}
.profile-art.has-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,29,51,.05),rgba(8,29,51,.55));z-index:1}
.profile-art.has-photo:after{z-index:2}

/* Current-page nav indicator */
.nav-links a.active-nav{color:var(--nile);position:relative}
.nav-links a.active-nav:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold)}

/* Confidential engagement note (Case Studies / Insights page) */
.confidential-note{font-size:.82rem;color:var(--muted);font-style:italic;border-left:3px solid var(--line);padding-left:.9rem;margin-top:.9rem}

/* Case study stat row, reused across Case Studies page */
.stat-row{display:flex;gap:2rem;flex-wrap:wrap;margin:1rem 0 0}
.stat-row .stat-num{font-weight:800;color:var(--navy);font-size:1.15rem;display:block}
.stat-row .stat-label{font-size:.78rem;color:var(--muted)}

/* Overlapping-circle Triad SVG diagram, replaces the old positioned-div version */
.triad-svg-wrap{display:flex;align-items:center;justify-content:center;min-height:26rem}
.triad-svg{width:100%;max-width:26rem;height:auto}

/* Press strip: text-based publication mentions (no third-party logo reproduction) */
.press-strip{background:var(--pearl);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.3rem 0}
.press-strip .container{display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap;text-align:center}
.press-strip p{margin:0;font-size:.92rem;color:var(--navy);font-weight:600}
.press-strip .press-name{font-family:'Georgia',serif;font-weight:800;font-size:1.05rem;color:var(--navy)}

/* Intake form additions: select field, role/industry rows */
.field select{width:100%;border:1px solid var(--line);border-radius:.7rem;padding:.85rem;background:var(--white);font:inherit;color:var(--ink)}

/* Page-level CTA band used at the bottom of interior pages */
.page-cta{border-top:1px solid var(--line);margin-top:3rem;padding:2.75rem 1.75rem 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.page-cta p{margin:0;font-weight:700;color:var(--navy)}

/* Insights landing: hero image slot next to the intro text */
.insight-hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:3rem;align-items:center}
.insight-hero-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);min-height:14rem;background:linear-gradient(160deg,var(--nile),var(--navy));display:flex;align-items:center;justify-content:center}
.insight-hero-photo span{color:#CDE7F8;font-size:.8rem;text-align:center;padding:1.5rem;font-family:'IBM Plex Mono',monospace}
.insight-hero-photo img,.insight-hero-photo video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}

/* Article pages */
.article-meta{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{padding:.9rem 0 .9rem 2.2rem;border-top:1px solid var(--line);position:relative}
.checklist li:before{content:"";position:absolute;left:0;top:1.15rem;width:1.1rem;height:1.1rem;border:2px solid var(--gold);border-radius:.3rem}
.checklist li:last-child{border-bottom:1px solid var(--line)}

@media(max-width:900px){
  .insight-hero-grid{grid-template-columns:1fr}
  .page-cta{flex-direction:column;align-items:flex-start}
  .photo-band img,.photo-band video{height:16rem}
}