html,
body{
    font-family:"Inter",sans-serif;
    font-weight:400;
    color:#222;
}

/* =====================================================
   REVOXE PREMIUM HERO SLIDER
===================================================== */

.revoxe-lux-slider{
  --revoxe-accent:#8f9f94;
  --revoxe-gold:#b8955f;
  --revoxe-white:#ffffff;

  position:relative;
  width:100%;
  height:calc(100dvh - 88px);
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:#050505;
}


/* =====================================================
   SLIDES
===================================================== */

.revoxe-lux-slide{
  position:absolute;
  inset:0;
  z-index:1;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;

  transform:scale(1.045);
  transition:
    opacity 1.1s cubic-bezier(.22,.61,.36,1),
    visibility 1.1s ease;
}

.revoxe-lux-slide.active{
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  animation:revoxeLuxImageMove 7s cubic-bezier(.2,.7,.2,1) forwards;
}

@keyframes revoxeLuxImageMove{
  0%{
    transform:scale(1.055);
  }

  100%{
    transform:scale(1);
  }
}


/* =====================================================
   OVERLAY
===================================================== */

.revoxe-lux-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(4,4,4,.84) 0%,
      rgba(4,4,4,.65) 25%,
      rgba(4,4,4,.20) 55%,
      rgba(4,4,4,.08) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.34) 0%,
      rgba(0,0,0,.04) 36%,
      rgba(0,0,0,.18) 64%,
      rgba(0,0,0,.72) 100%
    );
}

.revoxe-lux-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;

  background:
    radial-gradient(
      circle at 76% 42%,
      rgba(184,149,95,.06),
      transparent 42%
    );

  mix-blend-mode:screen;
}


/* =====================================================
   LAYOUT
===================================================== */

.revoxe-lux-content{
  position:relative;
  z-index:4;

  width:100%;
  height:100%;
  box-sizing:border-box;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  padding:
    clamp(28px,3vw,52px)
    clamp(28px,4vw,76px)
    clamp(44px,6vh,84px);

  color:#fff;
}


/* =====================================================
   TOP NAVIGATION
===================================================== */

.revoxe-lux-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
}

.revoxe-lux-counter-wrap{
  display:flex;
  align-items:center;
  gap:22px;
  min-height:58px;
}

.revoxe-lux-counter{
  min-width:60px;
  margin:0;

  font-family:"Inter",sans-serif;
font-weight:600;
  font-size:12px;
  font-weight:500;
  line-height:1;
  letter-spacing:2.4px;

  color:rgba(255,255,255,.9);
}

.revoxe-lux-progress{
  position:relative;
  width:clamp(180px,22vw,410px);
  height:1px;
  overflow:hidden;

  background:rgba(255,255,255,.27);
}

.revoxe-lux-progress span{
  position:absolute;
  inset:0 auto 0 0;

  display:block;
  width:33.333%;
  height:100%;

  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.35);

  transition:
    width .7s cubic-bezier(.22,.61,.36,1);
}


/* =====================================================
   ARROWS
===================================================== */

.revoxe-lux-arrows{
  display:flex;
  align-items:center;
  gap:1px;

  padding:1px;
  background:rgba(255,255,255,.07);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  border:1px solid rgba(255,255,255,.08);
}

.revoxe-lux-arrows button{
  position:relative;

  width:64px;
  height:64px;
  padding:0;

  border:0;
  outline:0;

  background:rgba(8,8,8,.38);

  cursor:pointer;
  overflow:hidden;

  font-size:0 !important;
  color:transparent !important;
  text-indent:-9999px;

  transition:
    background .35s ease,
    transform .35s ease;
}

.revoxe-lux-arrows button::after{
  content:"";
  position:absolute;
  inset:0;

  background:var(--revoxe-gold);

  transform:translateY(102%);
  transition:transform .4s cubic-bezier(.22,.61,.36,1);
}

.revoxe-lux-arrows button:hover::after{
  transform:translateY(0);
}

.revoxe-lux-arrows button:active{
  transform:scale(.96);
}

.revoxe-lux-arrows button::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;

  width:11px;
  height:11px;

  border-top:1.5px solid #fff;
  border-right:1.5px solid #fff;
}

.revoxe-lux-prev::before{
  transform:translate(-35%,-50%) rotate(-135deg);
}

.revoxe-lux-next::before{
  transform:translate(-65%,-50%) rotate(45deg);
}


/* =====================================================
   BOTTOM CONTENT
===================================================== */

.revoxe-lux-bottom{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
}

.revoxe-lux-text{
  width:min(780px,66vw);
}

.revoxe-lux-eyebrow{
  position:relative;

  display:inline-flex;
  align-items:center;
  gap:13px;

  margin:0 0 22px;

  font-family:"Inter",sans-serif;
font-weight:600;
  font-size:10px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:3px;
  text-transform:uppercase;

  color:rgba(255,255,255,.75);
}

.revoxe-lux-eyebrow::before{
  content:"";
  display:block;

  width:34px;
  height:1px;

  background:var(--revoxe-gold);
}

.revoxe-lux-text h1{
  max-width:780px;
  margin:0 0 24px;

   font-family:"Cormorant Garamond", serif;
font-weight:500;
font-weight:500;
  font-size:clamp(54px,5vw,82px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-2.2px;

  color:#fff;
  text-wrap:balance;
}

.revoxe-lux-text p{
  max-width:600px;
  margin:0 0 32px;

  font-family: "Inter", sans-serif;
  font-size:clamp(14px,1vw,16px);
  font-weight:400;
  line-height:1.85;

  color:rgba(255,255,255,.78);
}


/* =====================================================
   BUTTON
===================================================== */

.revoxe-lux-btn{
  position:relative;

  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;

  min-width:218px;
  min-height:58px;
  padding:0 24px 0 27px;
  box-sizing:border-box;

  overflow:hidden;
  text-decoration:none !important;

  background:rgba(106,125,113,.88);
  border:1px solid rgba(255,255,255,.12);

  color:#fff !important;

  font-family:"Inter",sans-serif;
font-weight:600;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.5px;
  text-transform:uppercase;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  transition:
    border-color .4s ease,
    transform .4s ease;
}

.revoxe-lux-btn::before{
  content:"";
  position:absolute;
  inset:0;

  background:var(--revoxe-gold);

  transform:translateY(102%);
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}

.revoxe-lux-btn span,
.revoxe-lux-btn i{
  position:relative;
  z-index:2;
}

.revoxe-lux-btn i{
  display:block;
  width:26px;
  height:1px;

  background:#fff;

  transition:width .35s ease;
}

.revoxe-lux-btn i::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;

  width:6px;
  height:6px;

  border-top:1px solid #fff;
  border-right:1px solid #fff;

  transform:translateY(-50%) rotate(45deg);
}

.revoxe-lux-btn:hover{
  color:#fff !important;
  border-color:var(--revoxe-gold);
  transform:translateY(-2px);
}

.revoxe-lux-btn:hover::before{
  transform:translateY(0);
}

.revoxe-lux-btn:hover i{
  width:34px;
}


/* =====================================================
   ENTRANCE ANIMATION
===================================================== */

.revoxe-lux-slide .revoxe-lux-eyebrow,
.revoxe-lux-slide .revoxe-lux-text h1,
.revoxe-lux-slide .revoxe-lux-text p,
.revoxe-lux-slide .revoxe-lux-btn{
  opacity:0;
  transform:translateY(30px);

}

.revoxe-lux-slide.active .revoxe-lux-eyebrow{
  animation:revoxeLuxFadeUp .7s .1s forwards;
}

.revoxe-lux-slide.active .revoxe-lux-text h1{
  animation:revoxeLuxFadeUp .85s .2s forwards;
}

.revoxe-lux-slide.active .revoxe-lux-text p{
  animation:revoxeLuxFadeUp .8s .36s forwards;
}

.revoxe-lux-slide.active .revoxe-lux-btn{
  animation:revoxeLuxFadeUp .8s .5s forwards;
}

@keyframes revoxeLuxFadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:1100px){

  .revoxe-lux-slider{
    height:calc(100dvh - 72px);
    min-height:650px;
  }

  .revoxe-lux-content{
    padding:28px 30px 50px;
  }

  .revoxe-lux-text{
    width:min(700px,78vw);
  }

  .revoxe-lux-text h1{
    font-size:clamp(48px,6vw,66px);
  }

  .revoxe-lux-arrows button{
    width:58px;
    height:58px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-lux-slider{
    height:calc(100svh - 64px);
    min-height:620px;
    max-height:none;
  }

  .revoxe-lux-slide{
    background-position:center center;
  }

  .revoxe-lux-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.28) 0%,
        rgba(0,0,0,.08) 28%,
        rgba(0,0,0,.48) 62%,
        rgba(0,0,0,.90) 100%
      ),
      linear-gradient(
        90deg,
        rgba(0,0,0,.32),
        rgba(0,0,0,.05)
      );
  }

  .revoxe-lux-content{
    padding:18px 18px 28px;
  }

  .revoxe-lux-top{
    gap:12px;
  }

  .revoxe-lux-counter-wrap{
    gap:10px;
    min-height:48px;
  }

  .revoxe-lux-counter{
    min-width:54px;
    font-size:10px;
    letter-spacing:1.8px;
  }

  .revoxe-lux-progress{
    width:82px;
  }

  .revoxe-lux-arrows button{
    width:47px;
    height:47px;
  }

  .revoxe-lux-arrows button::before{
    width:9px;
    height:9px;
  }

  .revoxe-lux-bottom{
    display:block;
  }

  .revoxe-lux-text{
    width:100%;
    max-width:100%;
  }

  .revoxe-lux-eyebrow{
    margin-bottom:15px;
    font-size:9px;
    letter-spacing:2.2px;
  }

  .revoxe-lux-eyebrow::before{
    width:24px;
  }

  .revoxe-lux-text h1{
    max-width:360px;
    margin-bottom:17px;

    font-size:clamp(38px,11vw,48px);
    line-height:1;
    letter-spacing:-1.3px;
  }

  .revoxe-lux-text p{
    max-width:440px;
    margin-bottom:24px;

    font-size:13px;
    line-height:1.7;

    color:rgba(255,255,255,.80);
  }

  .revoxe-lux-btn{
    min-width:195px;
    min-height:53px;
    padding:0 20px 0 22px;

    font-size:9px;
    letter-spacing:2.2px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-lux-content{
    padding-left:16px;
    padding-right:16px;
  }

  .revoxe-lux-progress{
    width:62px;
  }

  .revoxe-lux-arrows button{
    width:44px;
    height:44px;
  }

  .revoxe-lux-text h1{
    font-size:36px;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

  .revoxe-lux-slide,
  .revoxe-lux-slide.active,
  .revoxe-lux-slide.active .revoxe-lux-eyebrow,
  .revoxe-lux-slide.active .revoxe-lux-text h1,
  .revoxe-lux-slide.active .revoxe-lux-text p,
  .revoxe-lux-slide.active .revoxe-lux-btn{
    animation:none !important;
    transition:none !important;
  }

  .revoxe-lux-slide.active .revoxe-lux-eyebrow,
  .revoxe-lux-slide.active .revoxe-lux-text h1,
  .revoxe-lux-slide.active .revoxe-lux-text p,
  .revoxe-lux-slide.active .revoxe-lux-btn{
    opacity:1;
    transform:none;
  }

}.












/* =====================================================
   REVOXE ABOUT SECTION
===================================================== */

.revoxe-about-section{
  position:relative;
  overflow:hidden;
  padding:120px 40px 110px;
  background:
    linear-gradient(
      180deg,
      #f6f4ef 0%,
      #f9f7f3 40%,
      #fcfbf8 72%,
      #ffffff 100%
    );
}

/* Soft top light */
.revoxe-about-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.9) 0%,
      rgba(255,255,255,.38) 32%,
      transparent 68%
    );
}

/* Subtle bottom divider */
.revoxe-about-section::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(94%,1500px);
  height:1px;
  transform:translateX(-50%);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,0,0,.08),
      transparent
    );
}

.revoxe-about-wrap{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1450px;
  margin:0 auto;
  padding:0 50px;
  box-sizing:border-box;
  text-align:center;
}


/* =====================================================
   SMALL LABEL
===================================================== */

.revoxe-about-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0 0 16px;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.6px;
  text-transform:uppercase;

  color:rgba(20,20,20,.66);
}

.revoxe-about-label::before,
.revoxe-about-label::after{
  content:"";
  display:block;
  width:40px;
  height:1px;
  background:#b8955f;
  opacity:.8;
}


/* =====================================================
   TITLE
===================================================== */

.revoxe-about-title{
  max-width:1050px;
  margin:0 auto 28px;

  font-family:"Cormorant Garamond",serif;
  font-size:clamp(44px,3.8vw,60px);
  font-weight:500;
  line-height:.96;
  letter-spacing:.8px;
  text-transform:uppercase;

  color:#151515;
  text-wrap:balance;
}


/* =====================================================
   CONTENT
===================================================== */

.revoxe-about-text{
  max-width:1220px;
  margin:0 auto;
}

.revoxe-about-text p{
  max-width:1180px;
  margin:0 auto 24px;

  font-family:"Inter",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.7;

  color:rgba(20,20,20,.82);
}

.revoxe-about-text p:last-child{
  max-width:1080px;
  margin-bottom:0;
}


/* =====================================================
   BUTTONS
===================================================== */

.revoxe-about-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}

.revoxe-about-btn{
  position:relative;
  min-width:238px;
  min-height:58px;
  padding:0 30px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-sizing:border-box;
  overflow:hidden;
  text-decoration:none !important;

  font-family:"Inter",sans-serif;
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:1.7px;
  text-transform:uppercase;

  transition:
    color .35s ease,
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    transform .35s ease;
}

.revoxe-about-btn:hover{
  transform:translateY(-2px);
}


/* Solid button */

.revoxe-about-btn-solid{
  background:#2f574b;
  color:#fff !important;
  border:1px solid #2f574b;
  box-shadow:0 14px 30px rgba(47,87,75,.14);
}

.revoxe-about-btn-solid:hover{
  background:#b8955f;
  border-color:#b8955f;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(184,149,95,.22);
}


/* Outline button */

.revoxe-about-btn-outline{
  background:rgba(255,255,255,.28);
  color:#171717 !important;
  border:1px solid rgba(0,0,0,.17);
}

.revoxe-about-btn-outline:hover{
  background:#b8955f;
  border-color:#b8955f;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(184,149,95,.18);
}


/* =====================================================
   REVEAL ANIMATION
===================================================== */

.revoxe-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .85s cubic-bezier(.22,.61,.36,1),
    transform .85s cubic-bezier(.22,.61,.36,1);
}

.revoxe-reveal.revoxe-visible{
  opacity:1;
  transform:translateY(0);
}

.revoxe-delay-1{
  transition-delay:.05s;
}

.revoxe-delay-2{
  transition-delay:.14s;
}

.revoxe-delay-3{
  transition-delay:.23s;
}

