/* 첫 화면 겨울 프로모션 띠 광고 (2026-11-05 · 맨 위 상품 슬라이드와 DAILY PICK 사이)
   사진 = 이동국님이 고른 크리스마스 낮 거리 사진(남자 모델 가운데) · 사진 창고(img.hearttokiss.com)
   글씨 = 사진 위에 얹은 진짜 글자 · 큰 화면 = 왼쪽 40% 안 · 폰 = 얼굴은 위, 글씨는 아래 */
.htk-winter {
  position: relative;
  width: 100%;
  margin: 48px 0 0;
}
.htk-winter__link {
  position: relative;
  display: block;
  width: 100%;
  height: clamp(300px, 28.6vw, 560px);
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  isolation: isolate;
}
.htk-winter__link::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(8, 10, 18, .74) 0%, rgba(8, 10, 18, .56) 24%, rgba(8, 10, 18, .2) 37%, rgba(8, 10, 18, 0) 44%);
}
.htk-winter__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 32%;
  transition: transform 1.2s cubic-bezier(.16, 1, .3, 1);
}
@media (hover: hover) {
  .htk-winter__link:hover .htk-winter__bg { transform: scale(1.025); }
}
.htk-winter__link:focus-visible { outline: 3px solid #111; outline-offset: 3px; }
.htk-winter__copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(8px, .9vw, 16px);
  padding: 0 62% 0 clamp(24px, 4.6vw, 110px);
  color: #fff;
  font-family: 'Pretendard', 'IBM Plex Sans KR', var(--sans, sans-serif);
  word-break: keep-all;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .35);
}
.htk-winter__label {
  margin: 0;
  color: rgba(255, 255, 255, .8);
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 400;
  font-size: clamp(11px, .85vw, 15px);
  letter-spacing: .26em;
  text-transform: uppercase;
  white-space: nowrap;
}
.htk-winter .htk-winter__title {
  margin: 0;
  color: inherit;
  font-size: clamp(28px, 3.2vw, 64px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.12;
  text-wrap: balance;
}
.htk-winter__sub {
  margin: 0;
  color: rgba(255, 255, 255, .86);
  font-size: clamp(13px, .95vw, 17px);
  line-height: 1.55;
}
.htk-winter__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  margin-top: clamp(14px, 1.6vw, 28px);
  padding: .85em 1.6em;
  background: #fff;
  color: #111;
  font-size: clamp(13px, .95vw, 16px);
  font-weight: 600;
  letter-spacing: -0.01em;
  border-radius: 0;
  text-shadow: none;
  transition: gap .3s cubic-bezier(.16, 1, .3, 1);
}
.htk-winter__btn svg { width: 1.05em; height: 1.05em; }
.htk-winter__link:hover .htk-winter__btn { gap: 16px; }

/* 폰 화면 */
@media (max-width: 640px) {
  .htk-winter { margin-top: 32px; }
  .htk-winter__link { height: 460px; }
  .htk-winter__link::before { background: linear-gradient(180deg, rgba(8, 10, 18, 0) 38%, rgba(8, 10, 18, .58) 58%, rgba(8, 10, 18, .85) 82%); }
  .htk-winter__bg { object-position: 51% 30%; }
  .htk-winter__copy { justify-content: flex-end; align-items: center; gap: 8px; padding: 0 20px 26px; text-align: center; }
  .htk-winter .htk-winter__title { font-size: 27px; }
  .htk-winter__sub { font-size: 13px; }
  .htk-winter__btn { align-self: center; }
}