*,
:before,
:after,
::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

html {
    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-size: 16px
}

body {
    margin: 0;
    font-size: 1rem
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: currentcolor
}

input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

summary {
    display: list-item
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

ol,
ul,
menu {
    list-style: none
}

#lp-hamptons img,
#lp-hamptons svg,
#lp-hamptons video,
#lp-hamptons canvas,
#lp-hamptons audio,
#lp-hamptons iframe,
#lp-hamptons embed,
#lp-hamptons object {
    display: block;
    vertical-align: middle
}

#lp-hamptons img,
#lp-hamptons video {
    max-width: 100%;
    height: auto
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Black.ttf) format("truetype"), url(../fonts/Lato-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-BlackItalic.ttf) format("truetype"), url(../fonts/Lato-BlackItalic.woff2) format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Bold.ttf) format("truetype"), url(../fonts/Lato-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-BoldItalic.ttf) format("truetype"), url(../fonts/Lato-BoldItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Italic.ttf) format("truetype"), url(../fonts/Lato-Italic.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Light.ttf) format("truetype"), url(../fonts/Lato-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-LightItalic.ttf) format("truetype"), url(../fonts/Lato-LightItalic.woff2) format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Regular.ttf) format("truetype"), url(../fonts/Lato-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Thin.ttf) format("truetype"), url(../fonts/Lato-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-ThinItalic.ttf) format("truetype"), url(../fonts/Lato-ThinItalic.woff2) format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Libre Baskerville;
    src: url(../fonts/LibreBaskerville-Bold.ttf) format("truetype"), url(../fonts/LibreBaskerville-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: Libre Baskerville;
    src: url(../fonts/LibreBaskerville-Italic.ttf) format("truetype"), url(../fonts/LibreBaskerville-Italic.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: block
}

@font-face {
    font-family: Libre Baskerville;
    src: url(../fonts/LibreBaskerville-Regular.ttf) format("truetype"), url(../fonts/LibreBaskerville-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: 400;
    font-display: block
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --hamptons-color-black: #000;
    --hamptons-color-white: #fff;
    --hamptons-color-main: #4F627A;
    --hamptons-color-secondary: #C2D4E4;
    --hamptons-font-lato: "Lato", sans-serif;
    --hamptons-font-baskerville: "Libre Baskerville", serif
}

:root body #lp-hamptons .section {
    width: 100%;
    margin: 0 auto 32px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

:root body #lp-hamptons .section--1 {
    padding: 0
}

:root body #lp-hamptons .section--1 img {
    aspect-ratio: 9/16;
    -o-object-fit: cover;
    object-fit: cover
}

:root body #lp-hamptons .section #bgvid {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

:root body #lp-hamptons .section .hero__video {
    min-height: 501px
}

:root body #lp-hamptons .section--2 {
    position: relative;
    min-height: 803px;
    justify-content: space-between;
    margin-bottom: 0
}

:root body #lp-hamptons .section .background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%
}

:root body #lp-hamptons .section .background__absolute {
    height: 370px
}

:root body #lp-hamptons .section .image__absolute {
    position: absolute;
    background-image: url(../images/250415_Homla_5344.webp);
    background-position: 50% 50%;
    min-height: 302px;
    max-width: 248px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%)
}

:root body #lp-hamptons .section--3 {
    background-image: url(../images/background.webp);
    min-height: 671px;
    text-align: center;
    padding: 32px
}

:root body #lp-hamptons .section--4 {
    text-align: center
}

:root body #lp-hamptons .section--4__image {
    background-image: url(../images/250415_Homla_1748.webp);
    min-height: 238px
}

:root body #lp-hamptons .section--4__text-container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

:root body #lp-hamptons .section--4__text {
    font-family: var(--hamptons-font-baskerville);
    color: var(--hamptons-color-main) !important;
    font-weight: 400;
    font-size: clamp(1.125rem, 4vw - 1rem, 2rem);
    line-height: 130%;
    letter-spacing: 0
}