.revoxe-delay-4{
  transition-delay:.32s;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:980px){

  .revoxe-about-section{
    padding:100px 24px 90px;
  }

  .revoxe-about-wrap{
    max-width:100%;
    padding:0 24px;
  }

  .revoxe-about-label{
    margin-bottom:15px;
  }

  .revoxe-about-label::before,
  .revoxe-about-label::after{
    width:30px;
  }

  .revoxe-about-title{
    max-width:860px;
    margin-bottom:24px;
    font-size:clamp(42px,5.5vw,54px);
    line-height:.98;
    letter-spacing:.6px;
  }

  .revoxe-about-text{
    max-width:900px;
  }

  .revoxe-about-text p{
    font-size:15px;
    line-height:1.72;
    margin-bottom:20px;
  }

  .revoxe-about-actions{
    margin-top:34px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-about-section{
    padding:78px 18px 72px;
    background:
      linear-gradient(
        180deg,
        #f7f5f0 0%,
        #fbfaf7 58%,
        #ffffff 100%
      );
  }

  .revoxe-about-wrap{
    padding:0;
  }

  .revoxe-about-label{
    gap:9px;
    margin-bottom:14px;

    font-size:9px;
    letter-spacing:2px;
  }

  .revoxe-about-label::before,
  .revoxe-about-label::after{
    width:22px;
  }

  .revoxe-about-title{
    max-width:100%;
    margin-bottom:22px;

    font-size:clamp(34px,10vw,42px);
    line-height:.98;
    letter-spacing:.4px;
  }

  .revoxe-about-text{
    max-width:100%;
  }

  .revoxe-about-text p{
    margin-bottom:18px;

    font-size:14px;
    line-height:1.68;

    color:rgba(20,20,20,.78);
  }

  .revoxe-about-actions{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    margin-top:30px;
  }

  .revoxe-about-btn{
    width:100%;
    max-width:360px;
    min-height:54px;
    margin:0 auto;

    font-size:10px;
    letter-spacing:1.5px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-about-section{
    padding:70px 16px 66px;
  }

  .revoxe-about-title{
    font-size:33px;
  }

  .revoxe-about-text p{
    font-size:13.5px;
  }

  .revoxe-about-btn{
    max-width:100%;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

  .revoxe-reveal,
  .revoxe-reveal.revoxe-visible{
    opacity:1;
    transform:none;
    transition:none;
  }

}








.revoxe-reveal{
  opacity: 0;  transform: translateY(28px);  transition: opacity 0.9s ease, transform 0.9s ease;}

.revoxe-reveal.revoxe-visible{
  opacity: 1;  transform: translateY(0);}


.revoxe-delay-1{ transition-delay: 0.05s; }
.revoxe-delay-2{ transition-delay: 0.15s; }
.revoxe-delay-3{ transition-delay: 0.25s; }
.revoxe-delay-4{ transition-delay: 0.35s; }
.revoxe-3d-heading {
  text-align: center;  margin-bottom: 30px;}

.revoxe-3d-title {
  font-family:"Cormorant Garamond", serif;
font-weight:500;  font-size: 34px;  letter-spacing: 2px;  text-transform: uppercase;  color: #2f4f46;  margin-bottom: 10px;}

.revoxe-3d-subtitle {
  font-family: 'Manrope', sans-serif;  font-size: 14px;  color: #111;  max-width: 1200px;  margin: 0 auto;  line-height: 1.7;}

@media (max-width: 767px) {
  .revoxe-3d-title {
    font-size: 24px;  }

  .revoxe-3d-subtitle {
    font-size: 13px;  }
}




.revoxe-video-content p{
  margin:0;  font-family:'Manrope',sans-serif;  font-size:15px;  line-height:1.8;  color:rgba(255,255,255,.85);}


@media(max-width:767px){
  .revoxe-video-content{
    left:20px;    right:20px;    bottom:30px;  }

  .revoxe-video-content h2{
    font-size:34px;  }

  .revoxe-video-content p{
    font-size:14px;  }
}
  
  .revoxe-video-section{
  position:relative;  height:100vh;  min-height:600px;  overflow:hidden;  background:#000;}


.revoxe-video-bg{
  position:absolute;  inset:0;  width:100%;  height:100%;  object-fit:cover;  z-index:0;}


.revoxe-video-overlay{
  position:absolute;  inset:0;  z-index:1;  background:    linear-gradient(to right, rgba(0,0,0,.6), rgba(0,0,0,.15)),    linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.4));}


.revoxe-video-content{
  position:absolute;  z-index:2;  left:7%;  bottom:70px;  max-width:520px;  color:#fff;}


.revoxe-video-content span{
  display:block;  margin-bottom:14px; font-family:"Inter",sans-serif;
font-weight:600;  font-size:11px;  letter-spacing:2.6px;  text-transform:uppercase;  color:rgba(255,255,255,.7);}


.revoxe-video-content h2{
  margin:0 0 18px;  font-family:"Cormorant Garamond", serif;

font-weight:500;  font-size:52px;  line-height:1.05;  font-weight:400;}


.revoxe-video-content p{
  margin:0;  font-family:'Manrope',sans-serif;  font-size:15px;  line-height:1.8;  color:rgba(255,255,255,.85);}


@media(max-width:767px){
  .revoxe-video-content{
    left:20px;    right:20px;    bottom:30px;  }

  .revoxe-video-content h2{
    font-size:34px;  }

  .revoxe-video-content p{
    font-size:14px;  }
}




.revoxe-footer-blend{
  position:relative;
  height:220px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f7f2 38%,
      #f5f3ed 68%,
      #f3f1eb 100%
    );

  overflow:hidden;
}

/* soft luxury shadow blend */
.revoxe-footer-blend::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,.025),
      transparent 72%
    );

  pointer-events:none;
}




/*Section for Experience*/

/* =====================================================
   REVOXE EXPERIENCE SECTION
   PREMIUM BLENDED VERSION
===================================================== */

.revoxe-experience-section{
  position:relative;
  min-height:720px;
  overflow:hidden;
  padding:72px 40px 84px;

  display:flex;
  align-items:center;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f4ee 48%,
      #f2eee6 100%
    );
}


/* =====================================================
   IMAGE
===================================================== */

.revoxe-experience-bg{
  position:absolute;
  inset:42px;

  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(11,13,12,.15) 0%,
      rgba(11,13,12,.02) 42%,
      rgba(11,13,12,.08) 70%,
      rgba(11,13,12,.24) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.06) 0%,
      transparent 55%,
      rgba(0,0,0,.18) 100%
    ),
    url("http://revoxe.co.uk/wp-content/uploads/2026/07/revoxe-in-v-class.jpg");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  box-shadow:
    0 30px 75px rgba(20,18,15,.12);
}


/* Warm edge blend */

.revoxe-experience-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(247,244,238,.11) 0%,
      transparent 18%,
      transparent 80%,
      rgba(247,244,238,.08) 100%
    );
}


/* =====================================================
   CONTENT CARD
===================================================== */

.revoxe-experience-card{
  position:relative;
  z-index:3;

  width:min(450px,35vw);
  margin-left:7%;

  padding:48px 46px 46px;

  color:#171717;

  background:
    linear-gradient(
      145deg,
      rgba(250,248,243,.94) 0%,
      rgba(240,235,225,.89) 100%
    );

  border:1px solid rgba(184,149,95,.23);

  box-shadow:
    0 26px 65px rgba(20,18,15,.17),
    inset 0 1px 0 rgba(255,255,255,.78);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}


/* Fine inner frame */

.revoxe-experience-card::before{
  content:"";
  position:absolute;
  inset:13px;
  pointer-events:none;

  border:1px solid rgba(47,87,75,.10);
}


/* Warm glow */

.revoxe-experience-card::after{
  content:"";
  position:absolute;
  left:-55px;
  bottom:-55px;

  width:170px;
  height:170px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(184,149,95,.16),
      transparent 70%
    );

  pointer-events:none;
}


/* =====================================================
   LABEL
===================================================== */

.revoxe-experience-label{
  position:relative;
  z-index:2;

  display:inline-flex;
  align-items:center;
  gap:12px;

  margin:0 0 19px;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.2px;
  text-transform:uppercase;

  color:#8d6a38;
}

.revoxe-experience-label::before{
  content:"";
  display:block;

  width:30px;
  height:1px;

  background:#b8955f;
}


/* =====================================================
   HEADING
===================================================== */

.revoxe-experience-card h2{
  position:relative;
  z-index:2;

  max-width:390px;
  margin:0 0 21px;

  font-family:"Cormorant Garamond",serif;
  font-size:clamp(42px,3.4vw,56px);
  font-weight:500;
  line-height:.98;
  letter-spacing:.1px;

  color:#171717;
}


/* Gold accent under heading */

.revoxe-experience-card h2::after{
  content:"";
  display:block;

  width:52px;
  height:1px;

  margin-top:20px;

  background:
    linear-gradient(
      90deg,
      #b8955f,
      rgba(184,149,95,0)
    );
}


/* =====================================================
   PARAGRAPH
===================================================== */

.revoxe-experience-card p{
  position:relative;
  z-index:2;

  max-width:390px;
  margin:0 0 25px;

  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.75;

  color:rgba(24,24,24,.72);
}


/* =====================================================
   FEATURES
===================================================== */

.revoxe-experience-features{
  position:relative;
  z-index:2;

  display:flex;
  flex-wrap:wrap;
  gap:9px;

  margin:0 0 29px;
}

.revoxe-experience-features span{
  display:inline-flex;
  align-items:center;

  min-height:32px;
  padding:0 12px;

  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:1px;
  text-transform:uppercase;

  color:#2f574b;

  background:rgba(255,255,255,.48);
  border:1px solid rgba(47,87,75,.14);
}


/* =====================================================
   BUTTON
===================================================== */

.revoxe-experience-card a{
  position:relative;
  z-index:2;

  min-width:190px;
  min-height:54px;
  padding:0 25px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-sizing:border-box;
  text-decoration:none !important;

  background:#2f574b;
  border:1px solid #2f574b;

  color:#fff !important;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:1.7px;
  text-transform:uppercase;

  box-shadow:
    0 13px 28px rgba(47,87,75,.16);

  transition:
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    transform .35s ease;
}

.revoxe-experience-card a:hover{
  background:#b8955f;
  border-color:#b8955f;
  color:#fff !important;

  transform:translateY(-2px);

  box-shadow:
    0 16px 32px rgba(184,149,95,.21);
}


/* =====================================================
   REVEAL ANIMATION
===================================================== */

.revoxe-experience-bg,
.revoxe-experience-card{
  opacity:0;
  transform:translateY(28px);

  transition:
    opacity .9s cubic-bezier(.22,.61,.36,1),
    transform .9s cubic-bezier(.22,.61,.36,1);
}

.revoxe-experience-card{
  transition-delay:.14s;
}

.revoxe-experience-section.revoxe-visible
.revoxe-experience-bg,
.revoxe-experience-section.revoxe-visible
.revoxe-experience-card{
  opacity:1;
  transform:translateY(0);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:1100px){

  .revoxe-experience-section{
    min-height:650px;
    padding:52px 28px 64px;
  }

  .revoxe-experience-bg{
    inset:28px;
  }

  .revoxe-experience-card{
    width:min(420px,46vw);
    margin-left:5%;
    padding:42px 38px 40px;
  }

  .revoxe-experience-card h2{
    font-size:clamp(38px,4.7vw,49px);
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-experience-section{
    min-height:auto;
    padding:0;

    display:block;

    background:
      linear-gradient(
        180deg,
        #f5f1e9 0%,
        #ffffff 100%
      );
  }

  .revoxe-experience-bg{
    position:relative;
    inset:auto;

    width:100%;
    min-height:430px;

    background-position:center;
  }

  .revoxe-experience-bg::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:44%;

    background:
      linear-gradient(
        180deg,
        transparent,
        #f5f1e9
      );
  }

  .revoxe-experience-card{
    width:auto;
    margin:-92px 18px 0;
    padding:38px 28px 39px;

    background:
      linear-gradient(
        145deg,
        rgba(250,248,243,.98),
        rgba(241,236,227,.97)
      );

    box-shadow:
      0 22px 54px rgba(20,18,15,.14);
  }

  .revoxe-experience-card::before{
    inset:10px;
  }

  .revoxe-experience-label{
    margin-bottom:17px;
    font-size:9px;
    letter-spacing:1.9px;
  }

  .revoxe-experience-card h2{
    max-width:100%;
    margin-bottom:18px;

    font-size:clamp(36px,10vw,44px);
    line-height:1;
  }

  .revoxe-experience-card p{
    max-width:100%;

    font-size:14px;
    line-height:1.7;
  }

  .revoxe-experience-features{
    gap:7px;
    margin-bottom:25px;
  }

  .revoxe-experience-features span{
    font-size:8px;
  }

  .revoxe-experience-card a{
    width:100%;
    min-height:53px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-experience-bg{
    min-height:370px;
  }

  .revoxe-experience-card{
    margin-top:-74px;
    margin-left:14px;
    margin-right:14px;
    padding:34px 23px 35px;
  }

  .revoxe-experience-card h2{
    font-size:34px;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

  .revoxe-experience-bg,
  .revoxe-experience-card{
    opacity:1;
    transform:none;
    transition:none;
  }

}

/* Section Leather*/

/* =====================================================
   REVOXE LEATHER SECTION — BLENDED PREMIUM VERSION
===================================================== */

.revoxe-leather{
  position:relative;
  min-height:720px;
  overflow:hidden;
  padding:70px 40px;

  display:flex;
  align-items:center;

  background:
    linear-gradient(
      180deg,
      #f5f1e9 0%,
      #f8f5ef 55%,
      #ffffff 100%
    );
}


/* =====================================================
   IMAGE
===================================================== */

.revoxe-leather-bg{
  position:absolute;
  inset:40px;
  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(16,17,16,.12) 0%,
      rgba(16,17,16,.04) 45%,
      rgba(16,17,16,.36) 72%,
      rgba(16,17,16,.62) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.03) 55%,
      rgba(0,0,0,.20) 100%
    ),
    url("http://revoxe.co.uk/wp-content/uploads/2026/05/leather-1.jpg");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}


/* Soft edge blend into section background */

.revoxe-leather-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(245,241,233,.08) 0%,
      transparent 18%,
      transparent 76%,
      rgba(245,241,233,.14) 100%
    );
}


/* =====================================================
   CONTENT PANEL
===================================================== */

.revoxe-leather-card{
  position:relative;
  z-index:3;

  width:min(470px,38vw);
  margin-left:auto;
  margin-right:7%;

  padding:52px 48px;

  color:#1b1b1b;

  background:
    linear-gradient(
      145deg,
      rgba(248,245,238,.92) 0%,
      rgba(240,235,225,.86) 100%
    );

  border:1px solid rgba(184,149,95,.24);

  box-shadow:
    0 28px 70px rgba(20,18,15,.16),
    inset 0 1px 0 rgba(255,255,255,.72);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}


/* Fine inner border */

.revoxe-leather-card::before{
  content:"";
  position:absolute;
  inset:14px;
  pointer-events:none;

  border:1px solid rgba(47,87,75,.10);
}


/* Warm decorative glow */

.revoxe-leather-card::after{
  content:"";
  position:absolute;
  top:-60px;
  right:-60px;

  width:180px;
  height:180px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(184,149,95,.18),
      transparent 70%
    );

  pointer-events:none;
}


/* =====================================================
   LABEL
===================================================== */

