@import url('https://fonts.googleapis.com/css2?family=Niramit:ital,wght@0,400;0,600;1,400;1,600&display=swap');

@font-face {
    font-family: 'Reforma 1969 Blanca';
    src: url('../webfonts/Reforma1969-Blanca.woff2') format('woff2'),
        url('../webfonts/Reforma1969-Blanca.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {

    /* font-family: 'Reforma 1969'; */
    --font-family-1: "Reforma 1969 Blanca", serif;
    /* font-family: 'TH Niramit AS'; */
    --font-family-2: "Niramit", sans-serif;
    /* --font-family-2: 'TH Niramit AS', sans-serif; */

    --gold-20: #FFEED0;
    --gold-100: #86754D;
    --white: #FFFFFF;
    --grey-1: #F5F5F5;
    --grey-2: #E7E6E2;
    --grey-3: #B5B2AB;
    --grey-4: #85837B;
    --grey-5: #3A3833;

    --size-0: 0px;
    --size-1: 2px;
    --size-2: 4px;
    --size-3: 6px;
    --size-4: 8px;
    --size-5: 10px;
    --size-6: 12px;
    --size-7: 16px;
    --size-8: 20px;
    --size-9: 24px;
    --size-10: 32px;
    --size-11: 40px;
    --size-12: 52px;
    --size-13: 64px;

    --header-height: 120px;
    --inline-footer-height: 110px;
    --sides: 40px;
    --max-width: 1320px;
    --available-width: clamp(calc(100vw - (var(--sides) * 2)), calc(100vw - (var(--sides) * 2)), var(--max-width));
}
.i0 {--index: 0;}
.i1 {--index: 1;}
.i2 {--index: 2;}
.i3 {--index: 3;}
.i4 {--index: 4;}
.i5 {--index: 5;}
.i6 {--index: 6;}
.i7 {--index: 7;}
.i8 {--index: 8;}
.i9 {--index: 9;}
.i10 {--index: 10;}
body {
    margin: 0;
    padding: 0;
}
* {
    user-select: none;
    box-sizing: border-box;
    margin: 0;padding: 0;
}
h1.s-48 {
  font-size: 56px !important;
}
h2.s-48 {
  font-size: 42px !important;
}
.text {
    font-family: var(--font-family-1);
}

.text.s-serif {font-family: var(--font-family-2);}
.text.serif {font-family: var(--font-family-1);}

.text.w-300 {font-weight: 300;}
.text.s-48 {font-size: 48px;}
.text.s-65 {font-size: 65px;}
.text.s-42 {font-size: 42px;}
.text.s-36 {font-size: 36px;}
.text.s-32 {font-size: 32px;}

.text.w-400 {font-weight: 400;}
.text.s-28 {font-size: 28px;}
.text.s-24 {font-size: 24px;}
.text.s-20 {font-size: 20px;}
.text.s-18 {font-size: 18px;}
.text.s-16 {font-size: 16px;}
.text.s-15 {font-size: 15px;}
.text.s-14 {font-size: 14px;}

.text.lh-110 {line-height: 110%;}
.text.lh-120 {line-height: 120%;}
.text.lh-130 {line-height: 130%;}
.text.lh-140 {line-height: 140%;}
.text.lh-150 {line-height: 150%;}

.rt-90 {rotate: 90deg;}
.rt-180 {rotate: 180deg;}
.rt-270 {rotate: 270deg;}

.text.uppercase { text-transform: uppercase; }
.text.center { text-align: center;}
.text.left { text-align: left;}
.text.pretty { text-wrap: pretty;}
.text.right { text-align: right;}
.text.underline { text-decoration: underline;}
.text.nowrap {text-wrap: nowrap;}
.text.transform-unset { text-transform: unset !important; }


.bg-gold-20 {background-color: var(--gold-20);}
.c-gold-20 {color: var(--gold-20);}
.bg-gold-100 {background-color: var(--gold-100);}
.c-gold-100 {color: var(--gold-100);}
.bg-white {background-color: var(--white);}
.c-white {color: var(--white);}
.bg-grey-1 {background-color: var(--grey-1);}
.c-grey-1 {color: var(--grey-1);}
.bg-grey-2 {background-color: var(--grey-2);}
.c-grey-2 {color: var(--grey-2);}
.bg-grey-3 {background-color: var(--grey-3);}
.c-grey-3 {color: var(--grey-3);}
.bg-grey-4 {background-color: var(--grey-4);}
.c-grey-4 {color: var(--grey-4);}
.bg-grey-5 {background-color: var(--grey-5);}
.c-grey-5 {color: var(--grey-5);}

.P-0 {padding: 0 !important;}
.M-0 {margin: 0 !important;}
.p-0 {padding: var(--size-0);}.px-0 {padding-left: var(--size-0);padding-right: var(--size-0);}.py-0 {padding-top: var(--size-0);padding-bottom: var(--size-0);}.pt-0 {padding-top: var(--size-0);}.pr-0 {padding-right: var(--size-0);}.pb-0 {padding-bottom: var(--size-0);}.pl-0 {padding-left: var(--size-0);}.m-0 {margin: var(--size-0);}.mx-0 {margin-left: var(--size-0);margin-right: var(--size-0);}.my-0 {margin-top: var(--size-0);margin-bottom: var(--size-0);}.mt-0 {margin-top: var(--size-0);}.mr-0 {margin-right: var(--size-0);}.mb-0 {margin-bottom: var(--size-0);}.ml-0 {margin-left: var(--size-0);}.p-1 {padding: var(--size-1);}.px-1 {padding-left: var(--size-1);padding-right: var(--size-1);}.py-1 {padding-top: var(--size-1);padding-bottom: var(--size-1);}.pt-1 {padding-top: var(--size-1);}.pr-1 {padding-right: var(--size-1);}.pb-1 {padding-bottom: var(--size-1);}.pl-1 {padding-left: var(--size-1);}.m-1 {margin: var(--size-1);}.mx-1 {margin-left: var(--size-1);margin-right: var(--size-1);}.my-1 {margin-top: var(--size-1);margin-bottom: var(--size-1);}.mt-1 {margin-top: var(--size-1);}.mr-1 {margin-right: var(--size-1);}.mb-1 {margin-bottom: var(--size-1);}.ml-1 {margin-left: var(--size-1);}.p-2 {padding: var(--size-2);}.px-2 {padding-left: var(--size-2);padding-right: var(--size-2);}.py-2 {padding-top: var(--size-2);padding-bottom: var(--size-2);}.pt-2 {padding-top: var(--size-2);}.pr-2 {padding-right: var(--size-2);}.pb-2 {padding-bottom: var(--size-2);}.pl-2 {padding-left: var(--size-2);}.m-2 {margin: var(--size-2);}.mx-2 {margin-left: var(--size-2);margin-right: var(--size-2);}.my-2 {margin-top: var(--size-2);margin-bottom: var(--size-2);}.mt-2 {margin-top: var(--size-2);}.mr-2 {margin-right: var(--size-2);}.mb-2 {margin-bottom: var(--size-2);}.ml-2 {margin-left: var(--size-2);}.p-3 {padding: var(--size-3);}.px-3 {padding-left: var(--size-3);padding-right: var(--size-3);}.py-3 {padding-top: var(--size-3);padding-bottom: var(--size-3);}.pt-3 {padding-top: var(--size-3);}.pr-3 {padding-right: var(--size-3);}.pb-3 {padding-bottom: var(--size-3);}.pl-3 {padding-left: var(--size-3);}.m-3 {margin: var(--size-3);}.mx-3 {margin-left: var(--size-3);margin-right: var(--size-3);}.my-3 {margin-top: var(--size-3);margin-bottom: var(--size-3);}.mt-3 {margin-top: var(--size-3);}.mr-3 {margin-right: var(--size-3);}.mb-3 {margin-bottom: var(--size-3);}.ml-3 {margin-left: var(--size-3);}.p-4 {padding: var(--size-4);}.px-4 {padding-left: var(--size-4);padding-right: var(--size-4);}.py-4 {padding-top: var(--size-4);padding-bottom: var(--size-4);}.pt-4 {padding-top: var(--size-4);}.pr-4 {padding-right: var(--size-4);}.pb-4 {padding-bottom: var(--size-4);}.pl-4 {padding-left: var(--size-4);}.m-4 {margin: var(--size-4);}.mx-4 {margin-left: var(--size-4);margin-right: var(--size-4);}.my-4 {margin-top: var(--size-4);margin-bottom: var(--size-4);}.mt-4 {margin-top: var(--size-4);}.mr-4 {margin-right: var(--size-4);}.mb-4 {margin-bottom: var(--size-4);}.ml-4 {margin-left: var(--size-4);}.p-5 {padding: var(--size-5);}.px-5 {padding-left: var(--size-5);padding-right: var(--size-5);}.py-5 {padding-top: var(--size-5);padding-bottom: var(--size-5);}.pt-5 {padding-top: var(--size-5);}.pr-5 {padding-right: var(--size-5);}.pb-5 {padding-bottom: var(--size-5);}.pl-5 {padding-left: var(--size-5);}.m-5 {margin: var(--size-5);}.mx-5 {margin-left: var(--size-5);margin-right: var(--size-5);}.my-5 {margin-top: var(--size-5);margin-bottom: var(--size-5);}.mt-5 {margin-top: var(--size-5);}.mr-5 {margin-right: var(--size-5);}.mb-5 {margin-bottom: var(--size-5);}.ml-5 {margin-left: var(--size-5);}.p-6 {padding: var(--size-6);}.px-6 {padding-left: var(--size-6);padding-right: var(--size-6);}.py-6 {padding-top: var(--size-6);padding-bottom: var(--size-6);}.pt-6 {padding-top: var(--size-6);}.pr-6 {padding-right: var(--size-6);}.pb-6 {padding-bottom: var(--size-6);}.pl-6 {padding-left: var(--size-6);}.m-6 {margin: var(--size-6);}.mx-6 {margin-left: var(--size-6);margin-right: var(--size-6);}.my-6 {margin-top: var(--size-6);margin-bottom: var(--size-6);}.mt-6 {margin-top: var(--size-6);}.mr-6 {margin-right: var(--size-6);}.mb-6 {margin-bottom: var(--size-6);}.ml-6 {margin-left: var(--size-6);}.p-7 {padding: var(--size-7);}.px-7 {padding-left: var(--size-7);padding-right: var(--size-7);}.py-7 {padding-top: var(--size-7);padding-bottom: var(--size-7);}.pt-7 {padding-top: var(--size-7);}.pr-7 {padding-right: var(--size-7);}.pb-7 {padding-bottom: var(--size-7);}.pl-7 {padding-left: var(--size-7);}.m-7 {margin: var(--size-7);}.mx-7 {margin-left: var(--size-7);margin-right: var(--size-7);}.my-7 {margin-top: var(--size-7);margin-bottom: var(--size-7);}.mt-7 {margin-top: var(--size-7);}.mr-7 {margin-right: var(--size-7);}.mb-7 {margin-bottom: var(--size-7);}.ml-7 {margin-left: var(--size-7);}.p-8 {padding: var(--size-8);}.px-8 {padding-left: var(--size-8);padding-right: var(--size-8);}.py-8 {padding-top: var(--size-8);padding-bottom: var(--size-8);}.pt-8 {padding-top: var(--size-8);}.pr-8 {padding-right: var(--size-8);}.pb-8 {padding-bottom: var(--size-8);}.pl-8 {padding-left: var(--size-8);}.m-8 {margin: var(--size-8);}.mx-8 {margin-left: var(--size-8);margin-right: var(--size-8);}.my-8 {margin-top: var(--size-8);margin-bottom: var(--size-8);}.mt-8 {margin-top: var(--size-8);}.mr-8 {margin-right: var(--size-8);}.mb-8 {margin-bottom: var(--size-8);}.ml-8 {margin-left: var(--size-8);}.p-9 {padding: var(--size-9);}.px-9 {padding-left: var(--size-9);padding-right: var(--size-9);}.py-9 {padding-top: var(--size-9);padding-bottom: var(--size-9);}.pt-9 {padding-top: var(--size-9);}.pr-9 {padding-right: var(--size-9);}.pb-9 {padding-bottom: var(--size-9);}.pl-9 {padding-left: var(--size-9);}.m-9 {margin: var(--size-9);}.mx-9 {margin-left: var(--size-9);margin-right: var(--size-9);}.my-9 {margin-top: var(--size-9);margin-bottom: var(--size-9);}.mt-9 {margin-top: var(--size-9);}.mr-9 {margin-right: var(--size-9);}.mb-9 {margin-bottom: var(--size-9);}.ml-9 {margin-left: var(--size-9);}.p-10 {padding: var(--size-10);}.px-10 {padding-left: var(--size-10);padding-right: var(--size-10);}.py-10 {padding-top: var(--size-10);padding-bottom: var(--size-10);}.pt-10 {padding-top: var(--size-10);}.pr-10 {padding-right: var(--size-10);}.pb-10 {padding-bottom: var(--size-10);}.pl-10 {padding-left: var(--size-10);}.m-10 {margin: var(--size-10);}.mx-10 {margin-left: var(--size-10);margin-right: var(--size-10);}.my-10 {margin-top: var(--size-10);margin-bottom: var(--size-10);}.mt-10 {margin-top: var(--size-10);}.mr-10 {margin-right: var(--size-10);}.mb-10 {margin-bottom: var(--size-10);}.ml-10 {margin-left: var(--size-10);}.p-11 {padding: var(--size-11);}.px-11 {padding-left: var(--size-11);padding-right: var(--size-11);}.py-11 {padding-top: var(--size-11);padding-bottom: var(--size-11);}.pt-11 {padding-top: var(--size-11);}.pr-11 {padding-right: var(--size-11);}.pb-11 {padding-bottom: var(--size-11);}.pl-11 {padding-left: var(--size-11);}.m-11 {margin: var(--size-11);}.mx-11 {margin-left: var(--size-11);margin-right: var(--size-11);}.my-11 {margin-top: var(--size-11);margin-bottom: var(--size-11);}.mt-11 {margin-top: var(--size-11);}.mr-11 {margin-right: var(--size-11);}.mb-11 {margin-bottom: var(--size-11);}.ml-11 {margin-left: var(--size-11);}.p-12 {padding: var(--size-12);}.px-12 {padding-left: var(--size-12);padding-right: var(--size-12);}.py-12 {padding-top: var(--size-12);padding-bottom: var(--size-12);}.pt-12 {padding-top: var(--size-12);}.pr-12 {padding-right: var(--size-12);}.pb-12 {padding-bottom: var(--size-12);}.pl-12 {padding-left: var(--size-12);}.m-12 {margin: var(--size-12);}.mx-12 {margin-left: var(--size-12);margin-right: var(--size-12);}.my-12 {margin-top: var(--size-12);margin-bottom: var(--size-12);}.mt-12 {margin-top: var(--size-12);}.mr-12 {margin-right: var(--size-12);}.mb-12 {margin-bottom: var(--size-12);}.ml-12 {margin-left: var(--size-12);}.p-13 {padding: var(--size-13);}.px-13 {padding-left: var(--size-13);padding-right: var(--size-13);}.py-13 {padding-top: var(--size-13);padding-bottom: var(--size-13);}.pt-13 {padding-top: var(--size-13);}.pr-13 {padding-right: var(--size-13);}.pb-13 {padding-bottom: var(--size-13);}.pl-13 {padding-left: var(--size-13);}.m-13 {margin: var(--size-13);}.mx-13 {margin-left: var(--size-13);margin-right: var(--size-13);}.my-13 {margin-top: var(--size-13);margin-bottom: var(--size-13);}.mt-13 {margin-top: var(--size-13);}.mr-13 {margin-right: var(--size-13);}.mb-13 {margin-bottom: var(--size-13);}.ml-13 {margin-left: var(--size-13);}

.o-h {overflow: hidden;}
.oy-h {overflow-y: hidden;}
.ox-h {overflow-x: hidden;}
.o-s {overflow: scroll;}
.oy-s {overflow-y: scroll;}
.ox-s {overflow-x: scroll;}
.w-100 {width: 100%;}
.w-50 {width: 50%;}
.pe-n {pointer-events: none;}
.h-100 {height: 100%;}
.h-50 {height: 50%;}
.o-0 {opacity: 0;}
.o-1 {opacity: 1;}
.h-0 {height: 0;}
.h-10p {height: 10px;}
.h-25p {height: 25px;}
.h-33p {height: 33px;}
.h-50p {height: 50px;}
.h-100p {height: 100px;}
.w-0 {width: 0;}
.w-10p {width: 10px;}
.w-25p {width: 25px;}
.w-33p {width: 33px;}
.w-50p {width: 50px;}
.w-100p {width: 100px;}
.c-p {cursor: pointer;}
.d-ib {display: inline-block;}
.d-f {display: flex;}
.zi-1 {z-index: 1;}
.zi-2 {z-index: 2;}
.zi-3 {z-index: 3;}
.zi-4 {z-index: 4;}
.zi-5 {z-index: 5;}
.zi-6 {z-index: 6;}
.img {object-fit: cover;object-position: center;}
.jc-c {justify-content: center;}
.ai-c {align-items: center;}
.fd-c {flex-direction: column;}
.jc-sb {justify-content: space-between;}
.ai-fs {align-items: flex-start;}
.jc-fs {justify-content: flex-start;}
.fd-r {flex-direction: row;}
.jc-fe {justify-content: flex-end;}
.fd-rr {flex-direction: row-reverse;}
.fs-0 {flex-shrink: 0;}
.fw-w {flex-wrap: wrap;}
.w-fc {width: fit-content;}
.p-r {position: relative;}
.p-a {position: absolute;}
.bs-bb{box-sizing: border-box;}
.f-r{float: right;}
.bs-cb{box-sizing: content-box;}

.rvl-auto-section {display: flex; flex-direction: column; justify-content: unset; align-items: center;}
.rvl-full-screen-section {height: auto; min-height: 100vh; width: 100vw; position: relative;}
.rvl-separator {width: 100%; border-top: 1px solid var(--gold-100);}
.rvl-icon {display: flex; align-items: center; justify-content: center;}
.rvl-icon svg {width: 100%; height: 100%;}
.rvl-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    font-family: var(--font-family-2);
    color: var(--grey-5);
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 1px;
    opacity: 1;
    padding: 0 10px;
    height: 35px;
    transition: all .3s ease-in-out;
}
.rvl-base-button {
    cursor: pointer;
    color: var(--grey-5);
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 1px;
    opacity: 1;
}
.rvl-button:disabled,
.rvl-base-button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.rvl-button.black {
    color: var(--grey-1);
    background-color: var(--grey-5);
}
.rvl-button.white {
    color: var(--grey-5);
    background-color: var(--grey-1);
}
.rvl-button.border-white {
    border: 1px solid var(--grey-1);
}
.rvl-button.border-gold {
    border: 1px solid var(--gold-100);
}
.rvl-button.gold {
    color: var(--grey-1);
    background-color: var(--gold-100);
}
.rvl-button.small {
    font-size: 18px;
}
.rvl-button.transparent-white {
    color: var(--grey-1);
}
.rvl-button.transparent-gold {
    color: var(--gold-100);
}
.rvl-button.transparent-black {
    color: var(--grey-5);
}
.rvl-text-composition {
    display: flex;
    flex-direction: column;
    width: max-content;
}
.rvl-text-composition > * {
    width: 100%;
    text-wrap: nowrap;
}
.rvl-text-composition .left {
    text-align: left;
}
.rvl-text-composition .center {
    text-align: center;
}
.rvl-text-composition .right {
    text-align: right;
}
.rvl-text-composition .left + .right {
    padding-left: 100px;
}
.rvl-no-scrollbar {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.rvl-no-scrollbar::-webkit-scrollbar {
  display: none;
}
.rvl-transition {transition: all .3s ease-in-out;}
.rvl-gradient-1 {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    mix-blend-mode: multiply;
    opacity: 0.75;
}
.rvl-full-screen {
    height: 100vh;
    width: 100vw;
}
.rvl-image {
    object-fit: cover;
    object-position: center;
}
.rvl-max-container {
    width: 100%;
    height: 100%;
}
.rvl-left-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}
.rvl-right-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}
.rvl-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rvl-left-top {
    position: absolute;
    left: 0;
    top: 0;
}
.rvl-reset-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-inline-start: 0;
}

