/* A shared navigation row; authored artwork/copy rules remain untouched. */
.experience-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,80px);background:#201d16;color:#f5eedf;border-bottom:1px solid #bca77d38;font:12px/1.4 var(--sans,system-ui);letter-spacing:0;text-transform:none}
.experience-bar p{margin:0;font:inherit;color:#dbcfbb}
.experience-bar .experience-switch{display:flex;align-items:center;gap:3px;margin:0;padding:2px;background:#ffffff08;border:1px solid #d3c2a059;border-radius:6px}
.experience-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:108px;padding:8px 16px;text-decoration:none;font:500 12px/1.3 var(--sans,system-ui);color:#f5eedf;border-radius:3px;white-space:nowrap}
.experience-switch a[aria-current=page]{background:#f1e7d1;color:#30271a}
.experience-switch a[aria-current=page]::before{content:'✓';font-size:11px}
.experience-switch a:not([aria-current]):hover{background:#ffffff17}
.experience-switch a:focus-visible{outline:2px solid #e6bc79;outline-offset:3px}
.experience-bar .experience-aside{font-size:11px;color:#cabea9}
/* The artistic controller already measures the complete header and reserves it. */
header.nav>.experience-bar{position:relative}
/* The simplified page uses its existing header-height variable for both media and copy. */
html.has-homepage-choice{--nav-h:136px}
.v2-nav:has(.experience-bar){padding-top:48px}
.v2-nav>.experience-bar{position:absolute;inset:0 0 auto}
.has-homepage-choice .version-link{display:none}
@media(max-width:760px){html.has-homepage-choice{--nav-h:122px}.experience-bar{justify-content:center;padding-inline:12px;gap:10px}.experience-bar .experience-aside{display:none}.experience-bar>p{font-size:11px}.experience-switch a{min-width:94px;padding-inline:12px}}
@media(max-width:380px){.experience-bar>p{display:none}.experience-switch a{min-width:120px}}
@media(max-height:520px) and (orientation:landscape){html.has-homepage-choice{--nav-h:112px}.v2-nav:has(.experience-bar){height:112px}.experience-bar .experience-aside{display:none}}