body[data-season="sint"]{--ornament:url("/assets/season-sint-decor.webp")}
body[data-season="kerst"]{--ornament:url("/assets/season-kerst-decor.webp")}
body[data-season] .season-detail,
body[data-season] .season-footer { position:relative; isolation:isolate }
body[data-season] .season-detail::after,
body[data-season] .season-footer::after {
  content:""; width:clamp(118px,13vw,193px);height:clamp(72px,8.5vw,125px);
  background:var(--ornament) center / contain no-repeat; pointer-events:none;
  display:block; position:absolute; inset:auto 0 0 auto; transform:translate(-4%,-7%); z-index:2;filter:drop-shadow(0 3px 5px #0009)
}
body[data-season] .season-footer::after {right:7%;bottom:12px;transform:none}
body[data-season] .season-footer {padding-bottom:105px}
body[data-season] .dinner-moment .season-detail::after {inset:auto auto 0 0;transform:translate(6%,-7%)}
body[data-season] .gift-art.season-detail::after {inset:auto auto 0 1%;transform:rotate(-7deg)}
body[data-season] .story.season-detail::after {right:7%;top:8px;bottom:auto;transform:rotate(8deg)}
body[data-season] .story.season-detail {padding-top:max(72px,6vw)}

@media(max-width:760px){
  body[data-season] .season-detail::after {width:96px;height:63px;transform:translate(0,-6%)}
  body[data-season] .season-footer::after {bottom:12px}
  
}
body[data-season="sint"] {
  --season-band: #6d2337;
  --season-glint: #f2ce81;
  --season-line: #c99443;
}
body[data-season="kerst"] {
  --season-band: #143b31;
  --season-glint: #ffdb8f;
  --season-line: #cfa954;
}
.season-divider { display:none }
body[data-season] .season-divider {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  height:clamp(66px,8vw,114px);
  padding-inline:7%;
  gap:clamp(10px,3vw,36px);
  color:var(--season-glint);
  background:var(--season-band);
  border-block:1px solid var(--season-line);
}
.season-divider::before,.season-divider::after {
  content:"";
  height:12px;
  background:
    radial-gradient(circle, currentColor 0 1.6px, transparent 3px) center/26px 12px repeat-x,
    linear-gradient(90deg,transparent,currentColor) center/100% 1px no-repeat;
}
.season-divider::after { transform:scaleX(-1) }
.season-divider span {
  width:clamp(130px,22vw,310px);
  height:100%;
  background:var(--ornament) center/contain no-repeat;
  filter:drop-shadow(0 3px 5px #0006);
}
body[data-season="kerst"] .season-divider span { width:clamp(165px,31vw,435px) }
body[data-season] .moment-art.season-detail::after {
  width:clamp(105px,16vw,220px);
  height:clamp(70px,11vw,144px);
  inset:auto 3% 3% auto;
  transform:none;
}
body[data-season] .dinner-moment .season-detail::after { inset:auto auto 3% 3% }
body[data-season] .drinks-moment .season-detail::after { inset:auto auto 3% 3% }
body[data-season] .gift-art.season-detail::after {
  width:clamp(145px,18vw,270px);
  height:clamp(90px,12vw,162px);
  inset:auto auto 0 1%;
}
body[data-season] .season-footer { border-top:3px solid var(--season-line) }
@media(max-width:760px) {
  body[data-season] .moment-art.season-detail::after {
    width:min(96px,87%);
    height:63px;
  }
  body[data-season] .gift-art.season-detail::after { width:132px;height:85px }
  body[data-season] .season-footer { padding-bottom:92px }
}

@media(max-width:760px) {
  body[data-season] .hero:has(.hero-photo img[data-season-photo])::before {
    background:linear-gradient(90deg,#000028d9,#000028a6 62%,#00002880);
  }
  body[data-season] .hero-photo img[data-season-photo] {object-position:76% center}
}
body[data-season] .hero.season-detail::after {
  right:4%;bottom:17px;transform:none;width:clamp(115px,15vw,210px);height:clamp(73px,10vw,140px);
}