.revoxe-leather-label{
  position:relative;
  z-index:2;

  display:inline-flex;
  align-items:center;
  gap:12px;

  margin:0 0 20px;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.3px;
  text-transform:uppercase;

  color:#8d6a38;
}

.revoxe-leather-label::before{
  content:"";
  display:block;

  width:30px;
  height:1px;

  background:#b8955f;
}


/* =====================================================
   HEADING
===================================================== */

.revoxe-leather-card h2{
  position:relative;
  z-index:2;

  max-width:390px;
  margin:0 0 22px;

  font-family:"Cormorant Garamond",serif;
  font-size:clamp(42px,3.5vw,58px);
  font-weight:500;
  line-height:.98;
  letter-spacing:.1px;

  color:#171717;
}


/* =====================================================
   PARAGRAPH
===================================================== */

.revoxe-leather-card p{
  position:relative;
  z-index:2;

  max-width:400px;
  margin:0;

  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.78;

  color:rgba(24,24,24,.72);
}


/* =====================================================
   OPTIONAL ACCENT LINE
===================================================== */

.revoxe-leather-card h2::after{
  content:"";
  display:block;

  width:54px;
  height:1px;

  margin-top:22px;

  background:
    linear-gradient(
      90deg,
      #b8955f,
      rgba(184,149,95,0)
    );
}


/* =====================================================
   REVEAL ANIMATION
===================================================== */

.revoxe-leather-bg,
.revoxe-leather-card{
  opacity:0;
  transform:translateY(28px);

  transition:
    opacity .9s cubic-bezier(.22,.61,.36,1),
    transform .9s cubic-bezier(.22,.61,.36,1);
}

.revoxe-leather-card{
  transition-delay:.15s;
}

.revoxe-leather.revoxe-visible .revoxe-leather-bg,
.revoxe-leather.revoxe-visible .revoxe-leather-card{
  opacity:1;
  transform:translateY(0);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:1100px){

  .revoxe-leather{
    min-height:650px;
    padding:50px 28px;
  }

  .revoxe-leather-bg{
    inset:28px;
  }

  .revoxe-leather-card{
    width:min(430px,46vw);
    margin-right:5%;
    padding:44px 40px;
  }

  .revoxe-leather-card h2{
    font-size:clamp(38px,4.7vw,50px);
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-leather{
    min-height:auto;
    padding:0;

    display:block;

    background:
      linear-gradient(
        180deg,
        #f5f1e9 0%,
        #ffffff 100%
      );
  }

  .revoxe-leather-bg{
    position:relative;
    inset:auto;

    width:100%;
    min-height:420px;

    background-position:center;
  }

  .revoxe-leather-bg::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:45%;

    background:
      linear-gradient(
        180deg,
        transparent,
        #f5f1e9
      );
  }

  .revoxe-leather-card{
    width:auto;
    margin:-90px 18px 0;
    padding:38px 28px 40px;

    background:
      linear-gradient(
        145deg,
        rgba(250,248,243,.97),
        rgba(241,236,227,.96)
      );

    box-shadow:
      0 22px 55px rgba(20,18,15,.13);
  }

  .revoxe-leather-card::before{
    inset:10px;
  }

  .revoxe-leather-label{
    margin-bottom:17px;
    font-size:9px;
    letter-spacing:2px;
  }

  .revoxe-leather-card h2{
    max-width:100%;
    margin-bottom:18px;

    font-size:clamp(36px,10vw,44px);
    line-height:1;
  }

  .revoxe-leather-card p{
    max-width:100%;

    font-size:14px;
    line-height:1.72;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-leather-bg{
    min-height:360px;
  }

  .revoxe-leather-card{
    margin-top:-72px;
    margin-left:14px;
    margin-right:14px;
    padding:34px 23px 36px;
  }

  .revoxe-leather-card h2{
    font-size:34px;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

  .revoxe-leather-bg,
  .revoxe-leather-card{
    opacity:1;
    transform:none;
    transition:none;
  }

}  
  
/*Seat Secrtion Page*/



.rvx-seat-section{
  background:#f6f4ef;
  padding:80px 30px 90px;
  overflow:hidden;
}

.rvx-seat-title{
  text-align:center;
  margin-bottom:35px;
}

.rvx-seat-title span{
  display:block;
  font-family:"Inter",sans-serif;
font-weight:600;
  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#4f5b54;
}

.rvx-seat-title h2{
  margin:14px 0 0;
  font-family:"Cormorant Garamond", serif;
font-weight:500;
font-weight:500;
  font-size:58px;
  line-height:1.05;
  font-weight:400;
  color:#151a17;
}

.rvx-seat-diagram{
  position:relative;
  max-width:1350px;
  height:560px;
  margin:0 auto;
}

.rvx-seat-img{
  position:absolute;
  left:50%;
  top:53%;
  transform:translate(-50%,-50%);
  width:430px;
  max-width:34vw;
  z-index:2;
}

.rvx-point{
  position:absolute;
  display:flex;
  align-items:center;
  gap:14px;
  z-index:5;
  opacity:0;
  transform:translateY(16px);
  transition:.8s ease;
}

.rvx-seat-section.rvx-visible .rvx-point{
  opacity:1;
  transform:translateY(0);
}

.rvx-point span{
  font-family:'Manrope',sans-serif;
  font-size:15px;
  color:#222;
  white-space:nowrap;
}

.rvx-point i{
  display:block;
  width:240px;
  height:1px;
  background:rgba(0,0,0,.45);
  position:relative;
}

.rvx-point i::after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#b8955f;
  border:2px solid #111;
  transform:translateY(-50%);
}

.rvx-left i::after{
  right:-4px;
}

.rvx-right i::after{
  left:-4px;
}

.rvx-p1{top:15%; left:4%; transition-delay:.1s;}
.rvx-p2{top:32%; left:4%; transition-delay:.25s;}
.rvx-p3{top:50%; left:4%; transition-delay:.4s;}

.rvx-p4{top:18%; right:4%; transition-delay:.55s;}
.rvx-p5{top:36%; right:4%; transition-delay:.7s;}
.rvx-p6{top:54%; right:4%; transition-delay:.85s;}

.rvx-mobile-list{
  display:none;
}

/* Tablet */
@media(max-width:1180px){
  .rvx-seat-title h2{
    font-size:48px;
  }

  .rvx-seat-diagram{
    max-width:980px;
    height:520px;
  }

  .rvx-seat-img{
    width:360px;
  }

  .rvx-point i{
    width:150px;
  }

  .rvx-point span{
    font-size:14px;
  }
}

/* Mobile */
@media(max-width:767px){
  .rvx-seat-section{
    padding:55px 18px 65px;
  }

  .rvx-seat-title h2{
    font-size:38px;
  }

  .rvx-seat-diagram{
    height:auto;
    max-width:390px;
  }

  .rvx-seat-img{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    display:block;
    width:100%;
    max-width:360px;
    margin:0 auto;
  }

  .rvx-point{
    display:none;
  }

  .rvx-mobile-list{
    display:grid;
    gap:12px;
    max-width:420px;
    margin:30px auto 0;
  }

  .rvx-mobile-list div{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    padding:15px 16px;
    border:1px solid rgba(0,0,0,.08);
  }

  .rvx-mobile-list b{
    width:30px;
    height:30px;
    min-width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#111;
    color:#fff;
    border:2px solid #b8955f;
    font-family:'Manrope',sans-serif;
    font-size:12px;
  }

  .rvx-mobile-list span{
    font-family:'Manrope',sans-serif;
    font-size:15px;
    color:#222;
  }
}


.rvx-svg-demo{
  background:linear-gradient(180deg,#f6f4ef 0%,#f7f5f1 25%,#faf9f6 55%,#fdfdfd 78%,#ffffff 100%);
  padding:110px 40px 5px;
  overflow:hidden;
  position:relative;
}

.rvx-seat-heading{
  text-align:center;
  max-width:950px;
  margin:0 auto 70px;
}

.rvx-seat-subtitle{
  display:inline-block;
  margin-bottom:18px;
 font-family:"Inter",sans-serif;
font-weight:600;
  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#8f6b36;
}

.rvx-seat-title{
  margin: 14px 0 0;
    font-family:"Cormorant Garamond", serif;
font-weight:500;
    text-transform: uppercase;
    font-size: 48px;
    
    color: #2f4f46;
}

.rvx-seat-description{
  max-width: 760px;
    margin: 30px auto 0;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.rvx-svg-wrap{
  max-width:1550px;
  margin:auto;
  position:relative;
}

.rvx-svg-demo svg{
  width:100%;
  height:auto;
  overflow:visible;
  display:block;
}

.rvx-label{
  font-family: 'Manrope', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    fill: #222;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .75s ease, transform .75s ease;
}

.rvx-path{
  fill:none;
  stroke:#c7a56a;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:900;
  stroke-dashoffset:900;
  opacity:.95;
  filter:drop-shadow(0 2px 5px rgba(199,165,106,.18));
}

.rvx-dot{
  fill:#f6f4ef;
  stroke:#c7a56a;
  stroke-width:2.7;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 8px rgba(199,165,106,.25));
}

.rvx-dot-inner{
  fill:#c7a56a;
  opacity:0;
}









.rvx-svg-demo.rvx-active .label-1{transition-delay:2.1s;}
.rvx-svg-demo.rvx-active .label-2{transition-delay:2.35s;}
.rvx-svg-demo.rvx-active .label-3{transition-delay:2.6s;}
.rvx-svg-demo.rvx-active .label-4{transition-delay:2.85s;}
.rvx-svg-demo.rvx-active .label-5{transition-delay:3.1s;}
.rvx-svg-demo.rvx-active .label-6{transition-delay:3.35s;}

@keyframes rvxDraw{
  to{stroke-dashoffset:0;}
}

@keyframes rvxDotFade{
  to{opacity:1;}
}

@keyframes rvxLuxuryPulse{
  0%,100%{
    transform:scale(1);
    filter:drop-shadow(0 0 6px rgba(199,165,106,.28));
  }
  50%{
    transform:scale(1.28);
    filter:drop-shadow(0 0 18px rgba(199,165,106,.65));
  }
}

/* MOBILE VIEW HIDDEN ON DESKTOP */
.rvx-mobile-seat{
  display:none;
}

/* TABLET */
@media(max-width:1180px){
  .rvx-svg-demo{
    padding:90px 28px 100px;
  }

  .rvx-seat-title{
    font-size:58px;
  }

  .rvx-seat-description{
    font-size:17px;
  }

  .rvx-label{
    font-size:17px;
  }
}

/* MOBILE */
@media(max-width:767px){

  .rvx-svg-demo{
    padding:68px 18px 80px;
  }

  .rvx-seat-heading{
    margin-bottom:42px;
  }

  .rvx-seat-subtitle{
    font-size:10px;
    letter-spacing:3.5px;
    margin-bottom:14px;
  }

  .rvx-seat-title{
    font-size:40px;
    line-height:1.02;
    letter-spacing:-1px;
  }

  .rvx-seat-description{
    font-size:15px;
    line-height:1.75;
    margin-top:22px;
  }

  .rvx-svg-wrap{
    display:none;
  }

  .rvx-mobile-seat{
    display:block;
  }

  .rvx-mobile-image-box{
    position:relative;
    max-width:430px;
    margin:0 auto 34px;
    padding:24px 10px 8px;
  }

  .rvx-mobile-image-box::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:330px;
    height:330px;
    transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(199,165,106,.18), rgba(199,165,106,0) 68%);
    pointer-events:none;
  }

  .rvx-mobile-image-box img{
    position:relative;
    z-index:2;
    width:100%;
    display:block;
    filter:drop-shadow(0 28px 35px rgba(0,0,0,.18));
    opacity:0;
    transform:translateY(24px) scale(.96);
  }

  .rvx-svg-demo.rvx-active .rvx-mobile-image-box img{
    animation:rvxMobileImage 1.1s ease forwards .2s;
  }

  .rvx-mobile-features{
    display:grid;
    gap:13px;
    max-width:520px;
    margin:0 auto;
  }

  .rvx-feature-card{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:14px;
    align-items:flex-start;
    padding:18px 18px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(199,165,106,.22);
    box-shadow:0 18px 45px rgba(0,0,0,.055);
    backdrop-filter:blur(10px);
    opacity:0;
    transform:translateY(20px);
  }

  .rvx-feature-number{
    width:40px;
    height:40px;
    border:1px solid rgba(199,165,106,.75);
    display:flex;
    align-items:center;
    justify-content:center;
   font-family:"Inter",sans-serif;
font-weight:600;
    font-size:11px;
    color:#8f6b36;
    background:#f6f4ef;
  }

  .rvx-feature-card h4{
    margin:0 0 6px;
    font-family:'Manrope',sans-serif;
    font-size:15.5px;
    line-height:1.25;
    font-weight:700;
    color:#171717;
  }

  .rvx-feature-card p{
    margin:0;
    font-family:'Manrope',sans-serif;
    font-size:13.5px;
    line-height:1.6;
    color:#5b5b5b;
  }

  .rvx-svg-demo.rvx-active .rvx-feature-card{
    animation:rvxMobileCard .85s ease forwards;
  }

  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(1){animation-delay:.45s;}
  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(2){animation-delay:.6s;}
  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(3){animation-delay:.75s;}
  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(4){animation-delay:.9s;}
  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(5){animation-delay:1.05s;}
  .rvx-svg-demo.rvx-active .rvx-feature-card:nth-child(6){animation-delay:1.2s;}
}

