@charset "utf-8";  
/*
font-family: "Cormorant Garamond", serif;

  Acumin Pro Regular
font-family: "acumin-pro", sans-serif;
font-weight: 400;
font-style: normal;

Acumin Pro Italic
font-family: "acumin-pro", sans-serif;
font-weight: 400;
font-style: italic;

Acumin Pro Bold
font-family: "acumin-pro", sans-serif;
font-weight: 700;
font-style: normal;

Acumin Pro Bold Italic
font-family: "acumin-pro", sans-serif;
font-weight: 700;
font-style: italic;
*/

input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }


html{/*-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%; -webkit-overflow-scrolling: touch;*/
  scroll-snap-type: none;/*scroll-snap-type: none;*/scroll-behavior: smooth;padding:0 !important;margin:0 !important;}
html.sticky-visible{scroll-snap-type: y mandatory;}

html.proximity{scroll-snap-type: y proximity;}
html.proximity.sticky-visible{scroll-snap-type: y proximity;}
html.mandatory{scroll-snap-type: y mandatory;}


body{margin: 0;padding:0;font-family: var(--cormorant-garamond-font); font-size: calc(20 / var(--main-width));line-height: 110%;font-weight: 400;background-color:var(--beige-color);overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{color: var(--red-color);}
div, h1, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#000000;text-decoration:none;outline: none;position: relative;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

p{line-height:1.3;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
.webhide{display:block;}
.mobilehide{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

:root{
   --main-width: 1440 * 1440px; 
   --white-color: #ffffff;
   --black-color: #000000; 
   --red-color: #6B1219;  
   --beige-color: #EFE9D8;
   --cormorant-garamond-font: "Cormorant Garamond", serif; 
}

.web{display:grid !important;}
.mobile{display:none !important;}


a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a)::before{content:'';position: absolute;width: 100%;height: calc(1 / var(--main-width));background-color: var(--magenta-color);bottom:calc(2 / var(--main-width));left: 0;transform-origin: center;transform: scaleX(0);transition: transform .2s ease-in-out;}
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a):hover::before,
a:not(.logo,.btn,.menu,.btn-slick,.client-info .column>a,.brand>a).active::before{transform-origin: center;transform: scaleX(1);}


/* .web {display: block;}
.mobile {display: none;} */
#outer-wrapper {width: 100%;position: relative;margin: 0;}

/* header{width:100%;height: calc(109 / var(--main-width));background-color: var(--red-color); margin:0;padding:0;z-index:999;position:fixed;top:0;left: 0;z-index: 99;transition: all .5s ease;overflow: hidden;}
header #header{width: 100%;height:calc(109 / var(--main-width));max-width:calc(1440 / var(--main-width));margin:0 auto;padding:0 calc(78 / var(--main-width));position:relative;z-index: 10;}
header .logo{width:100%;height: 100%;;display: flex;align-items: center;justify-content: center; position:absolute;left: 0;top: 0;background-image:none !important;background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;z-index:99999999;transition: all .5s ease;}
header .logo img{width: calc(56 / var(--main-width));}   */

body.smhead header{width:100%;height: calc(110 / var(--main-width));background-color: var(--red-color); margin:0;padding:0;z-index:999;position:fixed;top:0;left: 0;z-index: 99;transition: all .5s ease;/*transform: scale3d(1, 1, 1);*/overflow: visible; /*backdrop-filter: blur(10px);*/}
body.smhead header #header{width: 100%;height:calc(110 / var(--main-width));max-width:calc(1440 / var(--main-width));margin:0 auto;padding:0 calc(78 / var(--main-width));position:relative;z-index: 10;}
body.smhead header .logo{width:auto;height: 100%;;display: flex;align-items: center;justify-content: flex-start; position:absolute;left: calc(40 / var(--main-width));;top: 0;background-image:none !important;background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;z-index:99999999;transition: all .5s ease;}
body.smhead header .logo img{width: calc(281.99493408203125 / var(--main-width));}  

.logo {width: calc(251 / var(--main-width));/*height: calc(402 / var(--main-width));*/}
.logo .path{opacity: 0;animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}
#logo7   { animation-delay: 0s; }
#old     { animation-delay: 0.25s; }
#park    { animation-delay: 0.50s; }
#lane    { animation-delay: 0.75s; }
#mayfair { animation-delay: 1s; }
#dots    { animation-delay: 1.5s; } /* + extra 0.3s */
@keyframes fadeInUp {0% {opacity: 0; } 100% {opacity: 1; }}

/* body.no-shade .shade{display: none !important;} */

main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/background-color: var(--beige-color);display: grid;grid-template-columns: 1fr;}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 100%;margin: 0;padding: 0;position: relative;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;display: none;}
.inner {width: 100%;/*max-width: 1440px;margin: 0 auto;*/padding: 0;position: relative;}
video{width: 100%;height: 100%;object-fit: cover;border:0;object-position: center center;}

