@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Book.eot');
    src: url('../fonts/Stolzl-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Book.woff2') format('woff2'),
        url('../fonts/Stolzl-Book.woff') format('woff'),
        url('../fonts/Stolzl-Book.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Regular.eot');
    src: url('../fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Regular.woff2') format('woff2'),
        url('../fonts/Stolzl-Regular.woff') format('woff'),
        url('../fonts/Stolzl-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Medium.eot');
    src: url('../fonts/Stolzl-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Medium.woff2') format('woff2'),
        url('../fonts/Stolzl-Medium.woff') format('woff'),
        url('../fonts/Stolzl-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'TT Nooks Script';
    src: url('../fonts/TTNooksScript-Black.eot');
    src: url('../fonts/TTNooksScript-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNooksScript-Black.woff2') format('woff2'),
        url('../fonts/TTNooksScript-Black.woff') format('woff'),
        url('../fonts/TTNooksScript-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Thin.eot');
    src: url('../fonts/Stolzl-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Thin.woff2') format('woff2'),
        url('../fonts/Stolzl-Thin.woff') format('woff'),
        url('../fonts/Stolzl-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Bold.eot');
    src: url('../fonts/Stolzl-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Bold.woff2') format('woff2'),
        url('../fonts/Stolzl-Bold.woff') format('woff'),
        url('../fonts/Stolzl-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Light.eot');
    src: url('../fonts/Stolzl-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Light.woff2') format('woff2'),
        url('../fonts/Stolzl-Light.woff') format('woff'),
        url('../fonts/Stolzl-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}




html,
body {

    font-size: 0.052083333333333336vw;

}

::-webkit-scrollbar {
  width: 0px;
}

::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #fff;
}

::selection {
  color: #000;
  background: #fff;border-radius: 20rem;
}

p{margin: 0;padding: 0}
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

*{padding: 0;margin: 0}

body {
    position: relative;
    min-width: 320rem;
    font-size: 20rem;
    line-height: 1.25;
    font-family: "Stolzl", sans-serif;
    font-weight: 200;
    color: #000;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100vh;
    font-style: normal;
 

}


.bt-menu {
   position: relative;
    top: 0;
    left: 0;
    width: 50rem;
    height: 50rem;
    margin-left: auto;
    display: inline-block;
}

.bt-menu.bt-menu-open {
    height: 100%;

}

.bt-menu-trigger {
    position: relative;
    display: block;
    width: 50rem;
    height: 50rem;
    cursor: pointer;
}

.bt-menu-trigger span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 4rem;
    margin-top: -2rem;
    background-color: #fff;
    font-size: 0px;
    transition: background-color 0.3s;
}

.bt-menu-open .bt-menu-trigger span {
    background-color: transparent;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    transition: transform 0.3s;
}

.bt-menu-trigger span:before {
    transform: translateY(-250%);
}

.bt-menu-trigger span:after {
    transform: translateY(250%);
}

.bt-menu-open .bt-menu-trigger span:before {
    transform: translateY(0) rotate(45deg);background: #000;
}

.bt-menu-open .bt-menu-trigger span:after {
    transform: translateY(0) rotate(-45deg); background: #000;
}
header.fixed .bt-menu-trigger span:before, header.fixed .bt-menu-trigger span:after{background: #000}
header.fixed #bt-menu.bt-menu-open span {
    background: #fff;
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    z-index: 3;pointer-events: none;
    opacity: 0;
    transition: 0.75s;
}

.overlay.active{opacity: 0.5}
.spacer {
  height: 0px;
}

.section05 .flex-text {
    align-items: flex-end;
}

.section09 .flex-text {
    align-items: flex-end;
}

.section05 .flex-text .img {
left: 0;
}
.panel.align-top {
  align-items: flex-start;
}