@keyframes rvxMobileImage{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes rvxMobileCard{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* SMALL MOBILE */
@media(max-width:480px){

  .rvx-svg-demo{
    padding:60px 15px 72px;
  }

  .rvx-seat-title{
    font-size:36px;
  }

  .rvx-seat-description{
    font-size:14.5px;
  }

  .rvx-mobile-image-box{
    max-width:390px;
    margin-bottom:28px;
  }

  .rvx-feature-card{
    grid-template-columns:48px 1fr;
    padding:16px 15px;
  }
}

.rvx-path.rvx-item-active{
  animation:rvxDraw 5.5s cubic-bezier(.23,1,.32,1) forwards;
}

.rvx-dot.rvx-item-active{
  animation:
    rvxDotFade .4s ease forwards .9s,
    rvxLuxuryPulse 2.6s ease-in-out infinite 1.3s;
}

.rvx-dot-inner.rvx-item-active{
  animation:rvxDotFade .4s ease forwards 1.1s;
}

.rvx-label.rvx-item-active{
  opacity:1;
  transform:translateY(0);
}

.rvx-features-strip{
  width:100%;
  padding:35px 0;
  background:#ffffff;
}

.rvx-features-box{
  max-width:1180px;
  margin:0 auto;
  padding:26px 34px;
  border:3px solid #5c5c5c;
  border-radius:24px;
  display:grid;
  grid-template-columns:repeat(9,1fr);
  gap:22px;
  align-items:center;
}

.rvx-feature-item{
  text-align:center;
  color:#575757;
}

.rvx-feature-icon{
  font-size:31px;
  line-height:1;
  margin-bottom:9px;
  color:#5b5b5b;
  font-weight:600;
}

.rvx-feature-item span{
  display:block;
  font-family:"Cormorant Garamond", serif;
font-weight:500;
  font-size:13px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.2px;
  color:#4f4f4f;
}

/* Tablet */
@media(max-width:980px){
  .rvx-features-box{
    grid-template-columns:repeat(3,1fr);
    max-width:92%;
    padding:28px 22px;
    gap:26px 18px;
  }

  .rvx-feature-icon{
    font-size:34px;
  }

  .rvx-feature-item span{
    font-size:14px;
  }
}

/* Mobile */
@media(max-width:600px){
  .rvx-features-strip{
    padding:26px 0;
  }

  .rvx-features-box{
    grid-template-columns:repeat(2,1fr);
    border-radius:20px;
    padding:24px 18px;
    gap:24px 14px;
  }

  .rvx-feature-item:last-child{
    grid-column:1 / -1;
  }

  .rvx-feature-icon{
    font-size:32px;
  }

  .rvx-feature-item span{
    font-size:13px;
  }
}

.rvx-wheelchair-icon{
  color:#555 !important;
  filter: grayscale(100%);
}

.rvx-leather-heading{
  text-align:center;
  max-width:900px;
  margin:0 auto;
}

.rvx-leather-heading span{
  display:block;
  margin-bottom:18px;
  font-family:"Inter",sans-serif;
font-weight:600;
  font-size:15px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#8f6b36;
}

.rvx-leather-heading h1{
  margin:0;
  font-family:"Cormorant Garamond", serif;
font-weight:500;
  font-size:72px;
  line-height:.98;
  font-weight:400;
  letter-spacing:-2px;
  color:#161616;
}

.rvx-leather-heading p{
  max-width:720px;
  margin:28px auto 0;
  font-family:'Manrope',sans-serif;
  font-size:16px;
  line-height:22px;
  color:#000;
}

/* HEADING ANIMATION */
.rvx-leather-heading span,
.rvx-leather-heading h1,
.rvx-leather-heading p{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .9s ease, transform .9s ease;
}

.rvx-leather-heading.revoxe-visible span{
  opacity:1;
  transform:translateY(0);
  transition-delay:.1s;
}

.rvx-leather-heading.revoxe-visible h1{
  opacity:1;
  transform:translateY(0);
  transition-delay:.25s;
}

.rvx-leather-heading.revoxe-visible p{
  opacity:1;
  transform:translateY(0);
  transition-delay:.45s;
}

/* PREMIUM LEATHER STORY */
.rvx-leather-story{
  overflow:hidden;
  background:#f6f4ef;
}

.rvx-leather-row{
  position:relative;
  display:grid;
  grid-template-columns:68% 32%;
  align-items:center;
  min-height:720px;
  padding:80px 7%;
  gap:0;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8f7f2 55%,#f3f1eb 100%);
}

.rvx-leather-row.reverse{
  grid-template-columns:32% 68%;
}

.rvx-leather-row.reverse .rvx-leather-img{
  order:2;
}

.rvx-leather-row.reverse .rvx-leather-text{
  order:1;
  margin-left:0;
  margin-right:-70px;
  z-index:3;
}

/* IMAGE */
.rvx-leather-img{
  position:relative;
  height:560px;
  overflow:hidden;
  opacity:0;
  transform:translateY(45px);
  transition:opacity 1s ease, transform 1s ease;
}

.rvx-leather-img:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.25) 100%),
    radial-gradient(circle at center,rgba(255,255,255,0) 45%,rgba(0,0,0,.18) 100%);
}

.rvx-leather-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform 1.2s ease;
}

.rvx-leather-row:hover .rvx-leather-img img{
  transform:scale(1.07);
}

/* TEXT CARD */
.rvx-leather-text{
  position:relative;
  max-width:560px;
  margin-left:-70px;
  padding:70px 64px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 35px 90px rgba(0,0,0,.10);
  z-index:3;
  opacity:0;
  transform:translateY(45px);
  transition:opacity 1s ease, transform 1s ease;
}

.rvx-leather-text:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;
  background:linear-gradient(180deg,#b88443,rgba(184,132,67,0));
}

.rvx-leather-text span{
  display:block;
  margin-bottom:22px;
  font-size:22px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#9a6a2f;
}

.rvx-leather-text h2{
  margin:0 0 22px;

  font-size:clamp(24px,2.6vw,38px);
  line-height:1;
  letter-spacing:-1px;

  font-weight:800;
  color:#111;
}

.rvx-leather-text p{
 margin: 0 0 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 0.975rem;
    line-height: 23px;
    color: #000;
}

/* REVEAL */
.rvx-leather-row.revoxe-visible .rvx-leather-img,
.rvx-leather-row.revoxe-visible .rvx-leather-text{
  opacity:1;
  transform:translateY(0);
}

.rvx-leather-row.revoxe-visible .rvx-leather-text{
  transition-delay:.18s;
}

/* SEPARATOR - SMALLER PREMIUM */
.rvx-leather-separator{
  height:90px;
  background:#f6f4ef;
  position:relative;
}

.rvx-leather-separator:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150px;
  height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(184,132,67,.45),transparent);
}

.rvx-leather-separator span{
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f6f4ef;
  border:1px solid rgba(184,132,67,.65);
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 7px rgba(184,132,67,.08);
}

/* TABLET */
@media(max-width:980px){
  .rvx-leather-row,
  .rvx-leather-row.reverse{
    grid-template-columns:1fr;
    min-height:auto;
    padding:80px 40px;
  }

  .rvx-leather-row.reverse .rvx-leather-img,
  .rvx-leather-row.reverse .rvx-leather-text{
    order:unset;
  }

  .rvx-leather-img{
    height:480px;
  }

  .rvx-leather-text,
  .rvx-leather-row.reverse .rvx-leather-text{
    margin:-80px auto 0;
    max-width:86%;
  }
}

/* MOBILE */
@media(max-width:767px){
  .rvx-leather-row,
  .rvx-leather-row.reverse{
    padding:60px 22px;
  }

  .rvx-leather-img{
    height:330px;
  }

  .rvx-leather-text,
  .rvx-leather-row.reverse .rvx-leather-text{
    max-width:100%;
    margin:-45px 14px 0;
    padding:38px 28px;
  }

  .rvx-leather-text h2{
    font-size:34px;
    letter-spacing:-1px;
  }

  .rvx-leather-text p{
    font-size:15.5px;
    line-height:1.75;
  }

  .rvx-leather-separator{
    height:60px;
  }
}

.rvx-quality-hero {
  position: relative;
  min-height: 92vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #050505;
}

.rvx-quality-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.62) 42%, rgba(0,0,0,0.18) 100%),
    url("http://revoxe.co.uk/wp-content/uploads/2026/05/leather-2.jpg");
  background-size: cover;
  background-position: center right;
  transform: scale(1.04);
}

.rvx-quality-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 75% 45%, rgba(183,130,70,0.25), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.72));
  z-index: 1;
}

.rvx-quality-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  padding: 120px 7%;
  color: #fff;
}

.rvx-quality-label {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 13px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #c99a5b;
}

.rvx-quality-content h1 {
  margin: 0 0 34px;
  max-width: 760px;

  font-size: clamp(48px, 5.8vw, 90px);
  line-height: 0.92;
  letter-spacing: 1px;
  font-weight: 800;

  color: #fff;
}


.rvx-quality-content p {
  max-width: 720px;

  margin: 0 0 40px;

  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.2px;

  color: rgba(255,255,255,0.78);
}

.rvx-quality-content h1 span{
  display:block;
}

.rvx-quality-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 30px;
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.35s ease;
}

.rvx-quality-btn:hover {
  background: #fff;
  color: #000;
  border-color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
  .rvx-quality-hero {
    min-height: 82vh;
    align-items: flex-end;
  }

  .rvx-quality-bg {
    background-position: center;
  }

  .rvx-quality-content {
    padding: 90px 24px 70px;
  }

  .rvx-quality-content h1 {
    font-size: 48px;
    letter-spacing: -1.5px;
  }

  .rvx-quality-content p {
    font-size: 16px;
    line-height: 1.7;
  }
}

.rvx-quality-pillars{
  background:linear-gradient(180deg,#f6f4ef 0%,#f7f5f1 25%,#faf9f6 55%,#fdfdfd 78%,#ffffff 100%);
  padding:110px 6%;
}

.rvx-quality-pillars-inner{
  max-width:1320px;
  margin:auto;
}

.rvx-quality-head{
  max-width:760px;
  margin-bottom:60px;
}

.rvx-quality-head span{
  display:block;
  margin-bottom:16px;
  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#b88443;
}

.rvx-quality-head h2{
  margin:0 0 20px;
  font-size:clamp(38px,5vw,72px);
  line-height:1;
  letter-spacing:-2px;
  color:#101010;
}

.rvx-quality-head p{
  
    max-width: 650px;
       margin: 0 0 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    line-height: 24px;
    color: #000;
}

.rvx-quality-card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.rvx-quality-card{
  position:relative;
  min-height:280px;
  padding:38px 32px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  overflow:hidden;
  transition:all .35s ease;
}

.rvx-quality-card:before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:#b88443;
  transform:scaleX(0);
  transform-origin:left;
  transition:.35s ease;
}

.rvx-quality-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 60px rgba(0,0,0,0.08);
}

.rvx-quality-card:hover:before{
  transform:scaleX(1);
}

.rvx-card-number{
  margin-bottom:45px;
  font-size:14px;
  letter-spacing:4px;
  color:#b88443;
}

.rvx-quality-card h3{
  margin:0 0 18px;
  font-size:25px;
  line-height:1.15;
  color:#111;
}

.rvx-quality-card p{
  font-family: 'Manrope', sans-serif;
  margin:0;
  font-size:15.5px;
  line-height:1.75;
  color:#5e5e5e;
}

/* Tablet */
@media(max-width:980px){
  .rvx-quality-card-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* Mobile */
@media(max-width:600px){
  .rvx-quality-pillars{
    padding:75px 22px;
  }

  .rvx-quality-card-grid{
    grid-template-columns:1fr;
  }

  .rvx-quality-card{
    min-height:auto;
    padding:32px 26px;
  }

  .rvx-card-number{
    margin-bottom:30px;
  }
}

.rvx-craft-section{
  position:relative;
  display:flex;
  align-items:center;
  min-height:850px;
  background:#ffffff;
  overflow:hidden;
}

.rvx-craft-image{
  width:68%;
  height:850px;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.08),
      rgba(0,0,0,.18)
    ),
    url("http://revoxe.co.uk/wp-content/uploads/2026/05/quality.jpg");

  background-size:cover;
  background-position:center;
}

.rvx-craft-card{
  position:absolute;
  right:7%;
  width:540px;

  padding:70px 65px;

  background:#111111;
  color:#fff;

  box-shadow:
    0 40px 120px rgba(0,0,0,.18);

  z-index:2;
}

.rvx-craft-label{
  display:block;
  margin-bottom:18px;

  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;

  color:#b88443;
}

.rvx-craft-card h2{
  margin:0 0 28px;

  font-size:clamp(42px,4vw,68px);
  line-height:.98;
  letter-spacing:-2px;

  color:#fff;
}

.rvx-craft-card p{
  margin:0 0 42px;

  font-size:17px;
  line-height:1.9;

  color:rgba(255,255,255,.74);
}

.rvx-craft-features{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.rvx-craft-item{
  display:flex;
  align-items:center;
  gap:18px;

  font-size:15px;
  letter-spacing:.3px;

  color:rgba(255,255,255,.82);
}

.rvx-craft-item span{
  min-width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.14);

  font-size:12px;
  letter-spacing:2px;

  color:#b88443;
}

/* Tablet */
@media(max-width:980px){

  .rvx-craft-section{
    display:block;
    min-height:auto;
  }

  .rvx-craft-image{
    width:100%;
    height:520px;
  }

  .rvx-craft-card{
    position:relative;
    right:auto;
    width:calc(100% - 40px);

    margin:-70px auto 0;

    padding:48px 36px;
  }

}

/* Mobile */
@media(max-width:767px){

  .rvx-craft-image{
    height:420px;
  }

  .rvx-craft-card h2{
    font-size:42px;
  }

  .rvx-craft-card{
    padding:40px 28px;
  }

}

.rvx-inside-craft{
  background:#050505;
  padding:120px 6%;
  overflow:hidden;
}

.rvx-inside-grid{
  max-width:1380px;
  margin:auto;

  display:grid;
  grid-template-columns: 40% 60%;
  align-items:center;
  gap:70px;
}

.rvx-inside-left{
  color:#fff;
}
.rvx-inside-right{
  position:relative;
  transform:scale(1.12);
  transform-origin:center right;
}

.rvx-inside-label{
  display:block;
  margin-bottom:18px;

  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;

  color:#b88443;
}

.rvx-inside-left h2{
  margin:0 0 28px;

  font-size:clamp(52px,5vw,92px);
  line-height:.95;
  letter-spacing:-3px;

  color:#fff;
}

.rvx-inside-left p{
  max-width:560px;

  margin:0 0 42px;

  font-size:18px;
  line-height:1.9;

  color:rgba(255,255,255,.72);
}

.rvx-inside-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.rvx-inside-item{
  display:flex;
  align-items:center;
  gap:18px;

  font-size:15px;
  letter-spacing:.4px;

  color:rgba(255,255,255,.82);
}

.rvx-inside-item span{
  min-width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.14);

  font-size:12px;
  letter-spacing:2px;

  color:#b88443;
}

.rvx-inside-right{
  position:relative;
}

.rvx-inside-image-wrap{
  position:relative;
  overflow:hidden;
  background:#050505;
}

.rvx-inside-image-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;

  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,0) 35%,
      rgba(5,5,5,0.45) 68%,
      #050505 100%
    ),
    linear-gradient(
      90deg,
      #050505 0%,
      rgba(5,5,5,0) 18%,
      rgba(5,5,5,0) 78%,
      #050505 100%
    );
}

.rvx-inside-image-wrap:after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:3;
  pointer-events:none;

  box-shadow:inset 0 0 70px 40px #050505;
}


.rvx-inside-image-wrap img{
  width:100%;
  display:block;
  transform:scale(1.12);
}

/* Mobile */
@media(max-width:980px){

  .rvx-inside-grid{
    grid-template-columns:1fr;
    gap:55px;
  }

}

@media(max-width:767px){

  .rvx-inside-craft{
    padding:80px 22px;
  }

  .rvx-inside-left h2{
    font-size:48px;
  }

  .rvx-inside-left p{
    font-size:16px;
  }

}

.rvx-leather-hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#050505;
}

.rvx-leather-hero-bg{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.92) 0%,
      rgba(0,0,0,.72) 38%,
      rgba(0,0,0,.28) 100%
    ),
    url("http://revoxe.co.uk/wp-content/uploads/2026/05/stitch.jpg");

  background-size:cover;
  background-position:center right;

  transform:scale(1.05);
}

.rvx-leather-hero-overlay{
  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at 78% 42%,
      rgba(184,132,67,.22),
      transparent 34%
    );

  z-index:1;
}

.rvx-leather-hero-content{
  position:relative;
  z-index:2;

  width:100%;
  max-width:760px;

  padding:120px 7%;

  color:#fff;
}

.rvx-leather-label{
  display:block;
  margin-bottom:22px;

  font-size:13px;
  letter-spacing:5px;
  text-transform:uppercase;

  color:#b88443;
}