/* .logo-stagger{height: 661px;background-color: transparent;width: 1px;position: absolute;bottom: -660px;left: 0;visibility: hidden;display: none !important;} */


:where(h1,h2,h3,h4,h5,h6,p,ul,li){font-family: var(--cormorant-garamond-font);color: var(--red-color);font-display:auto;font-style:normal;font-stretch:normal;color: var(--red-color);}
:where(h1,h2,h3,h4,h5,h6){font-weight: 500;}
:where(p,ul,li){font-weight: 400;}
h1{font-size: calc(82.32 / var(--main-width));line-height: 110.00000000000001%;letter-spacing: 0.10em;text-align: center;text-transform: uppercase;}
/* h2{font-size: 35px;line-height: 100%;} 
h2 .small{font-size: 70px;line-height: 51px;color: var(--red-color);}*/
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 12px;}
h6{font-size: 12px;}
p,li:not(nav ul li){font-size: calc(20 / var(--main-width));line-height: 110%;}
/* :where(p,li):last-of-type {margin-bottom: 0;} */
ul{list-style: disc;}
blockquote{background-color: #f3f4f7;width: auto;padding:75px 20px 20px 20px;float: left;margin: 0;margin-bottom: 20px;position: relative;}
blockquote::before{width: auto;position: absolute;left: 20px;top: 0; content: "“";font-size: 136px;font-family: Arial, Helvetica, sans-serif;height: 50px;margin-left: -5px;}

.btn {min-width: calc(208.63 / var(--main-width));height: calc(54.63 / var(--main-width));text-transform: uppercase; background: transparent;border: 1px solid var(--red-color);color: var(--red-color);
  padding: calc(0 / var(--main-width)) calc(25 / var(--main-width)) calc(0 / var(--main-width)) calc(25 / var(--main-width));border-radius: 50px;cursor: pointer;transition: 0.3s;display: inline-flex;align-items: center;font-size: calc(14 / var(--main-width));line-height: calc(9 / var(--main-width));letter-spacing: 0.25em;font-family: "acumin-pro", sans-serif;font-weight: 400;font-style: normal;justify-content: start;align-self: self-end;position: relative;}
.btn::after{content: "";width: calc(21 / var(--main-width));height: calc(21 / var(--main-width));position: absolute;right: calc(22 / var(--main-width));top: calc(17 / var(--main-width));background: url('../images/arrow-up.svg') no-repeat center;background-size: 100% auto;}
.btn:hover{background: var(--red-color);color: var(--beige-color);}
.btn:hover::after{background: url('../images/arrow-up-h.svg') no-repeat center;background-size: 100% auto;}

.btn.download{left: calc(6 / var(--main-width));}
.btn.download::after{content: "";width: calc(14 / var(--main-width));height: calc(14 / var(--main-width));top: calc(11 / var(--main-width));right: calc(13 / var(--main-width));background: url('../images/download-icon.png') no-repeat center;background-size: 100% auto;}
.btn.download:hover::after {background: url('../images/download-icon-hover.png') no-repeat center;background-size: 100% auto;}/* 
.video-box{ position:sticky;position: -webkit-sticky;height: 100vh;float:left; width: 100%;position:relative;}
.video-box img{width: 100%; float:left;height:100%;}
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }
 @media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
 @media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}
.video-box .player{ position: absolute !important; top: 0; left:0; width: 100%; height: 100vh; background-color:#000000; } */

.hero-box .animation-box.hide{opacity: 0;visibility: hidden;transition: all 0.75s;}
.hero-box{background-color:var(--blue-color);height: 100dvh;z-index: 100;scroll-snap-align: center;/*scroll-snap-stop: always;*/}
.hero-box :where(.image-maskig-animation,.slide-repeat, /* .hero-animation-box,*/.animation-box){width:100%;height:100%;display: grid;grid-template-columns: 1fr;position: relative;justify-items: center;align-items: center;}
.hero-box .bg{background-color:var(--blue-color);width: 100%;height: 100%;overflow: hidden;position: relative;background-image:none !important ;}
.hero-box .bg img{width: 140%;height: 100%;object-fit: cover;display: block;transform: translateX(-20%);object-position:bottom left;}
/* .hero-box .animation-box{position: absolute;left: 0;top: 0;right: 0; bottom: 0;opacity: 0;visibility: hidden;transition: all 0.5s;} */
/* .hero-box .video{max-width: 1440px;padding: 0 calc(65 / var(--main-width));} */
.hero-box .video video{height: 100dvh;/*max-height: calc(900 / var(--main-width));padding: 0 calc(65 / var(--main-width));*/}
/* .hero-box .logo{max-width: 1440px;padding: 0 calc(65 / var(--main-width));} */
.hero-box .logo :where(img,svg){width: calc(559 / var(--main-width));} 
.hero-box .hero-cover-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.hero-box .hero-cover-box .hero-cover{position: absolute;width: 50%;height: 100%;bottom: 0;top: 0;background-color: var(--blue-color);}
.hero-box .hero-cover-box .hero-cover.left{left: 0;}
.hero-box .hero-cover-box .hero-cover.a-rt{right: 0;}
.hero-cover.left,
.hero-cover.a-rt{transform: translateX(0);}
/* body.animate .hero-box .video{opacity: 0;visibility: hidden;} */
/* body.animate .hero-box aside h1{opacity: 0;transform: translateX(200px);}
body.animate .hero-box aside h1:last-of-type,
body.animate .hero-box aside p{opacity: 0;transform: translateX(-200px);} */

.hero-box .hero-logo-box{width: 100%;height: 100%;display: grid;position: absolute;left: 0;top: 0;right: 0; bottom: 0;align-items: center;justify-items: center;}

/*START: Hero Image pan animation effect*/
/*.hero {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}*/

.hero-box img { 
  position: absolute;
  left: 0; 
  
	/*animation: panMove 8s ease-in infinite alternate;*/
  animation: panMove 25s linear infinite alternate;
}

@keyframes panMove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20%);
  }
}
/*END: Hero Image pan animation effect*/

