.site-header-shell{position:relative;z-index:20}.site-header-shell .header{z-index:2}.nav-dropdown>summary{display:flex;align-items:center;gap:6px;list-style:none;padding:24px 0;cursor:pointer;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker,.nav-mobile-parent>summary::-webkit-details-marker,.nav-mobile-group>summary::-webkit-details-marker{display:none}.nav-dropdown[open]>summary{color:var(--olive)}.nav-dropdown[open]>summary>svg{transform:rotate(180deg)}.nav-dropdown>summary:focus-visible{outline:2px solid var(--olive);outline-offset:4px}.mega-menu{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px var(--gutter) 40px;max-height:calc(100dvh - 108px);overflow-y:auto;box-shadow:0 18px 25px #3328210a}.nav-dropdown:not([open])>.mega-menu{display:none}.mega-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 36px}.nav-group{min-width:0}.nav-group h2,.nav-group-title{font:22px/1.25 var(--serif);margin:0 0 16px;display:block}.nav-group ul{list-style:none;margin:0;padding:0}.nav-group li{margin:0}.desktop-nav .nav-group a{white-space:normal;display:block;font:13px/1.55 var(--sans);padding:7px 0}.nav-group a:hover{text-decoration:underline;text-underline-offset:5px}.nav-group [aria-current=page]{text-decoration:underline;text-underline-offset:5px}.nav-months{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.nav-overview{display:inline-flex!important;align-items:center;gap:20px;font:13px var(--sans);margin:0 0 24px;padding:0!important}.mega-menu--shop,.mega-menu--brand{display:grid;grid-template-columns:minmax(200px,1fr) 1fr;gap:48px}.mega-menu--shop .mega-groups,.mega-menu--brand .mega-groups{grid-template-columns:1fr}.nav-feature{display:grid;grid-template-columns:minmax(130px,220px) minmax(160px,260px);align-items:center;gap:30px;justify-content:end}.nav-feature img{height:220px;width:100%;object-fit:cover}.nav-feature p{font:30px/1.15 var(--serif);margin:0 0 20px}.nav-feature a{font:13px var(--sans);white-space:normal}.nav-feature .text-link{display:inline-flex;gap:12px}.nav-mobile-content{padding:0 0 22px}.site-header-shell .mobile-menu{inset:100% 0 auto;max-height:calc(100dvh - 76px);overflow-y:auto;padding:18px var(--gutter) 32px;box-shadow:none}.site-header-shell .mobile-menu[hidden]{display:none}.nav-mobile-parent{border-bottom:1px solid var(--line)}.nav-mobile-parent>summary{font:27px/1.4 var(--serif);padding:17px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.nav-mobile-parent>summary svg{width:14px}.nav-mobile-parent[open]>summary svg{transform:rotate(180deg)}.nav-mobile-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font:15px/1.5 var(--sans);padding:12px 0;cursor:pointer}.nav-mobile-group>summary .icon{width:13px;height:13px}.nav-mobile-group[open]>summary .icon{transform:rotate(45deg)}.nav-mobile-content ul{list-style:none;margin:0;padding:0}.mobile-menu .nav-mobile-content a{font:14px/1.5 var(--sans);padding:10px 0}.mobile-menu .nav-overview{font-size:13px;margin:4px 0 12px}.mobile-menu>a.mobile-quiz{font:27px/1.4 var(--serif);padding:17px 0;border-bottom:1px solid var(--line)}.nav-mobile-footer{display:flex;gap:24px;padding-top:24px}.mobile-menu .nav-mobile-footer a{font-size:13px}.nav-backdrop{position:fixed;inset:0;z-index:-1;background:#33282120;pointer-events:none}.nav-backdrop[hidden]{display:none}
@media(min-width:981px){.site-header-shell .desktop-nav{display:flex}.site-header-shell .mobile-menu-button{display:none}.site-header-shell .mobile-menu{display:none!important}.site-header-shell .header{height:76px}.mega-menu--discover .nav-group:last-child{grid-column:5;grid-row:1;margin-top:130px}.mega-menu--discover .nav-group:nth-last-child(2){grid-column:5;grid-row:1}.nav-dropdown{position:static}}
@media(max-width:980px){.site-header-shell .desktop-nav{display:none}.site-header-shell .mobile-menu-button{display:inline-flex}.site-header-shell .header{height:70px}.site-header-shell .mega-groups{display:block}.site-header-shell .mobile-menu{max-height:calc(100dvh - 70px)}.site-header-shell .nav-group{margin-top:18px}.site-header-shell .brand{grid-column:2}.site-header-shell .header-actions{grid-column:3}.site-header-shell .nav-mobile-content .nav-group-title{font:19px var(--serif)}}