.rvx-leather-hero-content h1{
  margin:0 0 24px;

  font-size:clamp(48px, 5.8vw, 90px);
  line-height:.92;
  letter-spacing:-2px;
  font-weight:800;

  color:#fff;
}

.rvx-leather-hero-content p{
  max-width:760px;

  margin:0 0 42px;

  font-size:19px;
  line-height:1.6;

  color:rgba(255,255,255,.76);
}

.rvx-leather-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:56px;
  padding:0 34px;

  border:1px solid rgba(255,255,255,.18);

  color:#fff;
  text-decoration:none;

  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;

  transition:.35s ease;

  backdrop-filter:blur(10px);
}

.rvx-leather-btn:hover{
  background:#fff;
  color:#000;
  border-color:#fff;
}

/* Mobile */
@media(max-width:767px){

  .rvx-leather-hero{
    min-height:88vh;
    align-items:flex-end;
  }

  .rvx-leather-hero-bg{
    background-position:center;
  }

  .rvx-leather-hero-content{
    padding:90px 24px 70px;
  }

  .rvx-leather-hero-content h1{
    font-size:56px;
    letter-spacing:-2px;
  }

  .rvx-leather-hero-content p{
    font-size:16px;
    line-height:1.8;
  }

}

.rvx-vehicle-selector{
  background:#f6f4ef;
  padding:34px 2% 0;
  overflow:hidden;
}

.rvx-vs-gallery{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  height:185px;
  overflow:hidden;
}

.rvx-vs-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rvx-vs-main{
  position:relative;
  min-height:430px;
  background:#fff;
  display:grid;
  grid-template-columns:55% 45%;
  align-items:center;
  padding:30px 6% 55px;
}

.rvx-vs-car{
  position:relative;
  z-index:3;
  margin-top:-120px;
}

.rvx-vs-car img{
  width:100%;
  max-width:760px;
  display:block;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.22));
  transition:.45s ease;
}


.rvx-vs-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  background:#667d74;
}

.rvx-vs-tabs button{
  position:relative;
  border:0;
  background:transparent;
  color:#fff;
  padding:20px 22px;
  font-size:26px;
  cursor:pointer;
  transition:.3s ease;
  
}

.rvx-vs-tabs button:hover,
.rvx-vs-tabs button.active{
  background:rgba(0,0,0,.12);
}

.rvx-vs-tabs button.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #fff;
}

/* Mobile */
@media(max-width:980px){
  .rvx-vs-gallery{
    grid-template-columns:repeat(3,1fr);
    height:auto;
  }

  .rvx-vs-gallery img{
    height:140px;
  }

  .rvx-vs-main{
    grid-template-columns:1fr;
    text-align:center;
    padding:40px 24px 50px;
  }

  .rvx-vs-car{
    margin-top:-70px;
  }

  .rvx-vs-car img{
    margin:auto;
  }
}

@media(max-width:600px){
  .rvx-vs-gallery{
    grid-template-columns:repeat(2,1fr);
  }

  .rvx-vs-gallery img{
    height:120px;
  }

  .rvx-vs-tabs button{
    width:50%;
    padding:16px 8px;
    font-size:14px;
  }
}



/* ===============================
   REVOXE VEHICLE SELECTOR
================================= */

.rvx-vehicle-selector{
  position:relative;
  background:#f6f4ef;
  padding:30px 2% 0;
  overflow:hidden;
}

/* ===============================
   TOP DETAIL GALLERY
================================= */

.rvx-vs-gallery{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  height:190px;
  overflow:hidden;
}

.rvx-vs-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  transition:transform 1.1s ease;
}

.rvx-vs-gallery img:hover{
  transform:scale(1.05);
}

/* ===============================
   MAIN AREA
================================= */

.rvx-vs-main{
  position:relative;

  display:grid;
  grid-template-columns:56% 44%;
  align-items:center;

  min-height:480px;

  background:#ffffff;

  padding:30px 6% 60px;

  overflow:hidden;
}

/* subtle luxury background */
.rvx-vs-main:before{
  content:"";

  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at 18% 55%,
      rgba(184,132,67,.08),
      transparent 38%
    );

  pointer-events:none;
}

/* ===============================
   VEHICLE IMAGE
================================= */

.rvx-vs-car{
  position:relative;
  z-index:3;

  margin-top:-130px;
}

.rvx-vs-car img{
  width:100%;
  max-width:780px;

  display:block;

  filter:
    drop-shadow(0 35px 45px rgba(0,0,0,.18));

  transition:
    transform .45s ease,
    opacity .45s ease;
}

/* ===============================
   CONTENT
================================= */


/* ===============================
   TABS
================================= */

/* Premium Bigger Vehicle Tabs */
.rvx-vs-tabs,
.rvx-vehicle-tabs {
  background: #6f8278;
  padding: 14px 20px 6px;
}

/* Each tab item */
.rvx-vs-tab,
.rvx-vehicle-tab {
  min-width: 150px;
  height: 118px;
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  transition: all 0.35s ease;
}

/* Vehicle icon bigger */
.rvx-vs-tab img,
.rvx-vehicle-tab img {
  width: 118px;
  max-width: 118px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 12px 14px rgba(0,0,0,0.25));
  transition: all 0.35s ease;
}

/* Text */
.rvx-vs-tab span,
.rvx-vehicle-tab span {
  font-size: 14px;
  letter-spacing: 1.5px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Active tab */
.rvx-vs-tab.active,
.rvx-vehicle-tab.active {
  background: rgba(35, 52, 47, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 18px 35px rgba(0,0,0,0.16);
}

/* Active icon slightly bigger */
.rvx-vs-tab.active img,
.rvx-vehicle-tab.active img {
  width: 132px;
  max-width: 132px;
  height: 60px;
  transform: translateY(-2px);
}

/* Hover premium effect */
.rvx-vs-tab:hover img,
.rvx-vehicle-tab:hover img {
  transform: translateY(-4px) scale(1.06);
  filter: drop-shadow(0 16px 18px rgba(0,0,0,0.32));
}

/* Active bottom arrow */
.rvx-vs-tab.active::after,
.rvx-vehicle-tab.active::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 22px;
  height: 22px;
  background: #ffffff;
}
/* Premium Bigger Vehicle Tabs */
.rvx-vs-tabs,
.rvx-vehicle-tabs {
  background: #6f8278;
  padding: 14px 20px 6px;
}

/* Each tab item */
.rvx-vs-tab,
.rvx-vehicle-tab {
  min-width: 150px;
  height: 118px;
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  transition: all 0.35s ease;
}

/* Vehicle icon bigger */
.rvx-vs-tab img,
.rvx-vehicle-tab img {
  width: 118px;
  max-width: 118px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 12px 14px rgba(0,0,0,0.25));
  transition: all 0.35s ease;
}

/* Text */
.rvx-vs-tab span,
.rvx-vehicle-tab span {
  font-size: 14px;
  letter-spacing: 1.5px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Active tab */
.rvx-vs-tab.active,
.rvx-vehicle-tab.active {
  background: rgba(35, 52, 47, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 18px 35px rgba(0,0,0,0.16);
}

/* Active icon slightly bigger */
.rvx-vs-tab.active img,
.rvx-vehicle-tab.active img {
  width: 132px;
  max-width: 132px;
  height: 60px;
  transform: translateY(-2px);
}

/* Hover premium effect */
.rvx-vs-tab:hover img,
.rvx-vehicle-tab:hover img {
  transform: translateY(-4px) scale(1.06);
  filter: drop-shadow(0 16px 18px rgba(0,0,0,0.32));
}

/* Active bottom arrow */
.rvx-vs-tab.active::after,
.rvx-vehicle-tab.active::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 22px;
  height: 22px;
  background: #ffffff;
}


/* ===============================
   TABLET
================================= */

@media(max-width:980px){

  .rvx-vs-gallery{
    grid-template-columns:repeat(3,1fr);
    height:auto;
  }

  .rvx-vs-gallery img{
    height:150px;
  }

  .rvx-vs-main{
    grid-template-columns:1fr;

    text-align:center;

    padding:40px 32px 55px;
  }

  .rvx-vs-car{
    margin-top:-70px;
  }

  .rvx-vs-car img{
    margin:auto;
  }

}

/* ===============================
   MOBILE
================================= */

@media(max-width:767px){

  .rvx-vehicle-selector{
    padding-top:18px;
  }

  .rvx-vs-gallery{
    grid-template-columns:repeat(2,1fr);
  }

  .rvx-vs-gallery img{
    height:120px;
  }

  .rvx-vs-main{
    min-height:auto;
    padding:35px 22px 50px;
  }

  .rvx-vs-car{
    margin-top:-45px;
  }

  .rvx-vs-content h2{
    font-size:42px;
    letter-spacing:-1px;
  }

  .rvx-vs-content p{
    font-size:15px;
    line-height:1.75;
  }

  .rvx-vs-content a{
    width:100%;
  }

  

}

/* ===============================
   FULL VIEWPORT LAYOUT
================================= */

.rvx-vehicle-selector{
  position:relative;

  height:100vh;
  min-height:100vh;
  max-height:100vh;

  display:grid;
  grid-template-rows:
    22vh
    1fr
    16vh;

  background:#f6f4ef;

  overflow:hidden;
}

/* ===============================
   TOP LEATHER GRID
================================= */

.rvx-vs-gallery{
  position:relative;

  display:grid;
  grid-template-columns:repeat(6,1fr);

  height:100%;

  overflow:hidden;
}

.rvx-vs-gallery img{
  width:100%;
  height:100%;

  object-fit:cover;
  display:block;

  transition:
    transform .45s ease,
    opacity .45s ease;
}

.rvx-vs-gallery.rvx-changing img{
  opacity:0;
  transform:scale(.96);
}

/* ===============================
   MAIN AREA
================================= */

.rvx-vs-main{
  position:relative;

  display:grid;
  grid-template-columns:56% 44%;

  align-items:center;

  min-height:0;

  background:#ffffff;

  padding:0 5%;

  overflow:hidden;
}

/* luxury bg glow */
.rvx-vs-main:before{
  content:"";

  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at 22% 55%,
      rgba(184,132,67,.08),
      transparent 38%
    );

  pointer-events:none;
}

/* ===============================
   VEHICLE IMAGE
================================= */

.rvx-vs-car{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;

  height:100%;
}

.rvx-vs-car img{
  width:100%;
  max-width:720px;

  max-height:58vh;

  object-fit:contain;

  display:block;

  filter:
    drop-shadow(0 26px 38px rgba(0,0,0,.18));

  transition:
    transform .45s ease,
    opacity .45s ease;
}

/* ===============================
   CONTENT
================================= */

.rvx-vs-content{
  max-width:640px;
  margin:0 auto;
  text-align:center;
}

.rvx-vs-content span{

  display:block;

  margin-bottom:12px;

  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;

  color:#9a6a2f;
}

.rvx-vs-content h2{

  margin:0 0 14px;

  font-size:64px;
  font-weight:800;

  line-height:.88; /* reduced */

  color:#111;
}

.rvx-vs-content p{

  max-width: 520px;
    margin: 0 auto 24px;
    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    line-height: 1.25;
    color: #2b2b2b;
}

.rvx-vs-content a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  height:52px;
  padding:0 34px;

  background:#42584f;

  color:#fff;
  text-decoration:none;

  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;

  transition:.35s ease;
}

.rvx-vs-content a:hover{
  background:#b8955f
}


/* ===============================
   TABS
================================= */

.rvx-vs-tabs{
  position:relative;

  display:flex;
  justify-content:center;
  align-items:center;

  gap:8px;

  padding:8px 12px;

  background:#667d74;

  overflow-x:auto;
  overflow-y:hidden;
}

.rvx-vs-tabs button{
  position:relative;

  min-width:130px;
  height:100%;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  padding:10px 14px;

  border:0;
  background:transparent;

  color:#fff;

  cursor:pointer;

  transition:.35s ease;
}

/* vehicle png */
.rvx-vs-tabs button img{
  width:85px;
  max-height:48px;

  object-fit:contain;

  margin-bottom:8px;

  transition:.35s ease;
}

.rvx-vs-tabs button span{
  font-size:12px;
  letter-spacing:.3px;
  white-space:nowrap;
}

/* hover */
.rvx-vs-tabs button:hover,
.rvx-vs-tabs button.active{
  background:rgba(0,0,0,.12);
}

.rvx-vs-tabs button:hover img,
.rvx-vs-tabs button.active img{
  transform:
    translateY(-3px)
    scale(1.05);
}

/* active arrow */
.rvx-vs-tabs button.active:after{
  content:"";

  position:absolute;

  left:50%;
  bottom:-8px;

  transform:translateX(-50%);

  width:0;
  height:0;

  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-top:9px solid #667d74;
}

/* ===============================
   TABLET
================================= */

@media(max-width:980px){

  .rvx-vehicle-selector{
    height:auto;
    min-height:auto;
    max-height:none;

    display:block;
  }

  .rvx-vs-gallery{
    grid-template-columns:repeat(3,1fr);
  }

  .rvx-vs-gallery img{
    height:140px;
  }

  .rvx-vs-main{
    grid-template-columns:1fr;

    padding:40px 28px 50px;
  }

  .rvx-vs-car{
    justify-content:center;
    margin-bottom:20px;
  }

  .rvx-vs-car img{
    max-height:360px;
  }

  .rvx-vs-tabs{
    flex-wrap:wrap;
    padding:12px;
  }

}

