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

:root {
--hospitality_drawing_margin: 11rem;
--hospitality_drawing_margin: clamp(11rem, -22.8995rem + 33.1050vw, 40rem);
--family_drawing_margin: 5rem;
--family_drawing_margin: clamp(5rem, 2.6623rem + 6.4935vw, 15rem);
}

/* ------------------------------------------------------------- */
/* HOSPITALITY  */
/* ------------------------------------------------------------- */

section.split_block.hospitality .boxed { align-items: flex-start; }
section.split_block.hospitality .photo {
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-end;
gap: var(--main_gap);
}

/* ONE */
section.split_block.hospitality .photo .one {
width: 81.25%;
}
section.split_block.hospitality .photo .one figure {
position: relative;
width: 100%;
height: 0;
padding-top: var(--staggered_h_photo_pad_top);
}
section.split_block.hospitality .photo .one figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@supports (aspect-ratio: 1 / 1) {
section.split_block.hospitality .photo .one figure { height: auto; aspect-ratio: var(--staggered_h_photo_aspect_ratio); padding-top: 0!important; }
section.split_block.hospitality .photo .one figure img { position: relative; }
}

/* TWO */
section.split_block.hospitality .photo .two {
display: flex;
gap: var(--main_gap);
align-items: flex-start;
}
section.split_block.hospitality .photo .two figure {
position: relative;
width: 100%;
height: 0;
flex: 0 1 auto;
}
section.split_block.hospitality .photo .two img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
section.split_block.hospitality .photo .two figure:nth-child(1) { padding-top: var(--image_pair_v_photo_pad_top); }
section.split_block.hospitality .photo .two figure:nth-child(2) { padding-top: var(--image_pair_s_photo_pad_top); }
@supports (aspect-ratio: 1 / 1) {    
section.split_block.hospitality .photo .two figure { height: auto; aspect-ratio: var(--aspect_ratio); padding-top: 0!important; }
section.split_block.hospitality .photo .two img { position: relative; }
section.split_block.hospitality .photo .two figure:nth-child(1) { --aspect_ratio: var(--image_pair_v_photo_aspect_ratio); }
section.split_block.hospitality .photo .two figure:nth-child(2) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
}

/* TEXT */
section.split_block.hospitality .text { padding-left: var(--space_x_out); padding-right: var(--image_pair_text_pad); }
section.split_block.hospitality .text p {
display: block;
font-size: 1.4rem;
font-size: clamp(1.4rem, 1.3299rem + 0.1948vw, 1.7rem);
font-weight: 500;
margin: 0;
text-align: left;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
}
section.split_block.hospitality .text .drawing {
margin-top: var(--hospitality_drawing_margin);
padding-left: 0;
padding-right: 0;
}

/* ------------------------------------------------------------- */
/* FAMILY  */
/* ------------------------------------------------------------- */

section.split_block.family .boxed { align-items: flex-start; }
section.split_block.family .photo {
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-start;
gap: var(--main_gap);
}

/* BIG */
section.split_block.family .photo .big {
width: 81.25%;
}
section.split_block.family .photo .big figure {
position: relative;
width: 100%;
height: 0;
padding-top: var(--staggered_h_photo_pad_top);
}
section.split_block.family .photo .big figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@supports (aspect-ratio: 1 / 1) {
section.split_block.family .photo .big figure { height: auto; aspect-ratio: var(--staggered_h_photo_aspect_ratio); padding-top: 0!important; }
section.split_block.family .photo .big figure img { position: relative; }
}

/* SMALL */
section.split_block.family .photo .small {
width: 50%;
width: calc((100% - var(--main_gap)) / 2);
}
section.split_block.family .photo .small figure {
position: relative;
width: 100%;
height: 0;
}
section.split_block.family .photo .small img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
section.split_block.family .photo .small figure:nth-child(1) { padding-top: var(--image_pair_s_photo_pad_top); }
@supports (aspect-ratio: 1 / 1) {    
section.split_block.family .photo .small figure { height: auto; aspect-ratio: var(--aspect_ratio); padding-top: 0!important; }
section.split_block.family .photo .small img { position: relative; }
section.split_block.family .photo .small figure:nth-child(1) { --aspect_ratio: var(--image_pair_s_photo_aspect_ratio); }
}

/* TEXT */
section.split_block.family .text {}
section.split_block.family .text .drawing {
margin-top: var(--family_drawing_margin);
padding-left: 0;
padding-right: 0;
}

/* ------------------------------------------------------------- */
/* 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) {
    
	
}

@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 {
    --hospitality_drawing_margin: 5rem;
    --hospitality_drawing_margin: clamp(5rem, 2.8313rem + 6.0241vw, 9rem);
    }
    
    /* HOSPITALITY */
    section.split_block.hospitality .text { padding-left: 0; padding-right: 0; }
	
}

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

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

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

@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) {
	
}

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

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


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