.panel h1 {
  font-size: 1.8em;
  color: white;
  font-weight: 300;
  margin: 0 auto;
}
.panel.description {
  padding-bottom: 60px;
}
.panel p, .panel li {
  color: black;
  font-weight: 400;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 0.3em 0 1em 0;
}
.panel p strong, .panel li strong {
  color: white;
  font-weight: 400;
}
.panel p code, .panel li code {
  background-color: rgba(255,255,255,0.15);
  padding: 2px 4px;
  border-radius: 5px;
}
.panel li {
  margin: 0;
}
.gray {
  background-color: #777;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #777,#606060);
}
.blue {
  background-color: #2c7ad2;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #2c7ad2,#1568c6);
}
.orange {
  background-color: #e77614;
  background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #ff7600, #ff7600);
}

.red {
  background-color: #c82736;
  background-image: radial-gradient(circle at 19% 90%, rgba(190, 190, 190,0.04) 0%, rgba(190, 190, 190,0.04) 17%,transparent 17%, transparent 100%),radial-gradient(circle at 73% 2%, rgba(78, 78, 78,0.04) 0%, rgba(78, 78, 78,0.04) 94%,transparent 94%, transparent 100%),radial-gradient(circle at 45% 2%, rgba(18, 18, 18,0.04) 0%, rgba(18, 18, 18,0.04) 55%,transparent 55%, transparent 100%),radial-gradient(circle at 76% 60%, rgba(110, 110, 110,0.04) 0%, rgba(110, 110, 110,0.04) 34%,transparent 34%, transparent 100%),radial-gradient(circle at 68% 56%, rgba(246, 246, 246,0.04) 0%, rgba(246, 246, 246,0.04) 16%,transparent 16%, transparent 100%),radial-gradient(circle at 71% 42%, rgba(156, 156, 156,0.04) 0%, rgba(156, 156, 156,0.04) 47%,transparent 47%, transparent 100%),radial-gradient(circle at 46% 82%, rgba(247, 247, 247,0.04) 0%, rgba(247, 247, 247,0.04) 39%,transparent 39%, transparent 100%),radial-gradient(circle at 50% 47%, rgba(209, 209, 209,0.04) 0%, rgba(209, 209, 209,0.04) 45%,transparent 45%, transparent 100%),linear-gradient(90deg, #e53949,#cc2232);
}

.purple {
  background-color: #8d3dae;
  background-image: radial-gradient(circle at 47% 14%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 43%,transparent 43%, transparent 100%),radial-gradient(circle at 35% 12%, rgba(215, 215, 215,0.04) 0%, rgba(215, 215, 215,0.04) 4%,transparent 4%, transparent 100%),radial-gradient(circle at 1% 35%, rgba(24, 24, 24,0.04) 0%, rgba(24, 24, 24,0.04) 37%,transparent 37%, transparent 100%),radial-gradient(circle at 21% 1%, rgba(0, 0, 0,0.04) 0%, rgba(0, 0, 0,0.04) 26%,transparent 26%, transparent 100%),radial-gradient(circle at 23% 82%, rgba(249, 249, 249,0.04) 0%, rgba(249, 249, 249,0.04) 60%,transparent 60%, transparent 100%),radial-gradient(circle at 11% 54%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 23%,transparent 23%, transparent 100%),radial-gradient(circle at 69% 68%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 10%,transparent 10%, transparent 100%),linear-gradient(90deg, #8d3dae,#8d3dae);
}
.green {
  background-color: #28a92b;
  background-image: radial-gradient(circle at 46% 40%, rgba(228, 228, 228,0.06) 0%, rgba(228, 228, 228,0.06) 13%,transparent 13%, transparent 100%),radial-gradient(circle at 11% 41%, rgba(198, 198, 198,0.06) 0%, rgba(198, 198, 198,0.06) 19%,transparent 19%, transparent 100%),radial-gradient(circle at 52% 23%, rgba(14, 14, 14,0.06) 0%, rgba(14, 14, 14,0.06) 69%,transparent 69%, transparent 100%),radial-gradient(circle at 13% 85%, rgba(148, 148, 148,0.06) 0%, rgba(148, 148, 148,0.06) 44%,transparent 44%, transparent 100%),radial-gradient(circle at 57% 74%, rgba(232, 232, 232,0.06) 0%, rgba(232, 232, 232,0.06) 21%,transparent 21%, transparent 100%),radial-gradient(circle at 59% 54%, rgba(39, 39, 39,0.06) 0%, rgba(39, 39, 39,0.06) 49%,transparent 49%, transparent 100%),radial-gradient(circle at 98% 38%, rgba(157, 157, 157,0.06) 0%, rgba(157, 157, 157,0.06) 24%,transparent 24%, transparent 100%),radial-gradient(circle at 8% 6%, rgba(60, 60, 60,0.06) 0%, rgba(60, 60, 60,0.06) 12%,transparent 12%, transparent 100%),linear-gradient(90deg, #28a92b, #10a614);
}

html, body {
  margin: 0;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
 
}

.panel {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  color: white;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}
body{overflow: hidden;opacity: 0;transition: 0s}
body.animate {
  overflow-x: hidden;
  overflow-y: scroll;opacity: 1;
}


header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:fixed;
    top: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    gap: 30rem;
    padding: 30rem 30rem;
}
header.fixed{}

header.fixed {
    padding: 20rem 30rem;
    background: #fff;
}
header.fixed a.logo {
    filter: invert(1);
}
header.fixed .line {
    background: #000;
}
header.fixed #bt-menu span {
    background: #000;
}
.menu a {
    color: #000;
    font-weight: 400;text-decoration: none;
}
.menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 5;
    height: 100%;opacity: 0;
    width: 50%;
    justify-content: center;
    align-items: flex-end;
    gap: 40rem;pointer-events: none;
    font-size: 30rem;
    color: #fff;
    top: 0;
    right: -50%;
    background: #ffffff;
    padding: 40rem;
}
.menu.active{right: 0;transition: 0.75s;pointer-events: all;opacity: 1}
header span.line {
    color: #fff;
    background: #fff;
    height: 50rem;
    width: 1rem;
}
.logo {
    background-image: url(../img/forbes.svg);
    width: 92rem;
    height: 23rem;
    background-size: contain;background-repeat: no-repeat;
    display: block;
}

