section.xmas nav.listen a:after{aspect-ratio:1/1;background-color:currentColor;content:"";display:inline-block;margin-left:.25em;-webkit-mask-image:url(../../../../../src/gfx/arrow.svg);mask-image:url(../../../../../src/gfx/arrow.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625em}aside.snow{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}section.xmas{flex-grow:1;width:var(--viewport-width);z-index:1}section.xmas,section.xmas .item{display:flex;flex-direction:column;position:relative}section.xmas .item{gap:0 var(--column-gutter);overflow:hidden;padding:max(24px,min(calc((var(--viewport-width) - 384px)/1152*8 + 24px),32px)) var(--layout-margin)}section.xmas .item.active{flex-grow:1}section.xmas .item\:2024{background-color:#b89e7b}section.xmas .item\:2023{background-color:#2c364e}section.xmas .item\:2022{background-color:#00312b}section.xmas .item\:2021{background-color:#852b37}section.xmas .content{align-content:start;display:grid;flex-grow:1;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr auto;justify-items:start;will-change:height}@media (max-width:1024px){section.xmas .content{grid-template-columns:1fr;grid-template-rows:repeat(2,auto)}}section.xmas:not(.disabled) .content{height:var(--height);transition:height .5s}section.xmas:not(.disabled) .item:not(.active) .content{height:max(16px,min(calc((var(--viewport-width) - 384px)/1152*8 + 16px),24px))}section.xmas :where(.name,.text){color:#fff;font-family:Messina Sans,sans-serif;font-size:max(18px,min(calc((var(--viewport-width) - 384px)/1152*6 + 18px),24px));position:relative;z-index:2}section.xmas .name{font-weight:500;pointer-events:none}section.xmas .text{font-weight:400;grid-row-end:span 2;pointer-events:auto;will-change:opacity}@media (max-width:1024px){section.xmas .text{margin-top:1.25em}}section.xmas:not(.disabled) .text{opacity:1;transition:opacity .25s .75s}section.xmas:not(.disabled) .item:not(.active) .text{opacity:0;pointer-events:none;transition:opacity .25s}section.xmas .text a{text-underline-offset:.125em}section.xmas nav.listen{align-items:flex-start;display:flex;flex-direction:row;font-size:max(18px,min(calc((var(--viewport-width) - 384px)/1152*6 + 18px),24px));pointer-events:auto;position:relative;will-change:opacity;z-index:2}@media (max-width:1024px){section.xmas nav.listen{margin-top:1.25em}}section.xmas:not(.disabled) nav.listen{opacity:1;transition:opacity .25s 1.25s}section.xmas:not(.disabled) .item:not(.active) nav.listen{opacity:0;pointer-events:none;transition:opacity .25s}section.xmas nav.listen a{color:#fff;display:block;font-family:Messina Sans,sans-serif;font-size:1em;font-weight:400}section.xmas nav.listen a:after{transform:rotate(-45deg)}section.xmas button.toggle{left:0;position:absolute;top:0;width:var(--viewport-width);z-index:1}section.xmas:not(.disabled) button.toggle{height:0}section.xmas:not(.disabled) .item:not(.active) button.toggle{height:100%}
/*# sourceMappingURL=xmas.css.map */