.wp-site-blocks,
body {
    background: #050505;
}

body:has([data-villa-experience-snap]) {
    background: #000;
    overscroll-behavior-y: none;
}

.wp-site-blocks:has([data-villa-experience-snap]) {
    background: #000;
}

.villa-experience-snap-section {
    background: #000;
    color: #fff;
    min-height: 100svh;
    overflow: hidden;
    padding: 0;
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.villa-experience-snap-section .villa-builder-block__media-bg {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.villa-experience-snap-section .builder-kenburns {
    animation: villa-experience-kenburns 18s ease-in-out infinite alternate;
    transform-origin: 42% 52%;
    will-change: transform;
}

.villa-experience-overlay,
.villa-experience-tv-scanlines,
.villa-experience-tv-chroma,
.villa-experience-tv-sweep,
.villa-experience-tv-roll,
.villa-experience-tv-glitch {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10;
}

.villa-experience-overlay--shade {
    background: rgb(0 0 0 / 48%);
}

.villa-experience-overlay--vignette {
    background: radial-gradient(circle at center, transparent 0%, rgb(0 0 0 / 18%) 52%, rgb(0 0 0 / 82%) 100%);
}

.villa-experience-tv-scanlines {
    animation: villa-experience-tv-scan 620ms linear infinite, villa-experience-tv-flicker 2.4s steps(8, end) infinite;
    background-image: linear-gradient(rgb(255 255 255 / 34%) 1px, transparent 1px);
    background-size: 100% 4px;
    mix-blend-mode: screen;
    opacity: 0.18;
}

.villa-experience-tv-chroma {
    animation: villa-experience-tv-chroma 1.9s steps(7, end) infinite;
    background-image: repeating-linear-gradient(90deg, rgb(255 0 0 / 22%) 0 1px, rgb(0 255 180 / 14%) 1px 2px, rgb(80 120 255 / 18%) 2px 3px, transparent 3px 5px);
    mix-blend-mode: screen;
    opacity: 0.16;
}

.villa-experience-tv-sweep,
.villa-experience-tv-roll {
    background: rgb(255 255 255 / 10%);
    filter: blur(28px);
    height: 6rem;
    inset: 0 0 auto;
}

.villa-experience-tv-sweep {
    animation: villa-experience-tv-sweep 5.6s ease-in-out infinite;
}

.villa-experience-tv-roll {
    animation: villa-experience-tv-roll 3.8s cubic-bezier(.42, 0, .18, 1) infinite;
    height: 7rem;
    mix-blend-mode: screen;
}

.villa-experience-tv-glitch {
    animation: villa-experience-tv-glitch 3.6s steps(1, end) infinite, villa-experience-tv-static 480ms steps(2, end) infinite;
    background:
        linear-gradient(transparent 0 42%, rgb(255 255 255 / 16%) 43% 44%, transparent 45% 100%),
        repeating-linear-gradient(0deg, rgb(255 255 255 / 8%) 0 1px, transparent 1px 9px);
    mix-blend-mode: screen;
    opacity: 0.22;
}

.villa-experience-snap-section:not(.is-snap-active) .villa-experience-tv-scanlines,
.villa-experience-snap-section:not(.is-snap-active) .villa-experience-tv-chroma,
.villa-experience-snap-section:not(.is-snap-active) .villa-experience-tv-sweep,
.villa-experience-snap-section:not(.is-snap-active) .villa-experience-tv-roll,
.villa-experience-snap-section:not(.is-snap-active) .villa-experience-tv-glitch,
.villa-experience-snap-section:not(.is-snap-active) .builder-kenburns {
    animation-play-state: paused;
}

.villa-experience-snap-section.is-snap-active .villa-experience-tv-scanlines,
.villa-experience-snap-section.is-snap-active .villa-experience-tv-chroma,
.villa-experience-snap-section.is-snap-active .villa-experience-tv-sweep,
.villa-experience-snap-section.is-snap-active .villa-experience-tv-roll,
.villa-experience-snap-section.is-snap-active .villa-experience-tv-glitch,
.villa-experience-snap-section.is-snap-active .builder-kenburns {
    animation-play-state: running;
}

.villa-experience-story__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 70rem;
    min-height: 100svh;
    padding: clamp(5rem, 9vw, 8rem) 1.25rem;
    position: relative;
    text-align: center;
    z-index: 20;
}

.villa-experience-story__overlay {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.villa-experience-story__eyebrow {
    color: rgb(255 255 255 / 62%);
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    text-transform: uppercase;
}

.villa-experience-story__title {
    color: #fff;
    font-family: var(--villa-font-sans);
    font-size: clamp(2.1rem, 5.8vw, 6.1rem);
    font-weight: 300;
    line-height: 0.94;
    margin: 0;
    max-width: 64rem;
    text-wrap: balance;
}

.villa-experience-story__body {
    color: rgb(255 255 255 / 78%);
    font-size: clamp(1.05rem, 1.8vw, 1.45rem);
    font-weight: 300;
    line-height: 1.7;
    margin-top: 1.75rem;
    max-width: 48rem;
    text-wrap: balance;
}

.villa-experience-story__body p {
    margin: 0;
}

.villa-experience-story__cards {
    display: grid;
    gap: 0.75rem;
    margin-top: 2.5rem;
    max-width: 64rem;
    text-align: left;
    width: 100%;
}

.villa-experience-story__card {
    background: rgb(0 0 0 / 26%);
    border: 1px solid rgb(255 255 255 / 18%);
    color: #fff;
    padding: 1.25rem;
    backdrop-filter: blur(14px);
}

.villa-experience-story__card-kicker {
    color: rgb(255 255 255 / 48%);
    font-size: 0.68rem;
    font-weight: 600;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.villa-experience-story__card h3 {
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
}

.villa-experience-story__card p:last-child {
    color: rgb(255 255 255 / 66%);
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 1rem 0 0;
}

@media (min-width: 768px) {
    .villa-experience-story__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.villa-builder-block--particle-hero {
    isolation: isolate;
}

.villa-particle-cloud {
    background: #000;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.villa-particle-cloud__canvas {
    display: block;
    height: 100%;
    width: 100%;
}

.villa-ambient-particles {
    inset: 0;
    mix-blend-mode: screen;
    opacity: 0.92;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 18;
}

.villa-ambient-particles__canvas {
    display: block;
    height: 100%;
    width: 100%;
}

.villa-particle-cloud[data-villa-particles-fallback="1"] {
    background:
        radial-gradient(circle at 50% 48%, rgb(255 255 255 / 8%), transparent 32%),
        #000;
}

.villa-builder-block.villa-interactive-collage {
    background: #000;
    color: #fff;
    height: var(--villa-collage-height, 160svh);
    min-height: 110svh;
    overflow: visible;
    padding: 0;
    position: relative;
}

.villa-interactive-collage__stage {
    contain: layout paint style;
    height: 100svh;
    isolation: isolate;
    overflow: hidden;
    perspective: var(--villa-collage-perspective, 1100px);
    perspective-origin: 50% 50%;
    position: sticky;
    top: 0;
    transform-style: preserve-3d;
}

.villa-interactive-collage__asset {
    backface-visibility: hidden;
    filter: drop-shadow(0 1.5rem 2.5rem rgb(0 0 0 / 46%));
    height: auto;
    left: var(--villa-collage-x);
    max-height: 84svh;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: var(--villa-collage-y);
    transform:
        translate3d(
            calc(-50% + var(--villa-collage-pointer-x, 0px)),
            calc(-50% + var(--villa-collage-scroll-y, 0px) + var(--villa-collage-pointer-y, 0px)),
            var(--villa-collage-z, 0px)
        )
        rotateX(var(--villa-collage-rotation-x, 0deg))
        rotateY(var(--villa-collage-rotation-y, 0deg))
        rotateZ(var(--villa-collage-rotation-z, 0deg))
        scale(var(--villa-collage-scale, 1));
    transform-origin: center;
    transform-style: preserve-3d;
    opacity: var(--villa-collage-opacity, 1);
    user-select: none;
    width: var(--villa-collage-width);
    will-change: transform, opacity;
    z-index: var(--villa-collage-layer);
}

.villa-interactive-collage__video-wrap {
    backface-visibility: hidden;
    left: 50%;
    margin: 0;
    max-width: 76rem;
    opacity: var(--villa-collage-video-opacity, 1);
    position: absolute;
    top: 50%;
    transform:
        translate3d(
            -50%,
            calc(-50% + var(--villa-collage-video-y, 0px)),
            var(--villa-collage-video-z, 0px)
        )
        scale(var(--villa-collage-video-scale, 1));
    transform-style: preserve-3d;
    width: min(var(--villa-collage-video-width, 58vw), calc(100vw - 3rem));
    will-change: transform, opacity;
    z-index: var(--villa-collage-video-layer, 20);
}

.villa-interactive-collage__video {
    aspect-ratio: 4 / 3;
    background: #080808;
    border: 1px solid rgb(255 255 255 / 24%);
    box-shadow: 0 2rem 6rem rgb(0 0 0 / 68%);
    display: block;
    max-height: 72svh;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

.villa-interactive-collage__video-placeholder {
    align-items: center;
    aspect-ratio: 4 / 3;
    border: 1px solid rgb(255 255 255 / 30%);
    color: rgb(255 255 255 / 72%);
    display: flex;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.villa-interactive-collage__caption {
    color: #fff;
    font-size: clamp(0.8rem, 1.2vw, 1rem);
    font-weight: 500;
    margin: 1.2rem 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0.5rem #000;
    text-transform: uppercase;
    z-index: 2;
}

.villa-interactive-collage__motion-button {
    background: rgb(5 5 5 / 78%);
    border: 1px solid rgb(255 255 255 / 65%);
    bottom: 1.25rem;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    position: absolute;
    right: 1.25rem;
    text-transform: uppercase;
    z-index: 30;
}

.villa-interactive-collage__motion-button:hover,
.villa-interactive-collage__motion-button:focus-visible {
    background: #fff;
    color: #050505;
    outline: 2px solid #fff;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .villa-interactive-collage {
        height: max(var(--villa-collage-height, 160svh), 145svh);
    }

    .villa-interactive-collage__asset {
        filter: none;
        max-height: 70svh;
        width: var(--villa-collage-mobile-width);
    }

    .villa-interactive-collage__video-wrap {
        width: min(var(--villa-collage-video-mobile-width, 90vw), calc(100vw - 1.5rem));
    }

    .villa-interactive-collage__video {
        max-height: 64svh;
    }
}

.villa-builder-block.villa-interactive-project-copy {
    align-items: center;
    background: #000;
    display: flex;
    margin-bottom: 0 !important;
    min-height: 100svh;
    padding: clamp(5rem, 10vw, 9rem) clamp(1.25rem, 4vw, 4rem) !important;
}

.villa-interactive-project-copy .villa-splitting-text {
    font-size: clamp(1.65rem, 3vw, 3.25rem);
    font-weight: 300;
    line-height: 1.18;
    max-width: 68rem;
    text-wrap: balance;
    width: 100% !important;
}

.villa-interactive-project-copy__text {
    margin: 0;
}

.villa-interactive-project-partners {
    background: #fff;
    color: #050505;
    margin-block: 0 !important;
    max-width: none !important;
    padding: clamp(4.5rem, 9vw, 8rem) clamp(1.25rem, 4vw, 4rem);
}

.villa-interactive-project-partners__heading {
    color: #050505;
    font-family: var(--villa-font-sans);
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 300;
    line-height: 1;
    margin: 0 auto clamp(3rem, 6vw, 5.5rem);
    max-width: 82rem;
    text-align: center;
    text-wrap: balance;
}

.villa-interactive-project-partners__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 auto;
    max-width: 88rem !important;
}

.villa-interactive-project-partners__logo {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    min-height: 13rem;
    padding: clamp(1.5rem, 3vw, 3rem);
}

.villa-interactive-project-partners__logo + .villa-interactive-project-partners__logo {
    border-left: 1px solid rgb(5 5 5 / 16%);
}

.villa-interactive-project-partners__logo img {
    display: block;
    height: auto;
    max-height: 7rem;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.villa-interactive-project-partners__logo.is-dbc img,
.villa-interactive-project-partners__logo.is-st-andrews img {
    max-height: 10rem;
}

@media (max-width: 767px) {
    .villa-interactive-project-copy .villa-splitting-text {
        font-size: clamp(1.25rem, 5.5vw, 1.7rem);
        line-height: 1.24;
    }

    .villa-interactive-project-partners__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .villa-interactive-project-partners__logo {
        min-height: 9.5rem;
        padding: 1.25rem;
    }

 

    .villa-interactive-project-partners__logo img {
        max-height: 5.5rem;
    }

    .villa-interactive-project-partners__logo.is-dbc img,
    .villa-interactive-project-partners__logo.is-st-andrews img {
        max-height: 7.5rem;
    }
}

.villa-instagram-feed {
    background: #fff;
    color: #050505;
    padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem);
    position: relative;
}

.villa-instagram-feed--dark {
    background: #050505;
    color: #fff;
}

.villa-instagram-feed__head {
    margin: 0 auto 2rem;
    max-width: 76rem;
}

.villa-instagram-feed__nav {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: clamp(0.35rem, 1.2vw, 1rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.villa-instagram-feed__nav-button {
    align-items: center;
    background: var(--villa-instagram-nav-bg, transparent);
    border: 1px solid var(--villa-instagram-nav-border, currentColor);
    color: var(--villa-instagram-nav-color, currentColor);
    cursor: pointer;
    display: inline-flex;
    font-size: 1.2rem;
    height: 2.9rem;
    justify-content: center;
    line-height: 1;
    transition: background 180ms ease, color 180ms ease, opacity 180ms ease;
    width: 2.9rem;
}

.villa-instagram-feed__nav-button:hover {
    --villa-instagram-nav-bg: #050505;
    --villa-instagram-nav-border: #050505;
    --villa-instagram-nav-color: #fff;
}

.villa-instagram-feed--dark .villa-instagram-feed__nav-button:hover {
    --villa-instagram-nav-bg: #fff;
    --villa-instagram-nav-border: #fff;
    --villa-instagram-nav-color: #050505;
}

.villa-instagram-feed--carousel .villa-instagram-feed__nav,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__nav {
    display: none;
}

.villa-instagram-feed__head p {
    color: currentColor;
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 0 0.65rem;
    opacity: 0.58;
    text-transform: uppercase;
}

.villa-instagram-feed__head h2 {
    color: currentColor;
    font-size: clamp(2rem, 4.4vw, 4.8rem);
    font-weight: 300;
    line-height: 0.98;
    margin: 0;
}

.villa-instagram-feed__items {
    display: grid;
    gap: clamp(0.75rem, 1.4vw, 1.25rem);
    grid-template-columns: repeat(var(--villa-instagram-columns, 3), minmax(0, 1fr)) !important;
    margin: 0 auto;
    max-width: 76rem;
}

.villa-instagram-feed--grid .villa-instagram-feed__items,
.villa-instagram-feed[data-instagram-layout="grid"] .villa-instagram-feed__items {
    display: grid !important;
}

.villa-instagram-feed--carousel .villa-instagram-feed__items,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__items {
    display: flex !important;
    grid-template-columns: none !important;
    max-width: none;
    overflow-x: auto;
    padding-bottom: 1rem;
    padding-right: 0;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}

.villa-instagram-feed--carousel .villa-instagram-feed__items::-webkit-scrollbar,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__items::-webkit-scrollbar {
    display: none;
}

.villa-instagram-feed--carousel .villa-instagram-feed__item,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__item {
    flex: 0 0 min(82vw, 360px);
    scroll-snap-align: start;
}

.villa-instagram-feed__item {
    display: flex;
    flex-direction: column;
    justify-items: center;
    min-width: 0;
}

.villa-instagram-feed__media {
    aspect-ratio: 1;
    background: rgb(0 0 0 / 8%);
    display: block;
    overflow: hidden;
    position: relative;
}

.villa-instagram-feed__media img,
.villa-instagram-feed__video {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform 600ms ease;
    width: 100%;
}

.villa-instagram-feed__media:hover img,
.villa-instagram-feed__media:hover .villa-instagram-feed__video {
    transform: scale(1.04);
}

.villa-instagram-feed--carousel .villa-instagram-feed__media,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__media {
    align-items: center;
    display: flex;
    justify-content: center;
}

.villa-instagram-feed--carousel .villa-instagram-feed__media img,
.villa-instagram-feed--carousel .villa-instagram-feed__video,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__media img,
.villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__video {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.villa-instagram-feed__audio-toggle {
    align-items: center;
    background: rgb(5 5 5 / 72%);
    border: 1px solid rgb(255 255 255 / 24%);
    bottom: 0.75rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 600;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0 0.75rem;
    position: absolute;
    right: 0.75rem;
    text-transform: uppercase;
    z-index: 2;
}

.villa-instagram-feed__audio-toggle [data-audio-on],
.villa-instagram-feed__audio-toggle.is-audio-on [data-audio-muted] {
    display: none;
}

.villa-instagram-feed__audio-toggle.is-audio-on [data-audio-on] {
    display: inline;
}

.villa-instagram-feed--mosaic .villa-instagram-feed__item:first-child,
.villa-instagram-feed[data-instagram-layout="mosaic"] .villa-instagram-feed__item:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.villa-instagram-feed__caption {
    color: currentColor;
    font-size: 0.92rem;
    line-height: 1.55;
    margin: 0.9rem 0 0;
    opacity: 0.76;
}

.villa-instagram-feed__date {
    font-size: 0.75rem;
    margin-top: 0.75rem;
    opacity: 0.54;
    text-transform: uppercase;
}

.villa-instagram-feed__link {
    color: currentColor;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 600;
    margin-top: 0.85rem;
    text-decoration: none;
    text-transform: uppercase;
}

.villa-instagram-feed__link:hover {
    text-decoration: underline;
}

.villa-instagram-feed--empty {
    padding: 2rem;
}

@media (max-width: 560px) {
    .villa-instagram-feed__nav-button {
        height: 2.45rem;
        width: 2.45rem;
    }

    .villa-instagram-feed--carousel .villa-instagram-feed__items,
    .villa-instagram-feed[data-instagram-layout="carousel"] .villa-instagram-feed__items {
        padding-right: 0;
    }

    .villa-instagram-feed:not(.villa-instagram-feed--carousel) .villa-instagram-feed__items {
        grid-template-columns: repeat(var(--villa-instagram-mobile-columns, 1), minmax(0, 1fr)) !important;
    }

    .villa-instagram-feed--mosaic .villa-instagram-feed__item:first-child,
    .villa-instagram-feed[data-instagram-layout="mosaic"] .villa-instagram-feed__item:first-child {
        grid-column: auto;
        grid-row: auto;
    }
}

@keyframes villa-experience-kenburns {
    0% {
        transform: scale(1.02) translate3d(-1.2%, -0.8%, 0);
    }

    45% {
        transform: scale(1.1) translate3d(1.4%, -1.2%, 0);
    }

    100% {
        transform: scale(1.16) translate3d(-1%, 1.2%, 0);
    }
}

@keyframes villa-experience-tv-scan {
    from {
        background-position: 0 0;
        transform: translate3d(0, -2px, 0);
    }

    to {
        background-position: 0 11px;
        transform: translate3d(0, 2px, 0);
    }
}

@keyframes villa-experience-tv-flicker {
    0%, 100% { opacity: 0.12; }
    12% { opacity: 0.22; }
    18% { opacity: 0.09; }
    31% { opacity: 0.2; }
    47% { opacity: 0.14; }
    61% { opacity: 0.24; }
    78% { opacity: 0.1; }
}

@keyframes villa-experience-tv-chroma {
    0%, 100% { background-position: 0 0; opacity: 0.1; transform: translate3d(0, 0, 0) skewX(0deg); }
    14% { background-position: 8px 0; opacity: 0.2; transform: translate3d(3px, 0, 0) skewX(.25deg); }
    29% { background-position: -11px 0; opacity: 0.16; transform: translate3d(-4px, 1px, 0) skewX(-.35deg); }
    46% { background-position: 15px 0; opacity: 0.22; transform: translate3d(2px, -1px, 0) skewX(.18deg); }
    67% { background-position: -6px 0; opacity: 0.13; transform: translate3d(-2px, 0, 0) skewX(-.22deg); }
    84% { background-position: 4px 0; opacity: 0.18; transform: translate3d(1px, 1px, 0) skewX(.12deg); }
}

@keyframes villa-experience-tv-sweep {
    0%, 100% { opacity: 0; transform: translate3d(0, -120%, 0); }
    12% { opacity: 0.3; }
    48% { opacity: 0.08; transform: translate3d(0, 92vh, 0); }
    49% { opacity: 0; }
}

@keyframes villa-experience-tv-roll {
    0%, 100% { opacity: 0; transform: translate3d(0, -150%, 0) scaleY(.35); }
    8% { opacity: 0.22; }
    28% { opacity: 0.12; transform: translate3d(0, 28vh, 0) scaleY(.8); }
    52% { opacity: 0.2; transform: translate3d(0, 72vh, 0) scaleY(.55); }
    62% { opacity: 0; }
}

@keyframes villa-experience-tv-glitch {
    0%, 91%, 100% { clip-path: inset(0 0 0 0); transform: translate3d(0, 0, 0); }
    92% { clip-path: inset(22% 0 66% 0); transform: translate3d(-10px, 0, 0); }
    93% { clip-path: inset(58% 0 28% 0); transform: translate3d(8px, 0, 0); }
    94% { clip-path: inset(36% 0 50% 0); transform: translate3d(-5px, 0, 0); }
    95% { clip-path: inset(0 0 0 0); transform: translate3d(0, 0, 0); }
}

@keyframes villa-experience-tv-static {
    0% { background-position: 0 0, 0 0; opacity: 0.16; }
    50% { background-position: 7px 13px, 0 5px; opacity: 0.26; }
    100% { background-position: -9px 4px, 0 11px; opacity: 0.18; }
}

.villa-builder-block {
    background: #050505;
    color: #fff;
    isolation: isolate;
    margin-block-start: 0 !important;
    overflow: hidden;
    padding: clamp(4.5rem, 10vw, 9rem) 1.25rem;
    position: relative;
}

.villa-motion-mount,
.villa-motion-wrapper {
    display: block;
    margin: 0;
    padding: 0;
}

.villa-motion-wrapper > [data-villa-builder-block] {
    width: 100%;
}

.villa-builder-block + .villa-builder-block {
    margin-block-start: 0;
}

.villa-builder-block--light {
    background: #fff;
    color: #050505;
}

.villa-builder-block__content {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
    z-index: 2;
}

.villa-builder-block__eyebrow,
.villa-builder-block__item-subtitle {
    color: currentColor;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 1.25rem;
    opacity: 0.58;
    text-transform: uppercase;
}

.villa-builder-block__title {
    color: currentColor;
    font-family: var(--villa-font-sans);
    font-size: var(--villa-text-section);
    font-weight: 300;
    line-height: 0.98;
    margin: 0;
    max-width: 980px;
}

.villa-builder-block__subtitle {
    color: currentColor;
    font-size: var(--villa-text-lead);
    font-weight: 300;
    line-height: 1.25;
    margin: 1.25rem 0 0;
    max-width: 760px;
    opacity: 0.74;
}

.villa-builder-block__body {
    color: currentColor;
    font-size: var(--villa-text-body-lg);
    font-weight: 300;
    line-height: 1.55;
    margin-top: 1.5rem;
    max-width: 820px;
    opacity: 0.72;
}

.villa-builder-block__body > * {
    margin: 0;
}

.villa-builder-block__body > * + * {
    margin-top: 1rem;
}

.villa-builder-block__cta {
    margin-top: 2rem;
}

.villa-builder-block__media-bg {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.villa-builder-block__media-bg--image {
    background-position: center;
    background-size: cover;
}

.villa-builder-block__overlay {
    background:
        radial-gradient(circle at 50% 32%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.72) 72%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.78));
    inset: 0;
    position: absolute;
    z-index: 1;
}

.villa-builder-block__overlay--soft {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.34)),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08), transparent 28rem);
}

.villa-builder-block--hero {
    align-items: center;
    display: flex;
    min-height: 100svh;
    padding: 0;
    text-align: center;
}

.villa-builder-block--hero .villa-builder-block__media-bg {
    opacity: var(--villa-hero-bg-opacity, 1);
    transform: scale(var(--villa-hero-bg-scale, 1));
    transition: opacity 120ms linear, transform 120ms linear;
}

.villa-hero__overlay {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 10;
}

.villa-hero__scroll-content {
    opacity: var(--villa-hero-text-opacity, 1);
    transform: translate3d(0, var(--villa-hero-text-y, 0px), 0);
    transition: opacity 120ms linear, transform 120ms linear;
    will-change: opacity, transform;
}

.villa-hero__top-spacer {
    flex: 0 0 auto;
    min-height: 120px;
}

.villa-hero__text {
    flex: 0 1 auto;
}

.villa-hero__bottom-cta {
    flex: 0 0 auto;
}

.villa-hero__title {
    text-wrap: balance;
}

.villa-builder-block--splitting {
    background: transparent;
}

.villa-splitting-text {
    color: var(--villa-split-initial, #374151);
}

.villa-splitting-text .char {
    transition: color 120ms linear;
    will-change: color;
}

.villa-builder-block--circle-reveal {
    min-height: var(--circle-reveal-min-height, 70vh);
}

.villa-builder-block--circle-reveal .villa-builder-block__media-bg {
    clip-path: circle(var(--villa-circle-progress, 0%) at 50% 50%);
    opacity: var(--villa-circle-image-opacity, 1);
    transition: clip-path 90ms linear, opacity 90ms linear;
}

.villa-builder-block--circle-reveal .villa-builder-block__overlay {
    background: rgba(0, 0, 0, 0.42) !important;
}

.villa-builder-block--circle-reveal .villa-circle-reveal__inner {
    opacity: var(--villa-circle-title-opacity, 0);
    transform: translate3d(0, var(--villa-circle-title-y, 54px), 0);
    transition: opacity 160ms linear, transform 160ms linear;
}

.villa-value-pillars {
    background: #000;
    color: #fff;
}

.villa-value-pillar {
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    opacity: 0;
    transform: translate3d(0, 36px, 0);
    transition:
        opacity 800ms cubic-bezier(0.22, 1, 0.36, 1) var(--villa-reveal-delay, 0ms),
        transform 800ms cubic-bezier(0.22, 1, 0.36, 1) var(--villa-reveal-delay, 0ms);
}

.villa-value-pillar__label {
    grid-column: 1;
}

.villa-value-pillar__label .villa-value-pillar__rule {
    border-color: rgb(255 255 255 / 35%);
    margin: 0 0 1.25rem;
    width: 2.5rem;
}

.villa-value-pillar__body {
    grid-column: 2;
    min-width: 0;
}

.villa-value-pillar__body > * + * {
    margin-top: 1.5rem;
}

.villa-value-pillar.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {
    .villa-value-pillar {
        gap: 1.5rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .villa-value-pillar__label,
    .villa-value-pillar__body {
        grid-column: 1;
    }
}

.reactbits-shiny-text {
    background: linear-gradient(110deg, rgba(228, 228, 231, 0.74) 0%, #fff 38%, rgba(228, 228, 231, 0.58) 76%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: villa-shiny-text 5.8s linear infinite;
}

.villa-line-reveal {
    filter: blur(12px);
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition:
        opacity 950ms cubic-bezier(0.22, 1, 0.36, 1) var(--villa-reveal-delay, 0ms),
        transform 950ms cubic-bezier(0.22, 1, 0.36, 1) var(--villa-reveal-delay, 0ms),
        filter 950ms cubic-bezier(0.22, 1, 0.36, 1) var(--villa-reveal-delay, 0ms);
}

.villa-line-reveal.is-visible {
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.villa-core-reveal {
    filter: blur(10px);
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: filter 800ms cubic-bezier(0.22, 1, 0.36, 1), opacity 800ms cubic-bezier(0.22, 1, 0.36, 1), transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.villa-core-reveal.is-visible {
    filter: none;
    opacity: 1;
    transform: none;
}

.villa-blur-reveal .villa-word-reveal {
    display: inline-block;
    filter: blur(10px);
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    transition:
        opacity 800ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 800ms cubic-bezier(0.22, 1, 0.36, 1),
        filter 800ms cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: calc(var(--villa-reveal-delay, 0ms) + (var(--villa-word-index, 0) * 45ms));
    will-change: transform, opacity, filter;
}

.villa-blur-reveal.is-visible .villa-word-reveal {
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@keyframes villa-shiny-text {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: -120% 50%;
    }
}

.carousel-root {
    --carousel-card-width: clamp(15rem, 33vw, 25rem);
    --carousel-card-height: clamp(20rem, 45vw, 34rem);
    --carousel-duration: 460ms;
    isolation: isolate;
    position: relative;
    width: 100%;
}

.carousel-root.is-dragging {
    cursor: grabbing;
}

.carousel {
    cursor: grab;
    height: clamp(30rem, 86vh, 58rem);
    overflow: hidden;
    position: relative;
    overscroll-behavior-x: contain;
    touch-action: pan-y pinch-zoom;
    user-select: none;
    width: 100%;
    z-index: 1;
}

.carousel.is-dragging {
    cursor: grabbing;
}

.carousel.is-dragging .carousel-item a {
    pointer-events: none;
}

.carousel-item {
    background: #000;
    border-radius: 0;
    box-shadow:
        0 16px 60px rgba(0, 0, 0, 0.36),
        0 4px 18px rgba(0, 0, 0, 0.2);
    filter: none;
    height: var(--carousel-card-height);
    left: 50%;
    margin: calc(var(--carousel-card-height) * -0.5) 0 0 calc(var(--carousel-card-width) * -0.5);
    opacity: var(--opacity, 1);
    overflow: hidden;
    pointer-events: auto;
    position: absolute;
    top: 57%;
    transform:
        translate3d(var(--xpx, 0px), var(--ypx, 0px), 0)
        rotate(var(--rotdeg, 0deg))
        scale(var(--scale, 1));
    transform-origin: center bottom;
    transition:
        transform var(--carousel-duration) cubic-bezier(0.22, 1, 0.36, 1),
        opacity var(--carousel-duration) ease;
    width: var(--carousel-card-width);
    will-change: transform, opacity;
    z-index: var(--zIndex, 1);
}

.carousel-item .carousel-box {
    inset: 0;
    position: absolute;
    transition: transform 400ms ease, opacity 360ms ease;
}

.villa-carousel-card__media {
    height: 100%;
    inset: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    transition: transform 700ms ease;
    user-select: none;
    width: 100%;
}

.carousel-box:hover .villa-carousel-card__media {
    transform: scale(1.05);
}

.villa-carousel-video-toggle {
    align-items: center;
    background: rgba(5, 5, 5, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 50%;
    bottom: 1rem;
    color: #fff;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 0.68rem;
    height: 2.75rem;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
    width: 2.75rem;
    z-index: 20;
}

.carousel-item.active .villa-carousel-video-toggle {
    opacity: 1;
    pointer-events: auto;
}

.villa-carousel-video-toggle:hover,
.villa-carousel-video-toggle:focus-visible {
    background: #fff;
    color: #050505;
}

.villa-carousel-video-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.carousel-item .overlay {
    background: #000;
    opacity: var(--villa-carousel-overlay-opacity, 0.55);
    transition: opacity 360ms ease;
}

.carousel-item.active {
    filter: none;
    opacity: 1;
}

.villa-carousel-card__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.villa-carousel-card__title {
    color: #fff;
    display: block;
    font-family: var(--villa-font-sans);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 300;
    line-height: 0.98;
    text-transform: uppercase;
}

.villa-carousel-card__body {
    color: rgba(255, 255, 255, 0.82);
    display: block;
    font-size: clamp(0.95rem, 1.1vw, 1.2rem);
    font-weight: 400;
    line-height: 1.25;
    margin-top: 0.85rem;
    max-width: 18rem;
}

.villa-carousel-card__button {
    align-items: center;
    background: #fff;
    color: #050505;
    display: inline-flex;
    font-size: clamp(0.9rem, 1vw, 1rem);
    font-weight: 700;
    justify-content: center;
    line-height: 1.1;
    margin-top: 1.25rem;
    min-height: 5.5rem;
    min-width: 11rem;
    padding: 1.25rem 1.6rem;
    text-transform: none;
}

.villa-carousel-card__link {
    pointer-events: auto;
    position: static;
}

.villa-carousel-card__link::before {
    content: "";
    inset: 0;
    position: absolute;
}

.villa-carousel-card__link:focus-visible {
    outline: none;
}

.villa-carousel-card__link:focus-visible::before {
    outline: 2px solid rgba(255, 255, 255, 0.96);
    outline-offset: -6px;
}

.carousel-item a:not(.villa-carousel-card__link):focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.92);
    outline-offset: -6px;
}

.carousel-item a,
.carousel-item img {
    -webkit-user-drag: none;
    user-drag: none;
}

.villa-spot-carousel-section {
    background: #000;
}

.villa-spot-carousel {
    position: relative;
}

.villa-spot-carousel__nav {
    display: flex;
    flex-flow: row nowrap;
    gap: 2.5rem;
    justify-content: flex-end;
    padding: 0 2.5rem;
}

.villa-spot-carousel__button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 60px;
    justify-content: center;
    padding: 0;
    transition: opacity 220ms ease, transform 220ms ease;
    width: 60px;
}

.villa-spot-carousel__button--prev {
    transform: rotate(180deg);
}

.villa-spot-carousel__button:hover {
    transform: scale(1.1);
}

.villa-spot-carousel__button--prev:hover {
    transform: rotate(180deg) scale(1.1);
}

.villa-spot-carousel__button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 4px;
}

.villa-spot-carousel__track {
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 1.25rem 2rem 5rem;
    scroll-behavior: smooth;
    scroll-padding-left: 2rem;
    scroll-snap-type: none;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    user-select: none;
}

.villa-spot-carousel__track::-webkit-scrollbar {
    display: none;
}

.villa-spot-carousel__track.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.villa-spot-slide {
    flex: 0 0 200px;
    height: 400px;
    padding: 0;
    scroll-snap-align: start;
}

.villa-spot-slide--intro {
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    height: 400px;
    justify-content: flex-start;
    padding: 0 0 0 0;
}

.villa-spot-slide--intro .type-title {
    margin: 0;
}

.villa-spot-slide--intro .type-body-lg {
    margin-top: 1.25rem;
}

.villa-spot-card {
    border-radius: 0;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.villa-spot-card,
.villa-spot-card img {
    -webkit-user-drag: none;
    user-drag: none;
}

.villa-spot-card img {
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    transition: transform 700ms ease;
    user-select: none;
    width: 100%;
}

.villa-spot-card:hover img {
    transform: scale(1.05);
}

.villa-spot-card__overlay {
    background: rgba(0, 0, 0, 0.55);
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 500ms ease;
}

.villa-spot-card:hover .villa-spot-card__overlay {
    opacity: 0.3;
}

.villa-spot-card__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.25rem;
    font-weight: 300;
    justify-content: center;
    inset: 0;
    line-height: 1.05;
    max-width: 90%;
    margin: auto;
    padding: 0 1rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: opacity 300ms ease;
    z-index: 1;
}

.villa-spot-card:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.92);
    outline-offset: 4px;
}

.villa-morph-slide {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.96);
    transition:
        opacity var(--villa-morph-duration, 400ms) ease-out,
        transform var(--villa-morph-duration, 400ms) cubic-bezier(0.22, 1, 0.36, 1);
}

.villa-morph-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.villa-morph-progress {
    transition: width 50ms linear;
    width: 0;
}

.villa-matrimoni-scroll__frame {
    transition: width 80ms linear, height 80ms linear, transform 80ms linear;
    will-change: width, height, transform;
}

.villa-matrimoni-scroll__copy {
    opacity: 0;
    transition: opacity 180ms linear;
}

[data-villa-matrimoni-scroll] {
    background-color: var(--villa-scroll-background, #e7e5e4);
    color: var(--villa-scroll-body, #44403c);
}

[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__surface,
[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__copy,
[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__mobile-copy {
    background-color: var(--villa-scroll-background, #e7e5e4) !important;
    color: var(--villa-scroll-body, #44403c) !important;
}

[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__intro .wp-block-heading {
    color: var(--villa-scroll-title, #18181b) !important;
}

[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__intro p {
    color: var(--villa-scroll-body, #44403c) !important;
}

[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__link {
    color: var(--villa-scroll-link, #18181b) !important;
}

[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__link-item .villa-matrimoni-scroll__link {
    color: inherit !important;
}

[data-villa-matrimoni-scroll] .wp-block-button__link,
[data-villa-matrimoni-scroll] .villa-matrimoni-scroll__button {
    background: var(--villa-scroll-button-background, #050505) !important;
    color: var(--villa-scroll-button-text, #fff) !important;
}

.villa-location-photo,
.villa-location-drawing {
    opacity: 0;
    transition: opacity 1200ms ease-in-out;
    will-change: opacity;
}

.villa-location-photo.is-active,
.villa-location-drawing.is-active {
    opacity: 1;
}

.villa-location-copy {
    opacity: 0.35;
    transform: translateY(1rem);
}

.villa-location-copy.is-active {
    opacity: 1;
    transform: translateY(0);
}

.matrimony-plan {
    align-items: center;
    display: flex;
    filter: drop-shadow(0 22px 34px rgba(40, 28, 18, 0.12));
    justify-content: center;
    padding: clamp(1rem, 2.5vw, 2rem);
}

.matrimony-plan svg {
    height: 100%;
    max-height: 78vh;
    overflow: visible;
    width: 100%;
}

.floating-media {
    filter: drop-shadow(0 22px 34px rgba(40, 28, 18, 0.16));
}

.matrimony-plan svg :is(#salone-affrescato, #salone-affrescato1, #salone-cerimoniale, #salone-cerimoniale1, #terrazzo-panoramico, #terrazzo-panoramico1) * {
    transition: fill 550ms ease, stroke 550ms ease, opacity 550ms ease, filter 550ms ease;
}

.matrimony-plan.is-salone-affrescato svg :is(#salone-affrescato, #salone-affrescato1) *,
.matrimony-plan.is-salone-cerimoniale svg :is(#salone-cerimoniale, #salone-cerimoniale1) *,
.matrimony-plan.is-terrazzo-panoramico svg :is(#terrazzo-panoramico, #terrazzo-panoramico1) * {
    fill: rgba(178, 24, 28, 0.2) !important;
    filter: drop-shadow(0 0 10px rgba(178, 24, 28, 0.22));
    opacity: 1 !important;
    stroke: #b2181c !important;
}

@media (prefers-reduced-motion: reduce) {
    .matrimony-plan svg :is(#salone-affrescato, #salone-affrescato1, #salone-cerimoniale, #salone-cerimoniale1, #terrazzo-panoramico, #terrazzo-panoramico1) * {
        transition: none;
    }
}

.villa-press-library {
    background: #f4f1ea;
    color: #050505;
    padding: clamp(4.5rem, 9vw, 8rem) clamp(1.25rem, 4vw, 3rem);
}

.villa-press-library__inner {
    margin: 0 auto;
    max-width: 1600px;
}

.villa-press-library__intro {
    margin-bottom: clamp(2.5rem, 6vw, 5rem);
    max-width: 980px;
}

.villa-press-library__intro > :first-child {
    margin-top: 0;
}

.villa-press-library__intro > :last-child {
    margin-bottom: 0;
}

.villa-press-gate {
    border-top: 1px solid #050505;
    display: grid;
    gap: clamp(2rem, 6vw, 6rem);
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    padding-top: clamp(2rem, 5vw, 4rem);
}

.villa-press-gate__copy {
    max-width: 34rem;
}

.villa-press-label {
    color: #3f5d50;
    font-size: 0.78rem;
    font-weight: 700;
    margin: 0 0 2rem;
    text-transform: uppercase;
}

.villa-press-gate__copy h3 {
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 300;
    line-height: 1;
    margin: 0 0 1.5rem;
}

.villa-press-gate__copy > p:last-child {
    color: rgb(5 5 5 / 66%);
    font-size: 1.05rem;
    line-height: 1.55;
}

.villa-press-gate__form {
    background: #050505;
    color: #fff;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.villa-press-gate__form .jet-form-builder {
    margin: 0;
}

.villa-press-gate__form .jet-form-builder-row {
    margin-bottom: 1rem;
}

.villa-press-gate__form :is(label, .jet-form-builder__label-text) {
    color: rgb(255 255 255 / 78%);
}

.villa-press-gate__form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background: transparent;
    border: 1px solid rgb(255 255 255 / 34%);
    border-radius: 0;
    color: #fff;
    min-height: 3.25rem;
    padding: 0.75rem 0.9rem;
    width: 100%;
}

.villa-press-gate__form option {
    background: #fff;
    color: #050505;
}

.villa-press-gate__form :is(input, select, textarea, button):focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.villa-press-gate__form .jet-form-builder__submit {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    color: #050505;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    min-height: 3.25rem;
    padding: 0.75rem 1.4rem;
}

.villa-press-gate__form a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.villa-press-login {
    align-items: end;
    border-bottom: 1px solid rgb(5 5 5 / 22%);
    border-top: 1px solid rgb(5 5 5 / 22%);
    display: grid;
    gap: clamp(2rem, 6vw, 6rem);
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    margin-top: clamp(3rem, 7vw, 6rem);
    padding: clamp(2rem, 5vw, 3.5rem) 0;
}

.villa-press-login h3 {
    font-size: clamp(1.6rem, 3vw, 2.8rem);
    font-weight: 300;
    line-height: 1.05;
    margin: 0 0 1rem;
}

.villa-press-login > div > p:last-child {
    color: rgb(5 5 5 / 66%);
    line-height: 1.55;
    margin-bottom: 0;
    max-width: 34rem;
}

.villa-press-login form > label {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
}

.villa-press-login__fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.villa-press-login__fields input,
.villa-press-login__fields button {
    border: 1px solid #050505;
    border-radius: 0;
    box-sizing: border-box;
    font: inherit;
    min-height: 3.4rem;
}

.villa-press-login__fields input {
    background: #fff;
    color: #050505;
    padding: 0.75rem 1rem;
    width: 100%;
}

.villa-press-login__fields button {
    background: #050505;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 0.75rem 1.4rem;
}

.villa-press-login :is(input, button):focus-visible {
    outline: 3px solid #245b45;
    outline-offset: 3px;
}

.villa-press-login__notice {
    color: #245b45;
    font-weight: 600;
    margin: 1rem 0 0;
}

.villa-press-browser {
    border-top: 1px solid #050505;
}

.villa-press-browser__toolbar {
    align-items: start;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1.25rem 0 2rem;
}

.villa-press-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.villa-press-breadcrumbs li {
    align-items: center;
    display: flex;
    gap: 0.55rem;
}

.villa-press-breadcrumbs li:not(:last-child)::after {
    content: "/";
    opacity: 0.35;
}

.villa-press-breadcrumbs a {
    color: #050505;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.villa-press-breadcrumbs a:focus-visible,
.villa-press-item a:focus-visible {
    outline: 3px solid #245b45;
    outline-offset: 4px;
}

.villa-press-browser__count {
    color: rgb(5 5 5 / 55%);
    margin: 0;
    white-space: nowrap;
}

.villa-press-browser__grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.villa-press-item {
    background: #fff;
    min-height: 250px;
    position: relative;
}

.villa-press-item > a,
.villa-press-item__details {
    color: #050505;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 250px;
    padding: 1.5rem;
    text-decoration: none;
}

.villa-press-item.has-preview {
    display: flex;
    flex-direction: column;
}

.villa-press-item.has-preview .villa-press-item__details {
    flex: 1;
    min-height: 210px;
}

.villa-press-item__preview {
    align-items: center;
    background: #e9ece9;
    display: flex;
    height: 190px;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.villa-press-item__preview img,
.villa-press-item__preview video,
.villa-press-item__preview iframe {
    border: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.villa-press-item__preview--pdf iframe,
.villa-press-item__preview--text iframe {
    background: #fff;
    pointer-events: none;
}

.villa-press-item__preview--audio {
    padding: 1.5rem;
}

.villa-press-item__preview audio {
    width: 100%;
}

.villa-press-item--folder {
    background: #dbe4df;
}

.villa-press-item--file {
    background: #fff;
}

.villa-press-item__type {
    color: #3f5d50;
    font-size: 0.72rem;
    font-weight: 700;
    margin-bottom: auto;
    text-transform: uppercase;
}

.villa-press-item h3 {
    font-size: clamp(1.35rem, 2.1vw, 2rem);
    font-weight: 400;
    line-height: 1.08;
    margin: 3rem 2.5rem 0.8rem 0;
    overflow-wrap: anywhere;
}

.villa-press-item p {
    color: rgb(5 5 5 / 58%);
    font-size: 0.88rem;
    margin: 0;
}

.villa-press-item__action {
    align-items: center;
    border: 1px solid rgb(5 5 5 / 24%);
    display: flex;
    height: 2.25rem;
    justify-content: center;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 2.25rem;
}

.villa-press-item a:hover .villa-press-item__action {
    background: #050505;
    border-color: #050505;
    color: #fff;
}

.villa-press-library__empty,
.villa-press-library__status {
    border: 1px solid rgb(5 5 5 / 24%);
    grid-column: 1 / -1;
    margin: 0;
    padding: 2rem;
}

@media (max-width: 960px) {
    .villa-press-gate,
    .villa-press-login {
        grid-template-columns: 1fr;
    }

    .villa-press-browser__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .villa-press-login__fields {
        grid-template-columns: 1fr;
    }

    .villa-press-browser__toolbar {
        display: block;
    }

    .villa-press-browser__count {
        margin-top: 1rem;
    }

    .villa-press-browser__grid {
        grid-template-columns: 1fr;
    }
}

.villa-site-footer {
    background: #050505;
    color: #fff;
    padding: 4rem 1.5rem 3rem;
}

.villa-site-footer__inner {
    margin-inline: auto;
    max-width: var(--wp--style--global--wide-size, 1440px);
    width: 100%;
}

.villa-site-footer__grid {
    align-items: start;
    display: grid;
    gap: clamp(1.75rem, 3vw, 3.5rem);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.villa-site-footer__column {
    min-width: 0;
}

.villa-site-footer h3 {
    margin-block: 0 1.1rem;
}

.villa-site-footer ul:not(.villa-footer-socials):not(.villa-footer-logos) {
    display: grid;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.villa-footer-address p {
    margin-block: 0 1rem;
}

.villa-footer-address a,
.villa-footer-socials a,
.villa-site-footer a {
    color: inherit;
}

.villa-footer-socials,
.villa-footer-logos {
    list-style: none;
    margin: 0;
    padding: 0;
}

.villa-footer-socials {
    display: grid;
    gap: 0.4rem;
}

.villa-footer-logos {
    align-items: center;
    display: grid;
    gap: 0.9rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 22rem;
}

.villa-footer-logos__item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    min-height: 2.5rem;
}

.villa-footer-logos__item a {
    display: inline-flex;
}

.villa-footer-logos__image {
    filter: grayscale(1) brightness(0) invert(1);
    height: auto;
    max-height: 3.4rem;
    max-width: 8rem;
    object-fit: contain;
    opacity: 0.78;
    transition: filter 180ms ease, opacity 180ms ease;
    width: auto;
}

.villa-footer-logos__item a:hover .villa-footer-logos__image,
.villa-footer-logos__item a:focus-visible .villa-footer-logos__image {
    filter: none;
    opacity: 1;
}

.villa-footer-logos__empty {
    color: rgb(255 255 255 / 55%);
    font-size: 0.875rem;
}

.villa-footer-legal {
    color: rgb(255 255 255 / 68%);
    font-size: 0.875rem;
    margin-block: 2rem 0;
}

@media (max-width: 980px) {
    .villa-site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .villa-footer-logos {
        max-width: 24rem;
    }

    .villa-footer-logos__image {
        max-height: 4rem;
        max-width: 9rem;
    }
}

@media (max-width: 640px) {
    .villa-site-footer {
        padding: 3rem 1.25rem 2.5rem;
        text-align: center;
    }

    .villa-site-footer__grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .villa-footer-logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        margin-inline: auto;
        max-width: 100%;
    }

    .villa-footer-socials,
    .villa-site-footer ul:not(.villa-footer-socials):not(.villa-footer-logos) {
        justify-items: center;
    }

    .villa-footer-logos__item {
        justify-content: center;
    }

    .villa-footer-logos__image {
        max-height: 3.6rem;
        max-width: 8.5rem;
    }
}

.villa-alcohol-notice {
    background: #050505;
    border-top: 1px solid rgb(255 255 255 / 18%);
    color: rgb(255 255 255 / 68%);
    font-size: 0.75rem;
    padding: 1.25rem clamp(1.5rem, 4vw, 4rem);
    position: relative;
    text-align: center;
    z-index: 7;
}

.villa-alcohol-notice p {
    margin: 0 auto;
    max-width: 72rem;
}

.input-field {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    width: 100%;
}

.input-field::placeholder {
    color: rgba(255, 255, 255, 0.56);
}

.input-field:focus {
    border-color: rgba(255, 255, 255, 0.72);
}

.input-field option {
    color: #050505;
}

.villa-events-horizontal__viewport,
.villa-horizontal-scroll__viewport {
    scrollbar-width: none;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    overscroll-behavior-inline: contain;
}

.villa-motion-wrapper:has(> [data-villa-events-horizontal]),
.villa-motion-wrapper:has(> [data-villa-horizontal-scroll]),
.villa-motion-wrapper:has(> [data-villa-vertical-scroll]) {
    opacity: 1 !important;
    transform: none !important;
}

.villa-events-horizontal__viewport::-webkit-scrollbar,
.villa-horizontal-scroll__viewport::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}

.villa-events-horizontal__track,
.villa-horizontal-scroll__track {
    align-items: stretch;
}

.villa-events-horizontal__viewport.is-dragging,
.villa-horizontal-scroll__viewport.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}

.villa-events-horizontal__intro,
.villa-events-horizontal__empty,
.villa-horizontal-event-card,
.villa-horizontal-scroll__panel {
    scroll-snap-align: start;
}

.villa-horizontal-event-card {
    user-select: none;
}

.villa-horizontal-event-card > a {
    color: inherit;
    text-decoration: none;
}

.villa-horizontal-scroll {
    isolation: isolate;
}

.villa-horizontal-scroll__sticky {
    background: #050505;
}

.villa-horizontal-scroll__progress {
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    display: flex;
    font-size: 0.75rem;
    font-weight: 600;
    gap: 0.85rem;
    left: clamp(1.25rem, 2.1vw, 2.25rem);
    pointer-events: none;
    position: absolute;
    right: clamp(18rem, 28vw, 32rem);
    top: 52%;
    z-index: 5;
}

.villa-horizontal-scroll__progress [data-horizontal-scroll-count],
.villa-horizontal-scroll__progress [data-vertical-scroll-count] {
    display: none;
}

.villa-horizontal-scroll__progress-track {
    background: rgba(255, 255, 255, 0.3);
    display: block;
    flex: 1 1 auto;
    height: 1px;
    overflow: hidden;
}

.villa-horizontal-scroll__progress-track > span {
    background: currentColor;
    display: block;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 180ms linear;
    width: 100%;
}

.villa-horizontal-scroll__panel {
    display: flex;
    min-height: min(48rem, calc(100vh - 7rem));
    user-select: auto;
    width: min(88vw, 68rem);
}

.villa-horizontal-scroll__panel:first-child {
    width: min(92vw, 74rem);
}

.villa-horizontal-scroll__panel > * {
    width: 100%;
}

.villa-horizontal-scroll__panel-content {
    background: #292b2b;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    justify-content: flex-end;
    min-height: inherit;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 4rem);
    position: relative;
}

.villa-horizontal-scroll__panel-content > .wp-block-image:first-child {
    inset: 0;
    margin: 0;
    position: absolute;
    z-index: -2;
}

.villa-horizontal-scroll__panel-content > .wp-block-image:first-child img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.villa-horizontal-scroll__panel-content::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.48) 42%, rgba(0, 0, 0, 0.12) 100%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.villa-horizontal-scroll__panel-content--light::after {
    background: linear-gradient(90deg, rgba(250, 250, 250, 0.9) 0%, rgba(250, 250, 250, 0.68) 44%, rgba(250, 250, 250, 0.18) 100%);
}

.villa-horizontal-scroll__panel-text {
    max-width: min(100%, 42rem);
}

.villa-horizontal-scroll__panel .wp-block-heading,
.villa-horizontal-scroll__panel p {
    color: inherit;
}

.villa-horizontal-scroll__panel .wp-block-heading {
    margin-bottom: 1.1rem;
}

.villa-horizontal-scroll__panel p {
    margin-bottom: 0;
}

.villa-horizontal-scroll__panel p + p {
    margin-top: 0.9rem;
}

.villa-horizontal-scroll__panel .wp-block-image:not(:first-child) {
    margin-bottom: 1.25rem;
}

.villa-horizontal-scroll__panel img {
    display: block;
    max-width: 100%;
}

@media (min-width: 768px) {
    .villa-horizontal-scroll__viewport {
        height: 100vh;
        padding-bottom: 0;
        padding-top: 0;
    }

    .villa-horizontal-scroll__track {
        gap: 0;
        height: 100%;
        padding-inline: 0;
    }

    .villa-horizontal-scroll__panel,
    .villa-horizontal-scroll__panel:first-child {
        flex: 0 0 100vw;
        height: 100vh;
        min-height: 100vh;
        width: 100vw;
    }

    .villa-horizontal-scroll__panel-content {
        height: 100%;
        justify-content: flex-end;
        min-height: 100%;
        padding: clamp(2rem, 5vw, 5rem) clamp(2rem, 6vw, 6rem) clamp(4rem, 13vh, 8rem) clamp(18rem, 23vw, 27rem);
    }

    .villa-horizontal-scroll__panel-text {
        max-width: min(50vw, 48rem);
    }

    .villa-horizontal-scroll__panel .wp-block-heading {
        font-weight: 400;
        line-height: 1.03;
    }
}

.villa-events-horizontal.is-native-horizontal,
.villa-horizontal-scroll.is-native-horizontal {
    height: auto !important;
}

.villa-events-horizontal.is-native-horizontal .villa-events-horizontal__sticky,
.villa-horizontal-scroll.is-native-horizontal .villa-horizontal-scroll__sticky {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: clamp(3.5rem, 10vw, 6rem) 0;
    position: relative;
}

.villa-events-horizontal.is-native-horizontal .villa-events-horizontal__viewport,
.villa-horizontal-scroll.is-native-horizontal .villa-horizontal-scroll__viewport {
    scroll-padding-inline: 1.25rem;
    scroll-snap-type: x proximity;
}

@media (prefers-reduced-motion: reduce) {
    .villa-events-horizontal,
    .villa-horizontal-scroll {
        height: auto !important;
    }

    .villa-events-horizontal__sticky,
    .villa-horizontal-scroll__sticky {
        height: auto;
        min-height: 0;
        position: relative;
    }
}

@media (max-width: 767px) {
    .villa-events-horizontal__viewport,
    .villa-horizontal-scroll__viewport {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .villa-events-horizontal__track,
    .villa-horizontal-scroll__track {
        gap: 0.875rem;
        padding-inline: 1rem;
    }

    .villa-events-horizontal__intro,
    .villa-events-horizontal__empty,
    .villa-horizontal-event-card {
        min-height: 28rem;
        width: min(86vw, 24rem);
    }

    .villa-horizontal-scroll__progress {
        left: 1rem;
        right: 1rem;
        top: 1rem;
    }

    .villa-horizontal-scroll__panel,
    .villa-horizontal-scroll__panel:first-child {
        min-height: 31rem;
        width: min(86vw, 24rem);
    }

    .villa-horizontal-scroll__panel-content {
        padding: 1.25rem;
    }

    .villa-horizontal-scroll__panel-content::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.78) 100%);
    }
}

.villa-vertical-scroll {
    background: #050505;
    isolation: isolate;
    overflow: clip;
    position: relative;
    z-index: 1;
}

.villa-vertical-scroll .villa-horizontal-scroll__sticky {
    background: #050505;
    display: block !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 0 !important;
}

.villa-vertical-scroll .villa-horizontal-scroll__viewport {
    cursor: auto;
    height: 100%;
    overflow: hidden !important;
    padding: 0 !important;
    touch-action: auto;
}

.villa-vertical-scroll .villa-horizontal-scroll__track {
    display: block !important;
    height: 100%;
    padding: 0 !important;
    position: relative;
    width: 100% !important;
}

.villa-vertical-scroll .villa-horizontal-scroll__progress {
    bottom: clamp(1.25rem, 4vh, 3rem);
    left: clamp(1.25rem, 2.1vw, 2.25rem);
    position: absolute;
    right: clamp(1.25rem, 2.1vw, 2.25rem);
    top: auto;
    transform: none;
    z-index: 40;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel,
.villa-vertical-scroll .villa-horizontal-scroll__panel:first-child {
    clip-path: inset(var(--villa-slide-clip, 0%) 0 0 0);
    display: flex;
    height: 100vh;
    inset: 0;
    min-height: 100vh;
    overflow: hidden;
    position: absolute;
    width: 100% !important;
    will-change: clip-path;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-content {
    border: 0;
    border-radius: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-content::after {
    background: var(--villa-slide-overlay-color, #050505);
    opacity: var(--villa-slide-overlay-opacity, 0.42);
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-content > .wp-block-image:first-child,
.villa-vertical-scroll .villa-horizontal-scroll__panel-content > .wp-block-video:first-child {
    inset: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    transform: translate3d(0, var(--villa-slide-media-y, 0), 0) scale(var(--villa-slide-media-scale, 1));
    transform-origin: center center;
    will-change: transform;
    z-index: -2;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-content > .wp-block-image:first-child img,
.villa-vertical-scroll .villa-horizontal-scroll__panel-content > .wp-block-video:first-child video {
    display: block;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    width: 100%;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-content > .wp-block-video:first-child figcaption {
    display: none;
}

.villa-vertical-scroll .villa-horizontal-scroll__panel-text,
.villa-vertical-scroll .villa-horizontal-scroll__panel-content > :not(.wp-block-image):not(.wp-block-video) {
    opacity: var(--villa-slide-text-opacity, 1);
    transform: translateY(var(--villa-slide-text-y, 0));
    transition: opacity 180ms linear, transform 180ms linear;
    will-change: opacity, transform;
}

.villa-vertical-scroll .villa-point-body {
    max-width: min(100%, 48rem);
}

.villa-vertical-scroll .villa-point-body p {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.villa-vertical-scroll .villa-point-body * {
    background: transparent !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

@media (min-width: 768px) {
    .villa-vertical-scroll .villa-horizontal-scroll__panel-content {
        justify-content: flex-end;
        padding: clamp(2rem, 5vw, 5rem) clamp(2rem, 6vw, 6rem) clamp(4rem, 13vh, 8rem) clamp(18rem, 23vw, 27rem);
    }

    .villa-vertical-scroll .villa-horizontal-scroll__panel-text {
        max-width: min(50vw, 48rem);
    }
}

@media (max-width: 767px) {
    .villa-vertical-scroll .villa-horizontal-scroll__progress {
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        top: auto;
        transform: none;
    }

    .villa-vertical-scroll .villa-horizontal-scroll__panel,
    .villa-vertical-scroll .villa-horizontal-scroll__panel:first-child {
        height: 100svh;
        min-height: 100svh;
    }

    .villa-vertical-scroll .villa-horizontal-scroll__panel-content {
        padding: 1.25rem 1.25rem 5rem;
    }
}

@media (min-width: 768px) {
    .villa-spot-slide {
        flex-basis: 300px;
        height: 500px;
    }

    .villa-spot-slide--intro {
        flex-basis: 400px;
        height: 500px;
    }

    .villa-spot-card__title {
        font-size: 1.5rem;
        padding: 0 1.5rem;
    }
}

@media (min-width: 1280px) {
    .villa-spot-slide {
        flex-basis: 400px;
        height: 600px;
    }

    .villa-spot-slide--intro {
        flex-basis: 500px;
        height: 600px;
    }

    .villa-spot-card__title {
        font-size: 1.875rem;
    }
}

.drag-follow {
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translate3d(-9999px, -9999px, 0);
    transition: opacity 180ms ease-out;
    width: 0;
    z-index: 9999;
}

.drag-follow .drag-circle {
    align-items: center;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.82);
    border-radius: 9999px;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.28);
    color: #000;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    gap: 0.05rem;
    height: clamp(4rem, 7vw, 5.5rem);
    justify-content: center;
    transform: translate(-50%, -50%) scale(0.95);
    transition: transform 200ms ease;
    width: clamp(4rem, 7vw, 5.5rem);
}

.drag-follow .drag-icon {
    font-size: clamp(1rem, 2vw, 1.35rem);
    line-height: 1;
}

.drag-follow .drag-text {
    font-size: clamp(0.54rem, 1.1vw, 0.7rem);
    line-height: 1;
}

.carousel-root.is-dragging .drag-follow .drag-circle {
    transform: translate(-50%, -50%) scale(1.07);
}

@media (hover: hover) and (pointer: fine) {
    .carousel,
    .carousel * {
        cursor: grab !important;
    }

    .carousel.is-dragging,
    .carousel.is-dragging * {
        cursor: grabbing !important;
    }
}

@media (max-width: 1024px) {
    .carousel-root {
        --carousel-card-width: clamp(14rem, 42vw, 22rem);
        --carousel-card-height: clamp(18rem, 58vw, 30rem);
    }

    .carousel {
        height: clamp(27rem, 78vh, 48rem);
    }
}

@media (max-width: 640px) {
    .carousel-root {
        --carousel-card-width: clamp(12rem, 70vw, 18rem);
        --carousel-card-height: clamp(16rem, 95vw, 25rem);
        --carousel-duration: 340ms;
    }

    .carousel {
        height: clamp(23rem, 130vw, 36rem);
    }
}

.villa-builder-block--carousel .villa-builder-block__content,
.villa-builder-block--cards .villa-builder-block__content {
    max-width: 1600px;
}

.villa-builder-block--home-carousel,
.villa-builder-block--spot-carousel,
.villa-builder-block--section-affreschi {
    background:
        radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.11), transparent 22rem),
        #050505;
}

.villa-builder-block--home-carousel .villa-builder-block__items,
.villa-builder-block--spot-carousel .villa-builder-block__items,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__items {
    display: flex;
    gap: clamp(1rem, 2.4vw, 2rem);
    overflow-x: auto;
    padding-bottom: 1rem;
    scroll-snap-type: x proximity;
}

.villa-builder-block--home-carousel .villa-builder-block__item,
.villa-builder-block--spot-carousel .villa-builder-block__item,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item {
    flex: 0 0 min(78vw, 420px);
    min-height: 30rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    scroll-snap-align: start;
}

.villa-builder-block--home-carousel .villa-builder-block__item img,
.villa-builder-block--spot-carousel .villa-builder-block__item img,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item img {
    height: 100%;
    inset: 0;
    margin: 0;
    position: absolute;
}

.villa-builder-block--home-carousel .villa-builder-block__item::after,
.villa-builder-block--spot-carousel .villa-builder-block__item::after,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item::after {
    background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.82));
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.villa-builder-block--home-carousel .villa-builder-block__item h3,
.villa-builder-block--spot-carousel .villa-builder-block__item h3,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item h3,
.villa-builder-block--home-carousel .villa-builder-block__item div,
.villa-builder-block--spot-carousel .villa-builder-block__item div,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item div {
    bottom: auto;
    left: 1.4rem;
    position: relative;
    right: 1.4rem;
    z-index: 2;
}

.villa-builder-block--home-carousel .villa-builder-block__item h3,
.villa-builder-block--spot-carousel .villa-builder-block__item h3,
.villa-builder-block--gallery-drag-carousel .villa-builder-block__item h3 {
    margin-top: 22rem;
}

.villa-builder-block--section-affreschi .villa-builder-block__content {
    align-items: end;
    display: grid;
    gap: 2rem;
    min-height: 56svh;
}

.villa-builder-block--section-affreschi .villa-builder-block__title {
    max-width: 780px;
}

.villa-builder-block__items {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-top: clamp(2rem, 5vw, 4rem);
}

.villa-builder-block__item {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: currentColor;
    min-height: 16rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    transition: background 280ms ease, transform 280ms ease, border-color 280ms ease;
}

.villa-builder-block--light .villa-builder-block__item {
    background: #f7f7f7;
    border-color: rgba(0, 0, 0, 0.12);
}

.villa-builder-block__item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.32);
    transform: translateY(-4px);
}

.villa-builder-block__item img {
    aspect-ratio: 4 / 3;
    display: block;
    margin: 0 0 1.2rem;
    object-fit: cover;
    width: 100%;
}

.villa-builder-block__item h3 {
    color: currentColor;
    font-family: var(--villa-font-sans);
    font-size: var(--villa-text-lead);
    font-weight: 300;
    line-height: 1.08;
    margin: 0;
}

.villa-builder-block__item div {
    color: currentColor;
    font-size: 1rem;
    line-height: 1.55;
    margin-top: 1rem;
    opacity: 0.68;
}

.villa-builder-block--opening-hours-section {
    background: #fff;
    color: #050505;
}

.villa-orari-actions {
    align-items: stretch;
    display: grid !important;
    gap: 0.75rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.villa-orari-actions .wp-block-button {
    min-width: 0;
    width: 100%;
}

.villa-orari-actions .wp-block-button__link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 3rem;
    padding-inline: clamp(0.65rem, 2.8vw, 1.5rem);
    white-space: nowrap;
    width: 100%;
}

@media (max-width: 380px) {
    .villa-orari-actions .wp-block-button__link {
        font-size: 0.72rem;
        padding-inline: 0.5rem;
    }
}

.villa-builder-block--price-list,
.villa-builder-block--multi-step-contact-form,
.villa-builder-block--matrimoni-form {
    background: #080808;
}

.villa-builder-block--faq-section {
    background: #f5f5f4;
    color: #050505;
}

.villa-contact-page,
.villa-contact-form-section {
    background: #050505;
    color: #fff;
}

.villa-contact-hero {
    background: #050505;
    color: #fff;
    min-height: min(82svh, 820px);
    overflow: hidden;
    position: relative;
}

.villa-contact-hero::after {
    background: linear-gradient(180deg, rgb(0 0 0 / 22%) 0%, rgb(0 0 0 / 58%) 70%, #050505 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.villa-contact-hero__image {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.villa-contact-hero__content {
    align-items: flex-end;
    display: flex;
    margin: 0 auto;
    max-width: 1680px;
    min-height: min(82svh, 820px);
    padding: clamp(7rem, 14vw, 12rem) clamp(1.5rem, 4vw, 4rem) clamp(3rem, 8vw, 6rem);
    position: relative;
    width: 100%;
    z-index: 2;
}

.villa-contact-hero__eyebrow {
    color: rgb(255 255 255 / 66%);
    font-size: 0.72rem;
    font-weight: 600;
    margin: 0 0 1.2rem;
    text-transform: uppercase;
}

.villa-contact-hero h1 {
    color: #fff;
    font-size: clamp(4rem, 12vw, 10rem);
    font-weight: 300;
    line-height: 0.88;
    margin: 0;
}

.villa-contact-hero p:not(.villa-contact-hero__eyebrow) {
    color: rgb(255 255 255 / 82%);
    font-size: clamp(1.25rem, 2.4vw, 2.5rem);
    font-weight: 300;
    line-height: 1.18;
    margin: 1.4rem 0 0;
    max-width: 820px;
}

.villa-jetform-section {
    --villa-form-step-accent: #4fe6c1;
    --villa-form-step-line: rgb(255 255 255 / 22%);
    --villa-form-step-muted: rgb(255 255 255 / 46%);
    background: #050505;
    color: #fff;
    overflow-x: hidden;
    position: relative;
}

.villa-jetform-section > .wp-block-group__inner-container,
.villa-jetform-section > .jet-fb-form-block,
.villa-jetform-section > .jet-form-builder {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1380px !important;
    width: 100%;
}

.villa-jetform-section .jet-form-builder {
    max-width: none !important;
    width: 100%;
}

.villa-jetform-section__title {
    font-size: clamp(2.5rem, 5vw, 5.25rem);
    font-weight: 300;
    line-height: 0.98;
    margin: 0;
    max-width: 15ch;
}

.villa-jetform-section__intro {
    color: rgb(255 255 255 / 66%);
    font-size: clamp(1rem, 1.35vw, 1.25rem);
    line-height: 1.55;
    margin: 1.5rem 0 4rem;
    max-width: 48rem;
}

.villa-jetform-section .jet-form-builder {
    max-width: none !important;
    padding-top: 2.5rem;
    width: 100%;
}

.villa-jetform-section .jet-form-builder__label,
.villa-jetform-section .jet-form-builder__field-label {
    color: rgb(255 255 255 / 72%);
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    margin-bottom: 0.65rem;
    text-transform: uppercase;
}

.villa-jetform-section .jet-form-builder-row {
    box-sizing: border-box;
    display: block !important;
    flex: none !important;
    margin-bottom: 1.5rem;
    max-width: 100% !important;
    min-width: 0;
    padding: 0 !important;
    width: 100% !important;
}

.villa-jetform-section .jet-form-builder-page {
    box-sizing: border-box;
    max-width: none !important;
    min-width: 0;
    width: 100%;
}

.villa-jetform-section .jet-form-builder-page.jet-form-builder-page--hidden {
    display: none !important;
}

.villa-jetform-section .jet-form-builder-row.field-type-heading-field,
.villa-jetform-section .wp-block-heading {
    color: #fff;
}

.villa-jetform-section .jet-form-builder-page > .wp-block-heading {
    font-size: clamp(1.7rem, 3vw, 3rem);
    font-weight: 300;
    line-height: 1.05;
    margin: 0 0 2rem;
}

.villa-jetform-section .jet-form-builder__field-wrap,
.villa-jetform-section .jet-form-builder__fields-group {
    box-sizing: border-box;
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0;
    width: 100% !important;
}

.villa-jetform-section input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.villa-jetform-section select,
.villa-jetform-section textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 42%);
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: block;
    font: inherit;
    left: auto !important;
    max-width: 100% !important;
    min-height: 3.5rem;
    outline: none;
    padding: 0.75rem 0;
    position: static !important;
    right: auto !important;
    transform: none !important;
    width: 100%;
}

.villa-jetform-section .phone-field-wrap > input.jet-form-builder__field.phone-field {
    display: none !important;
}

.villa-jetform-section .phone-field-wrap .iti {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
}

.villa-jetform-section .phone-field-wrap .iti input.phone-field-intl {
    box-sizing: border-box;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
}

.villa-jetform-section textarea {
    min-height: 9rem;
    resize: vertical;
}

.villa-jetform-section select {
    color-scheme: dark;
}

.villa-jetform-section input:focus,
.villa-jetform-section select:focus,
.villa-jetform-section textarea:focus {
    border-color: #fff;
}

.villa-jetform-section .jet-form-builder__next-page,
.villa-jetform-section .jet-form-builder__prev-page,
.villa-jetform-section .jet-form-builder__submit {
    align-items: center;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    justify-content: center;
    min-height: 3.75rem;
    padding: 0.8rem 2rem;
    text-transform: uppercase;
    transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
}

.villa-jetform-section .jet-form-builder__next-page:hover,
.villa-jetform-section .jet-form-builder__submit:hover {
    background: #fff;
    color: #050505;
}

.villa-jetform-section .jet-form-builder__next-page-wrap,
.villa-jetform-section .jet-form-builder__action-button-wrapper {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: flex-start;
    width: 100%;
}

.villa-contact-form-section .jet-form-builder {
    margin: 0 auto;
}

.villa-contact-form-section .jet-form-builder > .wp-block-heading {
    font-size: clamp(2rem, 4vw, 4rem);
    margin: 0;
}

@media (min-width: 783px) {
    .villa-contact-form-section .jet-form-builder {
        column-gap: clamp(2rem, 7vw, 6.5rem);
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none !important;
        row-gap: clamp(1.5rem, 3vw, 2.25rem);
        width: 100%;
    }

    .villa-contact-form-section .jet-form-builder > .wp-block-heading,
    .villa-contact-form-section .jet-form-builder > .villa-jfb-privacy,
    .villa-contact-form-section .jet-form-builder > .field-type-textarea-field,
    .villa-contact-form-section .jet-form-builder > .field-type-checkbox-field,
    .villa-contact-form-section .jet-form-builder > .field-type-submit-field,
    .villa-contact-form-section .jet-form-builder > .jet-form-builder-messages-wrap {
        grid-column: 1 / -1;
    }

    .villa-contact-form-section .jet-form-builder > .jet-form-builder-row {
        margin: 0;
        min-width: 0;
        width: 100%;
    }
}

.villa-jetform-section button:disabled,
.villa-jetform-section input:disabled {
    cursor: not-allowed;
    opacity: 0.38;
}

.villa-jetform-section .jet-form-builder-progress-pages {
    align-items: start !important;
    display: grid !important;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 0 clamp(3rem, 6vw, 5rem) !important;
    overflow: visible;
    padding: 0 !important;
    position: relative;
    width: 100%;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 0;
    position: relative;
}

.villa-jetform-section .jet-form-builder-progress-pages__item {
    align-items: center !important;
    border: 0 !important;
    color: var(--villa-form-step-muted);
    display: flex !important;
    flex-direction: column !important;
    font-size: 0.7rem;
    gap: 0.7rem;
    padding: 0 !important;
    position: relative !important;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item,
.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item {
    color: #fff;
}

.villa-jetform-section .jet-form-builder-progress-pages__separator {
    background: var(--villa-form-step-line) !important;
    display: block !important;
    flex: none !important;
    height: 1px !important;
    left: calc(50% + 1rem);
    position: absolute;
    right: calc(-50% + 1rem);
    top: 1rem;
    width: auto !important;
    z-index: 0;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__separator {
    background: var(--villa-form-step-accent) !important;
    height: 2px !important;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__separator {
    background: var(--villa-form-step-line) !important;
    height: 1px !important;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--circle {
    align-items: center !important;
    background: #050505;
    border: 1px solid var(--villa-form-step-muted) !important;
    color: currentColor;
    display: grid !important;
    font-size: 0.78rem;
    font-weight: 600;
    height: 2rem !important;
    justify-content: center !important;
    line-height: 1;
    place-items: center;
    position: relative;
    width: 2rem !important;
    z-index: 1;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--label {
    color: currentColor;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.2;
    max-width: 9rem !important;
    position: static !important;
    text-align: center;
    white-space: normal !important;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle {
    background: var(--villa-form-step-accent);
    border-color: var(--villa-form-step-accent) !important;
    color: #050505;
}

.villa-jetform-section .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle {
    border-color: var(--villa-form-step-accent) !important;
    box-shadow: 0 0 0 4px rgb(79 230 193 / 14%);
    color: #fff;
}

@media (max-width: 640px) {
    .villa-jetform-section .jet-form-builder-progress-pages {
        grid-template-columns: repeat(4, minmax(4.4rem, 1fr)) !important;
        margin-bottom: 2.75rem !important;
        overflow-x: auto;
        padding-bottom: 0.25rem !important;
        scrollbar-width: none;
    }

    .villa-jetform-section .jet-form-builder-progress-pages::-webkit-scrollbar {
        display: none;
    }

    .villa-jetform-section .jet-form-builder-progress-pages__item {
        gap: 0.55rem;
    }

    .villa-jetform-section .jet-form-builder-progress-pages__separator {
        left: calc(50% + 0.875rem);
        right: calc(-50% + 0.875rem);
        top: 0.875rem;
    }

    .villa-jetform-section .jet-form-builder-progress-pages__item--circle {
        font-size: 0.7rem;
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .villa-jetform-section .jet-form-builder-progress-pages__item--label {
        font-size: 0.58rem;
        max-width: 4.6rem !important;
    }
}

.villa-jfb-privacy {
    margin: 0 0 1.75rem;
}

.villa-jfb-privacy__instruction,
.villa-jfb-privacy__status {
    color: rgb(255 255 255 / 72%);
    font-size: 0.88rem;
    line-height: 1.5;
}

.villa-jfb-privacy__scroll {
    background: #fff;
    border: 2px solid rgb(255 255 255 / 35%);
    color: #18181b;
    height: 18rem;
    margin: 1rem 0;
    overscroll-behavior: contain;
    overflow-y: auto;
    padding: 1.5rem;
    touch-action: pan-y;
    scrollbar-color: #050505 #e4e4e7;
    scrollbar-width: thin;
}

.villa-jfb-privacy__scroll:focus {
    border-color: #fff;
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.villa-jfb-privacy__scroll h4 {
    font-size: 1.2rem;
    margin: 0 0 1rem;
}

.villa-jfb-privacy__scroll p {
    line-height: 1.65;
    margin: 0 0 1rem;
}

.villa-jfb-privacy__scroll a {
    color: #18181b;
    text-decoration: underline;
}

.villa-jfb-privacy.is-read .villa-jfb-privacy__status {
    color: #86efac;
}

.villa-jetform-section .jet-form-builder__field-wrap.is-disabled,
.villa-didattica-contact-form .jet-form-builder__field-wrap.is-disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.villa-jetform-section input[name^="villa_privacy_consent"]:disabled,
.villa-didattica-contact-form input[name^="villa_privacy_consent"]:disabled {
    cursor: not-allowed;
}

.villa-splide-slider {
    --villa-splide-rotation: 0deg;
    visibility: visible;
    width: 100%;
    transform: rotate(var(--villa-splide-rotation));
    transform-origin: center;
}

.villa-splide-slider .splide__slide {
    --villa-splide-slide-rotation: 0deg;
    align-items: stretch;
    display: flex;
    transform: rotate(var(--villa-splide-slide-rotation));
    transform-origin: center;
}

.villa-splide-slider .splide__slide img,
.villa-splide-slider .splide__slide video {
    border-radius: 8px;
    display: block;
    height: 100%;
    max-width: none;
    object-fit: cover;
    width: auto;
}

.villa-splide-slider .splide__pagination {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    display: flex;
    gap: 5px;
    justify-self: center;
    left: 50%;
    margin: auto;
    max-width: 300px;
    min-width: auto;
    padding: 5px;
    right: auto;
    transform: translateX(-50%);
    width: auto;
}

.villa-splide-slider .splide__pagination li {
    display: inline-flex;
}

.villa-splide-slider .splide__pagination__page {
    background: #fff;
    opacity: 1;
    padding: 0;
}

.villa-splide-slider .splide__pagination__page.is-active {
    opacity: 0.6;
}

.villa-splide-slider .splide__arrow {
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    color: #fff;
    fill: #fff;
    opacity: 1;
    padding: 0;
}

.villa-splide-slider .splide__arrow:hover {
    background-color: #000;
}

.villa-splide-slider .splide__arrow svg {
    fill: #fff;
    width: 16px;
}

.villa-splide-slider--laboratories {
    overflow: visible;
}

.villa-splide-slider--laboratories .splide__track,
.villa-splide-slider--laboratories .splide__list,
.villa-splide-slider--laboratories .villa-laboratory-slide {
    height: 100%;
}

.villa-splide-slider--laboratories .villa-laboratory-slide {
    box-sizing: border-box;
    padding: 0.75rem 0.75rem 1.25rem;
    width: 100%;
}

.villa-laboratory-card {
    background: var(--villa-laboratory-color, #f7b801);
    border: 3px solid #3d348b;
    border-radius: clamp(2rem, 4vw, 3.5rem);
    box-shadow: 0 12px 0 rgba(61, 52, 139, 0.28);
    box-sizing: border-box;
    display: grid;
    gap: clamp(1.5rem, 3vw, 3rem);
    grid-template-columns: minmax(0, 1.4fr) minmax(17rem, 0.8fr);
    height: calc(100% - 12px);
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.villa-laboratory-card__media {
    display: grid;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    min-height: 0;
}

.villa-laboratory-card__photo {
    border: 3px solid #3d348b;
    border-radius: clamp(1.25rem, 2.5vw, 2.25rem);
    box-shadow: 0 7px 0 rgba(61, 52, 139, 0.22);
    margin: 0;
    min-height: 0;
    overflow: hidden;
}

.villa-laboratory-card__photo img {
    border-radius: 0 !important;
    display: block;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    width: 100% !important;
}

.villa-laboratory-card__media--1 .villa-laboratory-card__photo {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.villa-laboratory-card__media--2 .villa-laboratory-card__photo--1 {
    grid-column: 1;
    grid-row: 1 / -1;
    transform: rotate(-1.5deg);
}

.villa-laboratory-card__media--2 .villa-laboratory-card__photo--2 {
    grid-column: 2;
    grid-row: 1 / -1;
    transform: rotate(1.5deg);
}

.villa-laboratory-card__media--3 .villa-laboratory-card__photo--1 {
    grid-column: 1;
    grid-row: 1 / -1;
    transform: rotate(-1deg);
}

.villa-laboratory-card__media--3 .villa-laboratory-card__photo--2 {
    grid-column: 2;
    grid-row: 1;
    transform: rotate(1deg);
}

.villa-laboratory-card__media--3 .villa-laboratory-card__photo--3 {
    grid-column: 2;
    grid-row: 2;
    transform: rotate(-0.7deg);
}

.villa-laboratory-card__content {
    align-self: center;
    color: #111;
    min-width: 0;
    position: relative;
}

.villa-laboratory-card__number {
    font-family: "BN Dime Display", "Arial Black", Impact, sans-serif;
    font-size: clamp(3.5rem, 7vw, 6.5rem);
    line-height: 0.8;
    margin: 0 0 1.25rem;
    opacity: 0.2;
}

.villa-laboratory-card h3 {
    color: inherit;
    font-family: "BN Dime Display", "Arial Black", Impact, sans-serif;
    font-size: clamp(2rem, 3.6vw, 4rem);
    font-weight: 400;
    line-height: 0.92;
    margin: 0 0 1.25rem;
    overflow-wrap: anywhere;
}

.villa-laboratory-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.villa-laboratory-card__meta span {
    background: #fff;
    border: 2px solid #3d348b;
    border-radius: 999px;
    color: #111;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
    padding: 0.55rem 0.8rem;
}

.villa-laboratory-card__description {
    color: inherit;
    font-size: clamp(1rem, 1.35vw, 1.2rem);
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
}

.villa-splide-slider--laboratories .splide__arrow {
    background: #3d348b;
    border: 3px solid #fff;
    height: 3.5rem;
    opacity: 1;
    width: 3.5rem;
}

.villa-splide-slider--laboratories .splide__pagination {
    bottom: 1.75rem;
}

@media (max-width: 782px) {
    .villa-laboratory-card {
        gap: 1.25rem;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(15rem, 46%) minmax(0, 1fr);
        padding: 1rem;
    }

    .villa-laboratory-card__content {
        padding: 0 0.5rem 2.5rem;
    }

    .villa-laboratory-card__number {
        font-size: 3.25rem;
        margin-bottom: 0.75rem;
    }

    .villa-laboratory-card h3 {
        font-size: clamp(1.75rem, 8.5vw, 2.65rem);
        margin-bottom: 0.85rem;
    }
}

.villa-jetform-section .jet-form-builder__fields-group {
    display: grid;
    gap: 0.75rem;
}

.villa-jetform-section .jet-form-builder__field-wrap.checkradio-wrap {
    align-items: flex-start;
    display: flex;
    gap: 0.8rem;
}

.villa-jetform-section input[type="checkbox"] {
    accent-color: #fff;
    border-radius: 0;
    flex: 0 0 auto;
    height: 1.2rem;
    margin-top: 0.15rem;
    width: 1.2rem;
}

.jet-form-builder-message,
.villa-form-status {
    --villa-form-message-accent: #4fe6c1;
    align-items: center;
    background: #111413 !important;
    border: 1px solid rgb(255 255 255 / 18%) !important;
    border-left: 4px solid var(--villa-form-message-accent) !important;
    border-radius: 4px;
    box-shadow: 0 18px 48px rgb(0 0 0 / 22%);
    box-sizing: border-box;
    color: #f7faf9 !important;
    display: flex;
    font-size: 1rem;
    gap: 0.9rem;
    line-height: 1.5;
    margin: 1.5rem 0 0 !important;
    min-height: 4.5rem;
    padding: 1rem 1.2rem !important;
    text-align: left !important;
    width: 100%;
}

.jet-form-builder-message::before,
.villa-form-status::before {
    align-items: center;
    background: var(--villa-form-message-accent);
    border-radius: 50%;
    color: #07110e;
    content: "✓";
    display: inline-flex;
    flex: 0 0 1.85rem;
    font-size: 1rem;
    font-weight: 700;
    height: 1.85rem;
    justify-content: center;
    line-height: 1;
    width: 1.85rem;
}

.jet-form-builder-message--error,
.villa-form-status--error {
    --villa-form-message-accent: #ff8f8f;
    background: #171111 !important;
}

.jet-form-builder-message--error::before,
.villa-form-status--error::before {
    color: #1a0707;
    content: "!";
}

.jet-form-builder-message:focus-visible,
.villa-form-status:focus-visible {
    outline: 2px solid var(--villa-form-message-accent);
    outline-offset: 3px;
}

.jet-form-builder-row.field-has-error .error-message,
.jet-form-builder__field.field-has-error + .error-message,
.jet-form-builder__field.field-has-error .error-message,
.jet-form-builder__field-error {
    color: #ffb3b3 !important;
    display: block;
    font-size: 0.85rem;
    line-height: 1.45;
    margin-top: 0.55rem;
}

@media (min-width: 783px) {
    .villa-jetform-section .jet-form-builder-page:not(.jet-form-builder-page--hidden) {
        column-gap: clamp(2rem, 7vw, 6.5rem);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none !important;
        row-gap: clamp(1.5rem, 3vw, 2.25rem);
        width: 100%;
    }

    .villa-jetform-section .jet-form-builder-page > .wp-block-heading,
    .villa-jetform-section .jet-form-builder-page > .villa-jfb-privacy,
    .villa-jetform-section .jet-form-builder-page > .field-type-textarea-field,
    .villa-jetform-section .jet-form-builder-page > .field-type-checkbox-field,
    .villa-jetform-section .jet-form-builder-page > .field-type-submit-field,
    .villa-jetform-section .jet-form-builder-page > .jet-form-builder__next-page-wrap {
        grid-column: 1 / -1;
    }

    .villa-jetform-section .jet-form-builder-page > .jet-form-builder-row,
    .villa-jetform-section .jet-form-builder-page > .jet-form-builder__next-page-wrap {
        margin: 0;
        min-width: 0;
        width: 100%;
    }
}

.villa-builder-block:not(.villa-builder-block--hero) {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 700ms ease, transform 700ms ease;
}

.villa-builder-block.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.builder-kenburns {
    animation: builder-kenburns 18s ease-in-out infinite alternate;
    transform-origin: 42% 52%;
    will-change: transform;
}

@keyframes builder-kenburns {
    0% {
        transform: scale(1.02) translate3d(-1.2%, -0.8%, 0);
    }
    45% {
        transform: scale(1.1) translate3d(1.4%, -1.2%, 0);
    }
    100% {
        transform: scale(1.16) translate3d(-1%, 1.2%, 0);
    }
}

@media (max-width: 782px) {
    .villa-builder-block {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .villa-builder-block--hero {
        min-height: 86svh;
    }

    .villa-hero__title {
        font-size: clamp(3.2rem, 18vw, 6.5rem);
        line-height: 0.9;
    }

    body:not(.home) .villa-builder-block--hero .villa-hero__text {
        margin-left: auto;
        margin-right: auto;
        max-width: min(100%, 23rem);
    }

    body:not(.home) .villa-builder-block--hero h1.wp-block-heading {
        font-size: clamp(1.5rem, 6vw, 2rem) !important;
        line-height: 1.05 !important;
        margin-bottom: 0.85rem !important;
        max-width: min(100%, 21rem);
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: normal;
    }

    body:not(.home) .villa-builder-block--hero h2.wp-block-heading {
        font-size: clamp(3rem, 13.5vw, 4.45rem) !important;
        line-height: 0.94 !important;
        margin-left: auto;
        margin-right: auto;
        max-width: min(100%, 23rem);
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: normal;
    }

    body:not(.home) .villa-builder-block--hero p {
        font-size: clamp(1.08rem, 5vw, 1.42rem) !important;
        line-height: 1.22 !important;
        margin-left: auto;
        margin-right: auto;
        max-width: min(100%, 22rem);
        text-wrap: balance;
    }

    .villa-builder-block__items {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .builder-kenburns,
    .reactbits-shiny-text,
    .villa-builder-block,
    .villa-hero__scroll-content,
    .villa-builder-block--hero .villa-builder-block__media-bg,
    .villa-value-pillar,
    .villa-line-reveal,
    .villa-blur-reveal .villa-word-reveal,
    .villa-splitting-text .char,
    .carousel-item .carousel-box,
    .carousel-item .overlay,
    .villa-spot-carousel__button,
    .villa-spot-card img,
    .villa-spot-card__overlay,
    .villa-wine-slide,
    .villa-wine-slide__media img,
    .villa-wine-slide__details,
    .villa-wine-dot,
    .drag-follow,
    .drag-follow .drag-circle,
    .villa-builder-block--circle-reveal .villa-builder-block__media-bg,
    .villa-builder-block--circle-reveal .villa-circle-reveal__inner {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .carousel-item {
        animation: none !important;
        transition: none !important;
    }

    .villa-builder-block--circle-reveal .villa-builder-block__media-bg {
        clip-path: none !important;
    }
}
.villa-calendar-day-main {
    min-width: 0;
}

[data-villa-opening-calendar] [data-opening-status][data-opening-state="open"] {
    color: var(--villa-calendar-status-open, #166534) !important;
}

[data-villa-opening-calendar] [data-opening-status][data-opening-state="later"] {
    color: var(--villa-calendar-status-later, #854d0e) !important;
}

[data-villa-opening-calendar] [data-opening-status][data-opening-state="closed"],
[data-villa-opening-calendar] [data-opening-status][data-opening-state="error"] {
    color: var(--villa-calendar-status-closed, #b91c1c) !important;
}

[data-villa-opening-calendar] [data-opening-range] {
    color: var(--villa-calendar-range, #18181b) !important;
}

[data-villa-opening-calendar] [data-opening-prev],
[data-villa-opening-calendar] [data-opening-next] {
    color: var(--villa-calendar-navigation, #fff) !important;
}

[data-villa-opening-calendar] .villa-calendar-day-name {
    color: var(--villa-calendar-day, #18181b) !important;
}

[data-villa-opening-calendar] .villa-calendar-hours {
    color: var(--villa-calendar-hours, #050505) !important;
}

[data-villa-opening-calendar] .villa-calendar-closed {
    color: var(--villa-calendar-closed, #6b7280) !important;
}

[data-villa-opening-calendar] .villa-calendar-closed--special,
[data-villa-opening-calendar] .villa-calendar-special-closure {
    color: var(--villa-calendar-special-closure, #b91c1c) !important;
}

[data-villa-opening-calendar] .villa-calendar-closure-note {
    color: var(--villa-calendar-closure-note, #dc2626) !important;
}

.villa-calendar-opening-label {
    background: #dcfce7;
    color: var(--villa-calendar-special-opening, #166534);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: 0.25rem;
    padding: 0.25rem 0.625rem;
    text-transform: uppercase;
}

.villa-calendar-notes,
.villa-calendar-events {
    display: grid;
    gap: 0.375rem;
    margin-top: 0.625rem;
    max-width: 25rem;
}

.villa-calendar-note {
    border-left: 3px solid;
    color: var(--villa-calendar-note, #18181b);
    font-size: 0.78rem;
    line-height: 1.3;
    padding: 0.4rem 0.55rem;
}

.villa-calendar-note a,
.villa-calendar-event a {
    color: inherit;
    text-decoration: none;
}

.villa-calendar-note.is-blue { background: #dbeafe; border-color: #2563eb; }
.villa-calendar-note.is-green { background: #dcfce7; border-color: #16a34a; }
.villa-calendar-note.is-amber { background: #fef3c7; border-color: #d97706; }
.villa-calendar-note.is-red { background: #fee2e2; border-color: #dc2626; }
.villa-calendar-note.is-purple { background: #f3e8ff; border-color: #9333ea; }
.villa-calendar-note.is-cyan { background: #cffafe; border-color: #0891b2; }
.villa-calendar-note.is-zinc { background: #e4e4e7; border-color: #52525b; }
.villa-calendar-note.is-pink { background: #fce7f3; border-color: #db2777; }

.villa-calendar-event {
    border-left: 3px solid #111;
    color: var(--villa-calendar-event, #111);
    font-size: 0.82rem;
    line-height: 1.25;
    padding: 0.2rem 0 0.2rem 0.55rem;
}

.villa-calendar-event a {
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.villa-calendar-event-title {
    font-weight: 700;
}

.villa-calendar-event-time {
    flex: none;
    font-variant-numeric: tabular-nums;
}

body.page-id-14,
.page-id-14 .wp-site-blocks,
.page-id-14 main {
    background: #b9ae95 !important;
}

.page-id-14 .villa-cantina-splitting {
    margin-bottom: 0;
}

.page-id-14 .villa-cantina-splitting .villa-splitting-text,
.page-id-14 .villa-cantina-splitting .villa-splitting-text p {
    --villa-split-initial: #dddddd;
    --villa-split-offset: 180;
    --villa-split-scrolled: #58504a;
    --villa-split-speed: 1;
    font-size: clamp(2.35rem, 5.2vw, 4.9rem);
    font-weight: 400;
    line-height: 0.98;
}

.page-id-14 .villa-splitting-text--standalone {
    color: var(--villa-split-initial);
}

.page-id-14 .villa-cantina-landscape img {
    display: block;
    height: auto;
    width: 100%;
}

.villa-wine-catalog {
    background: transparent;
    color: #181818;
    overflow: visible;
    padding: 3.5rem 0 5rem;
    position: relative;
    z-index: 2;
}

.villa-wine-catalog__intro {
    margin: 0 auto 2.5rem;
    max-width: 96rem;
    padding: 0 2.5rem;
    text-align: center;
}

.villa-wine-catalog__intro > * {
    margin-left: auto;
    margin-right: auto;
}

.villa-wine-stage {
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: #211f1c;
    height: min(100vh, 52rem);
    margin: 0 auto;
    max-height: 100vh;
    max-width: none;
    overflow: visible;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

.villa-wine-stage__mark {
    height: 20rem;
    left: 50%;
    opacity: 0.045;
    pointer-events: none;
    position: absolute;
    top: 2rem;
    transform: translateX(-50%);
    width: 20rem;
}

.villa-wine-catalog__viewport {
    cursor: grab;
    margin-block: -3rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding-block: 3rem;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

.villa-wine-catalog__viewport:focus-visible {
    outline: 3px solid #211f1c;
    outline-offset: -3px;
}

.villa-wine-catalog__viewport.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}

.villa-wine-catalog__viewport.is-dragging * {
    cursor: grabbing !important;
}

.villa-wine-catalog__viewport::-webkit-scrollbar {
    display: none;
}

.villa-wine-track {
    --villa-wine-slide-width: clamp(13rem, 26vw, 22rem);
    align-items: flex-start;
    display: flex;
    gap: clamp(1.5rem, 3vw, 3rem);
    min-width: max-content;
    padding-inline: calc(50vw - (var(--villa-wine-slide-width) / 2) - 1rem);
}

.villa-wine-slide {
    --villa-wine-rotation: 0deg;
    flex: 0 0 var(--villa-wine-slide-width);
    opacity: 0.3;
    scroll-snap-align: center;
    text-align: center;
    transition: opacity 420ms ease;
}

.villa-wine-slide.is-active {
    --villa-wine-rotation: 8deg;
    opacity: 1;
}

.villa-wine-slide__focus {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}

.villa-wine-slide__focus:focus-visible,
.villa-wine-nav:focus-visible,
.villa-wine-dot:focus-visible {
    outline: 3px solid #211f1c;
    outline-offset: 4px;
}

.villa-wine-slide__media {
    display: block;
    height: clamp(20rem, 50vh, 34rem);
    position: relative;
    rotate: 0deg;
    transition: all 500ms ease;
    width: 100%;
    z-index: 1;
}

.villa-wine-slide.is-active .villa-wine-slide__media {
    rotate: var(--villa-wine-rotation);
}

.villa-wine-slide__media img {
    height: 100%;
    object-fit: contain;
    transform: scale(0.88);
    transition: filter 500ms ease, transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
    width: 100%;
}

.villa-wine-slide.is-active .villa-wine-slide__media img {
    filter: drop-shadow(0 1.4rem 1.6rem rgb(0 0 0 / 42%));
    transform: scale(1);
}

.page-id-14 .villa-cantina-landscape {
    display: block;
    margin-top: -15% !important;
    position: relative;
    width: 100%;
    z-index: 1;
}

.villa-wine-slide__shadow {
    border-radius: 46px / 10px;
    bottom: -7.6px;
    box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 1), 0 2px 10px -3px rgba(0, 0, 0, 1);
    display: block;
    filter: blur(9px);
    height: 4px;
    left: -10px;
    margin: auto;
    pointer-events: none;
    position: relative;
    width: 122px;
    z-index: 0;
    background-color: black;
}

@supports (left: calc(1px * cos(1deg))) {
    .villa-wine-slide__shadow {
        left: calc(-10px * cos(var(--villa-wine-rotation)));
    }
}

.villa-wine-slide__details {
    min-height: 8.5rem;
    opacity: 0;
    padding: 1.25rem 0.5rem 0;
    pointer-events: none;
    transform: translateY(0.75rem);
    transition: opacity 300ms ease, transform 420ms ease;
}

.villa-wine-slide.is-active .villa-wine-slide__details {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.villa-wine-slide__details h3 {
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    font-weight: 600;
    line-height: 1.15;
    margin: 0.4rem auto 0;
    max-width: 20rem;
}

.villa-wine-slide__subtitle {
    color: rgb(33 31 28 / 58%);
    font-size: 0.7rem;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.villa-wine-slide__description {
    color: rgb(33 31 28 / 68%);
    font-size: 0.82rem;
    line-height: 1.4;
    margin: 0.7rem auto 0;
    max-width: 19rem;
}

.villa-wine-slide__price {
    font-size: 1rem;
    font-weight: 700;
    margin: 0.65rem 0 0;
}

.villa-wine-discover {
    align-items: center;
    background: #111;
    border: 1px solid #111;
    border-radius: 0;
    color: #fff;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: center;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 180ms ease, color 180ms ease;
    white-space: nowrap;
}

.villa-wine-slide__details:has(.villa-wine-purchase-link) .villa-wine-discover,
.villa-wine-slide__details:has(.villa-wine-purchase-link) .villa-wine-purchase-link {
    padding-inline: 1.1rem;
    vertical-align: top;
    white-space: nowrap;
}

.villa-wine-discover + .villa-wine-purchase-link {
    margin-left: 0.6rem;
    margin-top: 1rem;
}

.villa-wine-discover:hover,
.villa-wine-discover:focus-visible {
    background: transparent;
    color: #111;
}

.villa-wine-card__actions {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 4rem 1fr;
    margin: 0.85rem auto 0;
    max-width: 18rem;
}

.villa-wine-qty,
.villa-wine-add,
.villa-wine-product-link {
    background: transparent;
    border: 1px solid rgb(33 31 28 / 52%);
    color: #211f1c;
    min-height: 2.75rem;
}

.villa-wine-qty {
    padding: 0 0.35rem;
    text-align: center;
    width: 100%;
}

.villa-wine-add,
.villa-wine-product-link {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    justify-content: center;
    padding: 0 1rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 180ms ease, color 180ms ease;
}

.villa-wine-purchase-link {
    margin-top: 0.65rem;
}

.villa-wine-add:hover,
.villa-wine-product-link:hover {
    background: #211f1c;
    color: #fff;
}

.villa-wine-nav {
    align-items: center;
    background: rgb(255 255 255 / 22%);
    border: 1px solid rgb(33 31 28 / 52%);
    border-radius: 50%;
    color: #211f1c;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    height: 3rem;
    justify-content: center;
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    width: 3rem;
    z-index: 5;
}

.villa-wine-nav--prev { left: 1rem; }
.villa-wine-nav--next { right: 1rem; }

.villa-wine-dots {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 2.5rem;
    position: relative;
    z-index: 6;
}

.villa-wine-dot {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.villa-wine-dot::before {
    background: rgb(33 31 28 / 28%);
    border-radius: 999px;
    content: "";
    display: block;
    height: 0.4rem;
    transition: background 200ms ease, width 200ms ease;
    width: 0.4rem;
}

.villa-wine-dot.is-active {
    background: transparent;
}

.villa-wine-dot.is-active::before {
    background: #211f1c;
    width: 1.4rem;
}

@media (min-width: 641px) and (max-width: 1180px) {
    .villa-wine-stage {
        padding-inline: clamp(1rem, 3vw, 2.5rem);
    }

    .villa-wine-track {
        --villa-wine-slide-width: clamp(32rem, 68vw, 42rem);
        gap: clamp(2.25rem, 4vw, 4rem);
        padding-inline: calc(50vw - (var(--villa-wine-slide-width) / 2) - 2rem);
    }

    .villa-wine-slide__details {
        padding-inline: 1rem;
    }

    .villa-wine-slide__details h3 {
        max-width: 25rem;
    }

    .villa-wine-slide__description {
        max-width: 28rem;
    }

    .villa-wine-slide__details:has(.villa-wine-purchase-link) .villa-wine-discover,
    .villa-wine-slide__details:has(.villa-wine-purchase-link) .villa-wine-purchase-link {
        min-width: 13rem;
    }

    .villa-wine-discover + .villa-wine-purchase-link {
        margin-left: 0.75rem;
    }
}

@media (max-width: 640px) {
    .villa-wine-catalog__intro { padding-inline: 1.5rem; }
    .villa-wine-track { padding-inline: calc(50vw - 34vw - 0.5rem); }
    .villa-wine-slide { flex-basis: 68vw; }
    .villa-wine-nav { height: 2.6rem; width: 2.6rem; }
    .villa-wine-nav--prev { left: 0.5rem; }
    .villa-wine-nav--next { right: 0.5rem; }
}

@media (max-width: 640px) {
    .villa-calendar-day {
        align-items: flex-start;
        flex-direction: column;
    }

    .villa-calendar-day > .text-right {
        text-align: left;
    }
}

/* Single wine: fixed bottle narrative inspired by the Cantina carousel. */
body.single-villa_wine {
    background: #111311;
    color: #f5f3ed;
}

.villa-wine-single-page .wp-site-blocks {
    overflow: visible;
}

.villa-wine-detail {
    --wine-detail-panel-width: 66vw;
    background: #111311;
    color: #f5f3ed;
    min-height: 400svh;
    position: relative;
}

.villa-wine-detail__visual {
    background-color: #2f342d;
    background-image: var(--villa-wine-landscape, none);
    background-position: center;
    background-size: cover;
    height: 100svh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100vw - var(--wine-detail-panel-width));
    z-index: 1;
}

.villa-wine-detail__visual-overlay {
    background: rgb(9 13 9 / 38%);
    inset: 0;
    position: absolute;
}

.villa-wine-detail__bottle {
    filter: drop-shadow(0 2.2rem 2.1rem rgb(0 0 0 / 48%));
    height: min(76svh, 58rem);
    left: 50%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(var(--villa-wine-rotation, 0deg)) scale(0.92);
    transform-origin: center;
    transition: transform 950ms cubic-bezier(0.22, 1, 0.36, 1), filter 700ms ease;
    width: 72%;
    will-change: transform;
}

.villa-wine-detail[data-active-panel="1"] .villa-wine-detail__bottle {
    transform: translate(-48%, -54%) rotate(var(--villa-wine-rotation, 0deg)) scale(1.05);
}

.villa-wine-detail[data-active-panel="2"] .villa-wine-detail__bottle {
    transform: translate(-54%, -47%) rotate(var(--villa-wine-rotation, 0deg)) scale(0.98);
}

.villa-wine-detail[data-active-panel="3"] .villa-wine-detail__bottle {
    filter: drop-shadow(0 1.4rem 1.5rem rgb(0 0 0 / 32%));
    transform: translate(-50%, -44%) rotate(var(--villa-wine-rotation, 0deg)) scale(0.84);
}

.villa-wine-detail__dots {
    bottom: 8svh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    right: 2rem;
    z-index: 3;
}

.villa-wine-detail__dot {
    background: transparent;
    border: 1px solid rgb(255 255 255 / 75%);
    border-radius: 50%;
    cursor: pointer;
    height: 0.65rem;
    padding: 0;
    transition: background 220ms ease, transform 220ms ease;
    width: 0.65rem;
}

.villa-wine-detail__dot.is-active {
    background: #fff;
    transform: scale(1.2);
}

.villa-wine-detail__panels {
    position: relative;
    width: var(--wine-detail-panel-width);
    z-index: 2;
}

.villa-wine-detail__panel {
    align-items: flex-start;
    background: #111311;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100svh;
    padding: clamp(8rem, 14vh, 11rem) clamp(2rem, 7vw, 8rem) clamp(5rem, 10vh, 8rem);
    position: relative;
    width: 100%;
}

.villa-wine-detail__panel[data-wine-detail-panel="1"] {
    background: #171a17;
}

.villa-wine-detail__panel[data-wine-detail-panel="2"] {
    background: #20231f;
}

.villa-wine-detail__local-nav {
    display: flex;
    font-size: 0.75rem;
    font-weight: 600;
    justify-content: space-between;
    /*left: clamp(2rem, 7vw, 8rem);*/
    position: relative;
    margin-bottom:20px;
    /*right: clamp(2rem, 7vw, 8rem);*/
    text-transform: uppercase;
    /*top: clamp(7.5rem, 13vh, 10rem);*/
}

.villa-wine-detail__local-nav a,
.villa-wine-detail__section-link {
    color: rgb(255 255 255 / 64%);
    transition: color 180ms ease;
}

.villa-wine-detail__local-nav a:hover,
.villa-wine-detail__local-nav a:focus-visible,
.villa-wine-detail__section-link:hover,
.villa-wine-detail__section-link:focus-visible {
    color: #fff;
}

.villa-wine-detail__intro-copy,
.villa-wine-detail__panel-copy {
    max-width: none;
    width: 100%;
}

.villa-wine-detail__kicker {
    color: rgb(255 255 255 / 52%);
    font-size: 0.74rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
    text-transform: uppercase;
}

.villa-wine-detail h1,
.villa-wine-detail h2 {
    font-size: clamp(2.5rem, 4.5vw, 5.4rem);
    font-weight: 300;
    line-height: 1;
    margin: 0;
    max-width: 16ch;
}

.villa-wine-detail__subtitle {
    color: rgb(255 255 255 / 66%);
    font-size: clamp(0.95rem, 1.1vw, 1.2rem);
    margin: 1.5rem 0 0;
}

.villa-wine-detail__origin {
    font-size: clamp(1.1rem, 1.7vw, 1.75rem);
    font-weight: 300;
    line-height: 1.3;
    margin: 2rem 0 0;
    max-width: 27ch;
}

.villa-wine-detail__purchase {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.villa-wine-detail__price {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

.villa-wine-detail__purchase form {
    display: flex;
}

.villa-wine-detail__purchase input {
    appearance: textfield;
    background: #050505;
    border: 1px solid rgb(255 255 255 / 50%);
    border-radius: 0;
    color: #fff;
    min-height: 3.25rem;
    text-align: center;
    width: 4.25rem;
}

.villa-wine-detail__purchase button,
.villa-wine-detail__buy-link {
    align-items: center;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    color: #050505;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.75rem 1.75rem;
    text-transform: uppercase;
}

.villa-wine-detail__section-link {
    align-items: center;
    bottom: 3rem;
    display: flex;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.65rem;
    left: clamp(2rem, 7vw, 8rem);
    position: absolute;
    text-transform: uppercase;
}

.villa-wine-detail__prose {
    margin-top: clamp(2.5rem, 5vh, 4.5rem);
    max-width: 52rem;
}

.villa-wine-detail__prose h3 {
    color: rgb(255 255 255 / 48%);
    font-size: 0.72rem;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.villa-wine-detail__prose p,
.villa-wine-detail__large-copy {
    line-height: 1.55;
    margin: 0;
}

.villa-wine-detail__large-copy {
    margin-top: clamp(2.5rem, 5vh, 4.5rem);
    max-width: 42rem;
}

.villa-wine-detail__prose--pairings p {
    color: rgb(255 255 255 / 74%);
    font-family: inherit;
    font-size: clamp(0.95rem, 1.05vw, 1.15rem);
}

.villa-wine-detail__facts {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 3rem 0 0;
    max-width: 46rem;
}

.villa-wine-detail__facts div {
    border-top: 1px solid rgb(255 255 255 / 20%);
    padding: 1rem 1rem 1rem 0;
}

.villa-wine-detail__facts dt {
    color: rgb(255 255 255 / 46%);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.villa-wine-detail__facts dd {
    font-size: 0.95rem;
    margin: 0.4rem 0 0;
}

.villa-wine-detail__panel--related {
    background: #050505;
    min-height: 100svh;
    width: 100vw;
    z-index: 4;
}

.villa-wine-detail__related-inner {
    max-width: 100rem;
    width: 100%;
}

.villa-wine-detail__related-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 3rem;
}

.villa-wine-detail__related-controls {
    display: none;
}

.villa-wine-detail__related-card {
    align-items: center;
    background: #171917;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: min(58svh, 42rem);
    padding: 2rem;
    transition: background 220ms ease;
}

.villa-wine-detail__related-card:hover,
.villa-wine-detail__related-card:focus-visible {
    background: #242824;
}

.villa-wine-detail__related-card img {
    height: min(44svh, 32rem);
    object-fit: contain;
    width: 100%;
}

.villa-wine-detail__related-card span {
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

.villa-wine-detail.is-wine-detail-ready [data-wine-reveal] {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 700ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.villa-wine-detail.is-wine-detail-ready [data-wine-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.villa-wine-single-page > footer,
.villa-wine-single-page .wp-block-template-part:last-child,
.villa-wine-single-page .villa-site-footer {
    position: relative;
    z-index: 8;
}

@media (max-width: 1023px) {
    .villa-wine-detail {
        min-height: 0;
    }

    .villa-wine-detail__visual {
        height: 72svh;
        position: relative;
        width: 100%;
    }

    .villa-wine-detail__bottle {
        height: 58svh;
        width: 78%;
    }

    .villa-wine-detail__dots {
        bottom: 1.5rem;
        flex-direction: row;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .villa-wine-detail__panels {
        width: 100%;
    }

    .villa-wine-detail__panel,
    .villa-wine-detail__panel--related {
        min-height: auto;
        padding: 6rem 1.5rem 7rem;
        width: 100%;
    }

    .villa-wine-detail__panel--intro {
        min-height: auto;
        padding-bottom: 5.5rem;
        padding-top: 8.5rem;
    }

    .villa-wine-detail__local-nav {
        left: 1.5rem;
        right: 1.5rem;
        top: 3rem;
    }

    .villa-wine-detail h1,
    .villa-wine-detail h2 {
        font-size: clamp(2.35rem, 9.5vw, 3.9rem);
    }

    .villa-wine-detail__section-link {
        bottom: 2rem;
        left: 1.5rem;
    }

    .villa-wine-detail__related-grid {
        grid-template-columns: 1fr;
    }

    .villa-wine-detail__related-card {
        min-height: 31rem;
    }
}

@media (max-width: 767px) {
    .villa-wine-detail__purchase {
        align-items: flex-start;
        flex-direction: column;
    }

    .villa-wine-detail__facts {
        grid-template-columns: 1fr;
    }

    .villa-wine-detail__related-carousel {
        margin-inline: -1.5rem;
        overflow: hidden;
    }

    .villa-wine-detail__related-grid {
        display: flex;
        gap: 1rem;
        grid-template-columns: none;
        margin-top: 2rem;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding-inline: 1.5rem;
        scroll-behavior: smooth;
        scroll-padding-inline: 1.5rem;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        touch-action: pan-x;
    }

    .villa-wine-detail__related-grid::-webkit-scrollbar {
        display: none;
    }

    .villa-wine-detail__related-card {
        flex: 0 0 min(82vw, 22rem);
        min-height: min(68svh, 34rem);
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .villa-wine-detail__related-card img {
        height: min(50svh, 25rem);
        pointer-events: none;
        user-select: none;
    }

    .villa-wine-detail__related-controls {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 1.25rem 1.5rem 0;
    }

    .villa-wine-detail__related-controls button {
        align-items: center;
        background: transparent;
        border: 1px solid rgb(255 255 255 / 55%);
        color: #fff;
        display: inline-flex;
        font-size: 1.2rem;
        height: 3rem;
        justify-content: center;
        width: 3rem;
    }

    .villa-wine-detail__related-controls button:disabled {
        cursor: default;
        opacity: 0.28;
    }

    .villa-wine-detail__related-controls span {
        font-size: 0.75rem;
        font-weight: 600;
    }
}

.villa-age-gate {
    align-items: center;
    color: #fff;
    display: grid;
    font-family: "Carmen Sans", "Helvetica Neue", Arial, sans-serif;
    inset: 0;
    justify-items: center;
    padding: clamp(1rem, 4vw, 3rem);
    position: fixed;
    z-index: 10000;
}

html.villa-age-gate-accepted .villa-age-gate {
    display: none;
}

html:not(.villa-age-gate-accepted) body.villa-age-gate-page {
    overflow: hidden;
}

.villa-age-gate__backdrop {
    background: rgb(0 0 0 / 82%);
    backdrop-filter: blur(18px);
    inset: 0;
    position: absolute;
}

.villa-age-gate__dialog {
    background: #050505;
    border: 1px solid rgb(255 255 255 / 24%);
    box-shadow: 0 30px 100px rgb(0 0 0 / 62%);
    max-height: calc(100svh - 2rem);
    max-width: min(92vw, 42rem);
    outline: none;
    overflow-y: auto;
    padding: clamp(2rem, 5vw, 3.5rem);
    position: relative;
    width: 100%;
}

.villa-age-gate__kicker {
    color: rgb(255 255 255 / 62%);
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0 0 0.9rem;
    text-transform: uppercase;
}

.villa-age-gate__dialog h2 {
    color: #fff;
    font-size: clamp(2.35rem, 7vw, 5rem);
    font-weight: 300;
    line-height: 0.95;
    margin: 0 0 1.35rem;
}

.villa-age-gate__content {
    color: rgb(255 255 255 / 76%);
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.65;
}

.villa-age-gate__content > * {
    margin: 0 0 0.95rem;
}

.villa-age-gate__content > :last-child {
    margin-bottom: 0;
}

.villa-age-gate__content a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.villa-age-gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem;
}

.villa-age-gate__button {
    align-items: center;
    border: 1px solid rgb(255 255 255 / 70%);
    display: inline-flex;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    justify-content: center;
    min-height: 3.2rem;
    padding: 0 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
}

.villa-age-gate__button--primary {
    background: #fff;
    color: #050505;
}

.villa-age-gate__button--secondary {
    background: transparent;
    color: #fff;
}

.villa-age-gate__button:hover,
.villa-age-gate__button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .villa-age-gate {
        align-items: end;
        padding: 0;
    }

    .villa-age-gate__dialog {
        max-height: 86svh;
        max-width: none;
        padding: 2rem 1.35rem 1.5rem;
    }

    .villa-age-gate__actions {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .villa-experience-tv-scanlines,
    .villa-experience-tv-chroma,
    .villa-experience-tv-sweep,
    .villa-experience-tv-roll,
    .villa-experience-tv-glitch,
    .villa-experience-snap-section .builder-kenburns,
    .villa-wine-detail__bottle,
    .villa-wine-detail.is-wine-detail-ready [data-wine-reveal] {
        animation: none !important;
        opacity: 1;
        transform: none;
        transition: none;
    }

    .villa-interactive-collage__asset,
    .villa-interactive-collage__video-wrap {
        transition: none;
        will-change: auto;
    }

    .villa-ambient-particles {
        opacity: 0.5;
    }
}

@media (max-width: 782px) {
    body:not(.home) .villa-builder-block--particle-hero .villa-hero__text {
        box-sizing: border-box;
        max-width: calc(100vw - 2rem);
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    body:not(.home) .villa-builder-block--particle-hero h1.wp-block-heading {
        font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
        line-height: 1.1 !important;
        max-width: 100%;
    }

    body:not(.home) .villa-builder-block--particle-hero h2.wp-block-heading {
        font-size: clamp(2.35rem, 11vw, 3rem) !important;
        line-height: 0.98 !important;
        max-width: 100%;
        overflow-wrap: normal;
        text-wrap: balance;
        word-break: normal;
    }
}
.villa-open-edu-field{
    display: flex;
    flex-direction: column;
}
