/* Silver linework: the supplied identity carried into the site's architecture. */
:root{--brand-row-height:clamp(140px,12.8vw,186px)}
.preview-strip{background:#080808;border-bottom:1px solid #242424;color:#bcbcbc}
.site-header{display:block;height:auto;padding:0;background:#050505;color:#f4f4f4;backdrop-filter:none;border-bottom:1px solid #373737;top:calc(-1 * var(--brand-row-height));}
.masthead-branding{height:var(--brand-row-height);display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 clamp(24px,3.4vw,74px)}
.brand-wordmark{display:block;width:clamp(520px,54vw,790px);aspect-ratio:4.6;overflow:hidden;flex-shrink:0;}
.brand-wordmark img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;mix-blend-mode:screen}
.brand-compact{display:none}
.masthead-affiliation{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-left:1px solid #4a4a4a;padding-left:27px;margin-right:2px;white-space:nowrap}
.masthead-affiliation>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#a7a7a7}
.masthead-affiliation strong{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;letter-spacing:-.015em;color:#ececec}
.masthead-affiliation small{font-size:12px;letter-spacing:.025em;color:#bcbcbc}
.site-header #main-nav{margin:0;max-width:none;min-height:61px;padding:0 clamp(24px,3.4vw,74px);border-top:1px solid #353535;gap:30px;justify-content:space-between;background:#111;color:#eee}
.site-header #main-nav>a{font-size:13px;color:#d2d2d2;padding:20px 0;min-height:52px;white-space:nowrap}
.site-header #main-nav>a:hover,.site-header #main-nav>a[aria-current=page]{color:#fff}
.site-header #main-nav>a:after{background:#d6d6d6;bottom:12px}
.site-header #main-nav>a.button.dark{background:#ececec;border-color:#ececec;border-radius:6px;color:#141414;padding:10px 20px;min-height:40px;font-size:12px;gap:45px;margin:8px 0}
.site-header #main-nav>a.button.dark:hover{background:#fff;color:#111}
.site-header #main-nav>a.button.dark:after{display:none}
.site-header :focus-visible{outline-color:#ddd}
.arrival-heading,.valuation-arrival,.local-intro,.presentation-band,.site-footer,.commitment{position:relative;isolation:isolate}
.arrival-heading:before,.valuation-arrival:before,.local-intro:before,.presentation-band:before,.site-footer:before,.commitment:before{content:"";position:absolute;z-index:-1;background:url('/assets/brand/silver-wave.svg') center/100% 100% no-repeat;pointer-events:none}
.arrival-heading:before{width:72%;height:125px;right:0;bottom:0;opacity:.13}
.arrival-heading{padding-top:43px}
.valuation-arrival:before{width:65%;height:160px;right:0;bottom:0;opacity:.14}
.local-intro:before{width:100%;height:150px;left:0;bottom:0;opacity:.10}
.presentation-band:before{width:60%;height:180px;right:0;bottom:0;opacity:.12}
.site-footer:before{width:100%;height:200px;left:0;bottom:0;opacity:.13}
.commitment:before{width:100%;height:150px;left:0;top:0;filter:brightness(.25);opacity:.10}
.section-label{position:relative;border-top-style:double;border-top-width:3px}
.section-label:before{content:"";position:absolute;top:-5px;left:0;width:7px;height:7px;border-radius:50%;background:#979797;box-shadow:0 0 0 4px var(--paper)}
.route-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid #b5b5b5;border-radius:50%;font-size:11px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px #e1e1e1}
.round-link,.back-top{box-shadow:inset 0 0 0 4px #ffffff08,inset 0 0 0 5px #ffffff22}
#reading-progress{top:61px}
html{scroll-padding-top:85px}
@media(min-width:1700px){.brand-wordmark{width:790px}.masthead-affiliation{margin-right:4vw}}
@media(max-width:1100px) and (min-width:851px){.masthead-branding{gap:25px}.brand-wordmark{width:62vw}.masthead-affiliation{padding-left:20px}.masthead-affiliation strong{font-size:23px}.site-header #main-nav{gap:22px}}
@media(max-width:850px){
 :root{--brand-row-height:94px}
 .site-header{top:0}
 .masthead-branding{height:94px;padding:0 22px;gap:14px}
 .brand-wordmark,.masthead-affiliation{display:none}
 .brand-compact{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none}
 .brand-compact img{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:50%;mix-blend-mode:screen}
 .brand-compact>span{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.15;letter-spacing:-.025em;color:#eee}
 .brand-compact small{display:block;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#d0d0d0;margin-top:5px}
 .brand-compact .compact-firm{color:#999;font-size:10px;margin-top:1px}
 .site-header .menu-toggle{display:flex;flex-shrink:0;width:44px;height:44px;margin-left:auto;color:white}
 .site-header .menu-toggle span{background:#ddd}
 .site-header #main-nav{position:absolute;top:94px;left:0;right:0;padding:15px 26px 23px;max-height:calc(100dvh - 94px);overflow:auto;border:1px solid #333;border-radius:0 0 12px 12px;gap:0;background:#101010}
 .site-header #main-nav>a{font-size:18px;padding:15px 0;min-height:50px;color:#eee}
 .site-header #main-nav>a.button.dark{font-size:14px;padding:14px 18px;margin-top:14px;width:100%}
 .arrival-heading:before{width:100%;height:100px;opacity:.11}
 .valuation-arrival:before{width:100%;height:130px;opacity:.10}
 .section-label:before{width:5px;height:5px;top:-4px}
 #reading-progress{top:94px}
 html{scroll-padding-top:110px}
}
@media(max-width:600px){
 .masthead-branding{padding:0 17px;gap:8px}
 .brand-compact{gap:10px}
 .brand-compact img{width:57px;height:57px}
 .brand-compact>span{font-size:21px}
 .brand-compact small{font-size:11px}
 .brand-compact .compact-firm{font-size:9px}
 .arrival-heading{padding-top:34px}
 .route-choice-grid .route-number{width:25px;height:25px;font-size:10px}
 .site-footer:before{height:140px;opacity:.09}
}
@media(max-width:360px){
 .masthead-branding{padding:0 13px}
 .brand-compact{gap:8px}
 .brand-compact img{width:48px;height:48px}
 .brand-compact>span{font-size:18px}
 .brand-compact small{font-size:10px}
 .brand-compact .compact-firm{font-size:9px}
}

/* EC directional mark: circular seal and a restrained wave from the identity. */
.direction-icon{display:inline-block;width:28px;height:28px;min-width:28px;flex-shrink:0;vertical-align:middle;overflow:visible;color:inherit}
.article-row{grid-template-columns:minmax(0,1fr) 32px}
.article-row>span{display:flex;align-items:center;justify-content:center}
.button>span:has(.direction-icon){display:inline-flex;flex:none;align-items:center}
.text-link .direction-icon,.knowledge-related .direction-icon,.resource-bottom .direction-icon{width:22px;height:22px;min-width:22px;margin-left:3px}