.two-column-box{padding: 0;}
/*.two-column-box .inner{max-width: 100%;} */
.info-box{padding: /*calc(175 / var(--main-width))*/ 0;scroll-snap-align: center;/*scroll-snap-stop: always;*/height: 100dvh;} 
.info-box article{align-items: center;justify-items: center;min-height: 100dvh;max-height: calc(950 / var(--main-width));} 
.info-box .info{width: calc(700 / var(--main-width));position: relative;justify-items: center;display: grid;}
.info-box .info>div{width: 100%;position: relative;justify-items: center;display: grid;}
.info-box .info h1{width: 100%;display: grid;margin-bottom: calc(80 / var(--main-width));}
.info-box .info span{font-size: calc(30 / var(--main-width));line-height: 130%;letter-spacing: 0.24em;font-weight: 400;}
.info-box .info p a::before{background-color: var(--red-color);}
.info-box .info ul{padding-left: calc(24 / var(--main-width));}
.info-box .info :where(p,ul){margin-bottom: calc(15 / var(--main-width));}

.info-box .info p{text-align: center;font-size: calc(35 / var(--main-width));line-height: 110.00000000000001%;margin-bottom: calc(15 / var(--main-width));text-align:center;
   overflow:hidden;}
.info-box .info .small{margin-top: calc(95 / var(--main-width));font-family: "acumin-pro", sans-serif;font-weight: 400;font-style: normal;text-align: center;font-size: calc(14 / var(--main-width));line-height: 130%;letter-spacing: 0.25em;text-transform: uppercase;margin-bottom: calc(30 / var(--main-width));}
.split-child {display: inline-block;}

.split-line{overflow: hidden;display: inline-block;} 

.info-box .info p:not(.small) .split-parent{overflow: hidden;height: calc(42 / var(--main-width));text-align:center;}
.info-box .info .small .split-parent{overflow: hidden;height: calc(18.5 / var(--main-width));text-align:center;}

/* .fade-in {
   opacity: 1; 
   transform: translateY(20%);
 }

 .fade-in.visible {
   animation: slideUp 0.8s ease-out forwards;
 }
 @keyframes slideUp {
   0% {
     transform: translateY(20%);
     opacity: 0;
   }
   100% {
     transform: translateY(0);
     opacity: 1;
   }
 }  */

 .sticky-section {
   position: relative;
  scroll-snap-align: center;
  /* scroll-snap-stop: always;
  height: 100vh;
  overflow-y: hidden;
  scroll-snap-type: y mandatory;  
   scroll-snap-align: center; */
   /* scroll-snap-stop: always;  */
} 
 /* ---- LEFT — sticky image column (desktop) ---- */ 
 .sticky-left {
   position: sticky;
   top: 0;
   width: 50%;
   height: 100dvh; 
   overflow: hidden;
   float: left;
   /* position: absolute;
    left: 0;
    top: 0; 
    z-index: 1;*/
 }
 
 /* All images stacked, crossfade via JS */
 .s-img {
   position: absolute;
   inset: 0;
   opacity: 0;
   transition: opacity 1s ease;
 }
 .s-img.active { opacity: 1; }
 .s-img img { width: 100%; height: 100%; object-fit: cover; }
 
 /* ---- RIGHT — scrollable content (desktop) ---- */
 .sticky-right { 
  width: 100%;
  position: relative;
  z-index: 2;
  /*height: 100dvh;
  overflow-y: auto;  
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;*/
}
 
 .s-block {
   height: 100dvh; 
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0; 
   text-align: center;
   background: var(--beige-color);

   scroll-snap-align: center;
   /* scroll-snap-stop: always;  */
   width: 50%;
   justify-self: right;
 }
 .s-block:nth-child(even) { background: var(--beige-color); }
 
