/* NIVAH | seamless five-category carousel with outermost cards largest. */
.nivah-categories-section{
  overflow:hidden;
  padding-bottom:65px;
  background:#fff;
}
.nivah-categories-section .section-heading{margin-bottom:25px;}
.nivah-category-stage{
  position:relative;
  width:min(1480px,calc(100% - 28px));
  margin:0 auto;
  height:clamp(290px,30.5vw,430px);
  overflow:hidden;
  --category-visible:5;
  isolation:isolate;
}
.nivah-category-track{
  display:flex;
  flex-wrap:nowrap;
  width:calc(100% * 15 / var(--category-visible));
  height:100%;
  transform:translate3d(-33.333333%,0,0);
  animation:nivahCategoryLoop 27s linear infinite;
  will-change:transform;
}
.nivah-category-slide{
  flex:0 0 calc(100% / 15);
  width:calc(100% / 15);
  min-width:0;
  height:100%;
  padding:9px clamp(6px,.8vw,12px);
  display:flex;
  justify-content:center;
  align-items:center;
}
.nivah-category-tile{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  background:#eee9e2;
  text-align:center;
  transform:scale(var(--category-scale,.85));
  transform-origin:center center;
  transition:box-shadow .45s ease,filter .45s ease;
  will-change:transform;
  outline-offset:3px;
}
.nivah-category-tile:focus-visible{
  outline:3px solid #ad8d60;
}
.nivah-category-tile:hover{box-shadow:0 17px 34px #3c2b1c1e}
.nivah-category-photo{
  display:block;
  width:100%;
  height:clamp(215px,23.8vw,338px);
  overflow:hidden;
  background:#eee7dd;
}
.nivah-category-photo img{
  width:100%;height:100%;object-fit:cover;
  display:block;
  transition:filter .6s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.nivah-category-tile:hover img{transform:scale(1.055);filter:saturate(1.06)}
.nivah-category-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:53px;
  padding:9px 6px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
  font-size:clamp(18px,1.65vw,25px);
  line-height:1;
  white-space:nowrap;
  color:#2b2926;
  background:#f2eee8;
}
.nivah-category-label>span{font:500 13px Manrope,sans-serif;color:#a48966}
.nivah-category-hint{
  text-align:center;
  margin:20px auto 0;
  font-family:Manrope,Arial,sans-serif;
  font-size:9px;letter-spacing:2.2px;
  color:#988d80;
}
.nivah-category-hint span{padding:0 11px;color:#b69d79}
@keyframes nivahCategoryLoop{
  from{transform:translate3d(-33.333333%,0,0)}
  to{transform:translate3d(-66.666667%,0,0)}
}
@media(hover:hover){
  .nivah-category-stage:hover .nivah-category-track{
    animation-play-state:paused !important;
  }
}
.nivah-category-stage:focus-within .nivah-category-track{
  animation-play-state:paused !important;
}
@media(max-width:800px){
  .nivah-categories-section{padding-top:52px;padding-bottom:45px;}
  .nivah-categories-section .section-heading{margin-bottom:16px;}
  .nivah-category-stage{
    --category-visible:3;
    width:100%;
    height:clamp(240px,72vw,300px);
  }
  .nivah-category-slide{padding:6px 5px;}
  .nivah-category-photo{height:clamp(173px,53vw,232px)}
  .nivah-category-label{
    min-height:40px;
    font-size:clamp(15px,4vw,20px);
    gap:4px;
    padding:7px 2px;
  }
  .nivah-category-label>span{font-size:11px}
  .nivah-category-hint{margin-top:8px;font-size:8px;letter-spacing:1.1px}
  .nivah-category-hint span{padding:0 6px}
}
@media(max-width:360px){
  .nivah-category-label{font-size:15px;}
  .nivah-category-photo{height:172px}
}
@media(prefers-reduced-motion:reduce){
  .nivah-category-track{
    animation:none !important;
    transform:translate3d(-33.333333%,0,0) !important;
    will-change:auto;
  }
  .nivah-category-tile{
    transform:scale(var(--category-scale,.85));
    transition:none;
    will-change:auto;
  }
  .nivah-category-photo img{transition:none;}
}


/* White category carousel with tighter heading, section and card spacing. */
.section.nivah-categories-section {
  background:#fff;
  padding-top:43px;
  padding-bottom:30px;
}
.nivah-categories-section .section-heading {
  margin-bottom:9px;
}
.nivah-categories-section .section-heading .eyebrow {
  margin-bottom:5px;
}
.nivah-categories-section .section-heading h2 {
  margin-bottom:5px;
}
.nivah-categories-section .section-heading p {
  margin:0;
}
.nivah-categories-section .nivah-category-hint {
  margin-top:8px;
}
@media(max-width:800px){
  .section.nivah-categories-section {
    padding-top:31px;
    padding-bottom:24px;
  }
  .nivah-categories-section .section-heading {margin-bottom:7px;}
  .nivah-categories-section .section-heading .eyebrow {margin-bottom:3px;}
  .nivah-categories-section .section-heading h2 {margin-bottom:4px;}
  .nivah-categories-section .nivah-category-hint {margin-top:4px;}
}