/* ------------------------------------------------------------- */
/* ROOT */
/* ------------------------------------------------------------- */

:root {
    
--split_block_mob_gap: 5rem;
--split_block_mob_gap: clamp(5rem, 3.3735rem + 4.5181vw, 8rem);
    
--slider_nav_gap: 5.6rem;
--slider_nav_gap: calc(var(--btn_arrowhead_size) + clamp(1.5rem, 1.3831rem + 0.3247vw, 2rem));
    
--staggered_v_photo_width: 60.625%;
--staggered_h_photo_width: 81.25%;
--staggered_v_photo_pad_top: 134.020619%;
--staggered_h_photo_pad_top: 74.615385%;
--staggered_v_photo_aspect_ratio: 485 / 650;
--staggered_h_photo_aspect_ratio: 650 / 485;
--staggered_text_width: 39.375%;
--staggered_text_width: calc(39.375% - var(--staggered_box_gap));
--staggered_box_gap: 3rem;
--staggered_box_gap: clamp(3rem, 2.3239rem + 1.4085vw, 5rem);
    
--image_pair_s_photo_pad_top: 50%;
--image_pair_s_photo_pad_top: calc((100% - var(--main_gap)) / 2);
--image_pair_v_photo_pad_top: 67%;
--image_pair_v_photo_pad_top: calc((134% - var(--main_gap)) / 2);
--image_pair_s_photo_aspect_ratio: 1 / 1;
--image_pair_v_photo_aspect_ratio: 400 / 536;
--image_pair_text_pad: 5.7rem;
--image_pair_text_pad: clamp(5.7rem, -5.1712rem + 10.6164vw, 15rem);
--image_pair_box_gap: 3rem;
--image_pair_box_gap: clamp(3rem, 2.3239rem + 1.4085vw, 5rem);
    
--blockquote_pad: 7rem;
--blockquote_pad: clamp(7rem, 5.9859rem + 2.1127vw, 10rem);

}

/* ------------------------------------------------------------- */
/* PAGE TITLE */
/* ------------------------------------------------------------- */

section.page_title {}
section.page_title .text { text-align: left; }
section.page_title .text span.title_xxxl, section.page_title .text span.title_xxl { display: block; }
section.page_title .text span.title_xxxl span, section.page_title .text span.title_xxl span { display: inline-block; }
section.page_title .text span.title_xxxl span.line_break { display: inline-block; }


/* ------------------------------------------------------------- */
/* DRAWING */
/* ------------------------------------------------------------- */

.drawing { padding-left: var(--space_x_out); padding-right: var(--space_x_out); }
.drawing figure {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
opacity: 0.8;
}
.drawing img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.drawing.concierge figure { max-width: 12rem; max-width: clamp(12rem, 9.8961rem + 5.8442vw, 21rem); }
.drawing.stufa figure { max-width: 24rem; max-width: clamp(24rem, 17.9221rem + 16.8831vw, 50rem); }
.drawing.cubi_2 figure { max-width: 20rem; max-width: clamp(20rem, 15.3247rem + 12.9870vw, 40rem); }

.drawing.orologio_cucu figure { max-width: 16rem; max-width: clamp(16rem, 12.9610rem + 8.4416vw, 29rem); }
.drawing.gufo figure { max-width: 16rem; max-width: clamp(16rem, 12.7273rem + 9.0909vw, 30rem); }
.drawing.hotel_lampadario figure { max-width: 18rem; max-width: clamp(18rem, 12.8571rem + 14.2857vw, 40rem); }

.drawing.suites_specchio figure { max-width: 18rem; max-width: clamp(18rem, 14.0260rem + 11.0390vw, 35rem); }
.drawing.suites_vaso figure { max-width: 9rem; max-width: clamp(9rem, 7.8312rem + 3.2468vw, 14rem); }

.drawing.camere_lampada figure { max-width: 11rem; max-width: clamp(11rem, 8.8961rem + 5.8442vw, 20rem); }
.drawing.camere_vaso figure { max-width: 10rem; max-width: clamp(10rem, 7.4286rem + 7.1429vw, 21rem); }