.logo2 {
    background-image: url(../img/mrgroup.svg);
    width: 202rem;
    height: 27rem;background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
section{min-height: 100vh;width: 100%;overflow: hidden;}
.test{position: absolute; opacity: .5;top: 0;left: 0}



.section01{background: #000;  display: flex; flex-direction: column; justify-content: center;align-items: center;text-align: center;gap: 40rem;overflow: hidden;position: relative;}
.section01 p{color: #fff}
img.bigimage{width: 1920rem;height: 960rem;object-fit: cover; pointer-events: all;
    display: block;
    position: relative;}
.section02.section-horizontal img.bigimage{width: 1920rem;height: 100vh;object-fit: cover;}

    p{
font-weight: 300;
font-size: 24rem;
line-height: 165%;position: relative;z-index: 1;
font-family: Stolzl;
color: #000000;}

 p.strong{font-weight: 500}

    .title{font-size: 92rem;text-transform: uppercase;
font-family: Stolzl;letter-spacing: 13rem;
font-weight: 500;
line-height: 112%}

.subtitle{font-size: 36rem;
font-family: Stolzl;
font-weight: 400;}


.bg{    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;opacity: 0.5;
    height: 100vh;transition: 2s;
    z-index: 0;
    object-fit: cover;}


body.animate .bg {
    height: 130vh;opacity: 0.75;
}

.section-horizontal {
  height: 100vh;
  width: 200vw;
  background-size: cover;
  background-position: center;background: #FAF9F7;
  display: flex;justify-content: space-between; align-items: center;
  flex-direction: row;padding: 0 120rem!important;
  gap: 120rem;
}

.section-horizontal.section08{width: 180vw}


.section-horizontal:before,
.section-horizontal:after,
.pin-spacer + section:before,
.pin-spacer + section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #B4735C;
    width: 40rem;
    height: 300rem;
}

.section-horizontal:after {
left: auto;
top: auto;
    bottom: 0;
    right: 0;

}


section{position: relative;}
.pin-spacer + section:before{  top: 0; left: auto ;right: 0;}
.pin-spacer + section:after{  bottom: 0; left: 0 ;right: auto;top: auto;}

.section-horizontal .text{display: flex; flex-direction: column; gap: 40rem;max-width:810rem;width: 100%}
.section02.section-horizontal .text{max-width:650rem}



body.animate .anima:nth-child(1){transition-delay: 0.1s}
body.animate .anima:nth-child(2){transition-delay: 0.2s}
body.animate .anima:nth-child(3){transition-delay: 0.3s}
body.animate .anima:nth-child(4){transition-delay: 0.4s}
body.animate .anima:nth-child(5){transition-delay: 0.5s}
body.animate .anima:nth-child(6){transition-delay: 0.6s}
body.animate .anima:nth-child(7){transition-delay: 0.7s}
body.animate .anima:nth-child(8){transition-delay: 0.8s}
body.animate .anima:nth-child(9){transition-delay: 0.9s}
body.animate .anima:nth-child(10){transition-delay: 1.0s}
body.animate .anima:nth-child(12){transition-delay: 1.2s}
body.animate .anima:nth-child(13){transition-delay: 1.3s}
body.animate .anima:nth-child(14){transition-delay: 1.4s}
body.animate .anima:nth-child(15){transition-delay: 1.5s}
body.animate .anima:nth-child(16){transition-delay: 1.6s}
body.animate .anima:nth-child(17){transition-delay: 1.7s}
body.animate .anima:nth-child(18){transition-delay: 1.8s}
body.animate .anima:nth-child(19){transition-delay: 1.9s}
body.animate .anima:nth-child(20){transition-delay: 2s}

.anima{transition: 0s; transform: translate(0,10%);opacity: 0}
body.animate .anima{transition: 0.75s; transform: translate(0,0);opacity: 1}

.rv {
  position: relative;
  opacity: 0;
}
.rv.active {
  opacity: 1;
}
.active.fb {
  animation: fb .75s ease-in-out;
}

@keyframes fb {
  0% {
    transform: translateY(50rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
*{background-repeat: no-repeat;}

.flex-text p{max-width: 810rem}
.flex-text{flex-direction: column; display: flex; gap: 40rem;justify-content: flex-start; align-items: flex-start;position: relative;}

 div.img{width: 595rem;height: 325rem; position:relative; }
.flex-text div.img{   position: absolute; right: 0;}

 div.img img{    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    transform: scale(1);
    position: relative;
    display: block;}

 div.img span{    font-size: 12rem;
    padding: 5rem 15rem;
    background: rgb(0 0 0 / 50%);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-weight: 400;    z-index: 5;}

.bigimage-div{position: relative;height: 100%}
.bigimage-div:before{    content: '';
    background-image: url(../img/img02mini.jpg);
    width: 442rem;
    height: 442rem;
    position: absolute;
    background-size: cover;
    left: -100rem;
    bottom: 100rem;z-index: 1}



.annotation p {
    font-size: 14rem;
}
.annotation p.anotitle {
    font-size: 20rem;
    font-weight: 300;
    margin-bottom: 10rem;
}

.img span a {
    color: #faf9f7;
}

.annotation {
      position: absolute;
    bottom: -20rem;
    right: 20rem;
    background: transparent;
    border-radius: 30rem;
    box-shadow: none;
    z-index: 4;
    padding: 30rem;
    width: 50rem;
    height: 50rem;
}
.annotation.active {
        background: #fff;
    box-shadow: 0px 0px 210px rgba(0, 0, 0, 0.25);
    z-index: 6;
    width: 502rem;
    height: auto;
}
.close, .open {
    cursor: pointer;
    background-color: #B4735C;
    width: 50rem;
    height: 50rem;
    position: absolute;
    border-radius: 100rem;transition: 0.3s;
    right: 0;
    bottom: 0;    background-size: 18rem 24rem;background-repeat: no-repeat;background-position: center;
}

.close{background-image: url(../img/close.svg);display: none;}
.open{background-image: url(../img/answer.svg);display: block;}

.annotation.active .close{display: block;}
.annotation.active .open{display: none;}

.annotation p {
    pointer-events: none;
    opacity: 0;
}
.annotation.active p {
    pointer-events: auto;
    opacity: 1;
}
img{pointer-events: none;}

.close:hover{transform: rotate(180deg);}

.section:not(.section01,.section-horizontal){padding: 80rem 120rem;}
.section:not(.section01, .section-horizontal) .title{padding-bottom: 80rem;font-weight: 300}

blockquote {
    background: #FAF9F7;
    display: flex;margin-top: 40rem ;
    justify-content: center;
    align-items: center;position: relative;
    padding: 120rem;width: 100%;
}
blockquote:before {
    content: '';
    border: 2px solid #B4735C;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0rem;transition: 1s;transition-delay: 0.25s;
    right: 0rem;opacity: 0;
    z-index: -9;
}

blockquote:after {
    content: '';
    width: 100%;background:  #FAF9F7;
    height: 100%;
    position: absolute;
    top: 0rem;
    left: 0rem;opacity: 1;
    z-index:-8;
}
blockquote.active:before {
    top: -20rem; opacity: 1;
    right: -20rem;
}
blockquote p,.flex-text blockquote p{max-width: 1179rem;    font-weight: 300;font-size: 32rem}
blockquote p b{font-weight: 300;color: #B4735C}

blockquote p {
    transform: translateY(-30rem);
    transition: 1s;transition-delay: 0.25s;opacity: 0;
}

blockquote.active p {
    transform: translateY(0rem);opacity: 1;

}

.grid-img{ display: flex;flex-wrap: wrap;gap: 40rem;justify-content: flex-start;align-items: flex-start; }

.grid-img .img {
    flex: calc(50% - 60rem);
}


.grid-4img{flex-direction: row;min-width: 1250rem}
.grid-2img{flex-direction: column;}

.section-horizontal.section-full{width: 250vw;gap: 60rem}

article {
    border: 3px solid #B4735C;
    padding: 30rem;margin-top: 0rem;max-width: 810rem;
}
article p {
    font-weight: 300;
    font-size: 16rem;

}
article .minititle {
    color: #B4735C;margin-bottom: 10rem;
    font-size: 18rem;font-weight: 500;
    text-transform: uppercase;
}


blockquote .name {
    position: absolute;
    bottom: -20rem;
    right: -20rem;
    background: #B4735C;
    padding: 30rem;
}

blockquote .name p {
    font-size: 16rem;
    color: #fff;
    text-transform: uppercase;
}
blockquote .name p:first-child {
    font-weight: 600;
    text-transform: none;
    font-size: 20rem;
}


.flex-text div.img03{top: 0;right: 160rem}
.flex-text div.img04{top: 360rem;}



.flex-text div.img19{top: 0;right: 160rem}
.flex-text div.img20{top: 360rem;}


blockquote + .flex-text {
    margin-top: 100rem;
}

blockquote + .flex-text + blockquote{
    margin-top: 100rem;
}

.section-horizontal .text .title{font-weight: 300}
.bigimage.full{width: 1920rem;height: 2557rem;}

footer{background: #000;min-height: 240rem;width: 100%;color: #fff;display: flex;    margin-top: -10rem;}
footer .logos{flex: 100%;margin-bottom: 40rem;}

footer p{color: #fff;font-size: 20rem}
footer .container{max-width: 1800rem;margin: 0 auto;}
footer .logos{display: flex;     justify-content: flex-start; align-items: center;gap: 30rem}
footer span.line {
    color: #fff;
    background: #fff;
    height: 50rem;
    width: 1rem;
}
.team {
    display: flex;
    gap: 50rem;
}
footer .container {
    width: 100%;
    max-width: 1800rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;padding: 40rem 0;
}

p a {
    color: #b4735c;
}

.section05 .flex-text div.img11{top: 0;left: 160rem}
.section05 .flex-text div.img12{top: 490rem;}
.section05 .flex-text div.img13{top:940rem;left: 160rem}

.section09 .img{left: 0}

.section09 .flex-text div.img25{top: 0;left: 160rem}
.section09 .flex-text div.img26{top: 365rem;}
.section09 .flex-text div.img27{top:730rem;left: 160rem}
.section09 .flex-text div.img28{top:1100rem;}


.grid-img .img:last-child,.grid-4img div:nth-last-child(2) {
    position: relative;
    left: 60rem;
}
.grid-4img,.grid-2img{margin-right: 60rem}


@media only screen and (max-width: 1024px) {
html, body {
    font-size: 0.13vw;
}
.title{font-size: 60rem;    letter-spacing: 3rem}
.section-horizontal,.section-horizontal.section-full{flex-direction: column; width: 100%;gap: 40rem;    padding: 40rem 40rem !important;height: auto;    align-items: flex-start;}
.section:not(.section01,.section-horizontal){padding: 40rem 40rem !important;}
.section-horizontal:before, .section-horizontal:after, .section-horizontal + section:before, .section-horizontal + section:after{    width: 10rem;
    height: 150rem;display: block;content: '';   
    position: absolute;
    top: 0;
    left: 0;

    background: #B4735C;}
.section-horizontal:after{    left: auto;
    top: auto;
    bottom: 0;
    right: 0;}

.section:not(.section01, .section-horizontal) .title{font-size: 42rem;padding-bottom:40rem }
article .minititle, article p {
    font-size: 10px;
}
.section02.section-horizontal .text{max-width: 100%}
blockquote .name{}
.section-horizontal.section08{width: 100%}

.bigimage.full {
    max-width: 100%;
    height: auto;
}
footer .container {
    max-width: 100%;
    padding: 40rem;
    gap: 20rem;
}
blockquote .name {
    bottom: -100rem;
}
blockquote {
    margin-bottom: 180rem;
}
.section07  blockquote {
    margin-bottom: 100rem;
}

.section03  blockquote {
    margin-bottom:0rem;
}

.section-horizontal + section:before{  top: 0; left: auto ;right: 0;}
.section-horizontal + section:after{  bottom: 0; left: 0 ;right: auto;top: auto;}

    .subtitle {
    font-size: 36rem;
    padding: 0 20rem;
}
body.animate .bg{height: 100vh}
.section02.section-horizontal img.bigimage,img.bigimage{    max-width: 100%; height: auto;}
.annotation{      z-index: 6;}
.annotation.active{width: 642rem;}
.annotation p.anotitle {
    font-size: 12px;
    font-weight: 500;
}
div.img span {
    font-size: 9px;
}
blockquote {
    padding: 40rem;
}
blockquote p, .flex-text blockquote p {
    font-size: 25rem;
}
blockquote .name p {
    font-size: 10px;
}
.grid-4img, .grid-2img{margin:0;    flex-direction: column;min-width: 100%;}
.grid-img .img {
    flex: 100%;
    width: 100%;
    height: auto;
    left: 0 !important;
    position: relative;
    margin: 0;
}

.bigimage-div {
    position: relative;
    width: calc(100% + 80rem);left: -40rem;
}
.annotation p {
    font-size: 10px;
}

.flex-text div.img {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100%;
    height: auto;
}
.bigimage-div:before {
    width: 190rem;
    height: 190rem;
    right: 40rem;
    top: -40rem;
    left: auto;
    bottom: auto;
}

.menu {
    width: 90%;right: -90%;
}
.header{padding: 20rem 30rem}
.header.fixed{padding: 10rem 30rem}

}