@charset "UTF-8";#main.no-cursor,#main.no-cursor * {
    cursor: none!important
}

#cursor {
    transform: translate(-50%,-50%);
    position: fixed;
    top: 0;
    left: 0;
    width: min(1.3020833333svw,25px);
    z-index: 999999999999999;
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    cursor: none!important
}

.width--100vw {
    width: 100vw
}

.width--1800 {
    width: min(93.75svw,1800px);
    margin: 0 auto
}
@media screen and (max-width: 767px) {
  .home-hero__description {
    display: none;
  }
}
@media screen and (max-width: 767px) {
    .width--1800 {
        width:93vw!important
    }
}

.svgIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content
}

.svgIcon.has-label h4 {
    margin-bottom: 0!important;
    text-transform: none;
    transition: all .35s cubic-bezier(.445,.05,.55,.95)
}

.svgIcon.has-label .svgIcon__svg.arrow-left-icon {
    opacity: .5;
    margin-left: min(1.8518518519svh,20px);
    transform: rotate(180deg)
}

.svgIcon.white {
    color: #d9d9d9
}

.svgIcon.black {
    color: #000
}

.svgIcon__svg {
    height: min(5.5555555556svh,60px);
    width: min(5.5555555556svh,60px);
    transform-origin: center center;
    transition: all .35s cubic-bezier(.445,.05,.55,.95)
}

.lines-wrap,.lines,.words,.chars {
    overflow: hidden;
    vertical-align: top;
    padding: .2em 0;
    margin: -.2em 0
}

@media screen and (orientation: portrait) {
    .hidden-portrait {
        display:none!important
    }
}

@media screen and (orientation: landscape) {
    .hidden-landscape {
        display:none!important
    }
}

.sup {
    font-size: .6em;
    text-transform: uppercase
}

.bg-black {
    background-color: #000
}

.bg-white {
    background-color: #d9d9d9
}

.bg-blue {
    background-color: #222944
}

.bg-green {
    background-color: #92aba0
}

.bg-light-blue {
    background-color: #465077
}

.bg-yellow {
    background-color: #f2f0dd
}

.bg-yellow-light {
    background-color: #f1efdc
}

.c-black {
    color: #000
}

.c-black::selection,.c-black *::selection {
    background: #0003;
    color: #000
}

.c-white {
    color: #d9d9d9
}

.c-white::selection,.c-white *::selection {
    background: #d9d9d933;
    color: #d9d9d9
}

.c-blue {
    color: #222944
}

.c-blue::selection,.c-blue *::selection {
    background: #22294433;
    color: #222944
}

.c-green {
    color: #92aba0
}

.c-green::selection,.c-green *::selection {
    background: #92aba033;
    color: #92aba0
}

.c-light-blue {
    color: #465077
}

.c-light-blue::selection,.c-light-blue *::selection {
    background: #46507733;
    color: #465077
}

.c-yellow {
    color: #f2f0dd
}

.c-yellow::selection,.c-yellow *::selection {
    background: #f2f0dd33;
    color: #f2f0dd
}

.c-yellow-light {
    color: #f1efdc
}

.c-yellow-light::selection,.c-yellow-light *::selection {
    background: #f1efdc33;
    color: #f1efdc
}

@font-face {
    font-family: Qualettee;
    src: url(/dist/assets/Qualettee.woff2) format("woff2"),url(/dist/assets/Qualettee.woff) format("woff"),url(/dist/assets/Qualettee.svg#Qualettee) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Forma DJR Text;
    src: url(/dist/assets/FormaDJRText-Bold.woff2) format("woff2"),url(/dist/assets/FormaDJRText-Bold.woff) format("woff"),url(/dist/assets/FormaDJRText-Bold.svg#FormaDJRText-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Forma DJR Text;
    src: url(/dist/assets/FormaDJRText-Regular.woff2) format("woff2"),url(/dist/assets/FormaDJRText-Regular.woff) format("woff"),url(/dist/assets/FormaDJRText-Regular.svg#FormaDJRText-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.t-regular {
    font-weight: 400
}

.t-bold {
    font-weight: 700
}

.t-center {
    text-align: center
}

.t-uppercase,.button {
    text-transform: uppercase
}

.font-1,body {
    font-family: Forma DJR Text;
    letter-spacing: .05em
}

.font-1--ls-15 {
    letter-spacing: .15em
}

.font-2,input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea {
    font-family: Qualettee;
    letter-spacing: .03em
}

.t-12,.wpcf7-not-valid-tip {
    font-size: min(.625svw,12px);
    line-height: min(.625svw,12px)
}

.t-15,[type=checkbox]:not(:checked)+span,[type=checkbox]:checked+span {
    font-size: min(.78125svw,15px);
    line-height: min(1.3020833333svw,25px)
}

@media screen and (orientation: portrait) {
    .t-15,[type=checkbox]:not(:checked)+span,[type=checkbox]:checked+span {
        font-size:min(4svw,15px);
        line-height: min(5.3333333333svw,20px)
    }
}

.t-20,input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea,.button,body {
    font-size: min(1.0416666667svw,20px);
    line-height: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .t-20,input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea,.button,body {
        font-size:min(4svw,15px);
        line-height: min(4svw,15px)
    }
}

@media screen and (orientation: portrait) {
    .t-20--m-20 {
        font-size:min(5.3333333333svw,20px);
        line-height: min(6.6666666667svw,25px)
    }
}

@media screen and (orientation: portrait) {
    .t-20--m-10 {
        font-size:min(2.6666666667svw,10px);
        line-height: min(2.6666666667svw,10px)
    }
}

.t-25 {
    font-size: min(1.3020833333svw,25px);
    line-height: min(1.5625svw,30px)
}

.t-25 {
    font-size: min(1.5625svw,30px);
    line-height: min(1.5625svw,30px)
}

@media screen and (orientation: portrait) {
    .t-25 {
        font-size:min(4.2666666667svw,16px);
        line-height: min(5.6svw,21px)
    }
}

.t-40 {
    font-size: min(2.0833333333svw,40px);
    line-height: min(2.34375svw,45px)
}

@media screen and (orientation: portrait) {
    .t-40 {
        font-size:min(6.4svw,24px);
        line-height: min(7.4666666667svw,28px)
    }
}

@media screen and (orientation: portrait) {
    .t-40--m-40 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

.t-50 {
    font-size: min(2.6041666667svw,50px);
    line-height: min(2.8645833333svw,55px)
}

@media screen and (orientation: portrait) {
    .t-50 {
        font-size:min(8svw,30px);
        line-height: min(8svw,30px)
    }
}

@media screen and (orientation: portrait) {
    .t-50--m-35 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

.t-60 {
    font-size: min(3.125svw,60px);
    line-height: min(3.125svw,60px)
}

@media screen and (orientation: portrait) {
    .t-60 {
        font-size:min(6.6666666667svw,25px);
        line-height: min(6.6666666667svw,25px)
    }
}

@media screen and (orientation: portrait) {
    .t-60--m-35 {
        font-size:min(9.3333333333svw,35px);
        line-height: min(9.3333333333svw,35px)
    }
}

@media screen and (orientation: portrait) {
    .t-60--m-50 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

.t-70 {
    font-size: min(3.6458333333svw,70px);
    line-height: min(3.6458333333svw,70px)
}

@media screen and (orientation: portrait) {
    .t-70 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

.t-100 {
    font-size: min(5.2083333333svw,100px);
    line-height: min(5.2083333333svw,100px)
}

@media screen and (orientation: portrait) {
    .t-100 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

.t-130 {
    font-size: min(6.7708333333svw,130px);
    line-height: min(5.7291666667svw,110px)
}

@media screen and (orientation: portrait) {
    .t-130 {
        font-size:min(10.6666666667svw,40px);
        line-height: min(10.6666666667svw,40px)
    }
}

@media screen and (orientation: portrait) {
    .t-130--m-50 {
        font-size:min(13.3333333333svw,50px);
        line-height: min(9.6svw,36px)
    }
}

.t-160 {
    font-size: min(8.3333333333svw,160px);
    line-height: min(8.3333333333svw,160px)
}

.t-200 {
    font-size: min(10.4166666667svw,200px);
    line-height: min(10.4166666667svw,200px)
}

@media screen and (orientation: portrait) {
    .t-200 {
        font-size:min(16svw,60px);
        line-height: min(16svw,60px)
    }
}

.grecaptcha-badge,.iub__us-widget {
    display: none!important
}

.iubenda-tp-btn:not(.iubenda-floatable-tb-btn):not([data-tp-nostyle],.iubenda-floatable-default-btn) {
    display: none!important
}

.wpml-ls {
    display: none!important
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    outline: none
}

*:before,*:after {
    box-sizing: border-box
}

*:focus {
    outline: none
}

body {
    font-weight: 400;
    color: #d9d9d9;
    min-height: 100vh;
    width: 100vw;
    overflow-x: hidden;
  
}

body#page_EVENTS,body.single-post {
    background-color: #f2f0dd;
    color: #040405
}

body,select,input,textarea {
    -webkit-tap-highlight-color: transparent;
    word-break: keep-all
}

::selection {
    background: #000;
    color: #ebebeb;
    text-shadow: none
}

a {
    text-decoration: none;
    outline: 0
}

a:hover,a:link {
    outline: none
}

h1,h2,h3,h4,h5,h6,p,a,span {
    font-family: inherit;
    font-weight: inherit;
    color: inherit
}

ins {
    background-color: #000;
    color: #d9d9d9;
    text-decoration: none
}

mark {
    background-color: #000;
    color: #d9d9d9;
    font-style: italic;
    font-weight: 700
}

strong,b {
    font-weight: 700
}

ul,ol {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

img {
    max-width: 100%;
    height: auto
}

section {
    position: relative
}

pre {
    position: fixed;
    right: 0;
    top: 10px;
    text-align: left;
    text-transform: none;
    width: 360px;
    height: calc(100% - 20px);
    line-height: 11px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    word-spacing: 0;
    z-index: 999999999;
    margin: 0;
    word-break: normal;
    word-wrap: normal;
    font-family: arial;
    box-sizing: content-box!important;
    color: #000!important;
    padding-left: 35px;
    transition: right .3s cubic-bezier(.17,.04,.03,.94)
}

pre>div {
    overflow-y: auto;
    position: relative;
    border-radius: 10px 0;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 100%;
    padding: 10px
}

pre:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 359px;
    height: 50px;
    width: 30px;
    border-radius: 25px 0;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    background-image: url(data:image/svg+xml;base64,...)
}

input[type=checkbox]#toggleDebug {
    opacity: 0;
    cursor: pointer;
    position: fixed;
    z-index: 9999999999;
    right: 359px;
    height: 50px;
    width: 30px;
    transition: right .3s cubic-bezier(.17,.04,.03,.94)
}

input[type=checkbox]#toggleDebug:checked {
    right: 0
}

input[type=checkbox]#toggleDebug:checked~pre {
    right: -359px
}

input[type=checkbox]#toggleDebug:checked~pre:after {
    background-image: url(data:image/svg+xml;base64,...)
}

input[type=checkbox]#toggleDebug:checked:hover {
    width: 60px
}

input[type=checkbox]#toggleDebug:checked:hover~pre {
    right: -329px
}

#noise {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    pointer-events: none;
    background: url(/images/noise.webp) no-repeat center center;
    background-size: cover;
    mix-blend-mode: overlay
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #F2F0DD;
    padding: calc(min(.5208333333svw,10px) - 2px) calc(min(1.5625svw,30px) + 2px);
    background-color: #f2f0dd;
    border-radius: min(.5208333333svw,10px);
    color: #222944;
    cursor: pointer;
    width: fit-content;
    transition: background-color .4s ease-in-out,color .3s ease-in-out,opacity .4s ease-in-out
}