.drawing.atelier_lampadari figure { max-width: 18rem; max-width: clamp(18rem, 12.8571rem + 14.2857vw, 40rem); }
.drawing.pinocchio figure { max-width: 11rem; max-width: clamp(11rem, 9.3636rem + 4.5455vw, 18rem); }
.drawing.orologio_stazione figure { max-width: 15rem; max-width: clamp(15rem, 13.5974rem + 3.8961vw, 21rem); }
.drawing.atelier_menu figure { max-width: 24rem; max-width: clamp(24rem, 16.9870rem + 19.4805vw, 54rem); }
.drawing.forchetta figure { max-width: 9rem; max-width: clamp(9rem, 6.8961rem + 5.8442vw, 18rem); }
.drawing.atelier_lampada figure { max-width: 8rem; max-width: clamp(8rem, 5.8961rem + 5.8442vw, 17rem); }
.drawing.piastrelle_cucina figure { max-width: 20rem; max-width: clamp(20rem, 13.9221rem + 16.8831vw, 46rem); }

.drawing.bistrot_lampadario figure { max-width: 24rem; max-width: clamp(24rem, 15.5844rem + 23.3766vw, 60rem); }
.drawing.maialino figure { max-width: 20rem; max-width: clamp(20rem, 15.3247rem + 12.9870vw, 40rem); }
.drawing.orologio_sveglia figure { max-width: 10rem; max-width: clamp(10rem, 8.8312rem + 3.2468vw, 15rem); }

.drawing.quadri_3 figure { max-width: 24rem; max-width: clamp(24rem, 16.9870rem + 19.4805vw, 54rem); }

.drawing.quadri_4 figure { max-width: 24rem; max-width: clamp(24rem, 16.9870rem + 19.4805vw, 54rem); }
.drawing.specchi_2 figure { max-width: 10rem; max-width: clamp(10rem, 8.8312rem + 3.2468vw, 15rem); }
.drawing.bolle_vaso figure { max-width: 20rem; max-width: clamp(20rem, 12.7532rem + 20.1299vw, 51rem); }
.drawing.ricarica_elettrica figure { max-width: 18rem; max-width: clamp(18rem, 14.4935rem + 9.7403vw, 33rem); }
.drawing.lavatrice figure { max-width: 20rem; max-width: clamp(20rem, 15.3247rem + 12.9870vw, 40rem); }

.drawing.ossola figure { max-width: 20rem; max-width: clamp(20rem, 16.2597rem + 10.3896vw, 36rem); }
.drawing.parallelepipedi_3 figure { max-width: 20rem; max-width: clamp(20rem, 16.7273rem + 9.0909vw, 34rem); }

.drawing.sedia_tavolino figure { max-width: 20rem; max-width: clamp(20rem, 14.8571rem + 14.2857vw, 42rem); }

.drawing.cubi_3 figure { max-width: 20rem; max-width: clamp(20rem, 13.4545rem + 18.1818vw, 48rem); }

.drawing.cameriere_cuoco figure { max-width: 18rem; max-width: clamp(18rem, 14.7273rem + 9.0909vw, 32rem); }

.drawing.404 figure { max-width: 24rem; max-width: clamp(24rem, 15.5844rem + 23.3766vw, 60rem); }

/* ------------------------------------------------------------- */
/* SPLIT BLOCK */
/* ------------------------------------------------------------- */

section.split_block {}
section.split_block .boxed { display: flex; flex-direction: row; align-items: center; }
/*section.split_block.end .boxed { align-items: flex-end; }*/
section.split_block.reversed .boxed { flex-direction: row-reverse; }
section.split_block .text { padding-right: var(--space_x_out); text-align: left; }
section.split_block.reversed .text { padding-left: var(--space_x_out); padding-right: 0; }
section.split_block .text > p {
margin-top: 2rem;
line-height: 1.25;
}
section.split_block .text > p:first-of-type {
margin-top: 3rem;
margin-top: clamp(3rem, 2.6620rem + 0.7042vw, 4rem);
}
section.split_block .text > p:first-child { margin-top: 0; }

/* ------------------------------------------------------------- */
/* SLIDER */
/* ------------------------------------------------------------- */

section.slider {}
section.slider figure {
display: block;
width: 100%;
height: auto;
margin: 0;
}
section.slider figure img {
display: block;
width: 100%;
height: auto;
margin: 0;
}