.s-block-inner {
   /*opacity: 0;
   transform: translateY(28px);
   transition: opacity 0.8s ease, transform 0.8s ease;*/
   max-width: calc(537 / var(--main-width));
	 display:grid;
justify-items: center;
height: 100dvh; 
 } 
 
 .s-block-inner>div{
  display: grid;
  justify-items: center; 
  align-self: center;
}
 .s-block-inner.visible { opacity: 1; transform: translateY(0); }
 
 /* Mobile image — hidden on desktop */
 .s-block-img-mobile { display: none; }
 
 /* ---- Shared panel typography ---- */
 
.sticky-right .s-block h2,
.sticky-right .s-block h3,
.sticky-panel-title {
      font-family: var(--cormorant-garamond-font);
     font-size: calc(35 / var(--main-width));
     letter-spacing: 10%;
     line-height: 110.00000000000001%;
     color: var(--red-color);
     font-weight: 500;
     margin-bottom: calc(16 / var(--main-width));
   max-width: calc(380 / var(--main-width));
 }
 
 /* Rounded capsule thumbnail image */
 .sticky-panel-thumb {
   width: calc(170 / var(--main-width));
   height: calc(298 / var(--main-width));
   border-radius: 100px;
   overflow: hidden;
   margin: calc(80 / var(--main-width)) auto calc(96 / var(--main-width));
 }
 
 .sticky-panel-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
.sticky-right .s-block p,
.sticky-panel-text {
 font-family: var(--cormorant-garamond-font);
     font-size: calc(20 / var(--main-width));
     letter-spacing: 0%;
     line-height: 110.00000000000001%;
     color: var(--red-color);
     font-weight: 400;color: var(--red-color);max-width: calc(385 / var(--main-width));
 }

 .sticky-right .s-block:nth-of-type(1) p,
 .sticky-right .s-block:nth-of-type(1) .sticky-panel-text{
  max-width: calc(385 / var(--main-width));
 }
 .sticky-right .s-block:nth-of-type(2) p,
 .sticky-right .s-block:nth-of-type(2) .sticky-panel-text{
  max-width: calc(307 / var(--main-width));
 }
 .sticky-right .s-block:nth-of-type(3) p,
 .sticky-right .s-block:nth-of-type(3) .sticky-panel-text{
  max-width: calc(400 / var(--main-width));
 }
 
 .sticky-panel-link {
   font-family: var(--font-sans);
   font-size: 0.6rem;
   letter-spacing: 0.2em;
   color: var(--text-light);
   border-bottom: 1px solid currentColor;
   padding-bottom: 2px;
   transition: color var(--transition);
 }
 
 .sticky-panel-link:hover {
   color: var(--burgundy);
 }

/* .fade-in {
   opacity: 1; 
   transform: translateY(20%);
 }

 .fade-in.visible {
   animation: slideUp 0.8s ease-out forwards;
 }
 @keyframes slideUp {
   0% {
     transform: translateY(20%);
     opacity: 0;
   }
   100% {
     transform: translateY(0);
     opacity: 1;
   }
 }  */

.carousel-section {width: 100%;overflow: hidden;position: relative;}
.carousel-section .carousel {width: 100%;position: relative;display: grid;grid-template-columns: 1fr;}
.carousel-section .carousel .carousel-track {width: 100%;height: 100dvh;max-height: calc(860 / var(--main-width));}
.carousel-section .carousel .carousel-track figure{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
/* .slick-slide img{display: block;} */
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

 .btn-slick{width:calc(40 / var(--main-width));height:calc(40 / var(--main-width));z-index: 9;background-color: rgba(255,255,255,.3);border-radius: 50%; background-repeat:no-repeat;background-size:calc(24 / var(--main-width)) calc(24 / var(--main-width));background-position:center center;position:absolute;bottom:auto;top:50%;}
 .btn-slick.prev{background-image: url(../images/arrow-l.svg);right:0px;left:calc(50 / var(--main-width));}
 .btn-slick.next{background-image: url(../images/arrow-r.svg);right: calc(50 / var(--main-width));}
 

.slick-dots{position:absolute;height:auto;width:100%;bottom:20px;right:0;background-color:transparent;z-index:99;text-align:center;display: none!important;}
.slick-dots li{width:12px !important;height:12px !important;margin:10px;border-radius:100%;background-color:transparent;margin-bottom: 0 !important; text-indent: -999em;padding:0; float:none;display:none;text-align:center;border:1px solid #000000;display:inline-block;}
.slick-dots li.slick-active{background-color:#000000;}
 .slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;}

/* Arrows */  
.flex-direction-nav {width:100%;height: auto;position:absolute;left:0;top:0;list-style:none !important;z-index:1;}
.flex-direction-nav a {width:40px;height:40px;background:#fff ;position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:249px;z-index:9;background-repeat:no-repeat;background-position:center center;background-size:100% auto;text-decoration:none;}
.flex-direction-nav a.flex-next{background-image: url(../images/next-slide-arrow.png);right:54px;}  
.flex-direction-nav a.flex-prev{background-image: url(../images/prev-slide-arrow.png);left:54px;}
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}     
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default !important;/*display:none;*/ }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-control-paging {width:auto;list-style:none;position:absolute;left:0;bottom:14px;z-index:2;text-align:center;display:block;}
.flex-control-paging li{width:auto;display:inline-block;}
.flex-control-paging li a{width:10px;height:10px;border-radius:100%;float:left;margin-right:9px;text-align:center;text-decoration:none;font-size:0px;background-color:#ffffff;border:1px solid #272727;opacity:1;position:relative;text-decoration:none;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{width:10px;height:10px;background-color:#272727;border-radius:100%;opacity:1;}
main .img-info-box.dots-r .flex-control-paging {left:auto;right: 90px;}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important; /* background color */
     transition: background-color 5000s ease-in-out 0s; /* prevents flash */
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
}

/* Firefox */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
     background:transparent;
     font-family: var(--adobe-caslon-pro-font);
      font-family: var(--adobe-caslon-pro-font) !important;
         color: var(--magenta-color) !important;
 }

 .logout{position:absolute;right:calc(20 / var(--main-width));top:calc(33 / var(--main-width));padding:0 calc(25 / var(--main-width)) 0 calc(25 / var(--main-width));}