@media screen and (orientation: portrait) {
    .button {
        padding:calc(min(2.6666666667svw,10px) - 2px) calc(min(8svw,30px) + 2px);
        border-radius: min(2.6666666667svw,10px);
        border-width: 1px
    }
}

.button:hover {
    background-color: #222944;
    color: #f2f0dd
}

.button--blue {
    background-color: #222944;
    color: #f2f0dd;
    border: 2px solid #222944
}

@media screen and (orientation: portrait) {
    .button--blue {
        border-width:1px
    }
}

.button--blue:hover {
    background-color: #f2f0dd;
    color: #222944
}

.form__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.form__input {
    margin-bottom: min(0svw,0px)
}

.form__input--half {
    flex-basis: calc(50% - min(.2604166667svw,5px))
}

@media screen and (orientation: portrait) {
    .form__input--half {
        flex-basis:100%
    }
}

.form__input--full {
    flex-basis: 100%
}

.form__input--submit {
    margin-top: min(3.6458333333svw,70px);
    display: flex;
    width: 100%;
    justify-content: center
}

@media screen and (orientation: portrait) {
    .form__input--submit {
        margin-top:min(9.3333333333svw,35px)
    }

    .form__input--submit>p {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.form__input--acceptance {
    margin-top: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .form__input--acceptance {
        margin-top:min(2.6666666667svw,10px)
    }
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.screen-reader-response {
    display: none
}

.wpcf7-form-control-wrap {
    display: block;
    position: relative
}

.wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    top: 100%;
    left: 0
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea {
    width: 100%;
    font-family: Forma DJR Text;
    border-radius: 0;
    padding: min(1.0416666667svw,20px);
    border: none;
    border-bottom: 2px solid #222944;
    color: #222944;
    background-color: transparent
}

input:not([type=submit]):not([type=checkbox]):not([type=radio]).wpcf7-not-valid,select.wpcf7-not-valid,textarea.wpcf7-not-valid {
    border-color: red
}

@media screen and (orientation: portrait) {
    input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea {
        padding:min(4.2666666667svw,16px) min(1.3333333333svw,5px);
        border-width: 1px
    }
}

input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder,select::placeholder,textarea::placeholder {
    color: #222944
}

textarea {
    max-width: 100%;
    min-width: 100%
}

.wpcf7-checkbox,.wpcf7-radio {
    display: flex;
    flex-direction: column
}

.wpcf7-acceptance {
    display: flex
}

.wpcf7-list-item {
    position: relative;
    margin-left: 0
}

.wpcf7-response-output {
    padding: min(1.0416666667svw,20px);
    color: #222944;
    border-radius: min(1.0416666667svw,20px)!important
}

[type=checkbox]:not(:checked),[type=checkbox]:checked {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    opacity: 0;
    width: min(1.0416666667svw,20px);
    aspect-ratio: 1;
    display: block
}

@media screen and (orientation: portrait) {
    [type=checkbox]:not(:checked),[type=checkbox]:checked {
        width:min(5.3333333333svw,20px)
    }
}

[type=checkbox]:not(:checked)+span,[type=checkbox]:checked+span {
    position: relative;
    cursor: pointer;
    padding-left: calc(min(1.0416666667svw,20px) + min(.5208333333svw,10px));
    min-height: min(1.0416666667svw,20px);
    display: block;
    color: #222944
}

@media screen and (orientation: portrait) {
    [type=checkbox]:not(:checked)+span,[type=checkbox]:checked+span {
        max-width:100%;
        min-height: min(5.3333333333svw,20px);
        padding-left: calc(min(5.3333333333svw,20px) + min(2.6666666667svw,10px))
    }
}

[type=checkbox]:not(:checked)+span a,[type=checkbox]:checked+span a {
    color: #92aba0
}

[type=checkbox]:not(:checked)+span:before,[type=checkbox]:checked+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: min(1.0416666667svw,20px);
    aspect-ratio: 1;
    z-index: 10;
    transition: background .2s;
    cursor: pointer;
    background-size: calc(min(1.0416666667svw,20px) / 5 * 3);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #92ABA0
}

@media screen and (orientation: portrait) {
    [type=checkbox]:not(:checked)+span:before,[type=checkbox]:checked+span:before {
        width:min(5.3333333333svw,20px);
        background-size: calc(min(5.3333333333svw,20px) / 5 * 3)
    }
}

[type=checkbox]:disabled:not(:checked)+span:before,[type=checkbox]::disabled:checked+span:before {
    box-shadow: none;
    border-color: #000;
    background-color: #000
}

[type=checkbox]:checked+span:before {
    background-color: #d9d9d9;
    background-image: url(/dist/assets/check_icon.svg)
}

[type=checkbox]:disabled+span {
    color: #000
}

[type=radio]:not(:checked),[type=radio]:checked {
    position: absolute;
    left: max(-1.0416666667svw,-20px);
    z-index: 100;
    opacity: 0;
    width: min(1.0416666667svw,20px);
    height: min(1.0416666667svw,20px);
    display: block;
    top: 50%;
    transform: translateY(-50%)
}

[type=radio]:not(:checked)+span,[type=radio]:checked+span {
    position: relative;
    width: min(1.0416666667svw,20px);
    height: min(1.0416666667svw,20px);
    cursor: pointer;
    padding-left: calc(min(1.0416666667svw,20px) + .7em)
}

[type=radio]:not(:checked)+span:before,[type=radio]:checked+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100vh;
    width: min(1.0416666667svw,20px);
    height: min(1.0416666667svw,20px);
    z-index: 10;
    transition: background .2s;
    cursor: pointer;
    background-size: calc(min(1.0416666667svw,20px) / 5 * 3);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgb(150.45,150.45,150.45)
}

[type=radio]:disabled:not(:checked)+span:before,[type=radio]:disabled:checked+span:before {
    box-shadow: none;
    border-color: #000;
    background-color: #000
}

[type=radio]:checked+span:before {
    background-color: #1e90ff;
    background-image: url(/dist/assets/check_icon.svg)
}

[type=radio]:disabled+span {
    color: #000
}

.hamburger {
    position: relative;
    width: min(1.6666666667svw,32px);
    height: min(1.1458333333svw,22px);
    cursor: pointer
}

@media screen and (orientation: portrait) {
    .hamburger {
        width:min(8.5333333333svw,32px);
        height: min(6.4svw,24px)
    }
}

#page_EVENTS .hamburger .hamburger__line,.single-post .hamburger .hamburger__line {
    background-color: #222944
}

.hamburger__line {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #f2f0dd;
    border-radius: 100vh;
    transition: transform .4s ease-in-out,top .4s ease-in-out,background-color .4s ease-in-out
}

.hamburger__line:nth-child(1) {
    top: 0
}

.hamburger__line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

.hamburger__line:nth-child(3) {
    top: calc(100% - 2px)
}

.hamburger.open .hamburger__line:nth-child(1) {
    transform: rotate(45deg);
    top: 50%
}

.hamburger.open .hamburger__line:nth-child(2) {
    transform: rotate(-45deg);
    top: 50%
}

.hamburger.open .hamburger__line:nth-child(3) {
    transform: rotate(45deg);
    top: 50%
}

#preloader {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100svh;
    overflow: hidden;
    background-color: #222944;
    display: flex;
    align-items: center;
    justify-content: center
}

#preloader svg {
    height: 15vh;
    width: auto
}

.barbaLoader {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    cursor: wait;
    background-color: #402244;
    z-index: 1;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
    
}

.barbaLoader svg {
    display: none;
    height: 15vh;
    width: auto
    
}

.reserve-cta {
    display: none;
    position: fixed;
    bottom: min(2.6041666667svw,50px);
    right: min(2.1875svw,42px);
    z-index: 10;
    cursor: pointer
}

@media screen and (orientation: portrait) {
    .reserve-cta {
        bottom:min(4.2666666667svw,16px);
        right: unset;
        left: 50%;
        transform: translate(-50%)
    }
}

#page_EVENTS .reserve-cta .reserve-cta__text {
    fill: #222944
}

.reserve-cta__landscape {
    width: min(6.7708333333svw,130px);
    aspect-ratio: 1;
    transition: transform .4s ease-in-out
}

.reserve-cta__landscape:hover {
    transform: scale(1.05)
}

.reserve-cta__landscape:hover svg circle {
    transform: scale(.8)
}

.reserve-cta__landscape svg {
    width: 100%;
    height: auto
}

.reserve-cta__landscape svg circle {
    transition: transform .4s ease-in-out;
    transform-origin: center center
}

.reserve-cta__text {
    transform-origin: center center;
    animation: rotate360 10s linear infinite
}

@keyframes rotate360 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateneg360 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.reserve-cta__portrait {
    display: none
}

@media screen and (orientation: portrait) {
    .reserve-cta__portrait {
        display:flex;
        justify-content: center;
        align-items: center;
        padding: min(2.1333333333svw,8px) min(5.3333333333svw,20px);
        background-color: #d9d9d9;
        color: #000;
        border-radius: 100vh;
        width: fit-content
    }
}

.list {
    position: relative;
    padding-bottom: min(6.25svw,120px);
    z-index: 3
}

@media screen and (orientation: portrait) {
    .list {
        padding-bottom:min(0svw,0px)
    }
}

@media screen and (orientation: landscape) {
    .list__item:hover {
        background-color:#92aba0
    }
}

@media screen and (orientation: portrait) {
    .list__item.active {
        background-color:#92aba0
    }
}

.list__line {
    width: 100%;
    height: 2px;
    background-color: #f2f0dd;
    transform-origin: center left
}

@media screen and (orientation: portrait) {
    .list__line {
        height:1px
    }
}

