.language-control{display:flex;align-items:center;gap:7px;margin-left:18px;position:relative;flex-shrink:0;color:#2b665b}
.language-control svg{width:19px;height:19px;flex-shrink:0}
.language-control select{font:inherit;font-size:12px;max-width:124px;padding:8px 20px 8px 8px;border:1px solid #c9dcd5;border-radius:4px;background:#ffffffcc;color:#234b46;cursor:pointer}
.language-control select:focus-visible{outline:2px solid #128c8b;outline-offset:3px}
.language-control [role=status]:not(:empty){position:absolute;top:100%;right:0;width:230px;padding:10px;background:white;color:#8e3a3a;box-shadow:0 4px 20px #1232;font-size:12px}
.header nav{margin-left:auto;gap:clamp(10px,1.4vw,26px)}
.geo-credit{display:inline-block;margin:6px 0 0;font-size:10px;color:#78918c}
html:not([lang^=zh]) .header .brand-name{font-size:17px}
html:not([lang^=zh]) .header nav{font-size:12px}
html:not([lang^=zh]) .hero-copy h1{font-size:clamp(32px,3.7vw,60px);letter-spacing:-.03em;overflow-wrap:break-word}
html:not([lang^=zh]) h2{font-size:clamp(26px,3vw,40px);overflow-wrap:break-word}
html:not([lang^=zh]) .business-grid h3{font-size:21px}
html:not([lang^=zh]) .campus-label{max-width:180px;white-space:normal;text-align:center}
html:not([lang^=zh]) .tour-toolbar{flex-wrap:wrap}
html:not([lang^=zh]) .tour-location{max-width:65%;overflow-wrap:break-word}
html:not([lang^=zh]) .materials{flex-wrap:wrap}
html:not([lang^=zh]) .milestones{flex-wrap:wrap}
@media(max-width:1100px){.header{flex-wrap:wrap;height:auto;min-height:90px;padding-top:12px;padding-bottom:12px}.header nav{order:4;width:100%;justify-content:center;margin:10px 0 0}.language-control{margin-left:auto}.header .brand{margin-right:10px}}
@media(max-width:760px){.header{flex-wrap:nowrap;min-height:74px;padding-top:8px;padding-bottom:8px}.header nav{width:auto;margin:0;top:100%;text-align:left}.language-control{margin-left:auto;margin-right:10px;gap:3px}.language-control svg{display:none}.language-control select{max-width:110px;padding:7px 3px;font-size:11px}.header .brand{margin-right:0}.header .brand-name{font-size:17px!important}.header .brand-logo{width:34px;height:36px}.header .brand-wordmark small{font-size:6px}.header .brand-name-accent{display:inline}html:not([lang^=zh]) .hero-copy h1{font-size:38px}html:not([lang^=zh]) .tour-location{max-width:75%}}

html:not([lang^=zh]):not([lang=ja]) .brand-name-accent{margin-inline:0}
html:not([lang^=zh]):not([lang=ja]) .hero-copy h1>span{margin-left:0}

html:not([lang^=zh]):not([lang=ja]) .hero-copy h1>span{display:inline-block;max-width:100%}
@media(max-width:760px){
 .header .brand{min-width:0;flex-shrink:1}
 .header .brand-wordmark{min-width:0}
 .header .brand .brand-wordmark small{font-size:6px;letter-spacing:.65px}
 html:not([lang^=zh]):not([lang=ja]) .header .brand .brand-name{font-size:12px!important;letter-spacing:0;white-space:normal}
 .header .language-control{flex-shrink:0;margin-left:8px;margin-right:8px}
 .header .menu-button{flex-shrink:0}
 html:not([lang^=zh]):not([lang=ja]) footer .brand-name{white-space:normal;font-size:16px}
}

@media(max-width:760px){html:not([lang^=zh]):not([lang=ja]) .header .brand .brand-name{overflow-wrap:anywhere}}