/* Seasonal motifs sit against the navigation strip. Spring and autumn
   retain their previous geometry. Christmas uses two independent 2172px
   PNGs at a desktop maximum width of 384px each (5.66 source pixels per
   CSS pixel). Width is reduced proportionally to keep the header actions
   clear at 100% zoom; the lower edge stays anchored to the navigation.
   Native width-only scaling preserves needles and round ornaments.
   Crop windows: left (0,2,2172,714); right (0,13,2172,687). */
.main-nav>.header-seasonal{position:absolute;left:0;right:0;top:0;height:0;display:none;z-index:0;pointer-events:none;user-select:none}
.main-nav>.header-seasonal[data-seasonal-active="true"]{display:block}
.main-nav>.header-seasonal[data-seasonal-motif="christmas"]{height:100%}
.main-nav>.nav-list{position:relative;z-index:1}
@media(min-width:721px){
 /* Christmas sits in front of the white menu plate and its curved sides.
    Keep the list out of a separate stacking context so links and open
    submenus can still appear above the decorative, non-interactive layer. */
 .main-nav:has(>.header-seasonal:is([data-seasonal-motif="christmas"],[data-seasonal-motif="christmas02"]))>.header-seasonal{z-index:2}
 .main-nav:has(>.header-seasonal:is([data-seasonal-motif="christmas"],[data-seasonal-motif="christmas02"]))>.nav-list{z-index:auto}
 .main-nav:has(>.header-seasonal:is([data-seasonal-motif="christmas"],[data-seasonal-motif="christmas02"]))>.nav-list>.nav-item{z-index:3}
 .main-nav:has(>.header-seasonal:is([data-seasonal-motif="christmas"],[data-seasonal-motif="christmas02"]))>.nav-list>.nav-disclosure.is-open{z-index:4}
}
.header-seasonal .seasonal-leaf,.header-seasonal .seasonal-blossom,.header-seasonal .seasonal-garland{position:absolute;top:0;display:none;background-repeat:no-repeat;pointer-events:none}
.header-seasonal[data-seasonal-motif="autumn"] .seasonal-leaf,.header-seasonal[data-seasonal-motif="spring"] .seasonal-blossom,.header-seasonal[data-seasonal-motif="christmas"] .seasonal-garland{display:block}
.header-seasonal .seasonal-leaf{background-image:url('/assets/seasonal/autumn-leaves-v79.webp?v=04656a9a10989ef2')}
.header-seasonal .seasonal-blossom{background-image:url('/assets/seasonal/spring-blossoms-v81.webp?v=436c5020577fad73')}
.header-seasonal .seasonal-garland{top:auto;bottom:0;width:min(20vw,384px);background-size:100% auto}
.header-seasonal .seasonal-leaf-left{left:1.4%;width:clamp(152px,18.2vw,306px);aspect-ratio:1209/354;background-size:178.163772% 206.214689%;background-position:2.539683% 58.776596%;transform:translateY(-83.050847%) scale(.8);transform-origin:left 83.050847%}
.header-seasonal .seasonal-leaf-right{right:1.4%;width:clamp(84px,9.45vw,160px);aspect-ratio:693/186;background-size:310.822511% 392.473118%;background-position:96.167009% 65.992647%;transform:translateY(-75.806452%) scale(.8);transform-origin:right 75.806452%}
.header-seasonal .seasonal-blossom-left{left:1.4%;width:clamp(152px,18.2vw,306px);aspect-ratio:1125/395;background-size:193.066667% 183.291139%;background-position:2.674307% 70.212766%;transform:translateY(-77.215190%) scale(.8);transform-origin:left 77.215190%}
.header-seasonal .seasonal-blossom-right{right:1.4%;width:clamp(84px,9.45vw,160px);aspect-ratio:735/293;background-size:295.510204% 247.098976%;background-position:98.469033% 76.334107%;transform:translateY(-70.648464%) scale(.8);transform-origin:right 70.648464%}
.header-seasonal .seasonal-garland-left{left:0;aspect-ratio:2172/714;background-image:url('/assets/seasonal/christmas-garland-approved-left.png?v=9fd44808515d8383');background-position:0 20%}
.header-seasonal .seasonal-garland-right{right:0;aspect-ratio:2172/687;background-image:url('/assets/seasonal/christmas-garland-approved-right.png?v=e43cce9d25576e43');background-position:0 35.1351351351%}
@media(max-width:1100px){
 .main-nav>.header-seasonal[data-seasonal-motif="christmas"]{height:0}
 .header-seasonal .seasonal-garland{width:min(26vw,286px)}
}
@media(max-width:720px){
 .header-seasonal .seasonal-leaf-left,.header-seasonal .seasonal-blossom-left{left:1.5%;width:84px}
 .header-seasonal .seasonal-leaf-right,.header-seasonal .seasonal-blossom-right{right:1.5%;width:56px}
 .header-seasonal .seasonal-garland{width:min(24vw,104px)}
}

/* Christmas 02: a continuous garland resting on the top navigation border.
   The unchanged 2172x724 alpha image repeats at 2/3 of its native size on
   desktop, and 1/2 on smaller screens; it is never stretched to fill width.
   The visible band lies around source rows 288-406. Centering the source
   places its branches above the border and its baubles just below it.
   Extra space belongs only to this motif and clears the logo and links. */
:root{--seasonal-full-image:url('/assets/seasonal/christmas-garland-full-v175.png?v=2b53de2a9123082b')}
.header-seasonal .seasonal-garland-full{display:none;position:absolute;left:0;right:0;top:-64px;height:128px;background-image:var(--seasonal-full-image);background-repeat:repeat-x;background-size:1448px auto;background-position:center;pointer-events:none}
.header-seasonal[data-seasonal-motif="christmas02"] .seasonal-garland-full{display:block}
.main-nav:has(>.header-seasonal[data-seasonal-motif="christmas02"]){margin-top:28px;padding-top:20px}
@media(max-width:1100px){
 .header-seasonal .seasonal-garland-full{top:-48px;height:96px;background-size:1086px auto}
 .main-nav:has(>.header-seasonal[data-seasonal-motif="christmas02"]){margin-top:24px;padding-top:18px}
}
@media(max-width:720px){
 /* The mobile navigation is a hidden/scrolling dropdown. Show the garland
    on the visible menu button instead so it remains clear of its links. */
 .mobile-header-ready .main-nav:has(>.header-seasonal[data-seasonal-motif="christmas02"]){margin-top:0;padding:8px 20px 16px}
 .mobile-header-ready .main-nav>.header-seasonal[data-seasonal-motif="christmas02"]{display:none}
 .mobile-header-ready:has(.header-seasonal[data-seasonal-motif="christmas02"]) .mobile-menu-toggle{position:relative;margin-top:32px;height:80px;padding-top:28px}
 .mobile-header-ready:has(.header-seasonal[data-seasonal-motif="christmas02"]) .mobile-menu-toggle::before{content:"";position:absolute;left:-16px;right:-16px;top:-48px;height:96px;background-image:var(--seasonal-full-image);background-repeat:repeat-x;background-size:1086px auto;background-position:center;pointer-events:none}
}