@layer components{.nav-toggle{display:none}.nav-toggle:checked~.mobile{opacity:1;pointer-events:auto;visibility:visible}.mobile-button{outline-offset:-2px;border-radius:0;display:inline-flex}.mobile{background:var(--panel-deep);color:var(--panel-text);opacity:0;pointer-events:none;height:100dvh;transition:opacity var(--animation-fast) var(--ease-out-expo), visibility var(--animation-fast) var(--ease-out-expo);visibility:hidden;z-index:var(--layer-5);flex-direction:column;display:flex;position:fixed;inset:0;&.is-open{opacity:1;pointer-events:auto;visibility:visible}& .mobile-header{align-items:center;gap:var(--spacing-lg);height:var(--main-nav-height,clamp(6.5rem, 12vw, 9rem));padding-inline:var(--cht-chrome-inline,clamp(1.75rem, 5vw, 4.5rem));flex-shrink:0;justify-content:space-between;display:flex}& .mobile-logo{flex:none;align-items:center;min-width:0;text-decoration:none;display:flex}& .mobile-close.mobile-button{flex:none;margin-inline-start:auto}& .mobile-close .button-inner.variant-tertiary,& .mobile-nav-close.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}}& .mobile-content{padding-block:clamp(.5rem,2vw,1.25rem) clamp(2rem,6vw,3.5rem);padding-inline:var(--cht-chrome-inline,clamp(1.75rem, 5vw, 4.5rem));flex:1;overflow-y:auto}& .mobile-list,& .nav-list{margin:0;padding:0;list-style:none}& .mobile-list>.nav-item.mobile-nav-primary{border-bottom:1px solid color-mix(in srgb, var(--panel-text) 14%, transparent);margin:0;list-style:none;&:first-child{border-top:1px solid color-mix(in srgb, var(--panel-text) 14%, transparent)}}& .mobile-list>.nav-item.mobile-nav-primary>a,& .mobile-list>.nav-item.mobile-nav-primary>.nav-item-trigger:not(.nav-item-toggle-btn),& .mobile-list>.nav-item.mobile-nav-primary>.nav-item-split .nav-item-link{box-shadow:none;color:var(--panel-text);cursor:pointer;font-family:var(--font-headings);font-size:clamp(1.35rem,5.5vw,1.75rem);font-weight:var(--font-weight-normal);letter-spacing:-.015em;min-height:0;transition:color var(--animation-normal) var(--ease-out-expo);user-select:none;white-space:normal;background:0 0;border-radius:0;align-items:baseline;width:100%;padding-block:1.05rem 1.1rem;padding-inline:0;line-height:1.25;text-decoration:none;display:block;&[aria-current=page]{box-shadow:none;opacity:1}&:hover,&:focus-visible{color:color-mix(in srgb, var(--panel-text) 62%, transparent);background:0 0}&:focus-visible{outline:1px solid color-mix(in srgb, var(--panel-text) 55%, transparent);outline-offset:4px}}& .mobile-list>.nav-item.mobile-nav-primary>.nav-item-trigger:not(.nav-item-toggle-btn){justify-content:space-between;align-items:center;gap:.75rem;padding-inline-end:0;display:flex;& .nav-item-icon{color:color-mix(in srgb, var(--panel-text) 45%, transparent);flex-shrink:0;min-width:0;min-height:0;margin:0;padding:.15rem}}& .mobile-list>.nav-item.mobile-nav-primary>.nav-item-split{background:0 0;border-radius:0;align-items:stretch;gap:.35rem;width:100%;display:flex;&:hover{background:0 0;& .nav-item-link{color:color-mix(in srgb, var(--panel-text) 62%, transparent)}& .nav-item-toggle-btn{color:var(--panel-text);background:0 0}}& .nav-item-toggle-btn{aspect-ratio:1;color:color-mix(in srgb, var(--panel-text) 45%, transparent);background:0 0;border:none;border-radius:0;flex:none;justify-content:center;align-self:center;align-items:center;width:2.5rem;height:2.5rem;margin:0;padding:0;display:inline-flex;&:hover,&:focus-visible{background:color-mix(in srgb, var(--panel-text) 10%, transparent);color:var(--panel-text);border-left-color:#0000}}}@media (prefers-reduced-motion:no-preference){&.js-enabled:not(.is-open) .mobile-list>.nav-item.mobile-nav-primary{filter:blur(var(--reveal-blur));opacity:0;transform:translate3d(0, var(--reveal-distance), 0)}&.is-open .mobile-list>.nav-item.mobile-nav-primary{animation:scroll-reveal-rise var(--animation-reveal) var(--ease-out-expo) both;animation-delay:calc(var(--stagger-index,0) * var(--reveal-stagger))}}& .nav-item-toggle,& .nav-item-content{display:none}& .nav-item-toggle:checked~.nav-item-content{display:block}& .nav-item-icon{color:color-mix(in srgb, var(--panel-text) 45%, transparent);transition:transform var(--animation-normal) var(--ease-out-expo);line-height:0;display:inline-flex}& .nav-item-toggle:checked~.nav-item-trigger .nav-item-icon,& .nav-item-toggle:checked~.nav-item-split .nav-item-icon{transform:rotate(90deg)}& .nav-list{border-bottom:1px solid color-mix(in srgb, var(--panel-text) 14%, transparent);padding-block:.15rem .65rem;&>.nav-item{border:0}&>.nav-item>a,&>.nav-item>.nav-item-trigger:not(.nav-item-toggle-btn),&>.nav-item>.nav-item-split .nav-item-link{color:color-mix(in srgb, var(--panel-text) 72%, transparent);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);letter-spacing:.01em;transition:color var(--animation-normal) var(--ease-out-expo);padding-block:.55rem;padding-inline:0;line-height:1.35;text-decoration:none;display:block;&[aria-current=page],&:hover,&:focus-visible{color:var(--panel-text)}}&>.nav-item>.nav-item-split{gap:.35rem;display:flex}& .nav-list>.nav-item>a,& .nav-list>.nav-item>.nav-item-trigger:not(.nav-item-toggle-btn),& .nav-list>.nav-item>.nav-item-split .nav-item-link{font-size:var(--font-size-sm);padding-inline-start:.85rem}}}.mobile .mobile-header .mobile-logo .mobile-logo-image{width:auto;max-width:none;display:flex;margin-top:0!important}.mobile .mobile-header .mobile-logo .mobile-logo-image>.image-inner{width:auto}.mobile .mobile-header .mobile-logo .mobile-logo-image picture{width:auto;display:block}.mobile .mobile-header .mobile-logo .mobile-logo-image img,.mobile .mobile-header .mobile-logo .mobile-logo-image svg,.mobile .mobile-header .mobile-logo svg{width:auto;max-width:none;height:clamp(5.5rem,11vw,8rem);display:block}@media (prefers-reduced-motion:reduce){.mobile{transition:none}}}