:root body #lp-hamptons .section .signature {
    width: 182px;
    height: 63px
}

:root body #lp-hamptons .section--5 {
    min-height: 1116px
}

:root body #lp-hamptons .section--5__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

:root body #lp-hamptons .section--5__wrapper--left {
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
    gap: 32px;
    padding: 32px 32px 0
}

:root body #lp-hamptons .section--5__wrapper--right {
    background-image: url(../images/250415_Homla_3751.webp);
    min-height: 451px;
    order: 1
}

:root body #lp-hamptons .section--6 {
    background-color: var(--hamptons-color-secondary);
    padding-bottom: 0
}

:root body #lp-hamptons .section--6__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 32px
}

:root body #lp-hamptons .section--6__wrapper--left {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 32px 32px;
    gap: 32px
}

:root body #lp-hamptons .section--6__wrapper--right {
    background-image: url(../images/250415_Homla_0801.webp);
    min-height: 326px
}

:root body #lp-hamptons .section--7 {
    min-height: 447px;
    padding: 0 32px;
    margin-bottom: 0
}

:root body #lp-hamptons .section--7 *.btn {
    order: 4
}

:root body #lp-hamptons .section--8 {
    min-height: 450px;
    background-color: var(--hamptons-color-secondary);
    background: linear-gradient(180deg, var(--hamptons-color-white) 50%, var(--hamptons-color-secondary) 50%)
}

:root body #lp-hamptons .section--8__gallery {
    width: 100%;
    min-height: 216px;
    max-height: 316px;
    display: flex;
    gap: 16px;
    order: 2;
    overflow: hidden
}

:root body #lp-hamptons .section .gallery__image {
    min-width: 148px;
    aspect-ratio: 9/16;
    -o-object-fit: cover;
    object-fit: cover;
    flex: 1 1 0
}

:root body #lp-hamptons .section .decoration {
    height: 100%;
    max-height: 316px;
    flex: 0
}

:root body #lp-hamptons .section--9__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 24px
}

:root body #lp-hamptons .section--9__wrapper>.btn {
    order: 4
}

:root body #lp-hamptons .section--9__wrapper--right {
    background-image: url(../images/250415_Homla_4480.webp);
    min-height: 326px;
    order: 2
}

:root body #lp-hamptons .section--10 {
    padding-bottom: 0
}

:root body #lp-hamptons .section--10__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

:root body #lp-hamptons .section--10__wrapper--left {
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 2;
    gap: 32px;
    padding: 32px 16px 0
}

:root body #lp-hamptons .section--10__wrapper--right {
    min-height: 210px;
    order: 1
}

:root body #lp-hamptons .section--11 {
    min-height: 447px
}

:root body #lp-hamptons .section--11__gallery {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px
}

:root body #lp-hamptons .section--11__gallery img {
    min-width: 185px;
    min-height: 185px;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1
}

:root body #lp-hamptons .section--11__image {
    background-image: url(../images/250415_Homla_5070.webp);
    min-height: 323px
}

:root body #lp-hamptons .section--11__text {
    font-family: var(--hamptons-font-baskerville);
    color: var(--hamptons-color-main) !important;
    font-weight: 400;
    font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
    line-height: 100%;
    letter-spacing: 0;
    text-align: center
}