.list__images {
    width: min(28.3333333333svw,544px);
    height: min(36.4583333333svw,700px);
    border-radius: min(2.0833333333svw,40px);
    position: absolute;
    pointer-events: none;
    right: min(3.6458333333svw,70px);
    top: max(-18.2291666667svw,-350px);
    overflow: hidden
}

@media screen and (orientation: portrait) {
    .list__images {
        width:min(40svw,150px);
        height: min(51.2svw,192px);
        border-radius: min(6.4svw,24px);
        right: min(8svw,30px);
        top: max(-25.6svw,-96px)
    }
}

.list__image {
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    object-fit: cover;
    border-radius: min(2.0833333333svw,40px)
}

@media screen and (orientation: portrait) {
    .list__image {
        border-radius:min(6.4svw,24px)
    }
}

.accordion__toggle {
    cursor: pointer
}

.socials__social {
    width: min(3.2291666667svw,62px);
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f2f0dd
}

@media screen and (orientation: portrait) {
    .socials__social {
        width:min(9.3333333333svw,35px)
    }
}

.socials__social img {
    width: min(2.03125svw,39px);
    aspect-ratio: 1;
    display: block
}

@media screen and (orientation: portrait) {
    .socials__social img {
        width:min(5.8666666667svw,22px)
    }
}


.footer {
    position: relative;
    min-height: min(39.0625svw,750px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 11
}

.footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,#23214700,#222944 74.5%);
    z-index: 2;
    pointer-events: none
}

.footer__moon {
    position: absolute;
    z-index: 1;
    width: min(111.6666666667svw,2144px);
    top: 0;
    left: calc((100svw - min(111.6666666667svw,2144px))/2);
    transform-origin: center center
}

@media screen and (orientation: portrait) {
    .footer__moon {
        width:min(285.8666666667svw,1072px);
        left: calc((100svw - min(285.8666666667svw,1072px))/2)
    }
}

.footer__moon img {
    width: 100%
}

.footer__inner {
    position: relative;
    z-index: 3;
    padding-top: min(5.2083333333svw,100px);
    padding-bottom: min(3.6458333333svw,70px);
    padding-left: min(3.6458333333svw,70px);
    padding-right: min(3.6458333333svw,70px);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1
}

@media screen and (orientation: portrait) {
    .footer__inner {
        padding-top:min(25.0666666667svw,94px);
        padding-bottom: min(6.6666666667svw,25px);
        padding-left: min(8svw,30px);
        padding-right: min(8svw,30px)
    }
}

.footer__logo {
    width: min(17.1875svw,330px);
    padding-bottom: min(2.6041666667svw,50px)
}

@media screen and (orientation: portrait) {
    .footer__logo {
        padding-bottom:min(7.2svw,27px);
        width: min(50.1333333333svw,188px)
    }
}

.footer__social {
    padding-bottom: min(9.6354166667svw,185px);
    display: flex;
    justify-content: center;
    gap: 0 min(1.0416666667svw,20px)
}

.footer__bottom {
    flex-grow: 1;
    display: flex;
    width: 100%;
    gap: 0 min(17.1875svw,330px);
    justify-content: space-between;
    align-items: flex-end
}

@media screen and (orientation: portrait) {
    .footer__bottom {
        flex-direction:column
    }
}

.footer__menus {
    display: flex;
    justify-content: space-between;
    flex-grow: 1
}

@media screen and (orientation: portrait) {
    .footer__menus {
        flex-direction:column;
        gap: min(24svw,90px) 0;
        align-items: center;
        width: 100%
    }
}

@media screen and (orientation: portrait) {
    .footer__info {
        order:2;
        align-self: flex-start
    }
}

.footer__menu {
    display: flex;
    flex-direction: column
}

@media screen and (orientation: portrait) {
    .footer__menu {
        order:0;
        text-align: center
    }
}

.footer__utility {
    display: flex;
    flex-direction: column
}

@media screen and (orientation: portrait) {
    .footer__utility {
        order:3;
        align-self: flex-start
    }
}

.footer__logos {
    display: flex;
    gap: 0 min(5.2083333333svw,100px)
}

@media screen and (orientation: portrait) {
    .footer__logos {
        gap:0 min(12.8svw,48px);
        order: 1
    }
}

.footer__dt,.footer__erm {
    height: min(6.5104166667svw,125px);
    width: auto
}

@media screen and (orientation: portrait) {
    .footer__dt,.footer__erm {
        height:min(16.8svw,63px)
    }
}

.footer__dt svg,.footer__erm svg {
    height: 100%;
    width: auto
}

.video-zoom {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.video-zoom__inner {
    flex-grow: 1;
    position: relative;
    background-color: #92aba0
}

.video-zoom__marquee {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.video-zoom__video {
    --scale: calc(.3125 + (1 - .3125) * var(--progress));
    position: absolute;
    z-index: 2;
    border-radius: calc(min(2.6041666667svw,50px) * (1 - var(--progress)) * 1 / var(--scale));
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transform: scale(var(--scale))
}

.video-zoom__video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (orientation: portrait) {
    .video-zoom__video {
        --scale: calc(.2213740458 + (1 - .2213740458) * var(--progress));
        border-radius: calc(min(2.6666666667svw,10px) * (1 - var(--progress)) * 1 / var(--scale))
    }
}

.video-zoom__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    opacity: .5;
    width: min(6.25svw,120px);
    padding: min(1.0416666667svw,20px);
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(calc(1 / var(--scale)))
}

@media screen and (orientation: portrait) {
    .video-zoom__button {
        width:min(17.3333333333svw,65px);
        display: none
    }
}

.video-zoom__button:hover {
    opacity: 1
}

.paragraph {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    position: relative
}

.paragraph--view {
    background-color: #92aba0
}

.paragraph--view .paragraph__diamond {
    margin-bottom: min(3.6458333333svw,70px)
}

.paragraph--design {
    background-color: #92aba0
}

.paragraph--pin {
    height: calc(100svh + 100lvh);
    margin-top: -100svh
}

.paragraph--pin .paragraph__inner {
    position: sticky;
    height: 100lvh;
    top: 0;
    flex-grow: 0
}

.paragraph__inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: min(3.6458333333svw,70px) 0;
    padding: 0 min(12.2395833333svw,235px)
}

@media screen and (orientation: portrait) {
    .paragraph__inner {
        padding:min(6.9333333333svw,26px) min(6.9333333333svw,26px);
        gap: min(9.3333333333svw,35px) 0
    }
}

.paragraph__diamond {
    width: min(4.1145833333svw,79px);
    height: auto;
    margin-bottom: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .paragraph__diamond {
        width:min(13.3333333333svw,50px);
        margin-bottom: 0
    }
}

.double-col {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background-color: #222944;
    position: relative;
    z-index: 2
}

.double-col--inverted .double-col__inner {
    flex-direction: row-reverse
}

@media screen and (orientation: portrait) {
    .double-col--inverted .double-col__inner {
        padding-top:0;
        flex-direction: column
    }
}

@media screen and (orientation: portrait) {
    .double-col--shade .double-col__image {
        border-radius:min(10.6666666667svw,40px);
        width: calc(100% - (min(8svw,30px)*2));
        min-height: unset;
        height: auto
    }
}

@media screen and (orientation: portrait) {
    .double-col--shade .double-col__link {
        max-width:min(55.4666666667svw,208px)
    }
}

.double-col__inner {
    display: flex;
    align-items: center;
    flex-grow: 1;
    gap: 0 min(9.375svw,180px);
    padding-left: min(9.8958333333svw,190px);
    padding-right: min(12.2395833333svw,235px)
}

@media screen and (orientation: portrait) {
    .double-col__inner {
        flex-direction:column-reverse;
        gap: min(18.6666666667svw,70px) 0;
        padding-left: 0;
        padding-right: 0
    }
}

.double-col__image {
    flex-basis: min(31.25svw,600px);
    flex-shrink: 0;
    border-radius: min(2.0833333333svw,40px);
    overflow: hidden;
    display: flex;
    height: auto
}

@media screen and (orientation: portrait) {
    .double-col__image {
        flex-basis:auto;
        width: 100%;
        min-height: 100svh;
        border-radius: 0
    }
}

.double-col__image img {
    width: 100%;
    height: auto
}

@media screen and (orientation: portrait) {
    .double-col__image img {
        object-fit:cover
    }
}

.double-col__content {
    display: flex;
    flex-direction: column;
    gap: min(1.8229166667svw,35px) 0
}

@media screen and (orientation: portrait) {
    .double-col__content {
        gap:min(9.3333333333svw,35px) 0;
        padding: 0 min(7.7333333333svw,29px);
        min-height: 100svh;
        justify-content: center
    }
}

.contacts {
    padding-top: min(12.5svw,240px);
    padding-bottom: min(17.7083333333svw,340px);
    padding-left: min(10.625svw,204px);
    padding-right: min(10.625svw,204px)
}

@media screen and (orientation: portrait) {
    .contacts {
        padding-top:min(32svw,120px);
        padding-bottom: min(32svw,120px);
        padding-left: min(2.6666666667svw,10px);
        padding-right: min(2.6666666667svw,10px)
    }
}

#page_EVENTS .contacts .contacts__inner {
    background-color: #222944
}

#page_EVENTS .contacts .contacts__title,#page_EVENTS .contacts .contacts__description,#page_EVENTS .contacts .wpcf7-response-output {
    color: #f2f0dd
}

#page_EVENTS .contacts .contacts__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),#page_EVENTS .contacts .contacts__form select,#page_EVENTS .contacts .contacts__form textarea {
    border-bottom: 2px solid #F2F0DD;
    color: #f2f0dd
}

#page_EVENTS .contacts .contacts__form input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder,#page_EVENTS .contacts .contacts__form select::placeholder,#page_EVENTS .contacts .contacts__form textarea::placeholder {
    color: #f2f0dd
}

#page_EVENTS .contacts .contacts__form [type=checkbox]:not(:checked)+span,#page_EVENTS .contacts .contacts__form [type=checkbox]:checked+span {
    color: #f2f0dd
}

.contacts__inner {
    background-color: #f2f0dd;
    border-radius: min(2.6041666667svw,50px);
    padding: min(5.2083333333svw,100px);
    padding-bottom: min(3.6458333333svw,70px)
}

@media screen and (orientation: portrait) {
    .contacts__inner {
        padding-top:min(10.6666666667svw,40px);
        padding-right: min(8svw,30px);
        padding-bottom: min(17.0666666667svw,64px);
        padding-left: min(8svw,30px);
        border-radius: min(8svw,30px)
    }
}

.contacts__title {
    padding-bottom: min(2.0833333333svw,40px)
}

@media screen and (orientation: portrait) {
    .contacts__title {
        padding-bottom:min(0svw,0px)
    }
}

.contacts__description {
    padding-bottom: min(3.6458333333svw,70px)
}

