/* Shared navigation: compact masthead, visual desktop panels, scrolling mobile groups. */
.site-header .masthead{position:relative}
.desktop-menu{gap:19px}
.nav-group{display:flex;align-items:center;gap:1px}
.nav-group>a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.desktop-menu .rich-menu{position:static}
.desktop-menu .rich-menu>summary{font-size:inherit;min-width:26px}
.desktop-menu .rich-menu[open]::after{content:"";position:absolute;inset:auto 0 0;height:24px;z-index:29}
.desktop-menu .rich-menu>.rich-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;width:auto;max-height:calc(100dvh - var(--header-height) - 24px);overflow:auto;display:grid;gap:28px;padding:28px;background:#f5f3eb;color:#20363e;border:1px solid #b9c7bf;border-top:3px solid #ffd126;border-radius:0 0 12px 12px;box-shadow:0 22px 48px #07151d38;z-index:30}
.desktop-menu .help-panel{grid-template-columns:1.2fr 1fr}
.desktop-menu .expertise-panel{grid-template-columns:1fr 1.7fr}
.desktop-menu .industries-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
.desktop-menu .about-panel,.desktop-menu .insights-panel{grid-template-columns:1.1fr 1fr}
.nav-company-links>.nav-kicker,.nav-reading-links>.nav-kicker{padding-inline:12px}
.nav-feature.about-feature>img{height:215px;object-position:center 25%}
.nav-feature.insight-feature>img{height:190px;object-fit:contain;background:#e9e7da}
.nav-reading-links .nav-choice{max-width:460px}
.rich-panel .insight-feature strong{font-size:24px;line-height:1.2}
.rich-panel .nav-article-meta{font-size:11px;margin-top:13px}
.rich-panel a{padding:0;font-size:inherit}
.rich-panel a:hover{background:none}
.rich-panel .nav-kicker{margin:0 0 10px;color:#526b65;font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;line-height:1.5}
.rich-panel .nav-choice{display:block;padding:14px 12px;border-radius:6px}
.rich-panel .nav-choice strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.rich-panel .nav-choice span,.rich-panel .nav-feature span,.rich-panel .nav-industry-main span{display:block;margin-top:6px;color:#50665f;font-size:12px;line-height:1.6}
.rich-panel .nav-choice:hover,.rich-panel .nav-choice:focus-visible{background:#e4eae3}
.nav-offer-links>.nav-kicker{padding-inline:12px}
.rich-panel .nav-overview{display:inline-block;font-size:12px;font-weight:600;margin:15px 12px 0;padding-block:5px;border-bottom:2px solid #8c9e92;line-height:1.5}
.rich-panel .nav-overview:hover,.rich-panel .nav-case:hover{border-color:#8b6600}
.rich-panel .nav-feature{display:flex;flex-direction:column;border-radius:7px;overflow:hidden;background:#e5e9df;border:1px solid #cbd4c7}
.nav-feature>img{width:100%;height:174px;object-fit:cover;object-position:center 35%}
.rich-panel .nav-feature>div:not(.nav-artifact){padding:20px}
.rich-panel .nav-feature strong{font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:500;display:block}
.rich-panel .nav-feature:hover{background:#dce4d6}
.nav-feature .nav-artifact{background:#e3e6e1;padding:18px;min-height:150px;display:grid;place-items:center}
.nav-artifact img{width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 6px 7px #12232c20)}
.nav-disciplines{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:15px}
.nav-disciplines .nav-overview{grid-column:1/-1;justify-self:start}
.nav-industry{background:#e5ece9;border-radius:7px;padding:19px}
.nav-industry.education{background:#ebe4f0}
.nav-industry.industrial{background:#dde6df}
.nav-industry.research{background:#e3ead8}
.rich-panel .nav-industry-main{display:block}
.nav-industry-image{height:155px;display:grid;place-items:center;margin-bottom:16px}
.nav-industry-image img{width:100%;height:155px;min-height:0;max-height:100%;object-fit:contain;transition:transform .16s ease}
.nav-industry-main:hover img{transform:translateY(-3px)}
.nav-industry-main strong{display:block;font-size:28px;letter-spacing:-.04em;line-height:1.15;font-weight:500}
.rich-panel .nav-case{display:inline-block;margin-top:16px;font-size:12px;font-weight:600;line-height:1.5;border-bottom:1px solid #73867d;padding-block:4px}
.rich-panel a:focus-visible{outline:3px solid #947000;outline-offset:4px}
.desktop-menu a[aria-current=page]:not(.button){text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
@media(min-width:1101px) and (max-width:1250px){.desktop-menu{gap:13px;font-size:11px}.masthead .brand-word{width:140px}.masthead .brand-wave{width:36px}}
@media(max-width:1100px){
 .desktop-menu{display:none}.mobile-menu{display:block;position:static}
 .mobile-menu>summary{list-style:none;cursor:pointer;border:1px solid #71838a;border-radius:25px;padding:11px 18px;font-size:12px;min-height:44px;display:flex;align-items:center}
 .mobile-menu>summary::-webkit-details-marker{display:none}
 .mobile-menu>nav{position:absolute;top:calc(100% - 1px);left:0;right:0;width:auto;padding:17px;background:#f5f3eb;color:#20363e;border:1px solid #bec9bf;border-top:3px solid #ffd126;border-radius:0 0 9px 9px;box-shadow:0 15px 40px #0004;z-index:40;max-height:calc(100dvh - var(--header-height) - 15px);overflow:auto;overscroll-behavior:contain}
 .mobile-menu a{display:block;padding:12px;min-height:44px;font-size:14px;line-height:1.5;border-radius:4px}
 .mobile-menu a:hover{background:#e4eae3}
 .mobile-nav-group{border-block-start:1px solid #cbd4c7;margin-block:6px;padding-top:6px}
 .mobile-menu .mobile-nav-heading{font-size:15px;font-weight:600;margin:0;padding:12px;line-height:1.5}
 .mobile-menu .mobile-nav-choice{padding:10px 12px}
 .mobile-nav-choice strong{font-size:13px;display:block;font-weight:500}
 .mobile-nav-choice span{font-size:11px;color:#50665f;display:block;margin-top:3px;line-height:1.6}
 .mobile-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:2px}
 .mobile-disciplines a{display:flex;align-items:center;font-size:12px}
 .mobile-menu .mobile-industry{display:flex;align-items:center;gap:15px;background:#e5ece9;padding:9px 12px;margin:5px 0}
 .mobile-menu .mobile-industry.education{background:#ebe4f0}
 .mobile-menu .mobile-industry.industrial{background:#dde6df}
 .mobile-menu .mobile-industry.research{background:#e3ead8}
 .mobile-industry img{width:70px;height:45px;object-fit:contain}
 .mobile-industry strong{font-size:14px;font-weight:500}
 .mobile-menu .mobile-latest{display:grid;grid-template-columns:65px 1fr;gap:12px;background:#e8ebdf;padding:12px;align-items:start}
 .mobile-latest img{width:65px;height:50px;object-fit:contain}
 .mobile-latest span,.mobile-latest time{display:block;font-size:10px;color:#50665f;line-height:1.5}
 .mobile-latest strong{display:block;font-size:13px;font-weight:500;line-height:1.5;margin-block:4px}
 .mobile-menu .mobile-nav-contact{background:#ffd126;margin-top:10px;font-weight:600}
 .mobile-menu a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
 .mobile-menu a:focus-visible{outline:3px solid #947000;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.nav-industry-image img{transition:none}.nav-industry-main:hover img{transform:none}}
/* Greyson review (October 2026). G05/G17: the case-study link sits at the bottom of every industry card with a label naming it an example; the current page is marked with an outline instead of underlining a whole card. G07: every top-level item highlights as one unit on hover. */
.rich-panel .nav-industry{display:flex;flex-direction:column}
.rich-panel .nav-industry-main{flex:1}
.rich-panel .nav-industry-case{margin-top:18px;padding-top:14px;border-top:1px solid #22323b1f}
.rich-panel .nav-industry-case .nav-kicker{margin:0 0 2px}
.rich-panel .nav-industry-case .nav-case{margin-top:0}
.desktop-menu .rich-panel a[aria-current=page]:is(.nav-industry-main,.nav-choice,.nav-feature){text-decoration:none}
.rich-panel .nav-industry:has(>.nav-industry-main[aria-current=page]),.rich-panel .nav-choice[aria-current=page]{box-shadow:inset 0 0 0 2px #22323b}
.desktop-menu .nav-group{border-radius:6px;transition:background-color .15s ease}
.desktop-menu .nav-group:hover,.desktop-menu .nav-group:has(>details[open]){background:#ffffff0c}
.desktop-menu .nav-group .offer-menu summary:hover{background:transparent}
.desktop-menu .nav-group>a{padding-left:10px}
.nav-feature>img.how-we-work-photo{height:215px;object-position:center 22%}