/* Persistent site chrome and predictable dropdown geometry. */
:root{--site-chrome-height:139px}
html{scroll-padding-top:calc(var(--site-chrome-height) + 16px)}
body{padding-top:var(--site-chrome-height)}
.site-chrome{position:fixed;inset:0 0 auto;z-index:1000;isolation:isolate;background:var(--paper)}
.site-chrome .utility{position:relative;z-index:3;min-height:48px;overflow:visible}
.site-chrome .site-header{position:relative;top:auto;z-index:2}
.desktop-nav .nav-dropdown{position:static;align-self:stretch;display:flex;align-items:center}
.nav-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;line-height:1.4}
.nav-trigger>.nav-label{display:block;font:inherit;color:inherit;white-space:nowrap}
.nav-trigger>.dropdown-chevron{display:block;flex:0 0 16px;width:16px;height:16px;overflow:visible;color:currentColor;transition:transform 160ms ease}
.nav-trigger[aria-expanded="true"]>.dropdown-chevron{transform:rotate(180deg)}
.site-header .mega-menu{top:100%;inset-inline:0;width:100%;max-height:calc(100dvh - var(--site-chrome-height) - 12px);overflow-y:auto;overscroll-behavior:contain;padding-block:32px;z-index:5}
.site-header .mega-menu:before{content:"";position:absolute;inset-inline:0;top:-12px;height:12px}
.language-picker>summary{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;gap:8px}
.language-picker>summary>svg{display:block;width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.language-picker>summary>.language-chevron{width:14px;height:14px;flex-basis:14px;transition:transform 160ms ease}
.language-picker[open]>summary>.language-chevron{transform:rotate(180deg)}
.language-picker>summary>span{line-height:1;display:block}
.language-options{top:calc(100% + 7px);z-index:20;max-height:calc(100dvh - 70px)}
.language-options>a{position:relative;cursor:pointer;touch-action:manipulation}
.sector-subnav{top:var(--site-chrome-height)}
/* Reserve a real image frame; image layout does not depend on intrinsic height. */
.catalog-image.has-category-art{position:relative;aspect-ratio:2336/1744;overflow:hidden}
.catalog-image.has-category-art>img,.home-category-gallery .researched-card:first-child .catalog-image.has-category-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;object-fit:contain;object-position:center;opacity:1;visibility:visible}
@media(max-width:1180px){:root{--site-chrome-height:124px}}
@media(max-width:900px){.site-header .mobile-menu{top:100%;max-height:calc(100dvh - var(--site-chrome-height));overflow:auto;overscroll-behavior:contain}}
@media(max-width:600px){:root{--site-chrome-height:118px}.nav-trigger{gap:7px}.language-picker>summary{gap:6px}}
@media(prefers-reduced-motion:reduce){.nav-trigger>.dropdown-chevron,.language-picker>summary>.language-chevron{transition:none}}