@media(max-width:767px){

  .rvx-vs-tabs{
    height:92px;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    gap:6px;
    padding:8px 10px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .rvx-vs-tabs button{
    min-width:105px;
    height:76px;
    padding:8px 10px;
    flex:0 0 auto;
    scroll-snap-align:start;
  }

  .rvx-vs-tabs button img{
    width:72px;
    max-height:38px;
    margin-bottom:6px;
  }

  .rvx-vs-tabs button span{
    font-size:11px;
    letter-spacing:.5px;
    white-space:nowrap;
  }

  .rvx-vs-tabs button.active:after{
    display:none;
  }
}


/* ===============================
   REVOXE PREMIUM QUOTE FORM
================================= */

.rvx-cf7-form{
  max-width:1180px;
  margin:auto;
  padding:70px 64px;
  background:
    linear-gradient(180deg,#ffffff 0%,#faf9f6 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 35px 90px rgba(0,0,0,.06);
}

/* Grid */
.rvx-cf7-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:34px 36px;
  margin-bottom:34px;
}

/* Field */
.rvx-cf7-field{
  position:relative;
  display:flex;
  flex-direction:column;
}

.rvx-cf7-field label{
  margin-bottom:13px;
  font-size:11px;
  font-weight:600;
  letter-spacing:3.2px;
  text-transform:uppercase;
  color:#1d2b27;
}

/* Inputs */
.rvx-cf7-field input,
.rvx-cf7-field select,
.rvx-cf7-field textarea{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(0,0,0,.18);
  background:#f1f1ef;
  padding:0 22px;
  font-size:15px;
  color:#111;
  outline:none;
  box-sizing:border-box;
  transition:all .35s ease;
}

.rvx-cf7-field input,
.rvx-cf7-field select{
  height:62px;
}

.rvx-cf7-field textarea{
  height:190px;
  padding-top:22px;
  resize:none;
}

/* Focus */
.rvx-cf7-field input:focus,
.rvx-cf7-field select:focus,
.rvx-cf7-field textarea:focus{
  background:#ffffff;
  border-bottom-color:#9a6a2f;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
}

/* Placeholder */
.rvx-cf7-field input::placeholder,
.rvx-cf7-field textarea::placeholder{
  color:#7c7c7c;
}

/* Full width message */
.rvx-cf7-full{
  margin-bottom:36px;
}

/* Button wrapper - left aligned */
.rvx-cf7-submit-wrap{
  display:flex;
  justify-content:flex-start;
}

/* ===============================
   REVOXE LUXURY BUTTON
================================= */

.rvx-cf7-submit-wrap{
  display:flex;
  justify-content:flex-start;
  margin-top:10px;
}

.rvx-cf7-submit-wrap{
  display:flex;
  justify-content:flex-start;
  margin-top:10px;
}

/* ===============================
   REVOXE SIMPLE LUXURY BUTTON
================================= */

.rvx-cf7-submit-wrap{
  display:flex;
  justify-content:flex-start;
  margin-top:12px;
}

.rvx-cf7-submit-wrap button{

  height:58px !important;
  min-width:320px !important;

  padding:0 40px !important;

  border:none !important;
  outline:none !important;

  background:#4f675e !important;

  color:#ffffff !important;

  font-size:11px !important;
  font-weight:600 !important;

  letter-spacing:2.5px !important;
  text-transform:uppercase !important;

  cursor:pointer !important;

  border-radius:0 !important;

  box-shadow:none !important;

  transition:
    background .3s ease,
    transform .3s ease !important;

}

/* hover */
.rvx-cf7-submit-wrap button:hover{

  background:#3f544c !important;

  transform:translateY(-2px) !important;

  box-shadow:none !important;

}

/* active */
.rvx-cf7-submit-wrap button:active{

  transform:translateY(0) !important;

}

/* mobile */
@media(max-width:767px){

  .rvx-cf7-submit-wrap button{

    width:100% !important;
    min-width:100% !important;

  }

}
/* CF7 messages */
.wpcf7-response-output{
  margin-top:26px!important;
  border:0!important;
  background:#eef1ed!important;
  padding:18px 24px!important;
  color:#1d2b27!important;
  font-size:14px!important;
}

/* Error text */
.wpcf7-not-valid-tip{
  margin-top:8px;
  font-size:12px;
  color:#9a3d2f;
}

/* Mobile */
@media(max-width:767px){

  .rvx-cf7-form{
    padding:44px 22px;
  }

  .rvx-cf7-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  
}






.rvx-cf7-field select,
#rvxVehicleField{
  color:#333 !important;
  background:#eeeeee !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
}

.rvx-cf7-field select option{
  color:#111 !important;
  background:#fff !important;
}



.rvx-cf7-response-inside{
  opacity:0;
  visibility:hidden;

  height:0;
  overflow:hidden;

  margin:0;
  padding:0;

  transition:.3s ease;

  font-size:14px;
  line-height:1.6;
}

/* visible state */
.rvx-cf7-response-inside.rvx-show{

  opacity:1;
  visibility:visible;

  height:auto;
background:#edf4ee;
  color:#1d4d32;
  margin:0 0 26px;
  padding:16px 22px;
}

/* error */
.rvx-cf7-response-inside.rvx-error{
  background:#f5eeee;
  color:#8a2f24;
}

/* success */
.rvx-cf7-response-inside.rvx-success{
  background:#edf4ee;
  color:#1d4d32;
}

.rvx-cf7-response-inside.rvx-error{
  background:#f5eeee;
  color:#8a2f24;
}

.rvx-cf7-response-inside.rvx-success{
  background:#edf4ee;
  color:#1d4d32;
}

.wpcf7-response-output{
  display:none!important;
}

.rvx-vs-gallery img{
  transition:opacity .35s ease, transform .35s ease;
}

.rvx-vs-gallery.rvx-changing img{
  opacity:0;
  transform:scale(.96);
}




/*Ch*/

.rvx-dealer-page{
  background:
    radial-gradient(circle at 15% 20%, rgba(184,132,67,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f6f4ef 100%);
  padding:120px 7%;
}

.rvx-dealer-inner{
  max-width:1320px;
  margin:auto;
  display:grid;
 grid-template-columns:40% 60%;
  gap:60px;
  
}

.rvx-dealer-content span{
  display:block;
  margin-bottom:18px;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#9a6a2f;
}

.rvx-dealer-content h2{
  font-size:clamp(26px,3.1vw,44px);
  line-height:1.05;
  letter-spacing:-1px;
  margin:0 0 18px;
  font-weight:700;
}

.rvx-dealer-content p{
  font-family:'Manrope',sans-serif;
  max-width:540px;
  margin:0 0 46px;
  font-size:15px;
  line-height:1.75;
  color:#333;
}

.rvx-dealer-points{
  display:grid;
  gap:18px;
}

.rvx-dealer-points div{
  padding:20px 0;
  border-bottom:1px solid rgba(0,0,0,.10);
  font-size:16px;
  color:#222;
}

.rvx-dealer-points strong{
  display:inline-block;
  margin-right:18px;
  color:#9a6a2f;
  letter-spacing:2px;
}

.rvx-dealer-form-box{
  background:#fff;
  padding:64px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 35px 90px rgba(0,0,0,.07);
}

.rvx-dealer-form-box h2{
  margin:0 0 14px;
  font-size:36px;
  line-height:1;
  letter-spacing:-1.5px;
  color:#111;
}

.rvx-dealer-form-box > p{
  margin:0 0 38px;
  font-size:14px;
  line-height:1.7;
  font-family:'Manrope',sans-serif;
  color:#555;
}

@media(max-width:980px){
  .rvx-dealer-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:767px){
  .rvx-dealer-page{
    padding:80px 22px;
  }

  .rvx-dealer-form-box{
    padding:38px 24px;
  }

  .rvx-dealer-content h1{
    font-size:44px;
  }
}






.rvx-gallery-page{
  background:#f6f4ef;
  padding:70px 6% 100px;
}

.rvx-gallery-title{
  text-align:center;
  margin-bottom:34px;
  font-size:13px;
  letter-spacing:7px;
  text-transform:uppercase;
  color:#9a6a2f;
}

/* FILTER TABS */
.rvx-gallery-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:44px;
}
.rvx-gallery-tabs button{
  border:1px solid #42584f !important;
  background:#42584f !important;
  color:#ffffff !important;

  padding:13px 22px;

  cursor:pointer;

  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;

  transition:.3s ease;
}

.rvx-gallery-tabs button:hover{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#ffffff !important;
}

.rvx-gallery-tabs button.active{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#ffffff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  transform:translateY(-2px);
}

/* ACTIVE WHITE BUTTON */
.rvx-gallery-tabs button.active,
.rvx-gallery-tabs button.active:hover{
  background:#fff !important;
  color:#111 !important;
  border-color:#fff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  transform:translateY(-2px);
}

/* GALLERY GRID */
.rvx-gallery-grid{
  max-width:1380px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:260px;
  gap:18px;
}

.rvx-gallery-item{
  position:relative;
  overflow:hidden;
  display:block;
  background:#111;
}

.rvx-gallery-item.large{
  grid-column:span 2;
  grid-row:span 2;
}

.rvx-gallery-item.wide{
  grid-column:span 2;
}

.rvx-gallery-item.tall{
  grid-row:span 2;
}

.rvx-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:
    transform .85s ease,
    opacity .35s ease;
}

.rvx-gallery-item:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 42%,
      rgba(0,0,0,.68) 100%
    );
  opacity:.88;
  transition:.35s ease;
}

.rvx-gallery-item span{
  position:absolute;
  left:24px;
  bottom:22px;
  z-index:2;
  color:#fff;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.rvx-gallery-item:hover img{
  transform:scale(1.06);
}

.rvx-gallery-item:hover:before{
  opacity:1;
}

.rvx-gallery-item.rvx-hide{
  display:none;
}

/* CTA */
.rvx-gallery-cta{
  display:none;
}

.rvx-gallery-cta-light{
  max-width:1380px;
  margin:70px auto 0;
  padding:54px 7%;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  text-align:center;
  box-shadow:0 28px 70px rgba(0,0,0,.06);
}

.rvx-gallery-cta-light span{
  display:block;
  margin-bottom:14px;
  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;
  color:#9a6a2f;
}

.rvx-gallery-cta-light h2{
  margin:0 0 14px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.05;
  color:#111;
}

.rvx-gallery-cta-light p{
  margin:0 auto 28px;
  font-family:'Manrope',sans-serif;
  max-width:520px;
  font-size:15px;
  line-height:1.6;
  color:#444;

}

.rvx-gallery-cta-light a{
  display:inline-flex;
  height:54px;
  align-items:center;
  justify-content:center;
  padding:0 34px;
  background:#42584f;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
}
/* TABLET */
@media(max-width:980px){
  .rvx-gallery-grid{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:240px;
  }
}

/* MOBILE */
@media(max-width:767px){
  .rvx-gallery-page{
    padding:60px 22px 80px;
  }

  .rvx-gallery-title{
    margin-bottom:26px;
    font-size:11px;
    letter-spacing:5px;
  }

  .rvx-gallery-tabs{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:8px;
    margin-bottom:30px;
  }

  .rvx-gallery-tabs button{
    flex:0 0 auto;
    padding:12px 18px;
  }

  .rvx-gallery-grid{
    grid-template-columns:1fr;
    grid-auto-rows:280px;
    gap:14px;
  }

  .rvx-gallery-item.large,
  .rvx-gallery-item.wide,
  .rvx-gallery-item.tall{
    grid-column:span 1;
    grid-row:span 1;
  }

  .rvx-gallery-cta{
    margin-top:55px;
    padding:50px 24px;
  }
}



/* ===============================
   REVOXE ABOUT PAGE
================================= */

.rvx-about-rich,
.rvx-about-rich *{
  font-family:'Manrope', sans-serif;
  box-sizing:border-box;
}

.rvx-about-rich{
  background:#f6f4ef;
  overflow:hidden;
  color:#111;
}

/* ===============================
   HERO SECTION
================================= */

.rvx-about-hero-rich{
  min-height:90vh;
  display:grid;
  grid-template-columns:58% 42%;
  align-items:center;
  background:#111;
}

.rvx-about-hero-img{
  height:90vh;
  overflow:hidden;
}

.rvx-about-hero-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.88;
  transform:scale(1.02);
}

.rvx-about-hero-text{
  padding:80px 12%;
  color:#fff;
}

.rvx-about-hero-text span,
.rvx-about-content-rich span,
.rvx-about-signature-text span{
  display:block;
  margin-bottom:18px;

  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;

  color:#b88443;
}

.rvx-about-hero-text h1{
  margin:0 0 24px;

  font-size:clamp(34px,4vw,58px);
  line-height:1;
  letter-spacing:-1.8px;
  font-weight:700;

  color:#fff;
}

.rvx-about-hero-text p{
  max-width:590px;
  margin:0;

  font-size:15px;
  line-height:1.55;
  font-weight:400;

  color:rgba(255,255,255,.78);
}

/* ===============================
   STATEMENT
================================= */

.rvx-about-statement{
  padding:90px 7%;
  text-align:center;
  background:#fff;
}

.rvx-about-statement p{
  max-width:920px;
  margin:auto;

  font-size:clamp(24px,2.7vw,38px);
  line-height:1.25;
  letter-spacing:-1px;
  font-weight:500;

  color:#111;
}

/* ===============================
   SPLIT CONTENT
================================= */

.rvx-about-split-rich{
  max-width:1380px;
  margin:auto;
  padding:105px 7%;

  display:grid;
  grid-template-columns:45% 55%;
  gap:70px;
  align-items:center;
}

.rvx-about-content-rich h2{
  margin:0 0 24px;

  font-size:clamp(28px,3vw,46px);
  line-height:1.05;
  letter-spacing:-1.2px;
  font-weight:600;

  color:#111;
}

.rvx-about-content-rich p{
  max-width:570px;
  margin:0 0 22px;

  font-size:15px;
  line-height:1.45;
  font-weight:400;

  color:#000;
}

.rvx-about-image-card{
  height:560px;
  overflow:hidden;
  box-shadow:0 35px 90px rgba(0,0,0,.12);
}

.rvx-about-image-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===============================
   REMOVE OLD VALUE CARDS
================================= */

.rvx-about-values{
  display:none!important;
}

/* ===============================
   PREMIUM SIGNATURE SECTION
================================= */

.rvx-about-signature{
  max-width:1380px;
  margin:0 auto;
  padding:0 7% 110px;

  display:grid;
  grid-template-columns:42% 58%;
  gap:70px;
  align-items:start;
}

.rvx-about-signature-text h2{
  margin:0;

  font-size:clamp(28px,3vw,44px);
  line-height:1.12;
  letter-spacing:-1.2px;
  font-weight:600;

  color:#111;
}

.rvx-about-signature-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(0,0,0,.12);
}

.rvx-about-signature-list div{
  padding:30px 0;
  border-bottom:1px solid rgba(0,0,0,.12);
}

.rvx-about-signature-list strong{
  display:block;
  margin-bottom:10px;

  font-size:18px;
  line-height:1.25;
  font-weight:600;

  color:#111;
}

.rvx-about-signature-list p{
  max-width:620px;
  margin:0;

  font-size:15px;
  line-height:1.7;
  font-weight:400;

  color:#444;
}

/* ===============================
   TABLET
================================= */

@media(max-width:980px){

  .rvx-about-hero-rich,
  .rvx-about-split-rich,
  .rvx-about-signature{
    grid-template-columns:1fr;
  }

  .rvx-about-hero-rich{
    min-height:auto;
  }

  .rvx-about-hero-img{
    height:52vh;
  }

  .rvx-about-hero-text{
    padding:60px 40px;
  }

  .rvx-about-split-rich{
    gap:45px;
  }

  .rvx-about-signature{
    gap:35px;
  }

}

/* ===============================
   MOBILE
================================= */

@media(max-width:767px){

  .rvx-about-hero-img{
    height:48vh;
  }

  .rvx-about-hero-text{
    padding:55px 24px;
  }

  .rvx-about-hero-text h1{
    font-size:36px;
    letter-spacing:-1px;
  }

  .rvx-about-hero-text p{
    font-size:15px;
    line-height:1.7;
  }

  .rvx-about-statement{
    padding:65px 24px;
  }

  .rvx-about-statement p{
    font-size:24px;
    line-height:1.25;
  }

  .rvx-about-split-rich{
    padding:75px 24px;
    gap:38px;
  }

  .rvx-about-content-rich h2{
    font-size:30px;
  }

  .rvx-about-content-rich p{
    font-size:15px;
    line-height:1.7;
  }

  .rvx-about-image-card{
    height:360px;
  }

  .rvx-about-signature{
    padding:0 24px 80px;
    gap:34px;
  }

  .rvx-about-signature-text h2{
    font-size:28px;
    line-height:1.15;
  }

  .rvx-about-signature-list div{
    padding:24px 0;
  }

  .rvx-about-signature-list strong{
    font-size:17px;
  }

  .rvx-about-signature-list p{
    font-size:14.5px;
  }

}