@media screen and (orientation: portrait) {
    .contacts__description {
        padding-bottom:min(9.3333333333svw,35px)
    }
}

.common-hero {
    height: 100vh
}

.common-hero__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.common-hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.common-hero__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.common-hero__title,.common-hero__subtitle {
    position: relative;
    z-index: 2
}

.common-page__wrap {
    padding: 0 min(6.25svw,120px);
    padding-top: min(12.5svw,240px)
}

@media screen and (orientation: portrait) {
    .common-page__wrap {
        padding:0 min(5.3333333333svw,20px);
        padding-top: min(32svw,120px)
    }
}

.common-page__title {
    padding-bottom: min(2.6041666667svw,50px)
}

@media screen and (orientation: portrait) {
    .common-page__title {
        padding-bottom:min(9.3333333333svw,35px)
    }
}

.common-page__text ul {
    padding-left: 1em;
    list-style: disc
}

.home-hero {
    overflow: hidden
}

.home-hero__inner {
    width: 100svw;
    min-height: 100lvh;
    display: flex;
    flex-direction: column
}
.home-hero__background {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100svw;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
}
.home-hero__background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("ChatGPT\ Image\ Sep\ 8\,\ 2026\,\ 10_39_54\ PM.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: none;
}

.home-hero__top {
    min-height: 100lvh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}