/* SLIDER NAV */
section.slider .slider_nav {
--c_base: var(--color_black);
--c_alt: var(--color_cream_dark);
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 4rem;
margin-top: clamp(3rem, 2.7662rem + 0.6494vw, 4rem);
gap: var(--slider_nav_gap);
}
section.slider .slider_nav button {
display: flex;
margin: 0;
padding: 0;
border: none;
background: none;
appearance: none;
box-shadow: none;
cursor: pointer;
}
section.slider .slider_nav button .icon {
position: relative;
display: inline-block;
width: var(--btn_arrowhead_size);
height: var(--btn_arrowhead_size);
border-radius: 50%;
border: 0.1rem solid var(--c_base);
background-color: transparent;
transition: background-color 0.5s;
}
section.slider .slider_nav button:active .icon, section.slider .slider_nav button:hover .icon, section.slider .slider_nav button:focus .icon { background-color: var(--c_base); }
section.slider .slider_nav button .icon::before {
content: "";
position: absolute;
top: 50%;
display: block;
width: 50%;
width: calc(50% + 0.1rem);
height: 0.1rem;
background-color: var(--c_base);
transform: translateY(-50%) scaleX(2);
pointer-events: none;
transition: transform 0.5s, background-color 0.5s;
}
section.slider .slider_nav button[data-carousel-go-prev] .icon::before { left: 50%; transform-origin: left center; }
section.slider .slider_nav button[data-carousel-go-next] .icon::before { right: 50%; transform-origin: right center; }
section.slider .slider_nav button:active .icon::before, section.slider .slider_nav button:hover .icon::before, section.slider .slider_nav button:focus .icon::before { transform: translateY(-50%) scaleX(1); background-color: var(--c_alt); }
section.slider .slider_nav button .icon::after {
content: "";
position: absolute;
top: 50%;
display: block;
width: 0;
height: 0;
border-top: var(--btn_arrowhead_b) solid transparent;
border-bottom: var(--btn_arrowhead_b) solid transparent;
transition: all 0.5s;
}
section.slider .slider_nav button[data-carousel-go-prev] .icon::after { right: 50%; border-right: var(--btn_arrowhead_p) solid var(--c_base); transform: translate(25%, -50%); }
section.slider .slider_nav button[data-carousel-go-prev]:active .icon::after, section.slider .slider_nav button[data-carousel-go-prev]:hover .icon::after, section.slider .slider_nav button[data-carousel-go-prev]:focus .icon::after { border-right-color: var(--c_alt); transform: translate(0%, -50%); }
section.slider .slider_nav button[data-carousel-go-next] .icon::after { left: 50%; border-left: var(--btn_arrowhead_p) solid var(--c_base); transform: translate(-25%, -50%); }
section.slider .slider_nav button[data-carousel-go-next]:active .icon::after, section.slider .slider_nav button[data-carousel-go-next]:hover .icon::after, section.slider .slider_nav button[data-carousel-go-next]:focus .icon::after { border-left-color: var(--c_alt); transform: translate(0%, -50%); }

/* ------------------------------------------------------------- */
/* STAGGERED */
/* ------------------------------------------------------------- */