/* ABOUT PAGE REVEAL */

.rvx-about-hero-text,
.rvx-about-statement,
.rvx-about-content-rich,
.rvx-about-image-card,
.rvx-about-signature-text,
.rvx-about-signature-list div{

  opacity:0;
  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.22,.61,.36,1);

}

.rvx-about-hero-text,
.rvx-about-statement{
  transform:translateY(45px);
}

.rvx-about-content-rich,
.rvx-about-signature-text{
  transform:translateX(-60px);
}

.rvx-about-image-card{
  transform:translateX(60px);
}

.rvx-about-signature-list div{
  transform:translateY(35px);
}

/* visible */

.rvx-about-hero-text.revoxe-visible,
.rvx-about-statement.revoxe-visible,
.rvx-about-content-rich.revoxe-visible,
.rvx-about-image-card.revoxe-visible,
.rvx-about-signature-text.revoxe-visible,
.rvx-about-signature-list div.revoxe-visible{

  opacity:1;
  transform:none;

}

.revoxe-divider{
 width: 100%;
    height: 1px;
    background: #c0c0c0;
    opacity: .7;
    margin: 24px 0 32px;
}

.revoxe-configurator-section{
background:#ffffff;
padding:40px 40px 90px;
}

.revoxe-configurator{
max-width:1450px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1.7fr) minmax(340px,0.65fr);
gap:34px;
align-items:stretch;
}

/* LEFT SIDE */

.revoxe-config-left{
background:#f8f7f2;
border:1px solid rgba(0,0,0,0.06);
min-height:760px;
padding:30px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

#revoxeSeat{
width:100%;
height:800px;
background:transparent;
}

/* RIGHT SIDE */

.revoxe-config-right{
background:#ffffff;
border:1px solid rgba(0,0,0,0.08);
padding:36px 28px;
}

.revoxe-option-label{
display:inline-block;
margin-bottom:12px;
font-family:"Inter",sans-serif;
font-weight:600;
font-size:10px;
letter-spacing:2.6px;
text-transform:uppercase;
color:rgba(0,0,0,0.58);
}

.revoxe-config-right h4{
margin:0 0 12px;
font-family:"Cormorant Garamond", serif;
font-weight:500;
font-size:30px;
line-height:1.1;
font-weight:500;
letter-spacing:2px;
text-transform:uppercase;
color:#2f4f46;
}

.revoxe-option-desc{
margin:0 0 24px;
font-family:'Manrope', sans-serif;
font-size:14px;
line-height:1.8;
color:#666;
}

/* COLOR GRID */

.revoxe-color-grid{
display:grid;
gap:14px;
}

.revoxe-color-card{
width:100%;
min-height:74px;
display:grid;
grid-template-columns:90px 1fr;
align-items:center;
gap:16px;
background:#fff;
border:1px solid rgba(0,0,0,0.08);
padding:10px;
cursor:pointer;
transition:all .25s ease;
}

.revoxe-color-card:hover{
border-color:#b8955f;
transform:translateY(-2px);
}

.revoxe-color-card.active{
border-color:#b8955f;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.revoxe-color-card span:last-child{
font-family:"Inter",sans-serif;
font-weight:600;
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
color:#111;
}

/* SWATCH */

.revoxe-swatch{
width:88px;
height:48px;
border:1px solid rgba(0,0,0,0.12);
}

.revoxe-swatch.dual{
background:
linear-gradient(
135deg,
var(--c1) 0%,
var(--c1) 50%,
var(--c2) 50%,
var(--c2) 100%
);
}

/* TABLET */

@media(max-width:980px){

.revoxe-configurator{
grid-template-columns:1fr;
}

.revoxe-config-left{
min-height:620px;
}

#revoxeSeat{
height:520px;
}

.revoxe-color-grid{
grid-template-columns:repeat(2,1fr);
}
}

/* MOBILE */

@media(max-width:767px){

.revoxe-configurator-section{
padding:25px 18px 60px;
}

.revoxe-config-left{
min-height:450px;
padding:15px;
}

#revoxeSeat{
height:380px;
}

.revoxe-config-right{
padding:22px 18px;
}

.revoxe-config-right h4{
font-size:24px;
letter-spacing:1.5px;
}

.revoxe-color-grid{
grid-template-columns:1fr;
}

.revoxe-color-card{
min-height:64px;
grid-template-columns:70px 1fr;
}

.revoxe-swatch{
width:68px;
height:38px;
}
}



/* =====================================================
   REVOXE FINAL TYPOGRAPHY SYSTEM
===================================================== */

html,
body,
p,
a,
button,
input,
textarea,
select,
label,
span{
  font-family:"Inter",sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.revoxe-about-title,
.revoxe-3d-title,
.rvx-seat-title,
.rvx-leather-heading h1{
  font-family:"Cormorant Garamond",serif;
  font-weight:500;
}

button,
input[type="button"],
input[type="submit"],
.revoxe-lux-btn,
.revoxe-about-btn,
.revoxe-experience-card a,
.revoxe-leather-card a{
  font-family:"Inter",sans-serif;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.revoxe-lux-eyebrow,
.revoxe-about-label,
.revoxe-experience-label,
.revoxe-leather-label,
.rvx-seat-subtitle{
  font-family:"Inter",sans-serif;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
}





/* =====================================================
   REVOXE LEATHER COLOUR CONFIGURATOR
   IMAGE + SWATCHES VISIBLE IN ONE SCREEN
===================================================== */

.rvx-colour-section{
  position:relative;
  overflow:hidden;

  padding:72px 40px 78px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f6f1 54%,
      #f3f0e9 100%
    );
}

.rvx-colour-section::before{
  content:"";
  position:absolute;
  top:-220px;
  left:50%;

  width:980px;
  height:650px;

  transform:translateX(-50%);

  background:
    radial-gradient(
      circle,
      rgba(184,149,95,.11) 0%,
      rgba(184,149,95,.04) 35%,
      transparent 70%
    );

  pointer-events:none;
}

.rvx-colour-wrap{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1320px;

  margin:0 auto;
}


/* =====================================================
   HEADING
===================================================== */

.rvx-colour-heading{
  max-width:820px;
  margin:0 auto 32px;
  text-align:center;
}

.rvx-colour-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  margin:0 0 12px;

  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.2px;
  text-transform:uppercase;

  color:rgba(20,20,20,.62);
}

.rvx-colour-eyebrow::before,
.rvx-colour-eyebrow::after{
  content:"";
  display:block;

  width:30px;
  height:1px;

  background:#b8955f;
}

.rvx-colour-heading h2{
  max-width:820px;
  margin:0 auto 12px;

  font-family:"Cormorant Garamond",serif;
  font-size:clamp(38px,3.4vw,52px);
  font-weight:500;
  line-height:1;
  letter-spacing:.2px;

  color:#151515;
}

.rvx-colour-heading p{
  max-width:680px;
  margin:0 auto;

  font-family:"Inter",sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.65;

  color:rgba(20,20,20,.68);
}


/* =====================================================
   CONFIGURATOR
===================================================== */

.rvx-colour-configurator{
  width:100%;
  max-width:1120px;

  margin:0 auto;

  overflow:hidden;

  background:#fff;
  border:1px solid rgba(0,0,0,.08);

  box-shadow:
    0 24px 60px rgba(34,30,24,.10);
}


/* =====================================================
   IMAGE AREA
===================================================== */

.rvx-colour-visual{
  padding:18px 18px 0;
}

.rvx-colour-image-frame{
  position:relative;

  width:100%;
  height:min(54vh,520px);
  min-height:360px;

  overflow:hidden;

  background:#111;
}

.rvx-colour-image-frame img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  opacity:1;
  transform:none;
  filter:none;

  transition:none !important;
}

.rvx-colour-image-frame img.rvx-changing{
  opacity:1;
  transform:none;
  filter:none;
}

.rvx-colour-image-label{
  position:absolute;
  top:14px;
  left:16px;
  z-index:5;

  display:inline-flex;
  align-items:center;

  min-height:32px;
  padding:0 13px;

  background:rgba(15,15,15,.52);
  border:1px solid rgba(255,255,255,.13);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  font-family:"Inter",sans-serif;
  font-size:8.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:1.7px;
  text-transform:uppercase;

  color:#fff;
}

.rvx-colour-image-shade{
  position:absolute;
  inset:0;
  z-index:4;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.02),
      transparent 65%,
      rgba(0,0,0,.05)
    );
}


/* =====================================================
   CONTROLS
===================================================== */

.rvx-colour-controls{
  padding:20px 24px 22px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f6f1 100%
    );

  border-top:1px solid rgba(0,0,0,.07);
}

.rvx-colour-selection-info{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  margin-bottom:18px;
}

.rvx-colour-selection-info span{
  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:1.6px;
  text-transform:uppercase;

  color:rgba(20,20,20,.48);
}

.rvx-colour-selection-info strong{
  font-family:"Cormorant Garamond",serif;
  font-size:21px;
  font-weight:500;
  line-height:1;

  color:#2f574b;
}


/* =====================================================
   SWATCHES
===================================================== */

.rvx-colour-swatches{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;

  gap:20px;
}

.rvx-colour-swatch{
  min-width:82px;
  padding:0;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;

  border:0;
  background:transparent;

  cursor:pointer;
}

.rvx-colour-circle{
  position:relative;

  display:block;

  width:42px;
  height:42px;

  border-radius:50%;

  background:var(--swatch);
  border:3px solid #fff;

  box-shadow:
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.11);

  transition:none;
}

.rvx-colour-circle::before{
  content:"";
  position:absolute;
  inset:5px;

  border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
}

.rvx-colour-name{
  max-width:90px;

  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.8px;
  text-align:center;
  text-transform:uppercase;

  color:rgba(20,20,20,.58);

  transition:none;
}

.rvx-colour-swatch:hover .rvx-colour-circle{
  transform:none;
}

.rvx-colour-swatch.active .rvx-colour-circle{
  transform:none;

  box-shadow:
    0 0 0 2px #b8955f,
    0 0 0 6px rgba(184,149,95,.14),
    0 9px 18px rgba(0,0,0,.14);
}

.rvx-colour-swatch.active .rvx-colour-name{
  color:#2f574b;
}

.rvx-colour-swatch:focus-visible{
  outline:2px solid #b8955f;
  outline-offset:6px;
}


/* =====================================================
   NOTE
===================================================== */

.rvx-colour-note{
  max-width:680px;
  margin:17px auto 0;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1.5;
  text-align:center;

  color:rgba(20,20,20,.45);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:980px){

  .rvx-colour-section{
    padding:64px 24px 70px;
  }

  .rvx-colour-heading{
    margin-bottom:28px;
  }

  .rvx-colour-image-frame{
    height:min(48vh,460px);
    min-height:330px;
  }

  .rvx-colour-swatches{
    gap:17px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .rvx-colour-section{
    padding:58px 14px 64px;
  }

  .rvx-colour-heading{
    margin-bottom:25px;
  }

  .rvx-colour-heading h2{
    font-size:clamp(32px,9vw,40px);
  }

  .rvx-colour-heading p{
    font-size:13px;
  }

  .rvx-colour-visual{
    padding:8px 8px 0;
  }

  .rvx-colour-image-frame{
    height:auto;
    min-height:0;
    aspect-ratio:1098 / 600;
  }

  .rvx-colour-controls{
    padding:18px 10px 20px;
  }

  .rvx-colour-selection-info{
    margin-bottom:16px;
  }

  .rvx-colour-swatches{
    flex-wrap:nowrap;
    justify-content:flex-start;

    gap:14px;

    padding:6px 7px 11px;

    overflow-x:auto;
    scrollbar-width:none;
  }

  .rvx-colour-swatches::-webkit-scrollbar{
    display:none;
  }

  .rvx-colour-swatch{
    flex:0 0 70px;
    min-width:70px;
  }

  .rvx-colour-circle{
    width:38px;
    height:38px;
  }

  .rvx-colour-name{
    max-width:70px;
    font-size:8px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .rvx-colour-section{
    padding:52px 12px 58px;
  }

  .rvx-colour-heading h2{
    font-size:31px;
  }

}




/* =====================================================
   REVOXE PREMIUM BRAND FILM
===================================================== */

.revoxe-film-section{
  position:relative;
  overflow:hidden;
  padding:115px 40px 120px;

  background:
    linear-gradient(
      180deg,
      #f4f0e8 0%,
      #f8f5ef 45%,
      #ffffff 100%
    );
}


/* Soft premium glow */

.revoxe-film-section::before{
  content:"";
  position:absolute;
  top:-280px;
  left:50%;

  width:1050px;
  height:700px;

  transform:translateX(-50%);

  background:
    radial-gradient(
      circle,
      rgba(184,149,95,.14) 0%,
      rgba(184,149,95,.05) 36%,
      transparent 70%
    );

  pointer-events:none;
}


/* Bottom divider */

.revoxe-film-section::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;

  width:min(94%,1500px);
  height:1px;

  transform:translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,0,0,.08),
      transparent
    );
}


.revoxe-film-wrap{
  position:relative;
  z-index:2;

  width:95%;
    max-width:1800px;
    margin:auto;

  
}


/* =====================================================
   HEADING
===================================================== */

.revoxe-film-heading{
  max-width:850px;
  margin:0 auto 52px;
  text-align:center;
}


.revoxe-film-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;

  margin:0 0 16px;

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.5px;
  text-transform:uppercase;

  color:rgba(20,20,20,.62);
}


.revoxe-film-label::before,
.revoxe-film-label::after{
  content:"";

  display:block;

  width:36px;
  height:1px;

  background:#b8955f;
}


.revoxe-film-heading h2{
  margin:0 0 18px;

  font-family:"Cormorant Garamond",serif;
  font-size:clamp(46px,4vw,62px);
  font-weight:500;
  line-height:.98;
  letter-spacing:.2px;

  color:#151515;
}


.revoxe-film-heading p{
  max-width:680px;
  margin:0 auto;

  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.75;

  color:rgba(20,20,20,.68);
}


/* =====================================================
   VIDEO FRAME
===================================================== */

.revoxe-film-frame{
  position:relative;

  width:100%;
  max-width:1260px;

  margin:0 auto;

  padding:18px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.88),
      rgba(239,234,224,.82)
    );

  border:1px solid rgba(184,149,95,.22);

  box-shadow:
    0 35px 90px rgba(28,24,19,.14),
    0 8px 25px rgba(28,24,19,.06),
    inset 0 1px 0 rgba(255,255,255,.9);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}


.revoxe-film-video{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;

  overflow:hidden;

  background:#080808;
}


.revoxe-film-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07);
}


.revoxe-film-video iframe{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  display:block;

  border:0;
}


/* Decorative gold corners */

.revoxe-film-corner{
  position:absolute;

  width:48px;
  height:48px;

  pointer-events:none;
}


.revoxe-film-corner-top{
  top:7px;
  left:7px;

  border-top:1px solid #b8955f;
  border-left:1px solid #b8955f;
}


.revoxe-film-corner-bottom{
  right:7px;
  bottom:7px;

  border-right:1px solid #b8955f;
  border-bottom:1px solid #b8955f;
}