@media screen and (orientation: portrait) {
    .home-hero__top {
        min-height: 60lvh;
    }
}
.home-hero__stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100svw;
    height: 100svh;
    z-index: 0;
    -webkit-mask-image: linear-gradient(0deg,#19173500,#000 50%);
    mask-image: linear-gradient(0deg,#19173500,#000 50%)
}

@media screen and (orientation: portrait) {
    .home-hero__stars {
        height:100svh
    }
}

.home-hero__star {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.home-hero__star img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.home-hero__bottom {
    min-height: 100lvh;
    padding: 0 min(5.9895833333svw,115px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 min(5.2083333333svw,100px)
}

@media screen and (orientation: portrait) {
    .home-hero__bottom {
        flex-direction:column;
        padding: 0 min(8.6666666667svw,25px);
        gap: min(8svw,20px) 0
    }
}

.home-hero__title {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 1;
    will-change: transform
}

@media screen and (orientation: portrait) {
    .home-hero__title {
        padding:0 min(5.3333333333svw,20px)
    }
}

.home-hero__moon-initial {
    width: min(37.6041666667svw,722px);
    aspect-ratio: 1
}

@media screen and (orientation: portrait) {
    .home-hero__moon-initial {
        width:min(133.3333333333svw,500px);
        flex-shrink: 0
    }
}

.home-hero__moon {
    width: 100%;
    height: 100%;
    will-change: transform
}

.home-hero__moon-inner {
    width: 100%;
    height: 100%;
    position: relative
}

.home-hero__frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.home-hero__frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.home-hero__description {
    flex-basis: min(37.5svw,720px)
}

@media screen and (orientation: portrait) {
    .home-hero__description {
        flex-basis:auto
    }
}

.home-hero__image {
    flex-basis: min(44.1666666667svw,848px);
    flex-shrink: 0;
    position: relative;
    align-self: flex-end
}

@media screen and (orientation: portrait) {
    .home-hero__image {
        flex-basis:auto;
        width: min(144.5333333333svw,542px);
        flex-shrink: 0;
        align-self: center
    }
}

.home-hero__moon-final {
    transform: rotate(-60deg);
    margin-left: min(12.5svw,240px);
    margin-bottom: min(19.84375svw,381px);
    width: min(18.8020833333svw,361px);
    height: min(18.8020833333svw,361px)
}

@media screen and (orientation: portrait) {
    .home-hero__moon-final {
        transform:rotate(0);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: min(80svw,300px);
        width: min(53.3333333333svw,200px);
        height: min(53.3333333333svw,200px)
    }
}.home-hero__drink {
    display: flex;
    position: absolute;
    width: 100%;
    left: -4%;
   bottom: max(-1.5svw,-20px);
    height: auto;
    height: fit-content;
    will-change: transform
}
.home-hero__drink img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: scale(1); /* pehle jo scale rakha tha usse kam number */
    transform-origin: center bottom;
}

@media screen and (orientation: portrait) {
    .home-hero__drink {
        bottom:max(-5.3333333333svw,-50px)
    }
}@media screen and (orientation: portrait) {
    .home-hero__bottom {
        flex-direction: column;
        justify-content: center;
        padding: min(8svw,30px) min(10.6666666667svw,40px) 0;
        gap: min(8svw,30px) 0
    }
}
.home-hero__drink img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.circle-slider {
    overflow: hidden
}

.circle-slider__inner {
    position: relative;
    height: 56.25svw
}

@media screen and (orientation: portrait) {
    .circle-slider__inner {
        height:146.6666666667svw
    }
}

.circle-slider__label {
    position: absolute;
    top: 28.2291666667svw;
    left: 50%;
    transform: translate(-50%);
    z-index: 4
}

@media screen and (orientation: portrait) {
    .circle-slider__label {
        top:84svw
    }
}

.circle-slider__control {
    position: absolute;
    top: 24.5833333333svw;
    width: 3.125svw;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #f2f0dd;
    border: 2px solid #92ABA0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .3s ease-in-out,border-color .3s ease-in-out
}

@media screen and (orientation: portrait) {
    .circle-slider__control {
        width:10.6666666667svw;
        top: 45.0666666667svw
    }
}

.circle-slider__control:hover {
    background-color: #92aba0
}

.circle-slider__control:hover svg path {
    fill: #f2f0dd
}

.circle-slider__control svg {
    width: 1.5104166667svw;
    height: auto
}

@media screen and (orientation: portrait) {
    .circle-slider__control svg {
        width:5.8666666667svw
    }
}

.circle-slider__control svg path {
    transition: fill .3s ease-in-out
}

.circle-slider__control--prev {
    left: 15.4166666667svw;
    transform: rotate(-40deg)
}

@media screen and (orientation: portrait) {
    .circle-slider__control--prev {
        left:6.1333333333svw;
        transform: rotate(-15deg)
    }
}

.circle-slider__control--next {
    right: 15.4166666667svw;
    transform: rotate(40deg)
}

@media screen and (orientation: portrait) {
    .circle-slider__control--next {
        right:6.1333333333svw;
        transform: rotate(15deg)
    }
}

.circle-slider__wheel {
    position: absolute;
    width: 106.25svw;
    height: 106.25svw;
    left: -3.125svw;
    will-change: transform;
    top: 14.5833333333svw
}

@media screen and (orientation: portrait) {
    .circle-slider__wheel {
        width:280svw;
        height: 280svw;
        left: -90svw;
        top: 44.8svw
    }
}

.circle-slider__circle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #92ABA0;
    z-index: 2
}

.circle-slider__item {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.circle-slider__item-inner {
    width: 22.1875svw;
    height: 29.1666666667svw;
    object-fit: contain;
    object-position: 50% 100%;
    will-change: transform
}

@media screen and (orientation: portrait) {
    .circle-slider__item-inner {
        width:68.2666666667svw;
        height: 89.6svw
    }
}

.circle-slider__image {
    overflow: hidden;
    border-radius: 2.0833333333svw;
    display: flex
}

@media screen and (orientation: portrait) {
    .circle-slider__image {
        border-radius:6.4svw
    }
}

.circle-slider__image img {
    width: 100%;
    height: auto
}

.home-list__item {
    padding-top: min(1.0416666667svw,20px);
    padding-bottom: min(1.0416666667svw,20px);
    padding-left: min(3.6458333333svw,70px)
}

@media screen and (orientation: portrait) {
    .home-list__item {
        padding-top:min(2.4svw,9px);
        padding-bottom: min(3.4666666667svw,13px);
        padding-left: min(6.6666666667svw,25px)
    }
}

.home-list__item-link {
    display: flex;
    gap: 0 min(1.0416666667svw,20px);
    align-items: baseline;
    text-decoration: none
}

@media screen and (orientation: portrait) {
    .home-list__item-link {
        flex-direction:column;
        gap: min(1.6svw,6px)
    }
}

@media screen and (orientation: portrait) {
    .home-list__images {
        display:none
    }
}

.home-news__inner {
    display: flex;
    position: relative;
    align-items: stretch;
    margin-bottom: min(2.6041666667svw,50px)
}

@media screen and (orientation: portrait) {
    .home-news__inner {
        flex-direction:column
    }
}

.home-news__line {
    background-color: #f2f0dd
}

.home-news__line--v {
    width: 2px;
    height: auto;
    transform-origin: top center
}

.home-news__line--h {
    width: 100%;
    height: 2px
}

.home-news__diamond {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: min(4.1145833333svw,79px);
    height: auto
}

.home-news__diamond svg {
    width: 100%;
    height: auto
}

@media screen and (orientation: portrait) {
    .home-news__diamond {
        display:none
    }
}

.home-news__box {
    flex-basis: 50%;
    height: auto;
    display: flex;
    flex-direction: column
}

@media screen and (orientation: portrait) {
    .home-news__box {
        flex-basis:auto
    }
}

.home-news__box--spaces .home-news__line--h {
    transform-origin: right center
}

.home-news__box--events .home-news__line--h {
    transform-origin: left center
}

.home-news__box--events .home-news__title {
    padding-bottom: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .home-news__box--events .home-news__title {
        padding-bottom:min(2.1333333333svw,8px)
    }
}

.home-news__header {
    padding-left: min(3.6458333333svw,70px);
    min-height: min(5.2083333333svw,100px);
    display: flex;
    align-items: center
}

@media screen and (orientation: portrait) {
    .home-news__header {
        padding-left:min(8svw,30px);
        min-height: min(17.3333333333svw,65px)
    }
}

.home-news__body {
    padding-left: min(6.25svw,120px);
    padding-top: min(3.6458333333svw,70px);
    padding-bottom: min(4.4270833333svw,85px);
    flex-grow: 1
}

@media screen and (orientation: portrait) {
    .home-news__body {
        padding-left:min(8svw,30px);
        padding-right: min(8svw,30px);
        padding-top: min(9.3333333333svw,35px);
        padding-bottom: min(9.3333333333svw,35px)
    }
}

.home-news__label {
    padding-bottom: min(.7291666667svw,14px)
}

@media screen and (orientation: portrait) {
    .home-news__label {
        padding-bottom:min(2.1333333333svw,8px)
    }
}

.home-news__title {
    padding-bottom: min(5.9375svw,114px);
    max-width: min(22.1354166667svw,425px)
}

@media screen and (orientation: portrait) {
    .home-news__title {
        max-width:min(75.2svw,282px);
        padding-bottom: min(6.1333333333svw,23px)
    }
}

.home-news__description {
    max-width: min(29.6875svw,570px);
    padding-bottom: min(5.2083333333svw,100px)
}

@media screen and (orientation: portrait) {
    .home-news__description {
        max-width:100%;
        padding-bottom: min(7.4666666667svw,28px)
    }
}

.home-news__date {
    padding-bottom: min(3.6458333333svw,70px)
}

.cocktails-list__item {
    min-height: min(8.59375svw,165px);
    padding-top: min(2.6041666667svw,50px);
    padding-bottom: min(2.6041666667svw,50px);
    padding-left: min(4.1666666667svw,80px);
    display: flex;
    gap: min(0svw,0px);
    align-items: baseline;
    flex-direction: column
}

@media screen and (orientation: portrait) {
    .cocktails-list__item {
        flex-direction:column
    }
}

@media screen and (orientation: landscape) {
    .cocktails-list__item:hover {
        background-color:var(--color)
    }
}

@media screen and (orientation: portrait) {
    .cocktails-list__item.active {
        background-color:var(--color)
    }

    .cocktails-list__item.active .cocktails-list__item-title {
        transform: translateY(max(-.5208333333svw,-10px))
    }

    .cocktails-list__item.active .cocktails-list__item-ingredients {
        opacity: 1
    }
}

.cocktails-list__item-inner {
    position: relative;
    width: 100%
}

.cocktails-list__item-title {
    transition: transform .3s ease-out
}

.cocktails-list__item-ingredients {
    transition: opacity .3s ease-out;
    height: 0;
    overflow: hidden
}

.cocktails-list__item-ingredients-inner {
    display: flex;
    flex-direction: column;
    gap: min(2.0833333333svw,40px);
    align-items: flex-start;
    padding-top: min(2.0833333333svw,40px)
}

@media screen and (orientation: portrait) {
    .cocktails-list__item-ingredients-inner {
        gap:min(10.6666666667svw,40px);
        padding-top: min(10.6666666667svw,40px)
    }
}

.cocktails-list__item-ingredients-block {
    display: flex;
    flex-direction: column;
    gap: min(.625svw,12px);
    align-items: flex-start
}

@media screen and (orientation: portrait) {
    .cocktails-list__item-ingredients-block {
        gap:min(3.2svw,12px)
    }
}

.cocktails-list__item-label {
    padding: min(.4166666667svw,8px);
    border-radius: min(.5208333333svw,10px);
    background-color: #d9d9d9;
    color: var(--color);
    line-height: .7em
}

@media screen and (orientation: portrait) {
    .cocktails-list__item-label {
        padding:min(2.1333333333svw,8px);
        border-radius: min(1.6svw,6px);
        text-align: center;
        margin: 0 auto
    }
}

.cocktails-list-mobile__item {
    padding: min(20svw,75px) min(8svw,30px);
    display: flex;
    flex-direction: column;
    align-items: center
}

.cocktails-list-mobile__line {
    height: 1px;
    background-color: #f2f0dd
}

.cocktails-list-mobile__item-diamond {
    width: min(13.3333333333svw,50px)
}

.cocktails-list-mobile__item-diamond svg {
    width: 100%;
    height: auto
}

.cocktails-list-mobile__item-title {
    transform: translateY(50%)
}

.cocktails-list-mobile__item-image {
    border-radius: min(10.6666666667svw,40px);
    overflow: hidden;
    margin-bottom: min(2.6666666667svw,10px);
    width: 100%
}

.cocktails-list-mobile__item-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.cocktails-list-mobile__item-ingredients {
    padding-top: min(5.3333333333svw,20px);
    text-align: center
}

@media screen and (orientation: portrait) {
    .events-list {
        margin-top:min(53.3333333333svw,200px)
    }
}

.events-list__item {
    padding-top: min(1.0416666667svw,20px);
    padding-bottom: min(1.0416666667svw,20px);
    padding-left: min(3.6458333333svw,70px);
    display: flex;
    gap: 0 min(1.0416666667svw,20px);
    align-items: center
}

@media screen and (orientation: portrait) {
    .events-list__item {
        padding-top:min(2.4svw,9px);
        padding-bottom: min(3.4666666667svw,13px);
        padding-left: min(6.6666666667svw,25px);
        gap: min(1.6svw,6px)
    }
}

@media screen and (orientation: portrait) {
    .events-list__images {
        display:none
    }
}

.catalog__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.catalog__menu:not(:first-child) {
    margin-top: min(9.375svw,180px)
}

@media screen and (orientation: portrait) {
    .catalog__menu:not(:first-child) {
        margin-top:min(26.6666666667svw,100px)
    }
}

.catalog__diamond {
    width: min(4.1145833333svw,79px);
    height: auto;
    margin-bottom: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .catalog__diamond {
        width:min(13.3333333333svw,50px);
        margin-bottom: min(1.6svw,6px)
    }
}

.catalog__title {
    margin-bottom: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .catalog__title {
        margin-bottom:min(1.6svw,6px)
    }
}

.catalog__subtitle {
    margin-bottom: min(5.2083333333svw,100px)
}

@media screen and (orientation: portrait) {
    .catalog__subtitle {
        margin-bottom:min(9.3333333333svw,35px)
    }
}

.catalog__line {
    width: 100%;
    height: 2px;
    background-color: #f2f0dd
}

.catalog__item {
    width: 100%
}

.catalog__item.open .catalog__item-header {
    background-color: #92aba0
}

.catalog__item.open .catalog__icon {
    transform: rotate(180deg)
}

.catalog__item.open .catalog__icon:after {
    transform: translate(-50%,-50%) rotate(0)
}

.catalog__item-header {
    min-height: min(8.3333333333svw,160px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: min(.5208333333svw,10px) 0;
    padding-left: min(4.1666666667svw,80px);
    padding-right: min(3.125svw,60px)
}

@media screen and (orientation: portrait) {
    .catalog__item-header {
        padding-top:min(4svw,15px);
        padding-bottom: min(4svw,15px);
        padding-left: min(6.6666666667svw,25px);
        padding-right: min(4svw,15px)
    }
}

.catalog__item-header:hover {
    background-color: #92aba0
}

.catalog__icon {
    width: min(1.5625svw,30px);
    aspect-ratio: 1;
    position: absolute;
    right: min(3.125svw,60px);
    transition: transform .5s ease-in-out
}

@media screen and (orientation: portrait) {
    .catalog__icon {
        width:min(5.3333333333svw,20px);
        right: min(4svw,15px)
    }
}

.catalog__icon:after,.catalog__icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #f2f0dd;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    border-radius: 100vh
}

.catalog__icon:after {
    transition: transform .5s ease-in-out;
    transform: translate(-50%,-50%) rotate(90deg)
}

.catalog__subitems {
    overflow: hidden;
    height: 0
}

.catalog__subitem-header {
    min-height: min(8.3333333333svw,160px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: min(.5208333333svw,10px) 0;
    padding-left: min(4.1666666667svw,80px);
    padding-right: min(3.125svw,60px)
}

@media screen and (orientation: portrait) {
    .catalog__subitem-header {
        padding-top:min(4svw,15px);
        padding-bottom: min(4svw,15px);
        padding-left: min(6.6666666667svw,25px);
        padding-right: min(4svw,15px)
    }
}

.contacts-form {
    padding-top: min(12.5svw,240px);
    padding-bottom: min(17.7083333333svw,340px);
    padding-left: min(10.625svw,204px);
    padding-right: min(10.625svw,204px)
}

@media screen and (orientation: portrait) {
    .contacts-form {
        padding-top:min(32svw,120px);
        padding-bottom: min(32svw,120px);
        padding-left: min(2.6666666667svw,10px);
        padding-right: min(2.6666666667svw,10px)
    }
}

.contacts-form__inner {
    background-color: #f2f0dd;
    border-radius: min(2.6041666667svw,50px);
    padding: min(5.2083333333svw,100px);
    padding-bottom: min(3.6458333333svw,70px);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (orientation: portrait) {
    .contacts-form__inner {
        padding-top:min(10.6666666667svw,40px);
        padding-right: min(8svw,30px);
        padding-bottom: min(17.0666666667svw,64px);
        padding-left: min(8svw,30px);
        border-radius: min(8svw,30px);
        align-items: flex-start
    }
}

.contacts-form__diamond {
    width: min(4.1145833333svw,79px);
    height: auto;
    margin-bottom: min(1.0416666667svw,20px)
}

@media screen and (orientation: portrait) {
    .contacts-form__diamond {
        width:min(13.3333333333svw,50px);
        margin-bottom: min(2.6666666667svw,10px);
        align-self: center
    }
}

.contacts-form__diamond svg path {
    fill: #222944
}

.contacts-form__title {
    padding-bottom: min(2.0833333333svw,40px)
}

@media screen and (orientation: portrait) {
    .contacts-form__title {
        padding-bottom:min(0svw,0px)
    }
}

.contacts-form__description {
    padding-bottom: min(2.8645833333svw,55px)
}

@media screen and (orientation: portrait) {
    .contacts-form__description {
        padding-bottom:min(9.3333333333svw,35px)
    }
}

.contacts-map {
    padding-left: min(18.75svw,360px);
    padding-right: min(18.75svw,360px);
    padding-top: min(10.4166666667svw,200px);
    padding-bottom: min(17.7083333333svw,340px)
}

@media screen and (orientation: portrait) {
    .contacts-map {
        padding-left:min(2.6666666667svw,10px);
        padding-right: min(2.6666666667svw,10px);
        padding-top: min(32svw,120px);
        padding-bottom: min(32svw,120px)
    }
}

.contacts-map__inner {
    border-radius: min(2.0833333333svw,40px);
    overflow: hidden
}

@media screen and (orientation: portrait) {
    .contacts-map__inner {
        border-radius:min(10.6666666667svw,40px)
    }
}

.contacts-map__map {
    width: 100%;
    height: min(41.6666666667svw,800px)
}

@media screen and (orientation: portrait) {
    .contacts-map__map {
        height:min(106.6666666667svw,400px)
    }
}

.events-calendar__event {
    padding: min(2.0833333333svw,40px) min(4.1666666667svw,80px);
    display: flex;
    align-items: center
}

@media screen and (orientation: portrait) {
    .events-calendar__event {
        flex-direction:column;
        align-items: flex-start;
        padding: min(10.6666666667svw,40px) min(8svw,30px)
    }
}

.events-calendar__intro {
    display: flex;
    flex-direction: column;
    flex-basis: min(28.6458333333svw,550px)
}

@media screen and (orientation: portrait) {
    .events-calendar__intro {
        flex-basis:auto;
        padding-bottom: min(10.6666666667svw,40px)
    }
}

.events-calendar__preview {
    flex-grow: 1
}

@media screen and (orientation: portrait) {
    .events-calendar__preview {
        padding-bottom:min(10.6666666667svw,40px)
    }
}

.events-calendar__reserve {
    flex-shrink: 0
}

.events-calendar__line {
    height: 2px;
    width: 100%;
    background-color: #222944
}

.hero-event {
    padding-top: min(12.5svw,240px);
    padding-bottom: min(12.5svw,240px)
}

@media screen and (orientation: portrait) {
    .hero-event {
        padding-top:min(32svw,120px);
        padding-bottom: min(32svw,120px)
    }
}

.hero-event__inner {
    padding-left: min(9.8958333333svw,190px);
    padding-right: min(6.7708333333svw,130px);
    display: flex;
    gap: 0 min(9.375svw,180px);
    align-items: center
}

@media screen and (orientation: portrait) {
    .hero-event__inner {
        flex-direction:column;
        gap: min(8svw,30px);
        align-items: flex-start;
        padding-left: min(8svw,30px);
        padding-right: min(8svw,30px)
    }
}

.hero-event__image {
    width: min(31.25svw,600px);
    aspect-ratio: 1;
    border-radius: min(2.0833333333svw,40px);
    overflow: hidden;
    display: flex;
    flex-shrink: 0
}

@media screen and (orientation: portrait) {
    .hero-event__image {
        width:100%;
        border-radius: min(5.3333333333svw,20px)
    }
}

.hero-event__image img {
    width: 100%;
    height: 100%
}

.hero-event__content {
    display: flex;
    flex-direction: column;
    gap: min(1.5625svw,30px) 0
}

@media screen and (orientation: portrait) {
    .hero-event__content {
        gap:min(5.3333333333svw,20px) 0
    }
}

.gallery-event {
    padding-bottom: min(12.5svw,240px)
}

@media screen and (orientation: portrait) {
    .gallery-event {
        padding-bottom:min(32svw,120px)
    }
}

.gallery-event__inner {
    padding-left: min(9.8958333333svw,190px)
}

@media screen and (orientation: portrait) {
    .gallery-event__inner {
        padding-left:min(8svw,30px);
        padding-right: min(8svw,30px)
    }
}

.gallery-event__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: min(2.6041666667svw,50px)
}

@media screen and (orientation: portrait) {
    .gallery-event__gallery {
        gap:min(5.3333333333svw,20px)
    }
}

.gallery-event__image {
    height: min(32.8125svw,630px);
    width: auto;
    border-radius: min(2.0833333333svw,40px);
    display: flex;
    overflow: hidden
}

@media screen and (orientation: portrait) {
    .gallery-event__image {
        border-radius:min(5.3333333333svw,20px);
        width: 100%;
        height: auto
    }
}

.gallery-event__image img {
    height: 100%;
    width: auto
}

.marquee {
    display: flex;
    height: 100%;
    align-items: center;
    overflow: hidden
}

.marquee__inner {
    padding-left: min(3.125svw,60px);
    display: flex;
    width: fit-content;
    gap: min(3.125svw,60px)
}

@media screen and (orientation: portrait) {
    .marquee__inner {
        padding-left:min(1.5625svw,30px);
        gap: min(1.5625svw,30px)
    }
}

.marquee__item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: min(3.125svw,60px)
}

.marquee__separator {
    width: min(4.1666666667svw,80px);
    height: auto
}
    .drinks {
        --void: #040705;
        --cream: #f1faf3;
        --cream-dim: rgba(241,250,243,0.62);
        --cream-faint: rgba(241,250,243,0.36);
        --accent: #a78bfa;
        --glow: #a78bfa;
        --glow-soft: rgba(6, 69, 241, 0.5);
        --panel-bg: rgba(11,17,13,0.72);
        --panel-border: rgba(250, 241, 249, 0.12);
        --line: rgba(241,250,243,0.14);

        position: relative;
        overflow: hidden;
        background: var(--void);
        color: var(--cream);
        padding: clamp(4rem, 8vw, 6rem) clamp(1.25rem, 5vw, 3rem);

        opacity: 0;
        transform: translateY(20px);
        transition: opacity 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1);
    }
    .drinks.in-view { opacity: 1; transform: translateY(0); }
    .drinks * { box-sizing: border-box; }

    /* ---------- Background photo ---------- */
    /* Swap this src for your own bar / drinks photo */
    .drinks__bg {
        position: absolute; inset: 0; z-index: -2;
        width: 100%; height: 100%;
        object-fit: cover; object-position: center 35%;
    }
    .drinks__scrim {
        position: absolute; inset: 0; z-index: -2;
        background:
            radial-gradient(ellipse 800px 500px at 50% -5%, rgba(61,220,132,0.12), transparent 60%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.308) 0%, rgba(0, 0, 0, 0.411) 55%, var(--void) 100%);
    }

    /* ---------- Rising bubbles (ambient, CSS only) ---------- */
    .drinks__bubbles { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
    .drinks__bubble {
        position: absolute;
        bottom: -6%;
        border-radius: 50%;
        border: 1px solid rgba(241,250,243,0.35);
        opacity: 0;
        animation: drinksBubble linear infinite;
    }
    @keyframes drinksBubble {
        0%   { opacity: 0; transform: translateY(0) translateX(0); }
        12%  { opacity: .55; }
        88%  { opacity: .25; }
        100% { opacity: 0; transform: translateY(-108vh) translateX(var(--drift, 18px)); }
    }
    @media (prefers-reduced-motion: reduce) { .drinks__bubble { animation: none; display: none; } }

    /* ---------- Header ---------- */
    .drinks__header {
        position: relative; z-index: 1;
        text-align: center;
        max-width: 640px;
        margin: 0 auto clamp(1rem, 3vw, 2.5rem);
    }
    .drinks__eyebrow {
        display: block;
        font-family: 'Alex Brush', cursive;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        color: var(--glow);
        margin-bottom: 0.2rem;
    }
    .drinks__title {
        margin: 0 0 0.7rem;
        font-family: 'Fredoka', sans-serif;
        font-weight: 700;
        font-size: clamp(1.9rem, 4.2vw, 2.8rem);
        color: var(--cream);
    }
    .drinks__subtitle {
        margin: 0;
        font-family: 'Jost', sans-serif;
        font-size: 0.92rem;
        line-height: 1.7;
        color: var(--cream-dim);
    }

    /* ---------- Tabs ---------- */
    .drinks__tabs {
        position: relative; z-index: 1;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin: 0 auto clamp(1.6rem, 4vw, 2.2rem);
        max-width: 780px;
    }
    .drinks__tab {
        font-family: 'Jost', sans-serif;
        font-weight: 500;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--cream-dim);
        background: rgba(241,250,243,0.04);
        border: 1px solid var(--panel-border);
        border-radius: 999px;
        padding: 0.6em 1.1em;
        cursor: pointer;
        transition: color .3s ease, border-color .3s ease, background .3s ease;
    }
    .drinks__tab:hover { color: var(--cream); border-color: var(--glow); }
    .drinks__tab.is-active {
        color: var(--void);
        background: var(--glow);
        border-color: var(--glow);
    }

    /* ---------- Menu panel (the distinct part: a single framed list, not a card grid) ---------- */
    .drinks__panel {
        position: relative; z-index: 1;
        max-width: 780px;
        margin: 0 auto;
        border: 1px solid var(--panel-border);
        border-radius: 18px;
        background: var(--panel-bg);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: clamp(1.6rem, 4vw, 2.4rem) clamp(1.4rem, 4vw, 2.6rem);
    }

    .drinks__panel-head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.2rem;
        padding-bottom: 0.9rem;
        border-bottom: 1px solid var(--line);
    }
    .drinks__panel-title {
        font-family: 'Fredoka', sans-serif;
        font-weight: 600;
        font-size: 1.05rem;
        color: var(--glow);
    }
    .drinks__panel-price {
        font-family: 'Jost', sans-serif;
        font-size: 0.72rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--cream-faint);
    }

    .drinks__list {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        column-count: 1;
        column-gap: 2rem;
    }
    .drinks__list.is-active { display: block; }

    @media (min-width: 560px) {
        .drinks__list { column-count: 2; }
    }

    .drinks__item {
        display: flex;
        align-items: baseline;
        gap: 0.4rem;
        break-inside: avoid;
        padding: 0.55rem 0;
        border-bottom: 1px dashed var(--line);
    }
    .drinks__item-name {
        font-family: 'Jost', sans-serif;
        font-weight: 400;
        font-size: 0.92rem;
        color: var(--cream);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
    }
    .drinks__item-fill {
        flex: 1;
        border-bottom: 1px dotted var(--cream-faint);
        transform: translateY(-4px);
    }
    .drinks__item-price {
        font-family: 'Fredoka', sans-serif;
        font-weight: 500;
        font-size: 0.86rem;
        color: var(--glow);
        white-space: nowrap;
    }

    .drinks__more {
        margin: 0.8rem 0 0;
        font-family: 'Jost', sans-serif;
        font-style: italic;
        font-size: 0.78rem;
        color: var(--cream-faint);
        text-align: center;
    }

    /* ---------- CTA ---------- */
    .drinks__actions {
        position: relative; z-index: 1;
        display: flex;
        justify-content: center;
        margin-top: clamp(1.8rem, 4vw, 2.4rem);
    }
    .drinks__cta {
        display: inline-flex; align-items: center; gap: 0.6em;
        font-family: 'Jost', sans-serif;
        font-weight: 500; font-size: 0.75rem;
        letter-spacing: 0.16em; text-transform: uppercase;
        color: var(--void);
        background: linear-gradient(135deg, var(--accent), var(--glow));
        border: none; border-radius: 3px;
        padding: 0.9em 2em;
        text-decoration: none;
        cursor: pointer;
        transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, letter-spacing .3s ease;
    }
    .drinks__cta:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px var(--glow-soft); letter-spacing: 0.2em; }

    @media (max-width: 480px) {
        .drinks__item-name { white-space: normal; }
    }

    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; background: #040705; }

    .desserts {
        --void: #040705;
        --cream: #f1faf3;
        --cream-dim: rgba(241,250,243,0.62);
        --cream-faint: rgba(241,250,243,0.36);
        --accent: #a78bfa;
        --glow: #a78bfa;
        --glow-soft: rgba(6, 69, 241, 0.5);
        --panel-bg: rgba(11,17,13,0.72);
        --panel-border: rgba(250, 241, 249, 0.12);
        --line: rgba(241,250,243,0.14);

        position: relative;
        overflow: hidden;
        background: var(--void);
        color: var(--cream);
        padding: clamp(4rem, 8vw, 6rem) clamp(1.25rem, 5vw, 3rem);

        opacity: 0;
        transform: translateY(20px);
        transition: opacity 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1);
    }
    .desserts.in-view { opacity: 1; transform: translateY(0); }
    .desserts * { box-sizing: border-box; }

    /* ---------- Background photo ---------- */
    .desserts__bg {
        position: absolute; inset: 0; z-index: -2;
        width: 100%; height: 100%;
        object-fit: cover; object-position: center 40%;
    }
    .desserts__scrim {
        position: absolute; inset: 0; z-index: -2;
        background:
            radial-gradient(ellipse 800px 460px at 50% -5%, rgba(1, 8, 109, 0.1), transparent 60%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.411) 0%, rgba(0, 0, 0, 0.527) 55%, var(--void) 100%);
    }

    /* ---------- Header ---------- */
    .desserts__header {
        position: relative; z-index: 1;
        text-align: center;
        max-width: 640px;
        margin: 0 auto clamp(2.2rem, 5vw, 3rem);
    }
    .desserts__eyebrow {
        display: block;
        font-family: 'Alex Brush', cursive;
        font-size: clamp(1.9rem, 4vw, 2.6rem);
        color: var(--glow);
        margin-bottom: 0.2rem;
    }
    .desserts__title {
        margin: 0 0 0.7rem;
        font-family: 'Fredoka', sans-serif;
        font-weight: 700;
        font-size: clamp(1.9rem, 4.2vw, 2.8rem);
        color: var(--cream);
    }
    .desserts__subtitle {
        margin: 0;
        font-family: 'Jost', sans-serif;
        font-size: 0.92rem;
        line-height: 1.7;
        color: var(--cream-dim);
    }

    /* =========================================================
       BENTO GRID — the "different design" ask: uneven tile sizes
       instead of a uniform card grid, so it reads as its own layout.
       ========================================================= */

    .desserts__grid {
        position: relative; z-index: 1;
        max-width: 1180px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: minmax(150px, auto);
        gap: clamp(0.8rem, 2vw, 1.1rem);
    }

    .desserts__tile {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid var(--tile-border);
        background: var(--tile-bg);
        padding: clamp(1.2rem, 2.5vw, 1.6rem);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

        opacity: 0;
        transform: translateY(40px) scale(0.96);
        transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .3s ease;
    }
    .desserts__tile.dessert-in { opacity: 1; transform: translateY(0) scale(1); }
    .desserts__grid.in-view .desserts__tile:nth-child(1) { transition-delay: 0s; }
    .desserts__grid.in-view .desserts__tile:nth-child(2) { transition-delay: .08s; }
    .desserts__grid.in-view .desserts__tile:nth-child(3) { transition-delay: .16s; }
    .desserts__grid.in-view .desserts__tile:nth-child(4) { transition-delay: .24s; }
    .desserts__grid.in-view .desserts__tile:nth-child(5) { transition-delay: .32s; }
    .desserts__grid.in-view .desserts__tile:nth-child(6) { transition-delay: .4s; }

    .desserts__tile:hover {
        border-color: var(--accent-bright);
        box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6), 0 0 0 1px var(--glow-soft) inset;
    }

    /* tile sizing — this unevenness is the bento effect */
    .desserts__tile--waffles { grid-column: span 2; grid-row: span 2; }
    .desserts__tile--cheesecake { grid-column: span 2; grid-row: span 1; }
    .desserts__tile--cakes { grid-column: span 1; grid-row: span 1; }
    .desserts__tile--desi { grid-column: span 1; grid-row: span 1; }
    .desserts__tile--cookies { grid-column: span 3; grid-row: span 1; }
    .desserts__tile--extra { grid-column: span 1; grid-row: span 1; }

    /* featured (image) tiles */
    .desserts__tile-img {
        position: absolute; inset: 0; z-index: -1;
        width: 100%; height: 100%;
        object-fit: cover;
        filter: saturate(0.85) brightness(0.6);
        transition: transform .7s cubic-bezier(.2,.7,.2,1);
    }
    .desserts__tile:hover .desserts__tile-img { transform: scale(1.06); }
    .desserts__tile--photo::after {
        content: "";
        position: absolute; inset: 0; z-index: -1;
        background: linear-gradient(0deg, rgba(4,7,5,0.92) 10%, rgba(4,7,5,0.25) 60%, rgba(4,7,5,0.5) 100%);
    }

    .desserts__badge {
        position: absolute; top: 1rem; right: 1rem;
        font-family: 'Jost', sans-serif;
        font-weight: 500; font-size: 0.6rem;
        letter-spacing: 0.1em; text-transform: uppercase;
        color: var(--glow);
        border: 1px solid rgba(61,220,132,0.4);
        background: rgba(4,7,5,0.5);
        border-radius: 999px;
        padding: 0.35em 0.75em;
    }

    .desserts__tile-label {
        display: block;
        font-family: 'Jost', sans-serif;
        font-weight: 500;
        font-size: 0.6rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--glow);
        margin-bottom: 0.4rem;
    }

    .desserts__tile-title {
        margin: 0 0 0.6rem;
        font-family: 'Fredoka', sans-serif;
        font-weight: 600;
        font-size: clamp(1rem, 1.8vw, 1.3rem);
        color: var(--cream);
    }

    .desserts__tile-blurb {
        margin: 0 0 0.9rem;
        font-family: 'Jost', sans-serif;
        font-weight: 400;
        font-size: 0.82rem;
        line-height: 1.55;
        color: var(--cream-dim);
        max-width: 42ch;
    }

    .desserts__items {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem 0.8rem;
    }
    .desserts__items li {
        display: flex;
        align-items: baseline;
        gap: 0.35em;
        font-family: 'Jost', sans-serif;
        font-size: 0.8rem;
        color: var(--cream-dim);
        white-space: nowrap;
    }
    .desserts__items li span {
        font-family: 'Fredoka', sans-serif;
        font-weight: 500;
        font-size: 0.78rem;
        color: var(--glow);
    }

    /* cookies banner tile — chips instead of price list, since it's its own sub-brand */
    .desserts__tile--cookies {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 1.2rem;
        justify-content: space-between;
    }
    .desserts__cookie-copy { flex: 1 1 260px; }
    .desserts__cookie-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        flex: 1 1 260px;
    }
    .desserts__chip {
        font-family: 'Jost', sans-serif;
        font-weight: 500;
        font-size: 0.72rem;
        color: var(--cream-dim);
        border: 1px solid var(--tile-border);
        border-radius: 999px;
        padding: 0.4em 0.85em;
        transition: border-color .3s ease, color .3s ease;
    }
    .desserts__chip:hover { border-color: var(--glow); color: var(--cream); }
    .desserts__cookie-price {
        font-family: 'Fredoka', sans-serif;
        font-weight: 600;
        font-size: 0.85rem;
        color: var(--glow);
        display: block;
        margin-top: 0.6rem;
    }

    /* extra / seasonal tile */
    .desserts__tile--extra {
        background: linear-gradient(150deg, rgba(61,220,132,0.08), rgba(241,250,243,0.02));
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 900px) {
        .desserts__grid { grid-template-columns: repeat(2, 1fr); }
        .desserts__tile--waffles { grid-column: span 2; grid-row: span 2; }
        .desserts__tile--cheesecake { grid-column: span 2; }
        .desserts__tile--cakes,
        .desserts__tile--desi,
        .desserts__tile--extra { grid-column: span 1; }
        .desserts__tile--cookies { grid-column: span 2; }
    }

    @media (max-width: 560px) {
        .desserts__grid { grid-template-columns: 1fr; }
        .desserts__tile,
        .desserts__tile--waffles,
        .desserts__tile--cheesecake,
        .desserts__tile--cakes,
        .desserts__tile--desi,
        .desserts__tile--cookies,
        .desserts__tile--extra {
            grid-column: 1 / -1;
            grid-row: auto;
        }
        .desserts__tile--waffles { min-height: 260px; }
        .desserts__tile--cookies { flex-direction: column; align-items: flex-start; }
    }

    @media (prefers-reduced-motion: reduce) {
        .desserts__tile { opacity: 1 !important; transform: none !important; transition: none !important; }
    }

    /* ---------- CTA ---------- */
    .desserts__actions {
        position: relative; z-index: 1;
        display: flex;
        justify-content: center;
        margin-top: clamp(2rem, 4vw, 2.6rem);
    }
    .desserts__cta {
        display: inline-flex; align-items: center; gap: 0.6em;
        font-family: 'Jost', sans-serif;
        font-weight: 500; font-size: 0.75rem;
        letter-spacing: 0.16em; text-transform: uppercase;
        color: var(--void);
        background: linear-gradient(135deg, var(--accent), var(--glow));
        border: none; border-radius: 3px;
        padding: 0.9em 2em;
        text-decoration: none;
        cursor: pointer;
        transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, letter-spacing .3s ease;
    }
    .desserts__cta:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px var(--glow-soft); letter-spacing: 0.2em; }
