/* Seasonal decoration only: the original surface, text, border and button colours stay intact. */
html[data-season="spring"]{--season-icon:url('assets/seasonal/spring-motif-2.svg?v=5')}
html[data-season="summer"]{--season-icon:url('assets/seasonal/summer.svg?v=2')}
html[data-season="autumn"]{--season-icon:url('assets/seasonal/autumn.svg?v=2')}
html[data-season="winter"]{--season-icon:url('assets/seasonal/winter.svg?v=2')}
html[data-season="halloween"]{--season-icon:url('assets/seasonal/pumpkin.svg?v=2')}
html[data-season] main .section-kicker::before{content:"";display:inline-block;width:16px;height:16px;margin-right:9px;vertical-align:-3px;background-color:currentColor;-webkit-mask:var(--season-icon) center/contain no-repeat;mask:var(--season-icon) center/contain no-repeat;opacity:.55;pointer-events:none}
header .brand{position:relative;overflow:visible}header .brand .occasion-mark{position:absolute;right:-13px;top:-9px;display:block;width:36px;height:36px;pointer-events:none}header .brand .occasion-mark img{width:36px;height:36px;display:block;filter:drop-shadow(0 2px 2px #17384c1a)}header .brand .occasion-hat{top:-17px;right:-7px;transform:rotate(12deg)}
.appearance-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.appearance-switcher{border:1px solid #cbd4d9;border-radius:6px;max-width:520px;padding:0;margin:24px 0 0;font-size:12px;color:#354b5c;background:#fcfcfa}.appearance-switcher summary{display:list-item;min-height:44px;padding:13px 16px;cursor:pointer;font-size:12px;font-weight:500;list-style-position:inside}.appearance-switcher .appearance-options{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-options label{display:grid;gap:7px;min-width:0}.appearance-options select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #aebdc7;border-radius:4px;padding:8px;background:#fff;color:#17384c;font:inherit}.appearance-options .appearance-status{grid-column:1/-1;margin:0;font-size:11px;line-height:1.6}.appearance-options button{grid-column:1/-1;justify-self:start;min-height:40px;border:0;background:none;color:#005b96;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;padding:6px 0}.appearance-switcher :focus-visible{outline:2px solid #0073bd;outline-offset:3px}
@media(max-width:600px){.appearance-switcher .appearance-options{grid-template-columns:1fr}header .brand .occasion-mark,header .brand .occasion-mark img{width:28px;height:28px}header .brand .occasion-mark{right:-9px;top:-6px}header .brand .occasion-hat{top:-12px}}
@media print{.appearance-switcher,.occasion-mark{display:none!important}html[data-season] main .section-kicker::before{display:none!important}}
@media(forced-colors:active){.appearance-switcher{border-color:CanvasText}html[data-season] main .section-kicker::before{display:none}}

/* Homepage calendar illustration: in front of the record, clear of its controls and all copy. */
.home-label-hero .record-stage{position:relative;isolation:isolate}
.home-label-hero .home-festive-scene{position:absolute;left:-12%;bottom:0;width:56%;z-index:6;pointer-events:none;opacity:.78;line-height:0}
.home-label-hero .home-festive-scene[hidden]{display:none}
.home-label-hero .home-festive-scene img{display:block;width:100%;height:auto}
.home-label-hero .home-festive-scene[data-festive="christmas"]{left:0;width:60%;opacity:.9}
@media(max-width:700px){.home-label-hero .home-festive-scene{left:0;width:52%}.home-label-hero .home-festive-scene[data-festive="christmas"]{left:0;width:56%}}
@media print{.home-festive-scene{display:none!important}}
@media(forced-colors:active){.home-festive-scene{display:none!important}}

.home-label-hero .home-festive-scene[data-festive="christmas-eve"]{left:-12%;width:70%;opacity:.85}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive="christmas-eve"]{left:0;width:64%}}

.home-label-hero .home-festive-scene[data-festive^="new-year"]{left:-6%;width:50%;opacity:.72}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive^="new-year"]{left:0;width:46%}}

/* Two separate decoration planes; copy remains above the background. */
body{isolation:isolate}
.season-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.season-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--tone);opacity:var(--alpha);transform:translate(-50%,-50%) rotate(var(--angle));mask:var(--season-particle) center/contain no-repeat;-webkit-mask:var(--season-particle) center/contain no-repeat}
.season-art-host{position:relative;isolation:isolate}
.season-foreground{position:absolute;right:2%;bottom:0;width:clamp(46px,24%,130px);aspect-ratio:1;z-index:7;background:var(--season-scene) center bottom/contain no-repeat;pointer-events:none;user-select:none;opacity:.38}
html[data-season="winter"] .season-art-host::after{display:none}
@media(max-width:600px){.season-particle{width:calc(var(--size)*.65);height:calc(var(--size)*.65)}.season-particle:nth-child(n+9){display:none}.season-foreground{max-width:85px}}
@media print, (forced-colors:active){.season-background,.season-foreground,html[data-season="winter"] .season-art-host::after{display:none}}
html[data-season="spring"]{--season-particle:url("assets/seasonal/spring-particle.svg");--season-scene:url("assets/seasonal/spring-motif-2.svg")}
html[data-season="summer"]{--season-particle:url("assets/seasonal/summer-particle.svg");--season-scene:url("assets/seasonal/summer-scene.svg")}
html[data-season="autumn"]{--season-particle:url("assets/seasonal/autumn-particle.svg");--season-scene:url("assets/seasonal/autumn-scene.svg")}
html[data-season="winter"]{--season-particle:url("assets/seasonal/winter-particle.svg");--season-scene:url("assets/seasonal/winter-scene.svg")}
html[data-season="halloween"]{--season-particle:url("assets/seasonal/halloween-particle.svg");--season-scene:url("assets/seasonal/halloween-scene.svg")}