.rvl-small-p {
    --size: 290px;
    text-wrap: pretty;
    width: var(--size);
    max-width: var(--size);
    min-width: var(--size);
}
.rvl-square-ratio {
    width: var(--size);
    height: var(--size);
}

@keyframes rvl-base-appear {
    to {opacity: 1;}
}
@keyframes rvl-two-point-transformation {
    0% {transform: translate(var(--start-x, 0), var(--start-y, 0));}
    100% {transform: translate(var(--destiny-x, 0), var(--destiny-y, 0));}
}
.rvl-h1 {
    font-size: var(--font-family-1);
    font-size: 65px;
    font-weight: 300;
}
.rvl-h2 {
    font-size: var(--font-family-1);
    font-size: 48px;
    font-weight: 300;
}
.rvl-p {
    font-size: var(--font-family-2);
    font-size: 28px;
    font-weight: 400;
}


.rvl-section {
    display: flex !important;
    justify-content: center !important;
}
.rvl-section-inside {
    padding: var(--sides) 0;
    width: calc(100% - (var(--sides) * 2)) !important;
    max-width: var(--max-width) !important;
}
.rvl-spaced-section .rvl-section-inside {
    padding-top: 100px;
    padding-bottom: 100px;
}
.rvl-grey-section {
  background-color: var(--grey-2);
}