/* =====================================================
   HIGHLIGHTS
===================================================== */

.revoxe-film-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;

  max-width:1260px;
  margin:30px auto 0;

  background:rgba(184,149,95,.18);
  border:1px solid rgba(184,149,95,.18);
}


.revoxe-film-highlight{
  position:relative;

  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  align-items:flex-start;

  min-height:130px;
  padding:30px 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.92),
      rgba(247,244,237,.96)
    );

  transition:
    background .35s ease,
    transform .35s ease;
}


.revoxe-film-highlight:hover{
  z-index:2;
  transform:translateY(-3px);

  background:#ffffff;
}


.revoxe-film-number{
  display:flex;
  align-items:center;
  justify-content:center;

  width:40px;
  height:40px;

  border:1px solid rgba(184,149,95,.48);

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:1px;

  color:#8d6a38;
}


.revoxe-film-highlight h3{
  margin:1px 0 8px;

  font-family:"Cormorant Garamond",serif;
  font-size:24px;
  font-weight:500;
  line-height:1.05;

  color:#191919;
}


.revoxe-film-highlight p{
  margin:0;

  font-family:"Inter",sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1.65;

  color:rgba(20,20,20,.62);
}


/* =====================================================
   REVEAL ANIMATION
===================================================== */

.revoxe-film-heading,
.revoxe-film-frame,
.revoxe-film-highlights{
  opacity:0;
  transform:translateY(28px);

  transition:
    opacity .9s cubic-bezier(.22,.61,.36,1),
    transform .9s cubic-bezier(.22,.61,.36,1);
}


.revoxe-film-heading.revoxe-visible,
.revoxe-film-frame.revoxe-visible,
.revoxe-film-highlights.revoxe-visible{
  opacity:1;
  transform:translateY(0);
}


.revoxe-film-frame{
  transition-delay:.12s;
}


.revoxe-film-highlights{
  transition-delay:.22s;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:980px){

  .revoxe-film-section{
    padding:95px 24px 100px;
  }

  .revoxe-film-heading{
    margin-bottom:42px;
  }

  .revoxe-film-heading h2{
    font-size:clamp(42px,5.5vw,54px);
  }

  .revoxe-film-frame{
    padding:14px;
  }

  .revoxe-film-highlights{
    grid-template-columns:1fr;
    gap:1px;
  }

  .revoxe-film-highlight{
    min-height:auto;
    padding:25px 26px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-film-section{
    padding:76px 15px 80px;
  }

  .revoxe-film-heading{
    margin-bottom:34px;
  }

  .revoxe-film-label{
    gap:9px;
    margin-bottom:14px;

    font-size:9px;
    letter-spacing:1.9px;
  }

  .revoxe-film-label::before,
  .revoxe-film-label::after{
    width:22px;
  }

  .revoxe-film-heading h2{
    margin-bottom:16px;

    font-size:clamp(36px,10vw,44px);
    line-height:1;
  }

  .revoxe-film-heading p{
    font-size:14px;
    line-height:1.68;
  }

  .revoxe-film-frame{
    padding:8px;
  }

  .revoxe-film-corner{
    width:30px;
    height:30px;
  }

  .revoxe-film-highlights{
    margin-top:18px;
  }

  .revoxe-film-highlight{
    grid-template-columns:38px 1fr;
    gap:14px;
    padding:21px 18px;
  }

  .revoxe-film-number{
    width:36px;
    height:36px;
    font-size:9px;
  }

  .revoxe-film-highlight h3{
    font-size:22px;
  }

  .revoxe-film-highlight p{
    font-size:11.5px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-film-section{
    padding:68px 12px 72px;
  }

  .revoxe-film-heading h2{
    font-size:34px;
  }

  .revoxe-film-highlight{
    padding:19px 15px;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion:reduce){

  .revoxe-film-heading,
  .revoxe-film-frame,
  .revoxe-film-highlights,
  .revoxe-film-highlight{
    opacity:1;
    transform:none;
    transition:none;
  }

}



/* =====================================================
   REVOXE ATELIER FOOTER
===================================================== */

.revoxe-atelier-footer{
  position:relative;
  overflow:hidden;
  padding:70px 36px 28px;

  background:
    linear-gradient(
      180deg,
      #f5f2eb 0%,
      #efebe2 100%
    );

  color:#171717;
}

.revoxe-atelier-footer::before{
  content:"";
  position:absolute;
  top:-280px;
  left:50%;

  width:900px;
  height:600px;

  transform:translateX(-50%);

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.76),
      rgba(255,255,255,.20) 46%,
      transparent 72%
    );

  pointer-events:none;
}

.revoxe-atelier-footer__inner{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1560px;

  margin:0 auto;
}


/* =====================================================
   TOP ROW
===================================================== */

.revoxe-atelier-footer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;

  padding:0 0 38px;

  border-bottom:1px solid rgba(0,0,0,.12);
}


/* =====================================================
   NAVIGATION
===================================================== */

.revoxe-atelier-footer__nav{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 32px;
}

.revoxe-atelier-footer__nav a{
  position:relative;
  display:inline-block;

  padding-bottom:4px;

  font-family:"Inter",sans-serif;
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:1.6px;
  text-transform:uppercase;

  color:rgba(20,20,20,.72) !important;
  text-decoration:none !important;

  transition:color .3s ease;
}

.revoxe-atelier-footer__nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;

  width:0;
  height:1px;

  background:#b8955f;

  transition:width .3s ease;
}

.revoxe-atelier-footer__nav a:hover{
  color:#171717 !important;
}

.revoxe-atelier-footer__nav a:hover::after{
  width:100%;
}


/* =====================================================
   SOCIAL ICONS
===================================================== */

.revoxe-atelier-footer__socials{
  display:flex;
  align-items:center;
  gap:9px;
}

.revoxe-atelier-footer__socials a{
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(0,0,0,.14);
  background:rgba(255,255,255,.28);

  color:#555 !important;
  text-decoration:none !important;

  transition:
    color .3s ease,
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.revoxe-atelier-footer__socials a:hover{
  color:#fff !important;
  background:#2f574b;
  border-color:#2f574b;

  transform:translateY(-2px);
}

.revoxe-atelier-footer__socials svg{
  width:18px;
  height:18px;
}


/* =====================================================
   BRAND AREA
===================================================== */

.revoxe-atelier-footer__brand{
  max-width:820px;
  margin:52px auto 48px;

  text-align:center;
}

.revoxe-atelier-footer__logo{
  display:inline-block;
  margin-bottom:22px;
}

.revoxe-atelier-footer__logo svg{
  display:block;

  width:160px;
  height:auto;

  fill:#111;
}

.revoxe-atelier-footer__brand p{
  max-width:760px;
  margin:0 auto;

  font-family:"Inter",sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.75;

  color:rgba(20,20,20,.66);
}


/* =====================================================
   BOTTOM BAR
===================================================== */

.revoxe-atelier-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  padding-top:22px;

  border-top:1px solid rgba(0,0,0,.10);
}

.revoxe-atelier-footer__bottom span{
  font-family:"Inter",sans-serif;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:1.4px;
  text-transform:uppercase;

  color:rgba(20,20,20,.46);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width:900px){

  .revoxe-atelier-footer{
    padding:62px 24px 26px;
  }

  .revoxe-atelier-footer__top{
    flex-direction:column;
    align-items:flex-start;
  }

  .revoxe-atelier-footer__nav{
    gap:15px 24px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

  .revoxe-atelier-footer{
    padding:54px 18px 22px;
  }

  .revoxe-atelier-footer__top{
    gap:26px;
    padding-bottom:30px;
  }

  .revoxe-atelier-footer__nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));

    width:100%;
    gap:15px 20px;
  }

  .revoxe-atelier-footer__nav a{
    font-size:10px;
    letter-spacing:1.3px;
  }

  .revoxe-atelier-footer__brand{
    margin:42px auto 38px;
  }

  .revoxe-atelier-footer__logo svg{
    width:140px;
  }

  .revoxe-atelier-footer__brand p{
    font-size:13.5px;
    line-height:1.7;
  }

  .revoxe-atelier-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:7px;

    padding-top:19px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:420px){

  .revoxe-atelier-footer{
    padding-left:15px;
    padding-right:15px;
  }

  .revoxe-atelier-footer__nav{
    grid-template-columns:1fr;
  }

  .revoxe-atelier-footer__socials a{
    width:40px;
    height:40px;
  }

}

/*======================================================
  REVOXE VIP SEAT DISPLAY
======================================================*/

.revoxe-seat-display{
    position:relative;
    overflow:hidden;

    width:100%;

    padding:90px 20px 95px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    background:#ffffff;
}


/*======================================================
  TITLE
======================================================*/

.revoxe-seat-display__header{
    width:100%;
    max-width:900px;

    margin:0 auto 32px;

    text-align:center;
}

.revoxe-seat-display__header h2{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4vw,58px);
    font-weight:500;
    line-height:1;
    letter-spacing:.6px;
    text-transform:uppercase;

    color:#171717;
}


/* Gold divider */

.revoxe-seat-display__header h2::after{
    content:"";

    display:block;

    width:55px;
    height:1px;

    margin:18px auto 0;

    background:#b8955f;
}


/*======================================================
  IMAGE
======================================================*/

.revoxe-seat-display img{
    display:block;

    width:100%;
    max-width:900px;     

    height:auto;

    margin:0 auto;

    object-fit:contain;

    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
    padding-top:40px;
}


/*======================================================
  TABLET
======================================================*/

@media (max-width:991px){

    .revoxe-seat-display{
        padding:75px 20px 80px;
    }

    .revoxe-seat-display__header{
        margin-bottom:28px;
    }

    .revoxe-seat-display__header h2{
        font-size:clamp(38px,5vw,48px);
    }

    .revoxe-seat-display img{
        max-width:560px;
    }

}


/*======================================================
  MOBILE
======================================================*/

@media (max-width:767px){

    .revoxe-seat-display{
        padding:60px 16px 65px;
    }

    .revoxe-seat-display__header{
        margin-bottom:24px;
    }

    .revoxe-seat-display__header h2{
        font-size:clamp(30px,9vw,38px);
        letter-spacing:.3px;
    }

    .revoxe-seat-display__header h2::after{
        width:40px;
        margin-top:14px;
    }

    .revoxe-seat-display img{
        width:100%;
        max-width:430px;
    }

}


/*======================================================
  SMALL MOBILE
======================================================*/

@media (max-width:420px){

    .revoxe-seat-display{
        padding:50px 14px 55px;
    }

    .revoxe-seat-display__header h2{
        font-size:28px;
    }

    .revoxe-seat-display img{
        max-width:380px;
    }

}


/*======================================================
 REVOXE FEATURES
======================================================*/

.revoxe-seat-features{

    background:#fff;

    padding:70px 40px 80px;

}

.revoxe-seat-features-grid{

    max-width:1500px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(7,1fr);

    gap:34px;

}

.revoxe-seat-feature{

    text-align:center;

}

.revoxe-seat-feature-icon{

    width:84px;

    height:84px;

    margin:0 auto 18px;

    border:2px solid #b8955f;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s ease;

}

.revoxe-seat-feature-icon i{

    font-size:34px;

    color:#7d6235;

    transition:.35s;

}

.revoxe-seat-feature h4{

    margin:0;

    font-family:"Manrope",sans-serif;

    font-size:17px;

    line-height:1.45;

    color:#1d1d1d;

    font-weight:500;

}

.revoxe-seat-feature:hover .revoxe-seat-feature-icon{

    background:#b8955f;

    transform:translateY(-6px);

}

.revoxe-seat-feature:hover .revoxe-seat-feature-icon i{

    color:#fff;

}

.revoxe-seat-feature:hover h4{

    color:#b8955f;

}


/* Tablet */

@media(max-width:1200px){

.revoxe-seat-features-grid{

grid-template-columns:repeat(4,1fr);

}

}


/* Mobile */

@media(max-width:767px){

.revoxe-seat-features{

padding:55px 20px;

}

.revoxe-seat-features-grid{

grid-template-columns:repeat(2,1fr);

gap:28px 18px;

}

.revoxe-seat-feature-icon{

width:72px;

height:72px;

}

.revoxe-seat-feature-icon i{

font-size:28px;

}

.revoxe-seat-feature h4{

font-size:15px;

}

}

/*======================================================
  REVOXE SEAT GALLERY
======================================================*/

.revoxe-seat-gallery{
    position:relative;
    overflow:hidden;

    width:100%;

    padding:90px 40px;

    background:#ffffff;
}

.revoxe-seat-gallery-grid{
    max-width:1600px;

    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;

    align-items:center;
}

.revoxe-seat-gallery-card{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    background:#ffffff;

    overflow:hidden;

    transition:
        transform .35s ease,
        opacity .35s ease;
}

.revoxe-seat-gallery-card img{
    display:block;

    width:100%;
    max-width:320px;
    height:auto;

    object-fit:contain;

    transition:
        transform .45s ease;
}

/* Hover */

.revoxe-seat-gallery-card:hover{
    transform:translateY(-8px);
}

.revoxe-seat-gallery-card:hover img{
    transform:scale(1.04);
}


/*======================================================
  TABLET
======================================================*/

@media (max-width:1200px){

    .revoxe-seat-gallery{
        padding:75px 30px;
    }

    .revoxe-seat-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px;
    }

    .revoxe-seat-gallery-card img{
        max-width:300px;
    }

}


/*======================================================
  MOBILE
======================================================*/

@media (max-width:767px){

    .revoxe-seat-gallery{
        padding:55px 16px;
    }

    .revoxe-seat-gallery-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .revoxe-seat-gallery-card{
        padding:10px;
    }

    .revoxe-seat-gallery-card img{
        width:100%;
        max-width:300px;
    }

    .revoxe-seat-gallery-card:hover,
    .revoxe-seat-gallery-card:hover img{
        transform:none;
    }

}


/*======================================================
 REVOXE MOBILE HERO OVERRIDE
======================================================*/

@media only screen and (max-width:767px){

    /* Reduce overall hero height */
    .revoxe-slider,
    .revoxe-hero,
    .revoxe-hero-slider,
    .swiper,
    .swiper-slide{
        height:72vh !important;
        min-height:580px !important;
        max-height:700px !important;
    }

    /* Show more of the image */
    .revoxe-slider img,
    .revoxe-hero img,
    .swiper-slide img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center top !important;
        background:#000;
    }

    /* Slightly reduce dark overlay */
    .revoxe-hero-overlay{
        opacity:.55 !important;
    }

    /* Content positioning */
    .revoxe-hero-content{
        left:30px !important;
        right:30px !important;
        bottom:55px !important;
        max-width:90% !important;
    }

    /* Heading */
    .revoxe-hero-title{
        font-size:48px !important;
        line-height:.95 !important;
        letter-spacing:-1px !important;
        margin-bottom:18px !important;
    }

    /* Description */
    .revoxe-hero-description,
    .revoxe-hero-text{
        font-size:16px !important;
        line-height:1.7 !important;
        max-width:100% !important;
        margin-bottom:28px !important;
    }

    /* Button */
    .revoxe-hero-btn{
        height:52px !important;
        padding:0 28px !important;
        font-size:11px !important;
        letter-spacing:2px !important;
    }

}