/* Photographic navigation. Framing is local; rounded clipping and the permanent
   light/dark glass caption treatment remain shared with every card in nav.css. */
.site-header.hn-ready .nav-feature .nav-feature-media>img.ne-photo{
 object-position:var(--ne-image-position,50% 50%);
 filter:saturate(.92);
}
/* Keep the working faces clear; frost only the caption area. */
.site-header.hn-ready .hn-brain-feature .nav-feature-media:after,
.site-header.hn-ready #nav-industries .nav-feature-media:after{
 mask-image:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.9) 58%,#000 66%);
 -webkit-mask-image:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.9) 58%,#000 66%);
}
.site-header.hn-ready .hn-department-feature .nav-feature-media:after{
 mask-image:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.2) 54%,rgba(0,0,0,.9) 67%,#000 74%);
 -webkit-mask-image:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.2) 54%,rgba(0,0,0,.9) 67%,#000 74%);
}
/* Portfolio-only optical-glass study: the portrait stays clear above a broad,
   convex caption lens. Edge light comes from inset reflections, never an outline. */
.site-header.hn-ready #nav-solutions .nav-feature .nav-feature-media>img.ne-photo-portfolio{
 filter:saturate(.98);
}
.site-header.hn-ready #nav-solutions .nav-feature .nav-feature-media>img.ne-portfolio-refraction{
 z-index:1;clip-path:ellipse(85% 42% at 50% 90%);
 filter:blur(4px) saturate(.98) brightness(1.08);transform:scale(1.018);
}
@media(prefers-reduced-motion:no-preference){
 .site-header.hn-ready #nav-solutions .nav-feature:is(:hover,:focus-visible) .nav-feature-media>img.ne-portfolio-refraction{transform:scale(1.053)}
}
.site-header.hn-ready #nav-solutions .nav-feature-media:before,
.site-header.hn-ready #nav-solutions .nav-feature-media:after{
 content:"";position:absolute;pointer-events:none;mask-image:none;-webkit-mask-image:none;
}
.site-header.hn-ready #nav-solutions .nav-feature-media:before{
 z-index:2;inset:46% -35% -32%;border-radius:50%;
 background:rgba(255,255,255,.06);
 backdrop-filter:blur(3px) saturate(.98);-webkit-backdrop-filter:blur(3px) saturate(.98);
 box-shadow:inset 0 1.5px 2px rgba(255,255,255,.34),inset 0 8px 14px rgba(255,255,255,.12),0 -3px 16px rgba(0,0,0,.04);
}
.site-header.hn-ready #nav-solutions .nav-feature-media:after{
 z-index:3;inset:48% -35% -32%;border-radius:50%;
 background:rgba(255,255,255,.40);
 backdrop-filter:none;-webkit-backdrop-filter:none;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.46),inset 0 14px 20px rgba(255,255,255,.09),inset 0 -20px 32px rgba(255,255,255,.12);
}
.site-header.hn-ready[data-nav-theme] #nav-solutions .nav-feature>div:not(.nav-feature-media){color:#171717}
.site-header.hn-ready[data-nav-theme] #nav-solutions .nav-feature>div:not(.nav-feature-media)>span{color:#303030;font-size:14px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header.hn-ready #nav-solutions .nav-feature-media:before{display:none}
 .site-header.hn-ready #nav-solutions .nav-feature-media:after{background:rgba(240,240,240,.96)}
}
@media(prefers-reduced-transparency:reduce){
 .site-header.hn-ready #nav-solutions .nav-feature-media:before{display:none}
 .site-header.hn-ready #nav-solutions .nav-feature-media:after{background:#ececec;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .site-header.hn-ready #nav-solutions .nav-feature .nav-feature-media>img.ne-portfolio-refraction{transform:none;transition:none}
}