@media (width >=48rem) {
    :root body #lp-hamptons .section {
        max-width: 1920px;
        gap: 48px;
        margin: 0 auto 48px
    }

    :root body #lp-hamptons .section--1 {
        max-width: 1616px;
        min-height: 758px;
        padding: 0
    }

    :root body #lp-hamptons .section--1 img {
        aspect-ratio: 16/9
    }

    :root body #lp-hamptons .section .hero__video {
        max-width: 1616px;
        min-height: 758px
    }

    :root body #lp-hamptons .section--2 {
        max-width: 1378px;
        flex-direction: row;
        margin-bottom: 48px
    }

    :root body #lp-hamptons .section .background__absolute {
        max-width: 520px;
        min-height: 662px;
        position: relative
    }

    :root body #lp-hamptons .section .image__absolute {
        min-width: 377px;
        min-height: 459px;
        left: 0;
        transform: translate(-25%, -50%)
    }

    :root body #lp-hamptons .section--3 {
        min-height: 863px
    }

    :root body #lp-hamptons .section--4 {
        max-width: 1616px;
        gap: 48px
    }

    :root body #lp-hamptons .section--4__image {
        min-height: 758px
    }

    :root body #lp-hamptons .section--4__text-container {
        gap: 48px
    }

    :root body #lp-hamptons .section .signature {
        width: 244px;
        height: 85px
    }

    :root body #lp-hamptons .section--5 {
        max-width: 1389px;
        min-height: 694px
    }

    :root body #lp-hamptons .section--5__wrapper {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    :root body #lp-hamptons .section--5__wrapper--left {
        order: 1;
        gap: 48px;
        flex: 1.5 1 0;
        align-items: start;
        padding-top: 0
    }

    :root body #lp-hamptons .section--5__wrapper--right {
        min-height: 694px;
        max-width: 546px
    }

    :root body #lp-hamptons .section--6 {
        min-height: 817px;
        flex-direction: row
    }

    :root body #lp-hamptons .section--6__wrapper {
        flex-direction: row;
        justify-content: end;
        padding-top: 0
    }

    :root body #lp-hamptons .section--6__wrapper--left {
        min-width: 738px;
        padding: 0 48px;
        gap: 48px;
        align-items: start;
        justify-content: center
    }

    :root body #lp-hamptons .section--6__wrapper--right {
        max-width: 926px;
        min-height: 817px
    }

    :root body #lp-hamptons .section--7 {
        max-width: 1112px;
        margin-bottom: 0
    }

    :root body #lp-hamptons .section--7__gallery {
        gap: 24px;
        order: 3
    }

    :root body #lp-hamptons .section--7__gallery img {
        min-width: 260px;
        min-height: 260px
    }

    :root body #lp-hamptons .section--8 {
        min-height: 550px;
        background: linear-gradient(180deg, var(--hamptons-color-white) 0 35%, var(--hamptons-color-secondary) 35% 65%)
    }

    :root body #lp-hamptons .section--8__gallery {
        max-width: 1242px;
        min-height: 412px;
        display: flex;
        gap: 10px;
        order: 2
    }

    :root body #lp-hamptons .section .gallery__image {
        min-width: 281px;
        min-height: 412px
    }

    :root body #lp-hamptons .section .decoration {
        height: 100%;
        max-height: 412px;
        flex: 0
    }

    :root body #lp-hamptons .section--9 {
        margin-bottom: 0;
        gap: 0;
        padding: 48px 0
    }

    :root body #lp-hamptons .section--9__wrapper {
        display: grid;
        gap: 48px;
        padding-left: 15vw;
        grid-template-columns: 37vw 48vw;
        grid-template-rows: 40% 15% 15%
    }

    :root body #lp-hamptons .section--9__wrapper--right {
        min-height: 817px;
        grid-row: span 3
    }

    :root body #lp-hamptons .section--10 {
        padding-top: 0;
        max-width: 1314px;
        min-height: 720px
    }

    :root body #lp-hamptons .section--10__wrapper {
        flex-direction: row
    }

    :root body #lp-hamptons .section--10__wrapper--left {
        max-height: 758px;
        padding: 0 32px
    }

    :root body #lp-hamptons .section--10__wrapper--right {
        min-height: 720px
    }

    :root body #lp-hamptons .section--11 {
        padding-top: 0
    }

    :root body #lp-hamptons .section--11__gallery {
        max-width: 914px;
        gap: 24px
    }

    :root body #lp-hamptons .section--11__gallery img {
        min-width: 445px;
        min-height: 445px;
        -o-object-fit: cover;
        object-fit: cover;
        aspect-ratio: 1/1
    }

    :root body #lp-hamptons .section--11__image {
        max-width: 1206px;
        min-height: 566px
    }
}

