/* UA Core — only what the Oxygen style panel cannot express.
   All component styles live in Oxygen (Oxygen → classes "UA Design System", variables "UA Tokens"). */

/* 1. Page base (element-level rules) */
:root{--ua-hdr:124px}
@media (max-width:1023px){:root{--ua-hdr:64px}}
@media (max-width:767px){:root{--ua-hdr:58px}}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + var(--ua-hdr) + 16px);overflow-anchor:none}
body{margin:0;background:var(--ua-white);color:var(--ua-text);font:400 17px/1.65 var(--ua-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-anchor:none}
@media (max-width:767px){body{font-size:16px}}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--ua-gold);outline-offset:3px}
.ua-sr,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.bde-post-loop:empty{display:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 2. Header states switched by ua.js while scrolling */
.nua-header.is-scrolled{box-shadow:0 6px 24px rgba(10,31,60,.10)}
.nua-header.is-compact .nua-hbar{min-height:60px}
.nua-header.is-compact .nua-crest{width:46px;height:46px;margin-bottom:0}
/* nav row hidden: the crest grows and drops below the bar */
@media (min-width:1024px){.nua-header.is-navhide .nua-crest{width:72px;height:72px;margin-bottom:-26px}}
.nua-header.is-navhide .nua-hnav{max-height:0;opacity:0;border-top-color:transparent}
@media (max-width:1023px){.nua-header.is-compact .nua-hbar{min-height:54px}.nua-header.is-compact .nua-crest{width:44px;height:44px;margin-bottom:-10px}}

/* 3. Full-screen menu opened by ua.js */
body.ua-menu-open{overflow:hidden}
body.ua-menu-open .nua-menu{opacity:1;visibility:visible}
body.ua-menu-open .nua-header{background:var(--ua-navy);border-bottom-color:rgba(255,255,255,.1)}
body.ua-menu-open .nua-menu-btn,body.ua-menu-open .nua-hname,body.ua-menu-open .nua-header .ual-switch a{color:#fff}
body.ua-menu-open .nua-hnav{display:none}
body.ua-menu-open .nua-menu-ic{background:transparent;box-shadow:none}
body.ua-menu-open .nua-menu-ic:before,body.ua-menu-open .nua-menu-ic:after{content:"";position:absolute;left:0;top:0;width:22px;height:2px;background:currentColor}
body.ua-menu-open .nua-menu-ic:before{transform:rotate(45deg)}
body.ua-menu-open .nua-menu-ic:after{transform:rotate(-45deg)}

/* 4. Photo lightbox created by ua.js */
.ua-lightbox{position:fixed;inset:0;background:rgba(5,12,24,.94);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}
.ua-lightbox img{max-width:92vw;max-height:88vh}
/* menu: a direction with people shows the ▸ like the main items (needs :has, not available in the panel) */
@media (min-width:1024px){.nua-menu-dir:has(.nua-menu-person)>.ua-smap-link::after{content:"";display:inline-block;margin-left:10px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;vertical-align:middle}}

/* a11y: readable eyebrow labels (WCAG AA) — dark gold on light sections, light gold on navy */
body .nua-eyebrow{color:#8a6810}
body :is(.nua-hero,.nua-section--band,.nua-section--navy,.nua-cta,.ua-nav,.nua-menu,.nua-footer) .nua-eyebrow,body .nua-eyebrow--light{color:var(--ua-gold-2,#e2c15a)}
#oxy-main:focus{outline:none}
:where(img[width][height]){height:auto}