/* The homepage header's visual rules, isolated from the secondary page themes. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.woff') format('woff');font-weight:600;font-display:swap}
.ss-header{position:sticky;top:0;z-index:40;background:rgba(17,17,18,.96);border-bottom:1px solid #2c2c2f;backdrop-filter:blur(14px);color:#f5f5f3;font:400 16px/1.6 Manrope,Arial,sans-serif;text-align:left;color-scheme:dark}
.ss-header *{box-sizing:border-box}
.ss-header a{color:inherit;text-decoration:none}
.ss-header a:focus-visible,.ss-header button:focus-visible{outline:2px solid #f5f5f3;outline-offset:5px}
.ss-header .ss-wrap{max-width:1408px;padding-inline:clamp(20px,4.3vw,72px);margin-inline:auto}
.ss-nav-row{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:84px}
.ss-header .ss-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:18px;line-height:1.16;font-weight:700;letter-spacing:-.055em}
.ss-brand-second{display:block;font-size:13px;font-weight:500;letter-spacing:.015em;margin-top:3px}
.ss-brand-s{display:block;width:31px;height:39px;filter:invert(1);mix-blend-mode:screen;flex:none}
.ss-desktop-nav{display:flex;gap:29px;margin-left:auto}
.ss-header .ss-desktop-nav a{font-size:12px;color:#c0c0c2;padding:10px 0}
.ss-header .ss-desktop-nav a:hover{color:#f5f5f3}
.ss-nav-actions{display:flex;align-items:center;gap:22px}
.ss-language{display:flex;align-items:center;padding:3px;border:1px solid #39393c;border-radius:7px;gap:2px}
.ss-header .ss-language a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;border-radius:7px;font-size:12px;color:#c0c0c2;font-weight:400;line-height:1.6;letter-spacing:normal}
.ss-header .ss-language a[aria-current="page"]{background:#f5f5f3;color:#111112}
.ss-header .ss-language a:hover{color:#f5f5f3;background:#39393c}
.ss-header .ss-language a[aria-current="page"]:hover{background:#eeede8;color:#161617}
.ss-header .ss-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:1px solid #f5f5f3;border-radius:8px;background:#f5f5f3;color:#111112;font-size:12px;font-weight:600;line-height:1.35;text-align:center;white-space:nowrap;transition:background .2s}
.ss-header .ss-button:hover{background:#d9d9d8;border-color:#d9d9d8}
.ss-header .ss-menu-button{display:none;background:transparent;color:#f5f5f3;border:0;padding:12px;width:44px;height:44px;cursor:pointer}
.ss-menu-button span{display:block;width:21px;height:1px;background:currentColor;margin:6px 0;transition:transform .2s}
.ss-menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.ss-menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.ss-header .ss-mobile-nav{padding-top:10px;padding-bottom:24px}
.ss-header .ss-mobile-nav[hidden]{display:none!important}
.ss-header .ss-mobile-nav a{display:block;border-bottom:1px solid #39393c;padding:12px 0;font-size:18px}
.ss-skip{position:fixed;left:16px;top:-100px;z-index:100;background:#f5f5f3;color:#111112;padding:12px 18px;border-radius:4px;font:600 14px/1.4 Manrope,Arial,sans-serif}
.ss-skip:focus{top:12px}
@media(max-width:1100px){.ss-desktop-nav{gap:20px}.ss-nav-row{gap:22px}.ss-nav-actions{gap:16px}}
@media(max-width:880px){.ss-desktop-nav,.ss-header .ss-header-cta{display:none}.ss-header .ss-menu-button{display:block}.ss-nav-row{min-height:76px}.ss-nav-actions{gap:14px}}
@media(max-width:620px){.ss-nav-row{gap:10px;min-height:72px}.ss-header .ss-brand{font-size:16px;gap:10px}.ss-brand-second{font-size:11px}.ss-brand-s{width:26px;height:33px}.ss-nav-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.ss-header *{transition:none!important}}
@media print{.ss-header,.ss-skip{display:none!important}}
/* The Capstone's language anchors need room below its newly sticky header. */
.ss-header~main [data-language-anchor]{scroll-margin-top:110px}