.btn.logout::after{display:none;}


/*footer -------------------3----------------- 
html{margin-top:0 !important;}*/
footer {width: 100%;margin:0;padding:calc(114 / var(--main-width)) 0 calc(84 / var(--main-width)) 0;background-color:var(--red-color);scroll-snap-align: center;scroll-snap-stop: always;}
footer #footer{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 calc(78 / var(--main-width));position: relative;} 
 
 .footer-grid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   align-items: start;
   padding-bottom: calc(44 / var(--main-width));
 }
 .footer-grid > :nth-child(2) {
   margin-left: calc(-75 / var(--main-width));
 }
 .footer-col { padding-right: 0; }
 .footer-col:last-child { padding-right: 0; }
 .footer-col .logo, .footer-logo {
   display: flex;
   align-items: flex-start;
       width: calc(136.89297485351562 / var(--main-width));
 }
 .footer-col-label {
 width: 100%;
     font-size: calc(12 / var(--main-width));
     letter-spacing: 25%;
     line-height: calc(17 / var(--main-width));
     color: var(--beige-color);
     font-weight: 400;
     margin-bottom: calc(16 / var(--main-width));
     text-transform: uppercase;
     margin-bottom: calc(32 / var(--main-width));
     font-family: "acumin-pro", sans-serif;
 font-weight: 400;
 font-style: normal;
 }
 .footer__dev-logos {
   display: flex;
   flex-direction: column;
   gap: calc(27 / var(--main-width));
 }
 .footer__dev-name:hover { opacity: 0.7; }
 .footer-oval-logo {
   width: calc(114.46 / var(--main-width));
 }
 .footer-svp-logo {
   width: calc(109 / var(--main-width));
 }
 .footer-col--contact { padding-top: 0; }
 .footer__brand-logo {
   display: block;
   color: var(--beige-color);
   text-decoration: none;
   line-height: 1;
   margin-bottom: 16px;
   transition: opacity var(--transition);
 }
 .footer__brand-logo:hover { opacity: 0.7; }
 .footer-logo-rx {
     width: calc(78 / var(--main-width));
 
 }
 
 
 /* EiA — spaced serif */
 .footer-logo-eia {
     width: calc(128 / var(--main-width));
 
 }
 
 .footer-people {
   display: flex;
   flex-direction: column;
   gap: calc(30 / var(--main-width));
   margin-top: calc(30 / var(--main-width));
 }
 
 .footer-person {
   display: flex;
   flex-direction: column;
 }
 
 .footer-person p {
   font-family: var(--cormorant-garamond-font);
    font-size: calc(20 / var(--main-width));
     letter-spacing: 0;
     line-height: 130%;
     color: var(--beige-color);
     font-weight: 500;
     margin-bottom: 0;
 }
 
 .footer-person a {
   font-family: var(--cormorant-garamond-font);
    font-size: calc(20 / var(--main-width));
     letter-spacing: 0;
     line-height: calc(10 / var(--main-width));
     color: var(--beige-color);
   text-decoration: none;
   transition: color var(--transition);position: relative;
 }
 .footer-person a::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -2px;
   width: 0;
   height: 1px;
   background-color: var(--beige-color);
 transition: width 0.4s ease-in-out;}
 .footer-person a:hover::after {
   width: 100%;
 }
 .footer-person a:hover { color: var(--beige-color); }
 
 .footer-bottom {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   padding: calc(23 / var(--main-width)) 0 0;  border-top: 1px solid #EFE9D8;
 
 }
 
 .footer-address {
   grid-column: 1 / 2;
     font-family: var(--cormorant-garamond-font);
     font-size: calc(12 / var(--main-width));
     letter-spacing: 25%;
     line-height: 130%;
     color: var(--beige-color);
   font-family: "acumin-pro", sans-serif;
 font-weight: 400;
 font-style: normal;}
 
 .footer-bottom-links {width:100%;}
 .footer-bottom-links .menu-footer-termserv-menu-container ul {width:100%;display: grid;grid-template-columns: 1fr 1fr;align-items: center;list-style-type:none;}
  .footer-bottom-links li{width:100%;margin:0;padding:0;float:left;}
  .footer-bottom-links a {font-family: var(--cormorant-garamond-font);text-transform:uppercase;
     font-size: calc(12 / var(--main-width));
     letter-spacing: 25%;
     line-height: 130%;
     color: var(--beige-color);
   font-family: "acumin-pro", sans-serif;
 font-weight: 400;
 font-style: normal;  padding: 0;
 }
 .footer-bottom-links a::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -2px;
   width: 0;
   height: 1px;
   background-color: var(--beige-color);
 transition: width 0.4s ease-in-out;}
 .footer-bottom-links a:hover::after {
   width: auto;
 }
 .footer-bottom-links li:first-child { padding-right: 0; }
  