.home-hero__title {
  -webkit-text-stroke: 2px #eeb6ee;
  

  text-shadow:
    0 0 5px #5a0283,
    0 0 10px #00e5ff60,
    0 0 20px #4d8dff,
    0 0 30px #9e27ff60,
    0 0 40px #ff24d757,
    0 0 55px #ff4d8e50;

  animation: neonPulse 2s ease-in-out infinite alternate;
}

@keyframes neonPulse {
  from {
    filter: brightness(1);
  }

  to {
    filter: brightness(1.7);
  }
}
.home-hero__title::before,
.home-hero__title::after {
  content: none !important;
  display: none !important;
}

/* ════════════════════════════
   NAVBAR
════════════════════════════ */
.navbar{
  background:transparent !important;
  position:fixed;
  top:36px;
  width:100%;
  z-index:1099;
  padding:18px 0;
  transition:background .4s ease,box-shadow .4s ease,padding .4s ease;

}
.footer-logo img{
    max-width: 180px;
    height: auto;
    display: block;
}.footer-logo{
    text-align: center;
    margin-bottom: 20px;
}
.footer-logo img{
    max-width: 180px;
    height: auto;
}
.navbar.scrolled{
  background:rgba(0,0,0,0.95) !important;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  padding:12px 0;
}
.logo {
    height: 55px;      /* apni requirement ke mutabiq */
    width: 90px;
    display: block;
    margin-top: 17%;
}
.logo-placeholder{
  width:130px;
  height:42px;
  border:1px dashed rgba(255,255,255,0.2);
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,0.3);
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.navbar-nav .nav-link{
  font-size:16px;
  font-weight:600;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:#ccc !important;
  padding:8px 15px !important;
  transition:color .3s;
  position:relative;
}

