/* 0.26.0 menu bar: light, uppercase links, inline search; transparent over the opening photo on overlay pages. */
.crn{--crn-ink:#18364a;--crn-accent:#3b6a8c;--crn-h:76px;--crn-ease:cubic-bezier(.32,.72,0,1);position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:70;width:100%;color:var(--crn-ink);font-family:'Clarity City',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:rgba(255,255,255,.95);box-shadow:0 1px 0 rgba(24,54,74,.08);transition:background-color 400ms var(--crn-ease),box-shadow 400ms var(--crn-ease),color 400ms var(--crn-ease)}
@supports ((backdrop-filter:blur(14px)) or (-webkit-backdrop-filter:blur(14px))){.crn{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}}
.crn *{box-sizing:border-box}
.crn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crn-bar{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px);width:min(1380px,100%);height:var(--crn-h);margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.crn-brand{position:relative;display:block;flex-shrink:0;width:158px;aspect-ratio:1500/481}
.crn-logo{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;transition:opacity 400ms var(--crn-ease)}
.crn-logo-white{opacity:0}
.crn-links{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,30px);flex:1}
.crn .crn-links a{position:relative;padding:8px 0;color:inherit!important;font-size:11.5px;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.crn-links a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--crn-ease)}
.crn-links a:hover:after,.crn-links a[aria-current]:after{transform:scaleX(1)}
.crn-links a[aria-current]:after{background:var(--crn-accent);height:2px}
.crn-search-field{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid rgba(24,54,74,.18);border-radius:4px;background:rgba(255,255,255,.7);color:inherit;transition:border-color 300ms,background-color 300ms}
.crn-search-field:focus-within{border-color:var(--crn-ink);background:#fff}
.crn-search-field svg{width:16px;height:16px;flex-shrink:0;opacity:.7}
.crn .crn-search-field input{width:clamp(150px,15vw,230px);min-width:0;height:100%;padding:0;border:0;outline:0;background:none;color:inherit;font:inherit;font-size:13px;font-weight:400!important}
.crn-search-field input::placeholder{color:currentColor;opacity:.6}
.crn .crn-cta{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px;border-radius:4px;background:var(--crn-ink);color:#fff!important;font-size:12.5px;font-weight:500!important;letter-spacing:.06em;text-decoration:none;white-space:nowrap;transition:background-color 300ms,color 300ms}
.crn-cta svg{width:15px;height:15px;transition:transform 400ms var(--crn-ease)}
.crn-cta:hover{background:#0f2737}.crn-cta:hover svg{transform:translateX(3px)}
.crn :focus-visible{outline:2px solid #41738c;outline-offset:3px}
.crn-toggle{display:none;position:relative;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.crn-bars{position:absolute;inset:0;display:block}
.crn-bars i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform 400ms var(--crn-ease),top 400ms var(--crn-ease)}
.crn-bars i:first-child{top:17px}.crn-bars i:last-child{top:26px}
.crn.is-open .crn-bars i:first-child{top:21.5px;transform:rotate(45deg)}
.crn.is-open .crn-bars i:last-child{top:21.5px;transform:rotate(-45deg)}
/* Overlay pages: clear over the photo until scrolled. */
.crn--overlay{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px)}
.crn--overlay:not(.is-solid){--crn-accent:#fff;background:transparent;box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Fully transparent over the hero; text keeps a soft shadow so it reads on bright photos. */
.crn--overlay:not(.is-solid) :is(.crn-links a,.crn-brand){text-shadow:0 1px 12px rgba(9,26,38,.35)}
.crn--overlay:not(.is-solid) .crn-logo-white{filter:drop-shadow(0 1px 8px rgba(9,26,38,.3))}
.crn--overlay:not(.is-solid) .crn-logo-white{opacity:1}
.crn--overlay:not(.is-solid) .crn-logo-navy{opacity:0}
.crn--overlay:not(.is-solid) .crn-search-field{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12)}
.crn--overlay:not(.is-solid) .crn-cta{background:#fff;color:var(--crn-ink)!important}
.crn--overlay:not(.is-solid) .crn-links a[aria-current]:after{background:#fff}
/* Phone and tablet menu. */
.crn-panel{position:fixed;left:0;right:0;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--crn-h));bottom:0;z-index:69;padding:24px clamp(20px,5vw,48px) 40px;overflow:auto;background:#fff;color:var(--crn-ink);opacity:0;transform:translateY(-8px);transition:opacity 320ms var(--crn-ease),transform 320ms var(--crn-ease)}
.crn-panel.is-visible{opacity:1;transform:none}
.crn-panel .crn-search-field{height:52px;margin-bottom:24px;background:#f3f5f6}
.crn-panel .crn-search-field input{width:100%;font-size:16px}
.crn-panel nav{display:grid}
.crn .crn-panel nav a{padding:14px 0;border-bottom:1px solid rgba(24,54,74,.1);color:var(--crn-ink)!important;font-family:Adamina,Georgia,serif!important;font-weight:400!important;font-size:28px;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity 500ms var(--crn-ease),transform 500ms var(--crn-ease);transition-delay:calc(var(--i) * 40ms)}
.crn-panel.is-visible nav a{opacity:1;transform:none}
.crn-panel nav a[aria-current]{color:#0f2737!important;text-decoration:underline;text-decoration-color:var(--crn-accent);text-decoration-thickness:2px;text-underline-offset:6px}
html.crn-locked{overflow:hidden}
@media(max-width:1179px){.crn-links,.crn-bar>.crn-search{display:none}.crn-toggle{display:block}.crn-cta{margin-left:auto}.crn-cta+.crn-toggle{margin-left:0}}
@media(max-width:560px){.crn{--crn-h:64px}.crn-brand{width:128px}.crn .crn-cta{display:none}.crn .crn-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.crn,.crn *,.crn-panel{transition:none!important}}
@media print{.crn{display:none}}
.crn-skip{position:fixed;left:16px;top:-60px;z-index:10000;padding:12px 18px;border-radius:8px;background:#18364a;color:#fff!important;font-size:14px;text-decoration:none;transition:top .2s}.crn-skip:focus{top:12px;outline:2px solid #3b6a8c;outline-offset:2px}
/* 0.49.2: a backdrop-filter makes the header the containing block for the fixed menu panel, squeezing the panel
   into the 64px bar. While the menu is open the bar is solid white instead of frosted. */
.crn.is-open,.crn.is-open.is-solid,.crn.crn--overlay.is-open{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}
/* 0.62.0 language switcher */
.cr-lang{display:flex;align-items:center;gap:2px;margin:0 6px 0 4px}
.cr-lang a{padding:6px 7px;border-radius:4px;color:inherit;font-size:12px;letter-spacing:.06em;text-decoration:none;opacity:.7}
.cr-lang a[aria-current]{opacity:1;font-weight:600;box-shadow:inset 0 -2px 0 var(--crn-accent)}
.cr-lang a:hover{opacity:1}.cr-lang a:focus-visible{outline:2px solid var(--crn-accent);outline-offset:2px}
.crn-bar .cr-lang{order:0}
.crn-panel .cr-lang{margin:18px 0 0;gap:10px}.crn-panel .cr-lang a{font-size:14px;padding:8px 10px}
@media(max-width:900px){.crn-bar .cr-lang{display:none}}
/* 0.63.0 quick search lives in the menu bar: the search box opens it; below 1180px a search button does. */
.crn-search-btn{display:none;place-items:center;width:42px;height:42px;margin-left:auto;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.crn-search-btn[hidden]{display:none!important}
.crn-search-btn svg{width:20px;height:20px}
.crn-search-btn:hover{background:rgba(24,54,74,.08)}
.crn-search-btn:focus-visible{outline:2px solid var(--crn-accent);outline-offset:2px}
@media(max-width:1179px){.crn-search-btn{display:grid}.crn-search-btn:not([hidden])+.crn-toggle{margin-left:0}}
.cr-lang a{white-space:nowrap}
.crn-bar .cr-lang{flex-shrink:0}
@media(max-width:1179px){.crn-cta~.crn-search-btn{margin-left:0}}
@media(max-width:560px){.crn .crn-search-btn{margin-left:auto}.crn .crn-search-btn:not([hidden])+.crn-toggle{margin-left:0}}
/* 0.67.0 "Sign in" / "My account" in the menu bar (icon only on smaller screens) and in the phone menu. */
.crn-account{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border-radius:4px;color:inherit;font-size:13px;letter-spacing:.04em;text-decoration:none;white-space:nowrap;flex-shrink:0}
.crn-account svg{width:19px;height:19px}
.crn-account:hover{background:rgba(24,54,74,.08)}
.crn-account:focus-visible{outline:2px solid var(--crn-accent);outline-offset:2px}
.crn-account.is-panel{display:flex;min-height:48px;margin:14px 0 0;padding:0;font-size:16px}
.crn-panel .crn-account.is-panel:hover{background:none;text-decoration:underline}
@media(max-width:1179px){.crn-bar .crn-account span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.crn-bar .crn-account{padding:0 9px}}
@media(max-width:560px){.crn-bar .crn-account{display:none}}
/* 0.67.1 the menu bar height is shared with the whole page, so sticky tabs and jump targets line up exactly under
   it on phones (it was only set on the bar, leaving a 12 px gap under the bar on phones). */
:root{--crn-h:76px}
@media(max-width:560px){:root{--crn-h:64px}}