
.premium-hero{
  position:relative;
  min-height:clamp(620px,82vh,860px);
  overflow:hidden;
  background:#f8e9ec;
}
.hero-slider{
  position:relative;
  min-height:inherit;
  isolation:isolate;
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.015);
  transition:opacity .7s ease,visibility .7s ease,transform 1.1s ease;
}
.hero-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  z-index:2;
}
.hero-slide-inner{
  width:min(1440px,100%);
  min-height:clamp(620px,82vh,860px);
  margin:auto;
  padding:clamp(64px,8vw,118px) clamp(24px,7vw,104px) clamp(92px,9vw,126px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  align-items:center;
  gap:clamp(32px,6vw,100px);
}
.hero-slide-copy{
  position:relative;
  z-index:3;
  max-width:710px;
}
.hero-kicker{
  margin:0 0 22px;
  font-size:11px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.22em;
  color:#8b5965;
}
.hero-slide h1,
.hero-slide h2{
  margin:0;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(62px,7.3vw,112px);
  line-height:.82;
  letter-spacing:-.045em;
  font-weight:600;
  color:#201719;
}
.hero-slide h1 em,
.hero-slide h2 em{
  font-weight:500;
  color:#b45f75;
}
.hero-description{
  max-width:610px;
  margin:34px 0 0;
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.85;
  color:#64585b;
}
.hero-slide-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 20px;
  margin-top:34px;
}
.hero-primary,
.hero-secondary{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 25px;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.035em;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.hero-primary{
  background:#1d1719;
  color:#fff;
  box-shadow:0 14px 30px rgba(29,23,25,.18);
}
.hero-secondary{
  border:1px solid rgba(29,23,25,.18);
  color:#1d1719;
  background:rgba(255,255,255,.38);
  backdrop-filter:blur(12px);
}
.hero-primary:hover,
.hero-secondary:hover{
  transform:translateY(-2px);
}
.hero-primary:hover{
  box-shadow:0 18px 36px rgba(29,23,25,.24);
}
.hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-top:36px;
  color:#796b6f;
  font-size:11px;
  font-weight:600;
}
.hero-trust span::before{
  content:"✓";
  margin-right:7px;
  color:#b45f75;
}
.hero-scene{
  position:relative;
  min-height:470px;
  display:grid;
  place-items:center;
}
.hero-slide-beauty{
  background:
    radial-gradient(circle at 78% 22%,rgba(255,255,255,.92),transparent 25%),
    linear-gradient(130deg,#fff9fa 0%,#f8e5e9 48%,#ebc7cf 100%);
}
.hero-glow{
  position:absolute;
  width:min(440px,72vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.42) 47%,transparent 72%);
  filter:blur(2px);
}
.beauty-card{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  box-shadow:0 28px 80px rgba(90,39,53,.23);
}
.beauty-card-main{
  width:min(310px,65vw);
  aspect-ratio:.78;
  border-radius:145px 145px 46px 46px;
  background:linear-gradient(155deg,#b86378,#6f3444);
  transform:rotate(4deg);
}
.beauty-card-main::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:132px 132px 36px 36px;
}
.beauty-card-main strong{
  font-family:"Cormorant Garamond",serif;
  font-size:68px;
  letter-spacing:.08em;
  line-height:1;
}
.beauty-card-main small{
  letter-spacing:.34em;
  font-size:9px;
  margin-left:.34em;
}
.beauty-star{
  position:absolute;
  top:42px;
  font-size:28px;
}
.beauty-card-mini{
  right:4%;
  bottom:11%;
  width:140px;
  height:140px;
  border-radius:34px;
  background:rgba(255,255,255,.82);
  color:#6f3444;
  border:1px solid rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  transform:rotate(-7deg);
}
.beauty-card-mini span{font-size:40px}
.beauty-card-mini small{font-weight:700;margin-top:7px}
.beauty-orbit{
  position:absolute;
  width:410px;
  height:410px;
  border:1px solid rgba(113,54,69,.19);
  border-radius:50%;
  transform:rotate(-12deg);
}
.hero-slide-jewelry{
  background:
    radial-gradient(circle at 78% 42%,rgba(185,154,97,.17),transparent 27%),
    linear-gradient(125deg,#171214 0%,#2c2024 58%,#151012 100%);
}
.light-copy .hero-kicker{color:#d3ad70}
.light-copy h2{color:#fff}
.light-copy h2 em{color:#e6bdc2}
.light-copy .hero-description{color:#d4c7ca}
.hero-primary-light{
  background:#fff;
  color:#1d1719;
}
.hero-secondary-light{
  border-color:rgba(255,255,255,.3);
  color:#fff;
  background:rgba(255,255,255,.06);
}
.hero-trust-light{color:#d1c2c5}
.hero-trust-light span::before{color:#d3ad70}
.hero-scene-jewelry{
  color:#d3ad70;
}
.jewel-halo{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(211,173,112,.36);
}
.jewel-halo-one{
  width:min(430px,70vw);
  aspect-ratio:1;
}
.jewel-halo-two{
  width:min(290px,50vw);
  aspect-ratio:1;
  transform:translate(68px,-44px);
}
.jewel-diamond{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(120px,15vw,230px);
  line-height:1;
  text-shadow:0 0 50px rgba(211,173,112,.18);
}
.jewel-label{
  position:absolute;
  bottom:12%;
  padding:13px 24px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  backdrop-filter:blur(12px);
}
.hero-slide-offers{
  background:
    radial-gradient(circle at 14% 22%,rgba(255,255,255,.72),transparent 22%),
    linear-gradient(135deg,#f8d4de 0%,#eaaabd 50%,#d6879f 100%);
}
.hero-offer-badge{
  display:inline-flex;
  flex-direction:column;
  margin-top:36px;
  padding:17px 23px;
  border-radius:18px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 18px 35px rgba(116,53,72,.12);
  backdrop-filter:blur(12px);
}
.hero-offer-badge span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
  color:#a54f67;
}
.hero-offer-badge strong{
  font-family:"Cormorant Garamond",serif;
  font-size:32px;
  line-height:1;
  color:#2a1d21;
}
.hero-offer-badge small{margin-top:4px;color:#755660}
.hero-scene-offers{
  min-height:440px;
}
.offer-shape{
  position:absolute;
  border-radius:45% 55% 54% 46% / 40% 39% 61% 60%;
}
.offer-shape-one{
  width:min(410px,68vw);
  aspect-ratio:1;
  background:rgba(255,255,255,.42);
  transform:rotate(14deg);
}
.offer-shape-two{
  width:min(290px,52vw);
  aspect-ratio:1;
  border:1px solid rgba(104,45,63,.2);
  transform:translate(80px,-60px) rotate(-15deg);
}
.offer-ticket{
  position:relative;
  width:min(285px,62vw);
  aspect-ratio:.85;
  border-radius:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#302126;
  box-shadow:0 30px 75px rgba(106,45,63,.22);
  transform:rotate(6deg);
}
.offer-ticket::before,
.offer-ticket::after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  aspect-ratio:1;
  border-radius:50%;
  background:#dc91a7;
}
.offer-ticket::before{left:-17px}
.offer-ticket::after{right:-17px}
.offer-ticket span{font-size:46px}
.offer-ticket strong{
  margin-top:10px;
  font-family:"Cormorant Garamond",serif;
  font-size:54px;
  line-height:1;
}
.offer-ticket small{margin-top:8px;color:#886873}
.hero-arrow{
  position:absolute;
  top:50%;
  z-index:6;
  width:48px;
  height:48px;
  border:1px solid rgba(31,23,25,.14);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#241a1d;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(14px);
  transform:translateY(-50%);
  transition:transform .25s ease,background .25s ease;
}
.hero-arrow:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.06);
}
.hero-arrow-prev{left:20px}
.hero-arrow-next{right:20px}
.hero-pagination{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:28px;
  display:flex;
  align-items:center;
  gap:9px;
  transform:translateX(-50%);
}
.hero-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(45,31,35,.28);
  cursor:pointer;
  transition:width .3s ease,background .3s ease;
}
.hero-dot.is-active{
  width:35px;
  background:#342429;
}
.hero-pause{
  position:absolute;
  right:29px;
  bottom:22px;
  z-index:7;
  width:40px;
  height:40px;
  border:1px solid rgba(31,23,25,.13);
  border-radius:50%;
  background:rgba(255,255,255,.67);
  color:#2a1e22;
  cursor:pointer;
  backdrop-filter:blur(12px);
}
.hero-pause .play-icon{display:none;font-size:12px}
.hero-pause.is-paused .pause-icon{display:none}
.hero-pause.is-paused .play-icon{display:inline}
@media (max-width:980px){
  .premium-hero,
  .hero-slide-inner{
    min-height:auto;
  }
  .hero-slide-inner{
    grid-template-columns:1fr;
    padding-top:68px;
    padding-bottom:105px;
    text-align:center;
  }
  .hero-slide-copy{margin:auto}
  .hero-description{margin-left:auto;margin-right:auto}
  .hero-slide-actions,
  .hero-trust{justify-content:center}
  .hero-scene{min-height:360px}
  .beauty-card-mini{right:15%}
  .hero-arrow{top:auto;bottom:18px;transform:none}
  .hero-arrow:hover{transform:scale(1.06)}
  .hero-arrow-prev{left:22px}
  .hero-arrow-next{right:76px}
  .hero-pause{right:22px;bottom:75px}
}
@media (max-width:620px){
  .hero-slide-inner{
    padding:52px 20px 92px;
    gap:18px;
  }
  .hero-slide h1,
  .hero-slide h2{
    font-size:clamp(54px,17vw,78px);
  }
  .hero-description{
    margin-top:24px;
    font-size:14px;
    line-height:1.7;
  }
  .hero-slide-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:26px;
  }
  .hero-primary,
  .hero-secondary{width:100%}
  .hero-trust{
    gap:8px 14px;
    margin-top:25px;
    font-size:10px;
  }
  .hero-scene{min-height:300px}
  .beauty-card-main{width:220px}
  .beauty-card-main strong{font-size:50px}
  .beauty-card-mini{
    right:4%;
    bottom:4%;
    width:108px;
    height:108px;
  }
  .beauty-orbit{width:285px;height:285px}
  .hero-arrow{
    width:42px;
    height:42px;
    font-size:27px;
  }
  .hero-pagination{bottom:33px}
  .hero-pause{bottom:76px}
}
@media (prefers-reduced-motion:reduce){
  .hero-slide,
  .hero-primary,
  .hero-secondary,
  .hero-arrow,
  .hero-dot{transition:none!important}
}