section.staggered {}
section.staggered .list {
align-items: flex-start;
row-gap: 0rem;
/*row-gap: clamp(5rem, 0.3247rem + 12.9870vw, 25rem);
row-gap: clamp(5rem, 2.6623rem + 6.4935vw, 15rem);
row-gap: clamp(5rem, 3.8312rem + 3.2468vw, 10rem);*/
row-gap: clamp(0rem, -1.1688rem + 3.2468vw, 5rem);
}
section.staggered .list .box {
display: flex;
text-align: left;
gap: var(--staggered_box_gap);
}
section.staggered .photo {
width: 100%;
flex: 0 1 auto;
}
section.staggered .photo figure {
position: relative;
width: 100%;
height: 0;
}
section.staggered .photo figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
section.staggered .text {
width: var(--staggered_text_width);
flex: 0 1 auto;
}
section.staggered .text p {
margin-top: 2rem;
line-height: 1.25;
}
section.staggered .list > .box:nth-child(4n + 1) { flex-direction: row; align-items: flex-end; }
section.staggered .list > .box:nth-child(4n + 2) { flex-direction: column-reverse; align-items: flex-end; }
section.staggered .list > .box:nth-child(4n + 3) { flex-direction: column-reverse; align-items: flex-start; }
section.staggered .list > .box:nth-child(4n + 4) { flex-direction: row-reverse; align-items: flex-end; }
section.staggered.reversed .list > .box:nth-child(4n + 1) { flex-direction: column-reverse; align-items: flex-start; }
section.staggered.reversed .list > .box:nth-child(4n + 2) { flex-direction: row-reverse; align-items: flex-end; }
section.staggered.reversed .list > .box:nth-child(4n + 3) { flex-direction: row; align-items: flex-end; }
section.staggered.reversed .list > .box:nth-child(4n + 4) { flex-direction: column-reverse; align-items: flex-end; }
section.staggered .list > .box:nth-child(4n + 1) .photo, section.staggered .list > .box:nth-child(4n + 4) .photo { width: var(--staggered_v_photo_width); }
section.staggered .list > .box:nth-child(4n + 2) .photo, section.staggered .list > .box:nth-child(4n + 3) .photo { width: var(--staggered_h_photo_width); }
section.staggered.reversed .list > .box:nth-child(4n + 1) .photo, section.staggered.reversed .list > .box:nth-child(4n + 4) .photo { width: var(--staggered_h_photo_width); }
section.staggered.reversed .list > .box:nth-child(4n + 2) .photo, section.staggered.reversed .list > .box:nth-child(4n + 3) .photo { width: var(--staggered_v_photo_width); }
section.staggered .list > .box:nth-child(4n + 1) .photo figure, section.staggered .list > .box:nth-child(4n + 4) .photo figure { padding-top: var(--staggered_v_photo_pad_top); }
section.staggered .list > .box:nth-child(4n + 2) .photo figure, section.staggered .list > .box:nth-child(4n + 3) .photo figure { padding-top: var(--staggered_h_photo_pad_top); }
section.staggered.reversed .list > .box:nth-child(4n + 1) .photo figure, section.staggered.reversed  .list > .box:nth-child(4n + 4) .photo figure { padding-top: var(--staggered_h_photo_pad_top); }
section.staggered.reversed .list > .box:nth-child(4n + 2) .photo figure, section.staggered.reversed  .list > .box:nth-child(4n + 3) .photo figure { padding-top: var(--staggered_v_photo_pad_top); }
@supports (aspect-ratio: 1 / 1) {
section.staggered .photo figure { height: auto; aspect-ratio: var(--aspect_ratio); padding-top: 0!important; }
section.staggered .photo figure img { position: relative; }
section.staggered .list > .box:nth-child(4n + 1) .photo figure, section.staggered .list > .box:nth-child(4n + 4) .photo figure { --aspect_ratio: var(--staggered_v_photo_aspect_ratio); }
section.staggered .list > .box:nth-child(4n + 2) .photo figure, section.staggered .list > .box:nth-child(4n + 3) .photo figure { --aspect_ratio: var(--staggered_h_photo_aspect_ratio); }
section.staggered.reversed .list > .box:nth-child(4n + 1) .photo figure, section.staggered.reversed .list > .box:nth-child(4n + 4) .photo figure { --aspect_ratio: var(--staggered_h_photo_aspect_ratio); }
section.staggered.reversed .list > .box:nth-child(4n + 2) .photo figure, section.staggered.reversed .list > .box:nth-child(4n + 3) .photo figure { --aspect_ratio: var(--staggered_v_photo_aspect_ratio); }
}

/* ------------------------------------------------------------- */
/* IMAGE PAIR */
/* ------------------------------------------------------------- */

