/* SAYFORME — ГЛАВНАЯ (hero, карусель, коллекции) */
/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;
  width:100%;
  aspect-ratio:1920/810;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(153deg,var(--hero-grad-1) 0%,var(--hero-grad-2) 100%);
  overflow:hidden;
}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.hero__title{
  position:absolute;top:42.1%;left:50%;transform:translateX(-50%);
  font-weight:400;font-size:clamp(56px,6.25vw,120px);line-height:.8;color:var(--ink-pure);
  text-align:center;white-space:nowrap;z-index:2;
}
.hero__scroll{
  position:absolute;right:var(--pad-x);bottom:40px;
  display:flex;align-items:center;gap:10px;z-index:2;
}
.hero__scroll-divider{width:1px;height:40px;background:rgba(0,0,0,.2);}
.hero__scroll-label{
  font-weight:500;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;
  color:rgba(0,0,0,.4);
}

/* ============================================================
   КАРУСЕЛЬ «ОБРАЗЫ»
   ============================================================ */
.looks{position:relative;}
.looks__track{
  display:flex;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  cursor:grab;
}
.looks__track.is-dragging{cursor:grabbing;scroll-behavior:auto;}
.looks__slide{cursor:pointer;display:block;}
.looks__track.is-dragging .looks__slide{cursor:grabbing;}
.looks__track::-webkit-scrollbar{display:none;}
.looks__slide{
  flex:0 0 25%;
  aspect-ratio:480/800;
  overflow:hidden;
}
.looks__slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;}
.looks__label{
  position:absolute;left:var(--pad-x);bottom:60px;
  font-weight:400;font-size:clamp(28px,2.29vw,44px);color:var(--ink-pure);z-index:3;
}
.looks__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:60px;height:60px;z-index:4;
  display:flex;align-items:center;justify-content:center;
  color:var(--ink);transition:opacity .2s ease;
}
.looks__arrow:hover{opacity:.5;}
.looks__arrow--prev{left:var(--pad-x);}
.looks__arrow--next{right:var(--pad-x);}

/* ============================================================
   БЛОКИ КОЛЛЕКЦИЙ
   ============================================================ */
.collections{display:flex;}
.collection{
  position:relative;
  flex:0 0 50%;
  aspect-ratio:960/962;
  overflow:hidden;
}
.collection img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.6,.2,1);
}
.collection:hover img{transform:scale(1.03);}
.collection__caption{
  position:absolute;left:50%;bottom:96px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:14px;
  text-align:center;z-index:2;
}
.collection__title{font-weight:400;font-size:clamp(40px,4.1667vw,80px);line-height:.8;white-space:nowrap;}
.collection__link{font-weight:400;font-size:clamp(18px,1.35vw,26px);text-decoration:underline;text-underline-offset:4px;}
.collection--dark .collection__caption{color:#fff;}
.collection--light{background:#e9e7e3;}
.collection--dark{background:#1a1a1a;}


/* АДАПТИВНОСТЬ ГЛАВНОЙ */
@media (max-width:1024px){
  .looks__slide{flex-basis:33.333%;}
}
@media (max-width:768px){
  .hero{aspect-ratio:auto;min-height:78vh;}
  .hero__title{top:38%;white-space:normal;width:100%;padding:0 20px;}
  .looks__slide{flex-basis:72%;}
  .looks__arrow{display:none;}
  .looks__label{bottom:32px;}
  .collections{flex-direction:column;}
  .collection{flex-basis:auto;aspect-ratio:1/1;}
  .collection__title{white-space:normal;}
  .collection__caption{bottom:56px;width:100%;padding:0 20px;}
}