/*Footer-end====*/
/* TERMS AND PRIVACY */
.terms {width: 100%;padding: calc(110 / var(--main-width)) 0px calc(150 / var(--main-width));}
.terms .inner {width: 100%;max-width: calc(1440 / var(--main-width));margin: 0 auto;padding:  calc(100 / var(--main-width))  calc(40 / var(--main-width)) 0;}
.terms-content {
    display: grid;
    grid-template-columns: 
        calc(555 / var(--main-width)) 
        calc(670 / var(--main-width));
    column-gap: calc(135 / var(--main-width));

    align-items: start;
}
/*.terms-content .left {
    position: sticky;
top: calc((110 + 100) / var(--main-width));
}
.terms-content .right {
    top: calc((110 + 100) / var(--main-width));
}*/

.terms-content h1 {width: 100%;font-size: calc(45 / var(--main-width));line-height: 110.00000000000001%;letter-spacing: 10%; margin-bottom: calc(50 / var(--main-width));
color: var(--red-color);font-weight: 500;text-align: left;font-family: var(--cormorant-garamond-font);}
.terms-content p {width: 100%;font-size: calc(20 / var(--main-width));line-height: 110.00000000000001%;letter-spacing: 0%;margin-bottom: calc(15 / var(--main-width));
color: var(--red-color);}
.terms-content h2, .terms-content h3 {width: 100%;font-size: calc(20 / var(--main-width));margin: calc(30 / var(--main-width)) 0 calc(5 / var(--main-width));color: var(--red-color);font-weight: 600;}
.terms-content ul {width: 100%;font-size: calc(20 / var(--main-width));margin: calc(30 / var(--main-width)) 0 calc(15 / var(--main-width));color: var(--red-color);}
.terms-content ul li {font-size: calc(20 / var(--main-width));margin: calc(1 / var(--main-width)) 0 calc(1 / var(--main-width)) calc(30 / var(--main-width));
color: var(--red-color);}
.terms-content ul li::marker {
    font-size: calc(14 / var(--main-width));
}
.terms-content a {color: var(--red-color);text-decoration: underline;}
/*error 404*/
.error-404{width:100%;margin:calc(109 / var(--main-width)) 0 0 0;padding:0;float:left;text-align:center;}
.error-404 .t-inner{width:100%;margin:0 0;padding:0;display:inline-block;text-align:center;max-width: 58%;}
.error-404 .t-inner div{width:68%;margin:0 0 0 4%;padding:0;float:left;text-align:left;}
.error-404 .t-inner div h1{width:100%;float:left;font-size: calc(35 / var(--main-width));line-height: 1;margin-bottom: calc(20 / var(--main-width));
color: var(--red-color);font-weight: bold;text-align: left;}
.error-404 .t-inner p{width:100%;font-size: calc(20 / var(--main-width));line-height: calc(26 / var(--main-width));letter-spacing: -0.03%;margin-bottom: calc(15 / var(--main-width));
color: var(--red-color);position:relative;}
.error-404 .t-inner img{width:26.8%;margin:0 0;padding:0;float:left;}
.error-404 .t-inner a.btn{text-decoration: none;min-width: calc(163.63 / var(--main-width));}
/*error 404*/
/* TERMS AND PRIVACY END */

@media only screen and (min-width:768px) and (max-width:1440px) {

:root{
   --main-width: 1440 * 100dvw;  
}
}

