@charset "utf-8";


:root {
/* COLOR VARIABLES */
--white: #fff;
--black: #000;

/* GAP */
--gap-xs: 8px;
--gap-sm: 16px;
--gap-md: 24px;
--gap-lg: 32px;
--gap-xl: 40px;
--gap-xxl: 48px;
--gap-xxxl: 56px;

/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;

--primary-font: "Cinzel", serif;
--secondary-font: "Inter", sans-serif;
}

/* ========================== COMMON CSS ========================== */
*,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Inter", sans-serif; font-weight: 400; line-height: 1.5; color: inherit; color: #141414; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-family: "Cinzel", serif; font-weight: bold; }
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus { box-shadow: none; outline: none; background: transparent; color: #000; }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: inline-flex; flex-flow: row wrap; }
a:hover { color: #141414; }
html { scrollbar-width: none; -ms-overflow-style: none; }
body { width: 100%; font-size: 16px; line-height: 1.4; width: 100%; position: relative; font-family: "Inter", sans-serif; font-weight: 400; color: #141414; z-index: 1; overflow-x: hidden; transition: var(--all-slow); }
body p { font-size: 16px; line-height: 1.4; color: #333; margin-bottom: 20px; font-weight: 300; font-family: "Inter", sans-serif; }

.no-scroll { overflow: hidden; }

img { max-width: 100%; height: 100%; object-fit: cover; }

hr { border-top: 1px solid rgba(158, 115, 91, 0.3); }

::-moz-selection { color: #fff; background: #141414; }
::selection { color: #fff; background: #141414; }

::-webkit-scrollbar { width: 0.5em; display: none; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ========================== COMMON CSS ========================== */

@media (min-width: 1921px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1680px; }
}


body.bg { background: url(../images/body-bg.png) no-repeat center center; background-size: cover; min-height: 100vh; display: flex; flex-flow: column wrap; }

.coming--soon { width: 100%; padding: calc(var(--gap-lg) * 2) 0 var(--gap-lg); position: relative; z-index: 1; }
.coming--soon .logo { width: 160px; display: flex; margin: auto; margin-bottom: var(--gap-md); }
.coming--soon .hero--1 { --font-size: 4vw; font-size: var(--font-size); font-weight: 400; text-transform: uppercase; line-height: 1; letter-spacing: calc(var(--font-size) / 100 * 50); color: var(--white); text-align: center; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); margin-bottom: var(--gap-sm); }
.coming--soon .hero--2 { --font-size: 1.8vw; font-size: var(--font-size); font-weight: 400; text-transform: uppercase; line-height: 1; letter-spacing: calc(var(--font-size) / 100 * 50); color: var(--white); text-align: center; }

.promotions { width: 100%; padding: var(--gap-lg) 0 calc(var(--gap-lg) * 2); position: relative; z-index: 1; border-radius: 100px 100px 0 0; overflow: hidden; background: var(--white); flex: 1; }
.promotions .logo--list { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: var(--gap-lg); }
.promotions .logo--list li { height: 130px; padding: 0 calc(var(--gap-lg) * 2); position: relative; }
.promotions .logo--list li:not(:last-child):after { content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/divider.webp) no-repeat center center; background-size: contain; }
.promotions .logo--list li img { object-fit: contain; }


.contact--links { width: 100%; padding: var(--gap-xs) 0; position: relative; z-index: 1; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: var(--gap-xl); border-top: 1px solid #004B74; border-bottom: 1px solid #004B74; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); margin-bottom: var(--gap-xl); }
.contact--links a { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: var(--gap-sm); font-size: 20px; font-weight: 400; }
.contact--links a img { width: 26px; aspect-ratio: 1; }


.products--list { display: flex; flex-flow: row wrap; justify-content: space-between; }
.products--list li { display: flex; height: 240px; }
.products--list li img { object-fit: contain; }