/* Shared chrome retains the original angled header action. */
.uf-site .btn,.uf-site .uf-button,.uf-site[data-page=landing] .cta{clip-path:none}
.uf-nav>.uf-button{clip-path:polygon(17px 0,100% 0,100% 100%,0 100%)}
.uf-nav>.uf-button>span{display:grid;place-items:center;flex:none;width:20px;height:20px;transition:transform .2s ease}
/* One arrow on every button (Saqib, 2026-10-13): the header button draws the shared action icon with its stroke
   (1.6, round), no longer its own heavier, square-ended arrow. */
.uf-nav>.uf-button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.uf-nav>.uf-button:hover>span{transform:translate(2px,-2px)}
.uf-nav>.uf-button:focus-visible{outline:2px solid var(--uf-navy);outline-offset:-5px}
@media(prefers-reduced-motion:reduce){.uf-nav>.uf-button>span{transition:none}.uf-nav>.uf-button:hover>span{transform:none}}
.uf-nav>a:not(.uf-button){position:relative;display:flex;align-items:center;min-height:44px}
.uf-nav>a:not(.uf-button)::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--uf-orange);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.uf-nav>a:not(.uf-button):is(:hover,:focus-visible,[aria-current=page])::after{transform:scaleX(1)}
.uf-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.uf-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.uf-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.uf-menu-toggle span{transition:transform .22s ease,opacity .15s ease}
@media(max-width:980px){
  .uf-nav>a:not(.uf-button){min-height:52px;border-bottom:1px solid #ffffff16}
  .uf-nav>a:not(.uf-button)::after{left:15px;right:auto;width:24px;bottom:5px}
}


/* Rick Loom 2026-10-13 00:47 to 01:27 (R03): "All caps feels more on brand for us, even when it's not our display
   font." Menu items in capitals with the tracking of the caps button beside them ("Find a bay", .1em), desktop
   bar and mobile menu alike. Capitals are about a third wider, so the bar steps its size and gaps down where it
   would otherwise run into the logo (checked one line, clear of the logo, from 981 to 1880px in Chromium and
   WebKit); the mobile menu keeps its 17px. */
.uf-nav>a:not(.uf-button){text-transform:uppercase;letter-spacing:.1em}
@media(min-width:981px){.uf-nav>a.uf-button{flex:none;white-space:nowrap}}
@media(min-width:981px) and (max-width:1330px){.uf-nav{gap:16px}.uf-nav>a:not(.uf-button){font-size:13px}}
@media(min-width:981px) and (max-width:1190px){.uf-nav{gap:10px}.uf-nav>a:not(.uf-button){font-size:12px}.uf-nav>a.uf-button{padding-inline:16px}}
@media(min-width:981px) and (max-width:1023px){.uf-nav>a:not(.uf-button){font-size:11px}}