:root body #lp-hamptons .section .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    color: var(--hamptons-color-black) !important
}

:root body #lp-hamptons .section .header__title--main {
    font-family: var(--hamptons-font-baskerville);
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 42px
}

:root body #lp-hamptons .section .header__title--secondary {
    font-family: var(--hamptons-font-baskerville);
    font-weight: 400;
    font-size: clamp(1.875rem, 2vw + 1rem, 3rem);
    line-height: 42px;
    letter-spacing: 0
}

:root body #lp-hamptons .section .header__title--tertiary {
    font-family: var(--hamptons-font-baskerville);
    font-weight: 400;
    font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
    letter-spacing: 0
}

:root body #lp-hamptons .section .header__text {
    font-family: var(--hamptons-font-lato);
    font-weight: 400;
    font-size: clamp(1rem, 4vw - 1rem, 1.5rem);
    line-height: 19px;
    letter-spacing: 0
}

:root body #lp-hamptons .section .header--3 {
    color: var(--hamptons-color-white) !important
}

:root body #lp-hamptons .section .header__text--3 {
    font-size: clamp(1rem, 4vw - 1rem, 1.5rem);
    line-height: 120%
}

:root body #lp-hamptons .section .header__text--4 {
    font-size: clamp(1rem, 4vw - 1rem, 1.5rem);
    line-height: 120%
}

:root body #lp-hamptons .section .header__text--5 {
    font-size: clamp(1rem, 4vw - 1rem, 1.5rem);
    line-height: 120%
}

:root body #lp-hamptons .section .header__text--6 {
    font-size: clamp(1rem, 4vw - 1rem, 1.5rem);
    line-height: 120%
}

:root body #lp-hamptons .section .header--5 {
    align-items: start
}

:root body #lp-hamptons .section .header--6 {
    align-items: start;
    color: var(--hamptons-color-main) !important
}

:root body #lp-hamptons .section .header--7 {
    text-align: center;
    padding-bottom: 0
}

:root body #lp-hamptons .section .header__title--7 {
    order: 1
}

:root body #lp-hamptons .section .header__text--7 {
    order: 3
}

:root body #lp-hamptons .section .header--9 {
    align-items: start;
    order: 1;
    padding: 0 32px;
    gap: 24px
}

:root body #lp-hamptons .section .header--10 {
    text-align: center
}

:root body #lp-hamptons .section .header--11 {
    text-align: center
}

@media (width >=48rem) {
    :root body #lp-hamptons .section .header {
        gap: 48px
    }

    :root body #lp-hamptons .section .header--2 {
        align-items: start;
        padding: 0 48px
    }

    :root body #lp-hamptons .section .header--3 {
        width: 1019px
    }

    :root body #lp-hamptons .section .header__title--main {
        font-size: 3.5rem;
        line-height: 120%
    }

    :root body #lp-hamptons .section .header__title--secondary {
        line-height: 120%
    }

    :root body #lp-hamptons .section .header__text {
        line-height: 120%
    }

    :root body #lp-hamptons .section .header--7 {
        padding-bottom: 0
    }

    :root body #lp-hamptons .section .header--9 {
        gap: 48px;
        padding: 0
    }
}

:root body #lp-hamptons .section .btn {
    font-family: var(--hamptons-font-lato);
    font-size: clamp(1.25rem, 1vw + 1rem, 1.5rem);
    height: 43px;
    padding: 10px 20px;
    background-color: var(--hamptons-color-main) !important;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--hamptons-color-white) !important;
    text-transform: uppercase;
    text-decoration: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    display: flex;
    justify-content: center;
    align-items: center
}