.navbar-nav .nav-link:hover{
  color:#fff !important;
}
.navbar-nav .nav-link.active {
  color: #fff !important;
  font-weight: 800 !important;
}

.navbar-nav .nav-link.active::after {
  width: 55% !important;
  background: #C8922A;
}.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: #C8922A;
  transition: width 0.3s;
  display: block !important;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 55%;
}
.navbar-nav .nav-link .fa-chevron-down{
  font-size:12px;
  margin-left:4px;
  transition:transform .3s;
}

.navbar-nav .nav-item.show .fa-chevron-down{
  transform:rotate(180deg);
}

.dropdown-menu{
  background:rgba(8,8,8,0.97);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:0;
  padding:8px 0;
  animation:dropFade .2s ease;
}

@keyframes dropFade{
  from{
    opacity:0;
    transform:translateY(-6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dropdown-item{
  font-size:12px;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#aaa;
  padding:9px 24px;
  transition:color .2s,background .2s;
}

.dropdown-item:hover{
  background:rgba(128,0,0,0.12);
  color:#fff;
}

.dropdown-divider{
  border-color:rgba(255,255,255,0.07);
}

.nav-right-icons{
  display:flex;
  align-items:center;
  gap:18px;
}

.nav-right-icons a{
  color:#ccc;
  font-size:17px;
  text-decoration:none;
  transition:color .3s;
  position:relative;
}

.nav-right-icons a:hover{
  color:#fff;
}

.cart-badge{
  position:absolute;
  top:-8px;
  right:-9px;
  background: #C8922A;
  color:#fff;
  font-size:9px;
  font-weight:700;
  width:19px;
  height:19px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.navbar-toggler{
  border:1px solid rgba(255,255,255,0.25);
  padding:5px 10px;
}

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Agar background transparent ho aur image na ho toh navbar dark dikhao */
.navbar.scrolled,
.contact-page .navbar {
  background: rgba(32, 30, 30, 0.705) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}

/* ════════════════════════════════════
   MOBILE / TABLET NAV  (≤ 991px)
   ════════════════════════════════════ */
@media (max-width: 991px) {

  .navbar {
    top: 28px;
    padding: 6px 0;
  }

  /* ek hi clean row: logo (left) ── icons + menu (right) */
  #mainNavbar .container-fluid {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .logo {
    height: 50px;
    width: auto;
  }

  /* icon group ko right pe push karo */
  .nav-right-icons {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .nav-right-icons a {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
  }

  .cart-badge {
    font-size: 10px;
  }

  /* hamburger icons ke baad, koi box/border nahi */
  .navbar-toggler {
    margin-left: 20px;
    padding: 0;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    display: inline-flex;
    align-items: center;
  }

  .navbar-toggler:focus {
    box-shadow: none !important;
  }

  .navbar-toggler-icon {
    width: 26px;
    height: 26px;
  }

  /* dropdown menu */
  #navMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(5,5,5,0.98);
    border-top: 1px solid rgba(255,255,255,0.07);
    padding: 10px 0 16px;
    margin-top: 0;
    z-index: 999;
  }

  .navbar-nav .nav-link {
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: 13px;
  }

  .navbar-nav .nav-link:last-child {
    border-bottom: none;
  }

  .navbar-nav .nav-link::after {
    display: none;
  }

  /* active link mobile pe (gold underline, no left border) */
  .navbar-nav .nav-link.active {
    color: #fff !important;
    border-left: none !important;
    padding-left: 20px !important;
    font-weight: 600;
  }

  .navbar-nav .nav-link.active::after {
    display: block !important;
    width: 46px !important;
    height: 1px !important;
    background: #C8922A !important;
    bottom: 2px;
    left: 20px;
    transform: none;
  }
}

/* ── chhote phones (≤ 576px) ── */
@media (max-width: 576px) {

  .top-bar {
    padding: 2px 10px;
  }

  .navbar {
    padding: 4px 0;
    top: 28px;
  }

  .logo {
    height: 44px;
  }

  .nav-right-icons {
    gap: 16px;
  }

  .nav-right-icons a {
    font-size: 16px;
  }

  .navbar-toggler {
    margin-left: 16px;
  }

  .navbar-toggler-icon {
    width: 24px;
    height: 24px;
  }

  .navbar-nav .nav-link {
    padding: 10px 20px !important;
  }
}

@media (max-width: 991px) {
  .navbar-nav .nav-link.active {
    color: #800000 !important;
    font-weight: 800 !important;
    border-left: 2px solid #800000;
    padding-left: 18px !important;
  }

  /* Mobile pe underline ki jagah left border hi rahegi */
  .navbar-nav .nav-link.active::after {
    display: none;
  }
}

  :root{ 
    --bg: #05050a; 
    --panel: #0a0a14; 
    --purple: #b347e8; 
    --blue: #3fb8ff; 
    --text-main: #f5f5f7; 
    --text-muted: #a7a9b8; 
    --border-soft: rgba(255,255,255,0.08); 
  } 

  *{ margin:0; padding:0; box-sizing:border-box; } 

  body{ 
    background: var(--bg); 
    font-family: 'Inter', sans-serif; 
    padding: 0; 
  } 

  .shisha-section{ 
    position: relative; 
    width: 100%; 
    min-height: 480px; 
    border-radius: 0; 
    border: none; 
    overflow: hidden; 
    background: url('electric-bg.webp') center/cover no-repeat; 
    padding: 56px 60px 40px; 
  } 

  .shisha-section::before{ 
    content: ""; 
    position: absolute; 
    inset: 0; 
    background: linear-gradient(90deg, rgba(5,5,10,0.85) 0%, rgba(5,5,10,0.55) 45%, rgba(5,5,10,0.35) 100%); 
    z-index: 0; 
  } 

  .top-row, .features{ 
    position: relative; 
    z-index: 1; 
  } 

  .top-row{ 
    display:flex; 
    align-items:center; 
    gap: 48px; 
  } 

  .copy-col{ 
    max-width: 560px; 
  } 

  .eyebrow{ 
    display:flex; 
    align-items:center; 
    gap: 14px; 
    margin-bottom: 22px; 
  } 

  .eyebrow .dash{ 
    width: 28px; 
    height: 2px; 
    background: linear-gradient(90deg, var(--purple), var(--blue)); 
  } 

  .eyebrow span{ 
    font-size: 12px; 
    letter-spacing: 3px; 
    color: var(--text-muted); 
    font-weight: 600; 
    text-transform: uppercase; 
  } 

  .headline{ 
    font-family: 'Poppins', sans-serif; 
    font-size: 52px; 
    line-height: 1.05; 
    font-weight: 700; 
    color: var(--text-main); 
    margin-bottom: 14px; 
    text-shadow: 0 0 18px rgba(245,245,247,0.25); 
    animation: glow-pulse 3.2s ease-in-out infinite; 
  } 

  .headline .accent{ 
    display:block; 
    font-weight: 800; 
    font-size: 60px; 
    background: linear-gradient(110deg, var(--purple) 20%, var(--blue) 40%, #ffffff 50%, var(--blue) 60%, var(--purple) 80%); 
    background-size: 250% 100%; 
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent; 
    filter: drop-shadow(0 0 18px rgba(179,71,232,0.35)); 
    animation: shine-sweep 3.2s linear infinite; 
  } 

  @keyframes shine-sweep{ 
    0%{ background-position: 200% 0; } 
    100%{ background-position: -50% 0; } 
  } 

  @keyframes glow-pulse{ 
    0%, 100%{ text-shadow: 0 0 14px rgba(245,245,247,0.2); } 
    50%{ text-shadow: 0 0 26px rgba(245,245,247,0.45); } 
  } 

  .subhead{ 
    font-size: 14px; 
    letter-spacing: 2px; 
    color: var(--text-main); 
    font-weight: 600; 
    margin-bottom: 20px; 
    text-transform: uppercase; 
  } 

  .desc{ 
    font-size: 15px; 
    line-height: 1.7; 
    color: var(--text-muted); 
    max-width: 400px; 
    margin-bottom: 30px; 
  } 

  .cta{ 
    display:inline-flex; 
    align-items:center; 
    gap: 10px; 
    padding: 14px 26px; 
    border-radius: 30px; 
    border: 1px solid transparent; 
    background: 
      linear-gradient(var(--panel), var(--panel)) padding-box, 
      linear-gradient(90deg, var(--purple), var(--blue)) border-box; 
    color: var(--text-main); 
    font-size: 13px; 
    font-weight: 600; 
    letter-spacing: 1px; 
    text-decoration: none; 
    cursor: pointer; 
    transition: transform 0.2s ease, box-shadow 0.2s ease; 
  } 

  .cta:hover{ 
    transform: translateY(-2px); 
    box-shadow: 0 6px 24px rgba(179,71,232,0.25); 
  } 

  .cta svg{ width:14px; height:14px; } 

  .tagline{ 
    position:absolute; 
    top: 18%; 
    right: 6%; 
    font-family: 'Caveat', cursive; 
    font-size: 26px; 
    font-weight: 600; 
    line-height: 1.15; 
    text-align: right; 
    background: linear-gradient(90deg, var(--purple), var(--blue)); 
    -webkit-background-clip: text; 
    background-clip: text; 
    color: transparent; 
    z-index: 1; 
  } 

  .features{ 
    margin-top: 44px; 
    border: 1px solid var(--border-soft); 
    border-radius: 14px; 
    background: rgba(255,255,255,0.02); 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    padding: 30px 10px; 
  } 

  .feature{ 
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    text-align:center; 
    padding: 0 12px; 
    gap: 10px; 
  } 

  .feature .icon{ 
    width: 46px; 
    height: 46px; 
    border-radius: 50%; 
    border: 1px solid #ffffff; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color: #ffffff; 
  } 

  .feature .icon svg{ 
    width:20px; 
    height:20px; 
    stroke: #ffffff;
  } 

  .feature h4{ 
    font-size: 12px; 
    letter-spacing: 1px; 
    color: var(--text-main); 
    font-weight: 600; 
    text-transform: uppercase; 
  } 

  .feature p{ 
    font-size: 11px; 
    color: var(--text-muted); 
    line-height: 1.4; 
  } 

  @media (max-width: 760px){ 
    body{ padding: 24px 14px; } 

    .shisha-section{ 
      padding: 40px 26px 30px; 
      border-radius: 16px; 
    } 

    .top-row{ 
      flex-direction: column; 
      gap: 30px; 
    } 

    .headline{ font-size: 38px; } 
    .headline .accent{ font-size: 44px; } 
    .desc{ max-width: 100%; } 

    .tagline{ 
      font-size: 20px; 
      position: static; 
      margin-top: 24px; 
      text-align: left; 
    } 

    .features{ 
      grid-template-columns: repeat(2, 1fr); 
      gap: 26px 10px; 
      padding: 26px 16px; 
      margin-top: 32px; 
    }

    /* On small screens show exactly 4 feature boxes */
    .feature:nth-child(5){ 
      display: none; 
    }

    .feature p{ 
      font-size: 10.5px; 
      line-height: 1.35; 
    }
  } 

  @media (max-width: 420px){ 
    .headline{ font-size: 32px; } 
    .headline .accent{ font-size: 38px; } 
  }