@charset "utf-8";

/* ------------------------------- RESET ------------------------------- */

html {margin: 0; padding: 0; height: 100%;}
body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, a, font, small, strong, b, u, i, center, label, form, fieldset,
input, button, textarea, img, p, table, tr, th, td, dl, dt, dd {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;
}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
input, button, textarea, select, optgroup, option {
    font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input, button, textarea, select {font-size: 100%; display: block;}
input[type=text], input[type=submit], textarea{-webkit-appearance: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #1d1d1e !important; color: #1d1d1e !important;
}
select {outline: 0;}
:focus {outline: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-focus-inner {border: 0; padding: 0;}

/* ------------------------------- DEFAULT ------------------------------- */

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smooth;}
body {
    background: #FFFFFF; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; direction: ltr;
    color: #181D24; display: block; min-width: 320px; font-size: 16px; width: 100%; position: relative;
    -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;
}
#main_sheet {display: flex; flex-direction: column; min-height: 100vh; height: 100%; }
div, label {display: block; line-height: 130%;}
img {width: 100%;}

h2 {
    color: #CA9D75; font-family: 'Basis Grotesque Pro', sans-serif; font-size: 80px; font-weight: 500;
    line-height: normal; text-transform: uppercase;
}

.btn {
    border-radius: 28px; background: #CA9D75; padding: 12px 20px; text-align: center; transition: background .3s ease-in-out;
    font-size: 16px; font-weight: 500; color: #FFFFFF; width: fit-content; cursor: pointer;
}
.btn:hover {background: #B47D4C;}
.wrap {width: 100%; padding: 0 40px; margin-left: auto; margin-right: auto; max-width: 1600px;}

@media only screen and (max-width: 1200px) {
    h2 {font-size: 50px;}
    .btn {font-size: 14px; font-weight: 300; padding: 8px 20px;}
    .wrap {padding: 0 24px;}
}

@media only screen and (max-width: 800px) {
    h2 {font-size: 28px; line-height: 100%;}
    .wrap {padding: 0 16px;}
    .btn {font-size: 14px; font-weight: 300; padding: 8px 12px;}
}

/* ------------------------------- COMING SOON ------------------------------- */

#coming_soon {
    min-height: 100vh; height: 100%; background: url(/images/coming_soon.jpg) center / cover no-repeat;
    display: flex; flex-direction: column; align-items: center; -webkit-justify-content: center;
}
#coming_soon > img {width: 100%; max-width: 305px; display: block;}
#coming_soon > h1 {
    font-size: 120px; letter-spacing: -0.03em; line-height: 115%; padding-top: 50px;
    color: #FFFFFF; font-family: 'SangBleuSunrise-Regular', sans-serif; text-align: center;
}
#coming_soon > p {
    font-size: 24px; letter-spacing: 0; line-height: 115%; padding-top: 50px;
    color: #FFFFFF; font-family: 'Aeonik-Regular', sans-serif; text-align: center;
}

@media only screen and (max-width: 1024px) {
    #coming_soon > img {max-width: 167px;}
    #coming_soon > h1 {font-size: 50px; padding-top: 30px; max-width: 300px;}
    #coming_soon > p {font-size: 16px; padding-top: 30px; max-width: 300px;}
}

/* ------------------------------- FLICKITY ------------------------------- */

.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}

.flickity-viewport {position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; width: 100%; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

/* flickity-button */

.flickity-button {position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;}
.flickity-button:hover {background: white; cursor: pointer;}
.flickity-button:focus {outline: none;}
.flickity-button:active {opacity: 0.6;}
.flickity-button:disabled {opacity: 0; cursor: auto; pointer-events: none;}

.flickity-button-icon {fill: currentColor; color: #5D3BEE;}


/* previous/next buttons */

.flickity-prev-next-button {width: 24px; height: 24px; top: 50%; transform: translateY(-50%); background: transparent;}
.flickity-prev-next-button:hover {background: transparent;}
.flickity-prev-next-button:focus {outline: none !important;}
.flickity-prev-next-button.no-svg {color: #777;}
.flickity-prev-next-button.previous {left: -25px;}
.flickity-prev-next-button.next {right: -25px;}

/* page dots */

.flickity-page-dots {
    position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;
}
.flickity-rtl .flickity-page-dots {direction: rtl;}
.flickity-page-dots .dot {
    display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {opacity: 1;}

/* ------------------------------- SCROLL ------------------------------- */

html.has-scroll-smooth {overflow: hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
[data-scroll-direction="horizontal"] [data-scroll-container] {height: 100vh; display: inline-block; white-space: nowrap;}
[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block; vertical-align: top; white-space: nowrap; height: 100%;
}
.c-scrollbar {
    position: absolute; right: 0; top: 0; width: 11px; height: 100vh; transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s; opacity: 0; z-index: 99999;
}
.c-scrollbar:hover {transform: scaleX(1);}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1;}
[data-scroll-direction="horizontal"] .c-scrollbar {width: 100%; height: 10px; top: auto; bottom: 0; transform: scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {transform: scaleY(1.3); }
.c-scrollbar_thumb {
    position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 7px;
    border-radius: 10px; margin: 2px; cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {cursor: grabbing;}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {right: auto; bottom: 0;}

.is-inview {opacity: 1 !important; transform: none !important;}
.anim_text {transform: translateY(70px); opacity: 0; transition: 1s ease-in-out;}
.split-parent {overflow: hidden;}
.split-child {display: inline-block; top: -3px;}

@media (max-width: 1024px) {
    .anim_text {transform: none; opacity: 1;}
}

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}