header.lp-hero[data-kelomn-seasonal="halloween-a-20261025"] { padding:0; text-align:left; }
header.lp-hero[data-kelomn-seasonal="halloween-a-20261025"]::before { display:none; }
header.lp-hero[data-kelomn-seasonal="halloween-a-20261025"] > :not(.khalloween) { display:none !important; }
.khalloween { position:relative; isolation:isolate; height:100%; }
.khalloween h1 { font-family:"IBM Plex Sans Thai","Noto Sans Thai",sans-serif; }
header.lp-hero[data-kelomn-seasonal="halloween-a-20261025"] { position: relative; isolation: isolate; overflow: hidden; height: clamp(570px, 41.5vw, 800px); background: #211710; font-family: "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif; }
.seasonal-art { position: absolute; inset: 0; z-index: -3; }
.seasonal-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; }
.seasonal-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, transparent 36%, rgba(16,23,32,.08) 48%, rgba(12,19,29,.77) 65%, rgba(12,19,29,.85) 100%); }
.seasonal-content { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; width: 43%; max-width: 690px; margin-left: 56%; padding: 38px clamp(24px, 3vw, 64px) 38px 0; box-sizing: border-box; color: #fff7e8; }
.seasonal-eyebrow { display: block; letter-spacing: 0; color: #f5c681; font-size: clamp(15px, 1.4vw, 22px); font-weight: 600; margin: 0 0 20px; line-height: 1.4; }
.seasonal-content h1 { font-size: clamp(36px, 3.15vw, 61px); font-weight: 700; line-height: 1.16; letter-spacing: -.025em; color: #fffaf1; margin: 0 0 22px; }
.seasonal-sub { margin: 0 0 24px; color: #e9e5df; font-size: clamp(15px, 1.35vw, 22px); line-height: 1.65; }
.seasonal-sub strong { color: #f5c681; font-weight: 600; }
.seasonal-content .lp-hero-badges { justify-content: flex-start; gap: 8px; margin: 0; }
.seasonal-content .lp-hero-badge { font-size: clamp(10px, .8vw, 14px); color: #fff7e8; padding: 6px 10px; border-color: #ffffff40; background: #11203399; }
@media (min-width: 901px) and (max-width: 1050px) {
  .seasonal-content { width: 45%; margin-left: 53%; padding-right: 18px; }
  .seasonal-content h1 { font-size: 35px; }
  .seasonal-shade { background: linear-gradient(90deg, transparent 32%, #0c131d88 50%, #0c131de8 78%); }
}
@media (max-width: 900px) {
  header.lp-hero[data-kelomn-seasonal="halloween-a-20261025"] { height: auto; }
  .seasonal-art { display: block; position: relative; width: 100%; height: clamp(265px, 76vw, 490px); }
  .seasonal-art img { object-position: 42% 0%; }
  .khalloween .seasonal-art img { object-position: 33% 0%; }
  .seasonal-shade { inset: auto 0 0; height: calc(100% - clamp(265px, 76vw, 490px) + 44px); background: linear-gradient(180deg, transparent 0, #142132 44px, #142132 100%); }
  .seasonal-content { width: 100%; max-width: none; height: auto; margin: 0; padding: 22px 24px 30px; text-align: center; }
  .seasonal-eyebrow { font-size: 15px; margin-bottom: 12px; }
  .seasonal-content h1 { font-size: clamp(30px, 7.7vw, 46px); line-height: 1.16; margin-bottom: 16px; }
  .seasonal-sub { font-size: 14px; margin-bottom: 19px; }
  .seasonal-content .lp-hero-badges { justify-content: center; gap: 6px; }
  .seasonal-content .lp-hero-badge { font-size: 10px; padding: 5px 8px; }
}

@media (min-width: 601px) and (max-width: 900px) {
  .seasonal-art { height: auto; aspect-ratio: 1200 / 630; }
  .seasonal-shade { display: none; }
  .seasonal-art::after { content: ""; position: absolute; inset: auto 0 0; height: 44px; background: linear-gradient(transparent, #142132); }
  .seasonal-content { background: #142132; }
}