@media only screen and (min-width:0px) and (max-width:767px) {
  html{/*-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%; -webkit-overflow-scrolling: touch;*/
    scroll-snap-type: none;/*scroll-snap-type: none;*/scroll-behavior: smooth;}
  html.sticky-visible{scroll-snap-type: none;}
  
  html.proximity{scroll-snap-type: none;}
  html.proximity.sticky-visible{scroll-snap-type: none;}
  html.mandatory{scroll-snap-type: none;}


   :root{--main-width: 375 * 100dvw;}

   .web {display: none;}
   .mobile {display: block;}
	.webhide{display:none;}
.mobilehide{display:block;}
body.smhead header {height: calc(60 / var(--main-width));}
body.smhead header #header {height: calc(60 / var(--main-width));padding: 0 calc(0 / var(--main-width));}
body.smhead header .logo img {width: calc(150.994934 / var(--main-width));}
  main {
    z-index: 2;
}

  /* Hero */
  .hero__number {
    font-size: clamp(5rem, 22vw, 8rem);
  }
.logo {
    width: calc(142.35675048828125 / var(--main-width));
}
	
.hero-box{height: 100svh;}
	
  /* Art of work */
  .art-of-work {padding: 80px 24px;}
  h1 {font-size: calc(38 / var(--main-width));line-height: 110.00000000000001%;letter-spacing: 0.10em;}
.info-box {padding: 0/*calc(160 / var(--main-width)) 0 calc(217 / var(--main-width));*/}
.info-box article {max-height: initial;min-height: 100svh;/*padding: calc(160 / var(--main-width)) 0 calc(217 / var(--main-width));*/}
.info-box .info {width: 82%;}
.info-box .info span {font-size: calc(22 / var(--main-width));}
.info-box .info h1 {margin-bottom: calc(62 / var(--main-width));}
.info-box .info p {font-size: calc(22 / var(--main-width));line-height: calc(27 / var(--main-width));margin-bottom: calc(15 / var(--main-width));letter-spacing: -1%;width: 95%;}
.info-box .info .small {margin-top: calc(45 / var(--main-width));font-size: calc(12 / var(--main-width));}

.info-box .info p:not(.small) .split-parent{height: calc(27 / var(--main-width));}
.info-box .info .small .split-parent{height: calc(15.59 / var(--main-width));}


.btn {
    min-width: calc(178 / var(--main-width));
    height: calc(45 / var(--main-width));
    padding: calc(0 / var(--main-width)) calc(19.5 / var(--main-width)) calc(0 / var(--main-width)) calc(19.5 / var(--main-width));
    font-size: calc(12 / var(--main-width));
    line-height: calc(9 / var(--main-width));
    letter-spacing: 0.25em;
	border: 1px solid var(--red-color);
	background: var(--red-color);color: var(--beige-color);
}
	.btn:hover{background: var(--beige-color);color: var(--red-color);
	border: 1px solid var(--red-color);}
.btn::after {
    content: "";
    width: calc(21 / var(--main-width));
    height: calc(21 / var(--main-width));
    right: calc(17 / var(--main-width));
    top: calc(11 / var(--main-width));
	background: url('../images/arrow-up-h.svg') no-repeat center;
   
}   
.btn:hover::after{background: url('../images/arrow-up.svg') no-repeat center;}

  /* ---- MOBILE STICKY SECTION ----
     Each block:
     - image sticks to top of viewport (position:sticky)
     - content card slides up and overlaps the image
     - next image sticks when its block reaches top
  */
  .sticky-left  { display: none; }
  .sticky-right { margin-left: 0; }

  /* Each block is tall enough for image + content overlap */
  .s-block {
    height: auto;
    min-height: auto;
    padding: 0;
    background: transparent;
    display: block;
    position: relative;
    width: 100%;
    justify-self: left;
  }

  /* Image wrapper — sticky to top, full viewport width */
  .s-block-img-mobile {
    display: block;
    position: sticky;
    top: 0;
    width: 100%;
    /*height: 100svh;
    max-height: calc(475 / var(--main-width));
    overflow: hidden;*/
    z-index: 1;
  }

  .s-block-img-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* Content card — sits below image in flow,
     negative margin pulls it UP to overlap sticky image */
  .s-block-inner {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding: calc(90 / var(--main-width)) 0;
    opacity: 1;
    transform: none;
    max-width: 100%;
    /* min-height pushes next block's image to scroll over this one */
    min-height: 60vh;
    background-color: #EFE9D8!important;justify-content: center;
        display: grid;
  }

.sticky-right .s-block h2,
.sticky-right .s-block h3,
	.sticky-panel-title {
    font-size: calc(28 / var(--main-width));
    margin-bottom: calc(10 / var(--main-width));
		max-width: calc(300 / var(--main-width));
}
.sticky-panel-thumb {
    width: calc(155.4348602294922 / var(--main-width));
    height: calc(272 / var(--main-width));
    margin: calc(50 / var(--main-width)) auto calc(60 / var(--main-width));
}

.sticky-right .s-block p,
	.sticky-panel-text {
    font-size: calc(18 / var(--main-width));
    letter-spacing: 1%;
    max-width: calc(280 / var(--main-width));
}

 .sticky-right .s-block:nth-of-type(1) p,
.sticky-right .s-block:nth-of-type(1) .sticky-panel-text{
  max-width: calc(280 / var(--main-width));
 }
	
 .sticky-right .s-block:nth-of-type(2) p,
 .sticky-right .s-block:nth-of-type(2) .sticky-panel-text{
  max-width: calc(290 / var(--main-width));
 }
 .sticky-right .s-block:nth-of-type(3) p,
 .sticky-right .s-block:nth-of-type(3) .sticky-panel-text{
    max-width: calc(310 / var(--main-width));
  }

  .s-block:nth-child(even) .s-block-inner {
    background: var(--beige-color);
  }

  /* Vision */
  .vision {
    grid-template-columns: 1fr;
  }

  .vision__left {
    height: 70vw;
    min-height: 280px;
  }

  .vision__right {
    padding: 60px 24px;
  }
.terms {
    padding: calc(60 / var(--main-width)) 0px calc(60 / var(--main-width));
}
    .terms-content {
        grid-template-columns: 1fr;
        row-gap: 0px;
    }

    .terms-content .left {
        position: static;
        top: auto;
    }

    .terms-content .right {
        top: auto;
    }
.terms .inner {
    padding: calc(56 / var(--main-width)) calc(40 / var(--main-width)) 0;
}
.terms-content ul {
    font-size: calc(14 / var(--main-width));
    margin: calc(20 / var(--main-width)) 0 calc(20 / var(--main-width));
}
.terms-content ul li {
    font-size: calc(16 / var(--main-width));margin: calc(1 / var(--main-width)) 0 calc(1 / var(--main-width)) calc(18 / var(--main-width));
}
.terms-content ul li::marker {
    font-size: calc(10 / var(--main-width));
}
.terms-content h1 {
   font-size: calc(35 / var(--main-width));
    margin-bottom: calc(50 / var(--main-width));
}
.terms-content p {
    font-size: calc(16 / var(--main-width));
}
.terms-content h2, .terms-content h3 {
    font-size: calc(16 / var(--main-width));line-height: 100%;margin: calc(10 / var(--main-width)) 0 calc(5 / var(--main-width));
}
/*error 404*/
.error-404{padding:5.69158878504673vw 5.373831775700935vw 4.345794392523365vw;margin: 0;}
.error-404 .t-inner{width:100%;margin:0 0 0 0;max-width: 100%;}
.error-404 .t-inner figure{width:100%;margin-bottom:7.009345794392523vw;text-align:center;}
.error-404 .t-inner figure img{width:32.8%;float:none;display:inline-block;}
.error-404 .t-inner div {width: 100%;margin: 6vw 0 0 0px;padding: 0;float: left;text-align: center;}
.error-404 .t-inner div h1{margin-bottom:3.5046728971962615vw;text-align:center;font-size:6.763285024154589vw;line-height:7.971014492753622vw;}
.error-404 .t-inner div p{margin:0 0 3.4641288433382138vw 0;font-size: 3.3816425120772946vw;line-height: 4.830917874396135vw;text-align:center;}
.error-404 .t-inner img{width:26.8%;float: none;}
.error-404 .t-inner a.btn{min-width: calc(137.63 / var(--main-width));}
/*error 404*/
  footer {padding:calc(80 / var(--main-width)) 0 calc(35 / var(--main-width)) 0;background-color:var(--red-color);position:sticky;bottom: 0;left: 0;width: 100%;height: auto;z-index: 1;top: calc(0 / var(--main-width));
}
 footer #footer {
    padding: 0 calc(40 / var(--main-width)) 0;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: calc(50 / var(--main-width)) 0;
  }

  .footer-col {
    padding-right: 0;margin-top: calc(20 / var(--main-width));
  }
  .footer-col:first-child {
    margin-top: calc(0 / var(--main-width));
  }