section.image_pair {}
section.image_pair .list {
row-gap: 5rem;
/*row-gap: clamp(5rem, 0.3247rem + 12.9870vw, 25rem);
row-gap: clamp(8rem, 4.0260rem + 11.0390vw, 25rem);
row-gap: clamp(5rem, 2.6623rem + 6.4935vw, 15rem);*/
row-gap: clamp(5rem, 3.2468rem + 4.8701vw, 12.5rem);
}
section.image_pair .list .box { display: flex; align-items: flex-start; width: 100%; text-align: left; row-gap: var(--image_pair_box_gap); }
section.image_pair .list .box .photo {
display: flex;
flex: 0 1 auto;
gap: var(--main_gap);
align-items: flex-start;
}
section.image_pair .list .box .photo figure {
position: relative;
width: 100%;
height: 0;
flex: 0 1 auto;
}
section.image_pair .list .box .photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
section.image_pair .list .box .text { flex: 0 1 auto; }
section.image_pair .list .box .text p {
margin-top: 2rem;
line-height: 1.25;
}
section.image_pair .list .box .text ul li {
line-height: 1.25;
}
section.image_pair .list > .box:nth-child(odd) { flex-direction: row-reverse; }
section.image_pair .list > .box:nth-child(even) { flex-direction: row; }
section.image_pair.reversed .list > .box:nth-child(odd) { flex-direction: row; }
section.image_pair.reversed .list > .box:nth-child(even) { flex-direction: row-reverse; }
section.image_pair .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair .list > .box:nth-child(even) .photo figure:nth-child(2) { padding-top: var(--image_pair_s_photo_pad_top); }
section.image_pair .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair .list > .box:nth-child(even) .photo figure:nth-child(1) { padding-top: var(--image_pair_v_photo_pad_top); }
section.image_pair.reversed.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(2) { padding-top: var(--image_pair_s_photo_pad_top); }
section.image_pair.reversed.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(1) { padding-top: var(--image_pair_v_photo_pad_top); }
section.image_pair.reversed .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed .list > .box:nth-child(even) .photo figure:nth-child(2) { padding-top: var(--image_pair_v_photo_pad_top); }
section.image_pair.reversed .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed .list > .box:nth-child(even) .photo figure:nth-child(1) { padding-top: var(--image_pair_s_photo_pad_top); }
section.image_pair.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(2) { padding-top: var(--image_pair_v_photo_pad_top); }
section.image_pair.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(1) { padding-top: var(--image_pair_s_photo_pad_top); }
@supports (aspect-ratio: 1 / 1) {
section.image_pair .list > .box .photo figure { height: auto; aspect-ratio: var(--aspect_ratio); padding-top: 0!important; }
section.image_pair .list > .box .photo img { position: relative; }    
section.image_pair .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair .list > .box:nth-child(even) .photo figure:nth-child(2) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
section.image_pair .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair .list > .box:nth-child(even) .photo figure:nth-child(1) { --aspect_ratio: var(--image_pair_v_photo_aspect_ratio); }
section.image_pair.reversed.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(2) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
section.image_pair.reversed.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(1) { --aspect_ratio: var(--image_pair_v_photo_aspect_ratio); }
section.image_pair.reversed .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed .list > .box:nth-child(even) .photo figure:nth-child(2) { --aspect_ratio: var(--image_pair_v_photo_aspect_ratio); }
section.image_pair.reversed .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed .list > .box:nth-child(even) .photo figure:nth-child(1) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
section.image_pair.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(1), section.image_pair.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(2) { --aspect_ratio: var(--image_pair_v_photo_aspect_ratio); }
section.image_pair.reversed_photo .list > .box:nth-child(odd) .photo figure:nth-child(2), section.image_pair.reversed_photo .list > .box:nth-child(even) .photo figure:nth-child(1) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
}
section.image_pair .list > .box:nth-child(odd) .text, section.image_pair.reversed .list > .box:nth-child(even) .text { padding-left: var(--space_x_out); padding-right: var(--image_pair_text_pad); }
section.image_pair .list > .box:nth-child(even) .text, section.image_pair.reversed .list > .box:nth-child(odd) .text { padding-left: var(--image_pair_text_pad); padding-right: var(--space_x_out); }

/* ------------------------------------------------------------- */
/* BLOCKQUOTES */
/* ------------------------------------------------------------- */

section.split_block blockquote {
position: relative;
padding-left: var(--space_x_out);
padding-right: var(--space_x_out);
padding-top: var(--blockquote_pad);
padding-bottom: var(--blockquote_pad);
}
section.split_block blockquote::before, section.split_block blockquote::after {
content: "";
position: absolute;
left: 50%;
display: block;
width: 4.8rem;
width: clamp(4.8rem, 4.5195rem + 0.7792vw, 6rem);
height: 4rem;
height: clamp(4rem, 3.7662rem + 0.6494vw, 5rem);
transform: translate(-50%, 0%);
}
section.split_block blockquote::before {
top: 0;
background: url("../img/layout/quotes_open.svg") no-repeat center;
background-size: contain;
}
section.split_block blockquote::after {
bottom: 0;
background: url("../img/layout/quotes_close.svg") no-repeat center;
background-size: contain;
}
section.split_block blockquote p {
font-size: 1.4rem;
font-size: clamp(1.4rem, 1.3299rem + 0.1948vw, 1.7rem);
font-weight: 500;
margin: 0;
margin-top: 2rem;
margin-top: clamp(2rem, 1.7662rem + 0.6494vw, 3rem);
text-align: center;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
}
section.split_block blockquote p:first-child { margin-top: 0; }

/* ------------------------------------------------------------- */
/* CTA */
/* ------------------------------------------------------------- */

