.christmas-ended .christmas-announcement,
.christmas-ended .christmas-feature { display: none; }

.christmas-announcement {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 20px;
  padding: 14px 24px;
  background: #26352e;
  color: #f5ede5;
  font: 400 11px/1.6 var(--sans);
  letter-spacing: .04em;
}
.christmas-announcement span { color: #d1d5c8; }
.christmas-announcement a { padding-bottom: 2px; border-bottom: 1px solid #c69a91; font-weight: 600; }
.christmas-feature {
  padding: 88px clamp(24px, 7vw, 120px);
  background: var(--bg);
  scroll-margin-top: 24px;
}
.christmas-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  background: #25332b;
  border: 1px solid rgba(245,237,229,.12);
}
.christmas-photo { margin: 0; position: relative; overflow: hidden; min-height: 640px; }
.christmas-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center 56%; }
.christmas-photo figcaption {
  position: absolute;
  left: 22px;
  bottom: 20px;
  padding: 9px 12px;
  background: rgba(23,19,18,.75);
  color: #f5ede5;
  font: 400 10px/1.5 var(--sans);
  letter-spacing: .05em;
}
.christmas-copy { padding: clamp(36px, 4vw, 64px); align-self: center; }
.christmas-copy .eyebrow { margin-bottom: 20px; color: #dfb9ae; line-height: 1.8; }
.christmas-copy h2 { margin: 0 0 22px; color: #f5ede5; font: italic 400 clamp(40px, 4vw, 62px)/1.1 var(--display); letter-spacing: -.025em; }
.christmas-description { margin: 0 0 28px; max-width: 480px; color: #d7d6c9; font: 300 14px/1.9 var(--sans); }
.christmas-details { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 25px 0; margin: 0 0 25px; border-block: 1px solid rgba(245,237,229,.2); }
.christmas-details div { min-width: 0; }
.christmas-details dt { margin-bottom: 8px; color: #dfb9ae; font: 600 9px/1.6 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.christmas-details dd { margin: 0; color: #f5ede5; font: 400 13px/1.6 var(--sans); }
.christmas-details dd small { font-size: 11px; color: #d7d6c9; }
.christmas-setup { color: #d7d6c9; font: 300 12px/1.8 var(--sans); margin: 0 0 27px; }
.christmas-setup strong { color: #f5ede5; font-weight: 500; }
.christmas-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 24px; }
.christmas-actions .primary-button { display: inline-block; background: #f5ede5; color: #25332b; line-height: 1.6; text-align: center; }
.christmas-actions .primary-button:hover { background: #dfb9ae; }
.christmas-actions .text-link { color: #f5ede5; line-height: 1.8; }
.christmas-note { margin: 20px 0 0; color: #d7d6c9; font: 300 10px/1.8 var(--sans); }
@media (max-width: 1100px) and (min-width: 901px) {
  .christmas-feature { padding-inline: 32px; }
  .christmas-copy { padding: 34px; }
}
@media (max-width: 900px) {
  .christmas-feature { padding-block: 56px; }
  .christmas-card { grid-template-columns: 1fr; }
  .christmas-photo { min-height: 0; height: 440px; }
  .christmas-photo img { object-position: center 58%; }
  .christmas-copy { padding: 36px 28px; }
  .christmas-copy h2 { font-size: clamp(40px, 7vw, 56px); }
}
@media (max-width: 560px) {
  .christmas-announcement { padding: 12px 20px; gap: 3px 12px; font-size: 10px; }
  .christmas-announcement span { display: none; }
  .christmas-feature { padding: 40px 20px; }
  .christmas-photo { height: 380px; }
  .christmas-copy { padding: 30px 22px 34px; }
  .christmas-copy h2 { font-size: 40px; }
  .christmas-details { gap: 20px 16px; }
  .christmas-details dd { font-size: 12px; }
  .christmas-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
}