.footer-col .logo, .footer-logo {
    width: calc(92 / var(--main-width));
}
.footer-grid > :nth-child(2) {
  margin-left: 0;
margin-top:0;
}
  .footer-bottom {
    grid-template-columns: 1fr;
    gap: calc(30 / var(--main-width));
    text-align: left;
    padding: calc(24 / var(--main-width)) 0 0;  }

  .footer-address {
    grid-column: 1;width: 75%;
  }
.footer-bottom-links .menu-footer-termserv-menu-container ul {grid-template-columns: 1fr;}

  .footer-bottom-links a:last-child {
    padding-left: 0;
    text-align: left;
}
.footer-bottom-links {
   display: grid;
  grid-column: 1;
  grid-template-columns: 1fr;gap: calc(14 / var(--main-width));

  padding-left: 0;
  }
  .footer-col-label {
    width: 100%;
    font-size: calc(12 / var(--main-width));
    letter-spacing: 25%;
    line-height: calc(17 / var(--main-width));
    color: var(--beige-color);
    margin-bottom: calc(24 / var(--main-width));
}
.footer__dev-logos {
    gap: calc(24 / var(--main-width));
}
.footer-oval-logo {
    width: calc(92.94413757324219 / var(--main-width));
}
.footer-svp-logo {
    width: calc(131 / var(--main-width));
}
.footer-person p {
font-size: calc(16 / var(--main-width));}
.footer-person a {
    font-size: calc(16 / var(--main-width));
}
.footer-logo-eia {
    width: calc(116.65161895751953 / var(--main-width));
}
}