section.cta {}
section.cta.book_hotel .text {
color: var(--color_white);
background-color: var(--color_gold_dark);
}
section.cta.gift_card .text {
color: var(--color_white);
background-color: var(--color_blue);
}
section.cta .text {
margin: 0 5.7rem;
margin: 0 clamp(5.7rem, -11.0160rem + 16.3242vw, 20rem);
padding: 3rem;
padding: clamp(3rem, 2.3239rem + 1.4085vw, 5rem);
text-align: center
}
section.cta .text p {
max-width: 60rem;
font-weight: 400;
margin: 0 auto;
margin-top: 1.5rem;
}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

@media (hover: none) and (pointer: coarse) {
	
}

@media screen and (orientation: landscape) {
    
}

@media screen and (orientation: portrait) {
  
}

@media only screen and (max-width: 1699px) {
	
}

@media only screen and (max-width: 1599px) {
	
	
}

@media only screen and (max-width: 1439px) {
    
    /* ROOT */
    :root {
    --staggered_v_photo_width: 74.616695%;
    --staggered_h_photo_width: 100%;
    --staggered_text_width: 50%;
    }
    
    /* STAGGERED */
    section.staggered .list > .box:nth-child(4n + 1) { flex-direction: column; align-items: flex-start; }
    section.staggered .list > .box:nth-child(4n + 3) { flex-direction: column; }
    section.staggered .list > .box:nth-child(4n + 4) { flex-direction: column-reverse; }    
    section.staggered.reversed .list > .box:nth-child(4n + 2) { flex-direction: column; align-items: flex-end; }
    section.staggered.reversed .list > .box:nth-child(4n + 3) { flex-direction: column-reverse; align-items: flex-start; }
    section.staggered.reversed .list > .box:nth-child(4n + 4) { flex-direction: column; }
	
}

@media only screen and (max-width: 1365px) {
    
}

@media only screen and (max-width: 1279px) {
	
	
}

@media only screen and (max-width: 1199px) {
	
}

@media only screen and (max-width: 1111px) {
		
	
}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 1023px) {
    
    /* ROOT */
    :root { --image_pair_text_pad: var(--space_x_out); }
        
    /* SPLIT BLOCK */
    section.split_block .boxed { flex-direction: column; align-items: flex-start; gap: var(--split_block_mob_gap); }
    section.split_block.reversed .boxed { flex-direction: column; }
    section.split_block.reversed_mob .boxed { flex-direction: column-reverse; }
    section.split_block .boxed.half_w > div { width: 100%; }
    section.split_block .text { padding-right: 0; }
    section.split_block.reversed .text { padding-left: 0; }
    
    /* STAGGERED */
    section.staggered .list > .box:nth-child(4n + 1) .text, section.staggered .list > .box:nth-child(4n + 4) .text { width: var(--staggered_v_photo_width); }
    section.staggered .list > .box:nth-child(4n + 2) .text, section.staggered .list > .box:nth-child(4n + 3) .text { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 1) .text, section.staggered.reversed .list > .box:nth-child(4n + 4) .text { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 2) .text, section.staggered.reversed .list > .box:nth-child(4n + 3) .text { width: var(--staggered_v_photo_width); }
    
    /* IMAGE PAIR */
    section.image_pair .list > .box:nth-child(odd) .text, section.image_pair.reversed .list > .box:nth-child(even) .text { padding-left: 0; }
    section.image_pair .list > .box:nth-child(even) .text, section.image_pair.reversed .list > .box:nth-child(odd) .text { padding-right: 0; }
    
    /* CTA */
    section.cta .text { margin: 0; }
    
}

@media only screen and (max-width: 833px) {
    
    /* ROOT */
    :root { --image_pair_text_pad: 0; }
    
    /* IMAGE PAIR */
    section.image_pair .list .box .photo, section.image_pair .list .box .text { width: 100%; }
    section.image_pair .list > .box:nth-child(odd), section.image_pair .list > .box:nth-child(even), section.image_pair.reversed .list > .box:nth-child(odd), section.image_pair.reversed .list > .box:nth-child(even) { flex-direction: column; }
	
}

