/* =========================== SITE HEADER — DEFAULT STATE (Glassmorphism over hero) =========================== */ .site-header{position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:100%;z-index:var(--header--z-index);transition:background-color var(--transition--slow),box-shadow var(--transition--slow);}.header-nav{block-size:var(--header--height);background-color:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-block-end:1px solid rgba(255,255,255,0.08);transition:background-color var(--transition--slow),backdrop-filter var(--transition--slow),border-color var(--transition--slow);}.header-nav-inner{display:flex;align-items:center;justify-content:space-between;max-inline-size:var(--container--max);margin-inline:auto;padding-inline:var(--spacing--7xl);block-size:100%;}.header-logo{font-family:var(--font-family-heading);font-size:var(--font--size--2);font-weight:800;color:var(--color--base--1000);letter-spacing:0.5px;text-decoration:none;transition:color var(--transition--slow);}.header-menu{display:flex;align-items:center;}.header-menu-list{display:flex;align-items:center;gap:var(--spacing--4xl);list-style:none;margin:0;padding:0;}.header-link{font-family:var(--font--family-sans-serif);font-size:var(--font--size--badge);font-weight:500;color:var(--color--base--1000);text-decoration:none;transition:color var(--transition--base),opacity var(--transition--base);}.header-link:hover,.header-link:focus-visible{opacity:0.75;}.header-cta{margin-inline-start:var(--spacing--4xl);display:inline-flex;align-items:center;padding:var(--spacing--sm) var(--spacing--3xl);font-family:var(--font--family-sans-serif);font-size:var(--font--size--badge);font-weight:600;color:var(--button--accent-tx-enabled);background-color:var(--button--accent-bg-enabled);border:none;border-radius:var(--radius--md);text-decoration:none;transition:background-color var(--transition--base),transform var(--transition--fast);cursor:pointer;}.header-cta:hover,.header-cta:focus-visible{background-color:var(--button--accent-bg-hovered);}.header-hamburger{display:none;background:none;border:none;color:var(--color--base--1000);cursor:pointer;padding:var(--spacing--sm);transition:color var(--transition--slow);}/* =========================== SCROLLED STATE — White background =========================== */ .site-header.header--scrolled .header-nav{background-color:var(--color--base--1000);backdrop-filter:none;-webkit-backdrop-filter:none;border-block-end-color:var(--color--base--900);box-shadow:var(--shadow--sm);}.site-header.header--scrolled .header-logo{color:var(--color--base--50);}.site-header.header--scrolled .header-link{color:var(--color--base--200);}.site-header.header--scrolled .header-link:hover,.site-header.header--scrolled .header-link:focus-visible{color:var(--color--accent--original);opacity:1;}.site-header.header--scrolled .header-hamburger{color:var(--color--base--50);}/* =========================== MOBILE MENU =========================== */ .header-mobile-menu{display:none;background-color:var(--color--base--1000);padding-block:var(--spacing--3xl);padding-inline:var(--spacing--7xl);border-block-end:1px solid var(--color--base--900);}.site-header.menu--open .header-mobile-menu{display:block;}.header-mobile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing--xs);}.header-mobile-link{display:block;padding-block:var(--spacing--md);font-family:var(--font--family-sans-serif);font-size:var(--font--size--0);font-weight:500;color:var(--color--base--200);text-decoration:none;transition:color var(--transition--base);}.header-mobile-link:hover,.header-mobile-link:focus-visible{color:var(--color--accent--original);}.header-mobile-cta{display:block;margin-block-start:var(--spacing--3xl);padding-block:var(--spacing--md);padding-inline:var(--spacing--3xl);font-family:var(--font--family-sans-serif);font-size:var(--font--size--button);font-weight:600;color:var(--button--accent-tx-enabled);background-color:var(--button--accent-bg-enabled);border:none;border-radius:var(--radius--md);text-decoration:none;text-align:center;transition:background-color var(--transition--base);cursor:pointer;}.header-mobile-cta:hover,.header-mobile-cta:focus-visible{background-color:var(--button--accent-bg-hovered);}/* =========================== RESPONSIVE — Tablet and below =========================== */ @media (max-width:991px){.header-nav-inner{padding-inline:var(--spacing--3xl);}.header-menu{display:none;}.header-cta{display:none;}.header-hamburger{display:block;}.header-mobile-menu{padding-inline:var(--spacing--3xl);}}/* =========================== FOCUS-VISIBLE — Accessibility =========================== */ .header-link:focus-visible,.header-cta:focus-visible,.header-hamburger:focus-visible,.header-mobile-link:focus-visible,.header-mobile-cta:focus-visible,.header-logo:focus-visible{outline:var(--outline--border);outline-offset:var(--spacing--xxs);}