@layer page-sections{:root{--cht-chrome-inline:clamp(1.75rem, 5vw, 4.5rem);--main-nav-height:clamp(6.5rem, 12vw, 9rem)}main{padding-top:var(--main-nav-height)}body:has(:is(.sticky-split,.campaign-hero)) main{padding-top:0}.main-nav{background-color:var(--panel);color:var(--panel-text);transition:background-color var(--animation-normal) var(--ease-out-expo);z-index:var(--layer-5);padding-block:0;position:fixed;top:0;left:0;right:0;& .desktop-main-nav,& .desktop-button-group.button-group{@container (width<=768px){display:none}}& .nav-hamburger.mobile-button{@container (width>=769px){display:none}}& .desktop-main-nav.bar{font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.14em;& .bar-list{gap:clamp(1rem,2.2vw,1.75rem)}& .nav-item>a,& .nav-item>.nav-item-trigger,& .nav-item-split .nav-item-link{box-shadow:none;color:var(--panel-text);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.14em;text-shadow:0 1px 18px #0000008c;text-transform:uppercase;transition:color var(--animation-normal) var(--ease-out-expo), opacity var(--animation-normal) var(--ease-out-expo);background:0 0;border-bottom:none;padding-block:.55rem;padding-inline:0;text-decoration:none}& .nav-item-split{gap:.15rem;& .nav-item-link{padding-inline-end:0}& .nav-item-toggle-btn{opacity:.55;border-left:none;width:1.25em;height:1.5em;margin-inline-end:0;&:hover{opacity:1;background:0 0;border-left-color:#0000}}&:hover{background:0 0;& .nav-item-toggle-btn{background:0 0}}}& .nav-item>a:hover,& .nav-item>.nav-item-trigger:hover,& .nav-item-split:hover .nav-item-link,& .nav-item-split:hover .nav-item-trigger{color:var(--panel-text);opacity:1;background:0 0}& .nav-item>a:not([aria-current=page]),& .nav-item>.nav-item-trigger:not([aria-current=page]),& .nav-item-split .nav-item-link:not([aria-current=page]){opacity:.82}& .nav-item>a:not([aria-current=page]):hover,& .nav-item>.nav-item-trigger:not([aria-current=page]):hover,& .nav-item-split:hover .nav-item-link:not([aria-current=page]){opacity:1}& .nav-item>a:focus-visible,& .nav-item>.nav-item-trigger:focus-visible,& .nav-item-split .nav-item-link:focus-visible,& .nav-item-split .nav-item-trigger:focus-visible{outline:1px solid color-mix(in srgb, var(--panel-text) 55%, transparent);outline-offset:4px}& .nav-item>a[aria-current=page],& .nav-item>.nav-item-trigger[aria-current=page],& .nav-item-split .nav-item-link[aria-current=page]{box-shadow:none;color:var(--panel-text);font-weight:var(--font-weight-semibold);opacity:1;text-decoration:none}& .nav-item-icon{color:color-mix(in srgb, var(--panel-text) 65%, transparent);filter:drop-shadow(0 1px 10px #00000073);width:.65rem;top:0}& .nav-item.has-children:hover>.nav-item-content,& .nav-item.has-children:focus-within>.nav-item-content{animation:grow-out var(--animation-normal) var(--ease-out-expo) forwards;display:block}& .nav-item.has-children:hover>.nav-item-trigger .nav-item-icon,& .nav-item.has-children:hover>.nav-item-split .nav-item-icon,& .nav-item.has-children:focus-within>.nav-item-trigger .nav-item-icon,& .nav-item.has-children:focus-within>.nav-item-split .nav-item-icon{transform:rotate(90deg)}& .nav-item>.nav-item-content{background:var(--paper);border:0;width:max-content;min-width:17rem;margin-top:.65rem;padding-block:.75rem;left:0;transform:none;box-shadow:0 1px 2px #2b08130a,0 12px 40px #2b081324;&:before{content:"";height:.65rem;position:absolute;top:-.65rem;left:0;right:0}& .nav-item>a,& .nav-item>.nav-item-trigger,& .nav-item-split .nav-item-link{color:var(--panel);font-family:var(--font-body);font-size:.9375rem;font-weight:var(--font-weight-normal);letter-spacing:.01em;opacity:1;text-shadow:none;text-transform:none;transition:background-color var(--animation-normal) var(--ease-out-expo), color var(--animation-normal) var(--ease-out-expo);padding-block:.85rem;padding-inline:2.5rem;line-height:1.35}& .nav-item>a:hover,& .nav-item>.nav-item-trigger:hover,& .nav-item-split:hover .nav-item-link{background:color-mix(in srgb, var(--panel) 5%, transparent);color:var(--panel);opacity:1}& .nav-item>a[aria-current=page],& .nav-item>.nav-item-trigger[aria-current=page],& .nav-item-split .nav-item-link[aria-current=page]{box-shadow:none;color:var(--panel);font-weight:var(--font-weight-semibold)}& .nav-item-icon{color:color-mix(in srgb, var(--panel) 40%, transparent);filter:none}}}&>.outer-content{background:0 0}&>.outer-content>.content{align-items:center;gap:var(--spacing-lg);height:var(--main-nav-height);max-width:none;padding-inline:var(--cht-chrome-inline);flex-wrap:nowrap;justify-content:flex-start;width:100%;display:flex;container-type:inline-size;&>.main-nav-logo-link{opacity:1;min-width:0;transition:opacity var(--animation-normal) var(--ease-out-expo), transform var(--animation-normal) var(--ease-out-expo), visibility var(--animation-normal) var(--ease-out-expo), width var(--animation-normal) var(--ease-out-expo);visibility:visible;flex:none;align-items:center;width:auto;margin-inline-end:0;display:flex;overflow:visible;transform:scale(1)}&>.main-nav-logo-link>.main-nav-logo{width:auto;max-width:none;display:flex;margin-top:0!important}&>.main-nav-logo-link>.main-nav-logo>.image-inner{width:auto}&>.main-nav-logo-link>.main-nav-logo picture{width:auto;display:block}&>.main-nav-logo-link>.main-nav-logo img,&>.main-nav-logo-link>.main-nav-logo svg{width:auto;max-width:none;height:clamp(5.5rem,11vw,8rem);display:block}& .button-group{margin-top:0}&>.nav-end .desktop-button-group{margin-inline-start:clamp(.35rem,1vw,.75rem)}&>.nav-end .desktop-button-group .button-inner.variant-primary{letter-spacing:.14em;min-height:2.35rem;padding-inline:1.5em;font-size:.625rem}}&>.outer-content>.content>.nav-end{min-width:0;transition:background-color var(--animation-normal) var(--ease-out-expo), padding var(--animation-normal) var(--ease-out-expo), box-shadow var(--animation-normal) var(--ease-out-expo);flex:0 auto;justify-content:flex-end;align-items:center;gap:clamp(1.15rem,2.4vw,2rem);margin-left:auto;display:flex;&>.button-group{container-type:normal}}&>.outer-content>.content>.nav-hamburger.mobile-button{transition:background-color var(--animation-normal) var(--ease-out-expo), padding var(--animation-normal) var(--ease-out-expo);flex:none;order:3}}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled),body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled)>.outer-content{background:0 0}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .nav-end{background:0 0;border:0;gap:clamp(1.15rem,2.4vw,2rem);padding:0}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>a,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-trigger,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-split .nav-item-link{color:#fff;opacity:1;text-shadow:0 0 1px #00000073,0 1px 2px #0000008c,0 2px 16px #000000a6}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>a:hover,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-trigger:hover,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-split:hover .nav-item-link,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-split:hover .nav-item-trigger,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>a[aria-current=page],body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-trigger[aria-current=page],body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-split .nav-item-link[aria-current=page]{color:#fff;opacity:1}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-trigger .nav-item-icon,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar>.bar-list>.nav-item>.nav-item-split .nav-item-icon{color:#fff;filter:drop-shadow(0 1px 2px #0000008c)drop-shadow(0 2px 12px #00000080);opacity:1}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar .nav-item>.nav-item-content .nav-item>a,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar .nav-item>.nav-item-content .nav-item>.nav-item-trigger,body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .desktop-main-nav.bar .nav-item>.nav-item-content .nav-item-split .nav-item-link{color:var(--panel);opacity:1;text-shadow:none}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .nav-end .desktop-button-group .button-inner.variant-primary{box-shadow:0 1px 2px #00000059,0 8px 24px #00000047}body:not(:has(:is(.sticky-split,.campaign-hero))) .main-nav .desktop-main-nav.bar .nav-item>a,body:not(:has(:is(.sticky-split,.campaign-hero))) .main-nav .desktop-main-nav.bar .nav-item>.nav-item-trigger,body:not(:has(:is(.sticky-split,.campaign-hero))) .main-nav .desktop-main-nav.bar .nav-item-split .nav-item-link,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .desktop-main-nav.bar .nav-item>a,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .desktop-main-nav.bar .nav-item>.nav-item-trigger,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .desktop-main-nav.bar .nav-item-split .nav-item-link{text-shadow:none}body:not(:has(:is(.sticky-split,.campaign-hero))) .main-nav .desktop-main-nav.bar .nav-item-icon,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .desktop-main-nav.bar .nav-item-icon{filter:none}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled{pointer-events:none;background-color:#0000;height:auto}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled>.outer-content,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled>.outer-content>.content{background:0 0;align-items:flex-start;min-height:0;padding-block:.65rem;padding-inline:.65rem;height:auto!important}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .main-nav-logo-link{opacity:0;pointer-events:none;visibility:hidden;width:0;height:0;margin:0;overflow:hidden;transform:none}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .main-nav-logo-link img,body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .main-nav-logo-link svg{width:0!important;height:0!important}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .nav-end{background:var(--panel);pointer-events:auto;border:0;gap:clamp(1rem,2vw,1.5rem);margin-left:auto;padding-block:.55rem;padding-inline:1.15rem .65rem;box-shadow:0 1px 2px #0000001f,0 10px 28px #00000038;@container (width<=768px){display:none}}body:has(:is(.sticky-split,.campaign-hero)) .main-nav.is-scrolled .nav-hamburger.mobile-button{background:var(--panel);pointer-events:auto;border:0;margin-left:auto;padding:.5rem;box-shadow:0 1px 2px #0000001f,0 10px 28px #00000038}body:has(:is(.sticky-split,.campaign-hero)) .main-nav:not(.is-scrolled) .nav-hamburger.mobile-button .button-inner{color:#fff;filter:drop-shadow(0 1px 2px #0000008c)drop-shadow(0 2px 14px #0000008c);border-color:#0000}.main-nav .nav-hamburger.mobile-button .button-inner.variant-tertiary{color:var(--panel-text);background:0 0;border-color:#0000;min-width:2.75rem;min-height:2.75rem;padding:.55rem;&:hover,&:focus{background:color-mix(in srgb, var(--panel-text) 10%, transparent);color:var(--panel-text);border-color:#0000}}}