@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 735px) {
    
    /* ROOT */
    :root {
    --staggered_v_photo_width: 61.54793%;
    --staggered_h_photo_width: 82.474227%;
    }
    
    /* STAGGERED */
    section.staggered .list { flex-direction: column; }
    section.staggered .list .box { width: 100%; }
    section.staggered .list > .box:nth-child(4n + 1), section.staggered .list > .box:nth-child(4n + 2), section.staggered .list > .box:nth-child(4n + 3), section.staggered .list > .box:nth-child(4n + 4) { flex-direction: column; }
    section.staggered.reversed .list > .box:nth-child(4n + 1), section.staggered.reversed .list > .box:nth-child(4n + 2), section.staggered.reversed .list > .box:nth-child(4n + 3), section.staggered.reversed .list > .box:nth-child(4n + 4) { flex-direction: column; }
    section.staggered .list > .box:nth-child(4n + 3) .photo { width: var(--staggered_v_photo_width); }
    section.staggered .list > .box:nth-child(4n + 4) .photo { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 3) .photo { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 4) .photo { width: var(--staggered_v_photo_width); }
    section.staggered .list > .box:nth-child(4n + 3) .photo figure { padding-top: var(--staggered_v_photo_pad_top); }
    section.staggered .list > .box:nth-child(4n + 4) .photo figure { padding-top: var(--staggered_h_photo_pad_top); }
    section.staggered.reversed .list > .box:nth-child(4n + 3) .photo figure { padding-top: var(--staggered_h_photo_pad_top); }
    section.staggered.reversed .list > .box:nth-child(4n + 4) .photo figure { padding-top: var(--staggered_v_photo_pad_top); }
    @supports (aspect-ratio: 1 / 1) {
    section.staggered .list > .box:nth-child(4n + 3) .photo figure { --aspect_ratio: var(--staggered_v_photo_aspect_ratio); }
    section.staggered .list > .box:nth-child(4n + 4) .photo figure { --aspect_ratio: var(--staggered_h_photo_aspect_ratio); }
    section.staggered.reversed .list > .box:nth-child(4n + 3) .photo figure { --aspect_ratio: var(--staggered_h_photo_aspect_ratio); }
    section.staggered.reversed .list > .box:nth-child(4n + 4) .photo figure { --aspect_ratio: var(--staggered_v_photo_aspect_ratio); }
    }
    section.staggered .list > .box:nth-child(4n + 1) .text, section.staggered .list > .box:nth-child(4n + 3) .text { width: var(--staggered_v_photo_width); }
    section.staggered .list > .box:nth-child(4n + 2) .text, section.staggered .list > .box:nth-child(4n + 4) .text { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 1) .text, section.staggered.reversed .list > .box:nth-child(4n + 3) .text { width: var(--staggered_h_photo_width); }
    section.staggered.reversed .list > .box:nth-child(4n + 2) .text, section.staggered.reversed .list > .box:nth-child(4n + 4) .text { width: var(--staggered_v_photo_width); }
	
}

@media only screen and (max-width: 666px) {
    
	
}
	

@media only screen and (max-width: 599px) {
	
}

@media only screen and (max-width: 567px) {
    
	
}

@media only screen and (max-width: 479px) {
    
    /* ROOT */
    :root {
    --staggered_v_photo_width: 100%;
    --staggered_h_photo_width: 100%;
    --staggered_text_width: 100%;
    }
    
    /* SLIDER */
    section.slider.left { padding-left: 0; }
    section.slider.right { padding-right: 0; }
    section.slider.left .slider_nav { justify-content: flex-end; }
    section.slider.right .slider_nav { justify-content: flex-start; }
    
    /* STAGGERED */
    section.staggered { padding-left: 0; padding-right: 0; }
    section.staggered .list > .box:nth-child(odd) .photo { padding-right: var(--space_x_out); }
    section.staggered .list > .box:nth-child(even) .photo { padding-left: var(--space_x_out); }
    section.staggered.reversed .list > .box:nth-child(odd) .photo { padding-right: 0; padding-left: var(--space_x_out); }
    section.staggered.reversed .list > .box:nth-child(even) .photo { padding-left: 0; padding-right: var(--space_x_out); }
    section.staggered .text { padding-right: var(--space_x_out); padding-left: var(--space_x_out); }
    
    /* BLOCKQUOTES */
    section.split_block blockquote { padding-left: 0; padding-right: 0; }
    
    /* CTA */
    section.cta .text { text-align: left; }
	
}

@media only screen and (max-width: 413px) {
		
	
}

@media only screen and (max-width: 374px) {
	
	
}


@media only screen and (max-width: 359px) {
	
}