.season-surface{position:relative;isolation:isolate;clip-path:inset(0)}.season-surface-background{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;user-select:none}.season-surface-background .season-particle{opacity:calc(var(--alpha)*.65)}
@media print,(forced-colors:active){.season-surface-background{display:none!important}}

/* Keep the complete record presentation free of seasonal and calendar overlays. */
.record-stage .season-foreground,.release-hero-album .season-foreground{display:none!important}
html[data-season="winter"] .record-stage.season-art-host::after{display:none!important}

/* Stationary motif plane: section surfaces and their content scroll over it. */
.season-particle{background:var(--season-particle) center/contain no-repeat;mask:none;-webkit-mask:none;filter:none}
.season-particle:nth-child(4n+2){filter:none}
.season-particle:nth-child(4n+3){filter:none;opacity:calc(var(--alpha)*.85)}
.season-surface-background .season-particle{opacity:calc(var(--alpha)*.75)}

/* Soft contemporary vector accents, with a restrained colour wash. */
html[data-season="spring"]{--season-scene:url("assets/seasonal/spring-motif-2.svg?v=5")}
html[data-season="summer"]{--season-scene:url("assets/seasonal/summer-motif-1.svg?v=5")}
html[data-season="autumn"]{--season-scene:url("assets/seasonal/autumn-motif-1.svg?v=7")}
html[data-season="winter"]{--season-scene:url("assets/seasonal/winter-motif-1.svg?v=6")}
html[data-season="halloween"]{--season-scene:url("assets/seasonal/halloween-motif-1.svg?v=5")}
html[data-season="winter"] .season-art-host::after{display:none}

/* Summer retains the undecorated original design. */
html[data-season="summer"] main .section-kicker::before,
html[data-season="summer"] .season-background,
html[data-season="summer"] .season-surface-background,
html[data-season="summer"] .season-foreground,
html[data-season="summer"] .occasion-mark,
html[data-season="summer"] .home-festive-scene{display:none!important}

/* Calendar tree sits in front of the record, independently of background motifs. */


/* Compact Advent wreath, offset to the left of the record. */
.home-label-hero .home-festive-scene[data-festive^="advent-"]{left:-20%;width:46%}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive^="advent-"]{left:-7%;width:44%}}

/* Christmas Eve reuses each standalone motif at its own size and position. */
.home-label-hero .home-festive-scene[data-festive="christmas-eve"]{left:0;width:100%;height:100%;opacity:.9}
.home-label-hero .home-festive-scene[data-festive="christmas-eve"] img{position:absolute;left:0;bottom:0;width:60%;height:auto}
.home-label-hero .home-festive-scene[data-festive="christmas-eve"] .christmas-eve-wreath{left:-20%;width:46%;opacity:.867}
@media(max-width:700px){
 .home-label-hero .home-festive-scene[data-festive="christmas-eve"] img{width:56%}
 .home-label-hero .home-festive-scene[data-festive="christmas-eve"] .christmas-eve-wreath{left:-7%;width:44%}
}

/* Annual New Year greeting behind the clinking champagne flutes. */
.home-label-hero .home-festive-scene[data-festive="new-year"]{left:-40%;bottom:8px;width:70%;opacity:.9}
.home-label-hero .home-festive-scene[data-festive="new-year"] img{position:relative;z-index:1}
.new-year-greeting{position:absolute;left:0;right:0;top:0;z-index:0;text-align:center;white-space:pre-line;font-family:inherit;font-size:clamp(16px,2vw,26px);font-weight:600;line-height:1.18;letter-spacing:.02em;color:#396f91}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive="new-year"]{left:-20%;bottom:4px;width:70%}.new-year-greeting{font-size:clamp(14px,4.2vw,22px)}}

.home-label-hero .home-festive-scene[data-festive="new-years-eve"]{left:-22%;bottom:60px;width:70%;opacity:.9;padding-bottom:58px}
.new-year-countdown{position:absolute;bottom:0;left:0;right:0;text-align:center;white-space:pre-line;font:600 clamp(13px,1.5vw,19px)/1.5 sans-serif;font-variant-numeric:tabular-nums;color:#17384c;letter-spacing:.04em}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive="new-years-eve"]{left:-8%;bottom:40px;width:70%}.new-year-countdown{font-size:13px}}

/* Halloween: warm orange pumpkins with a luminous carved face. */
.home-label-hero .home-festive-scene[data-festive="halloween"]{left:-24%;bottom:-16px;width:76%;opacity:1}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive="halloween"]{left:-9%;bottom:-10px;width:76%}}

.home-label-hero .home-festive-scene[data-festive="easter"]{left:-24%;width:76%;opacity:1}
@media(max-width:700px){.home-label-hero .home-festive-scene[data-festive="easter"]{left:-8%;width:76%}}

.home-festive-scene[data-festive="new-year"] .new-year-countdown{display:none}

.home-label-hero .home-festive-scene[data-festive="new-year"] img.new-year-greeting{position:absolute;top:-16px;left:0;width:100%;height:auto;z-index:0;transform:rotate(-3deg);filter:drop-shadow(0 2px 0 #17384c15)}