:root body #lp-hamptons .section .btn--long {
    max-width: 243px
}

:root body #lp-hamptons .section .btn--white {
    background-color: var(--hamptons-color-white) !important;
    color: var(--hamptons-color-main) !important
}

:root body #lp-hamptons .section .btn:hover {
    background-color: var(--hamptons-color-black) !important;
    color: var(--hamptons-color-white) !important
}

@media (width >=48rem) {
    :root body #lp-hamptons .section .btn {
        font-weight: 400;
        width: 195px;
        height: 51px
    }

    :root body #lp-hamptons .section .btn--long {
        min-width: 294px
    }

    :root body #lp-hamptons .section .btn--super-long {
        width: 361px
    }
}

:root body #lp-hamptons .section .swiper {
    width: 100%
}

:root body #lp-hamptons .section .swiper-slide {
    text-decoration: none
}

:root body #lp-hamptons .section .swiper--1 img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover
}

:root body #lp-hamptons .section .swiper--2 img {
    aspect-ratio: 9/16;
    -o-object-fit: cover;
    object-fit: cover
}

:root body #lp-hamptons .section .swiper--3 {
    max-width: 567px;
}

:root body #lp-hamptons .section .swiper--3 img {
    aspect-ratio: 1/1
}

:root body #lp-hamptons .section .swiper--4 {
    max-width: 567px;
}

:root body #lp-hamptons .section .swiper--4 img {
    aspect-ratio: 1/1
}

:root body #lp-hamptons .section .swiper--5 {
    max-width: 368px;
    order: 2
}

:root body #lp-hamptons .section .swiper--5 img {
    min-width: 126px;
    min-height: 126px
}

:root body #lp-hamptons .section .swiper--6 {
    order: 3
}

:root body #lp-hamptons .section .swiper--6 img {
    aspect-ratio: 1/1
}

:root body #lp-hamptons .section .swiper--7 img {
    aspect-ratio: 1/1
}

@media (width >=48rem) {
    :root body #lp-hamptons .section .swiper--1 {
        max-width: 1127px;
        min-height: 261px
    }

    :root body #lp-hamptons .section .swiper--2 {
        max-width: 1300px;
        min-height: 450px
    }

    :root body #lp-hamptons .section .swiper--3 {
        max-width: 616px;
        margin: 0
    }

    :root body #lp-hamptons .section .swiper--4 {
        max-width: 616px;
        margin: 0
    }

    :root body #lp-hamptons .section .swiper--5 {
        max-width: 1112px;
        order: 2
    }

    :root body #lp-hamptons .section .swiper--5 img {
        min-width: 260px;
        min-height: 260px
    }

    :root body #lp-hamptons .section .swiper__container--6 {
        max-width: 503px;
        margin: 0
    }

    :root body #lp-hamptons .section .swiper--6 {
        max-width: 646px;
        margin: 0
    }

    :root body #lp-hamptons .section .swiper--7 {
        max-width: 195px
    }

    :root body #lp-hamptons .section .swiper--7 img {
        aspect-ratio: 1/1;
        min-width: 195px;
        min-height: 195px
    }
}

:root body #lp-hamptons .section .desktop__linebreak {
    display: none
}

:root body #lp-hamptons .section .mobile-hide {
    display: none
}

:root body #lp-hamptons .section .text--white {
    color: var(--hamptons-color-white) !important
}

:root body #lp-hamptons .section .strong {
    font-weight: 700
}

:root body #lp-hamptons .section .animate-fade-in {
    animation: fade-in 1s ease-in-out forwards
}

:root body #lp-hamptons .section .animate-fade-out {
    animation: fade-out 1s ease-in-out forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (width >=48rem) {
    :root body #lp-hamptons .section .mobile__linebreak {
        display: none
    }

    :root body #lp-hamptons .section .mobile-hide {
        display: block
    }

    :root body #lp-hamptons .section .desktop__linebreak {
        display: inline-block
    }
}