/* RESET
======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size: calc(var(--ss)*24vw);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:0.013em;}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"] {text-decoration:underline;}
section#page {overflow: clip;}
img {max-width:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; /*letter-spacing: 0.010em;*/}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe { border:0; outline: none; width:100%;}
.video{background-size:cover; background-position: center; background-repeat:no-repeat; width:100%; height:100%; position:relative; overflow:hidden}
.video iframe{height:auto; width:101%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
@media(max-width:768px){
	.video iframe{ height:101%; width:auto; }
}


/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--brown); background: var(--lightcream); overflow-x: hidden; letter-spacing:0.013em;}

main{min-height:calc(100vh - var(--footer__height));}
b, strong { font-weight:500; }
h1, .h1 {font:var(--h1);}
h2, .h2 {font:var(--h2); }
h3, .h3 {font:var(--h3);}
h4, .h4 {font:var(--h4); letter-spacing:0.02em;}
.title{font:var(--title); text-transform: uppercase; }
.info{font:var(--info); text-transform: uppercase;}
p, .p1, .copy {font:var(--p1);}
span.p1 {display:inline-block;}
sup{vertical-align: super; font-size: 0.7em; }
.small{font:var(--small);}
.pre-wrap{white-space:pre-wrap;}


/* COLOURING IN
======================================================= */
.white-bg { background-color: var(--white); color:var(--brown); }
.black-bg { background-color: var(--black); color:var(--lightcream); }
.green-bg { background-color: var(--green); color:var(--lightcream); }
.brown-bg { background-color: var(--brown); color:var(--lightcream); }
.teal-bg { background-color: var(--teal); color:var(--lightcream); }
.cream-bg { background-color: var(--cream); color:var(--brown); }
.blue-bg { background-color: var(--blue); color:var(--lightcream); }
.darkblue-bg { background-color: var(--darkblue); color:var(--lightcream); }
.lightcream-bg { background-color: var(--lightcream); color:var(--brown); }
.cream2-bg { background-color: var(--cream-alt); color:var(--brown); }


.fc-black{color:var(--black);}
.fc-white{color:var(--white);}
.fc-green{color:var(--green);}
.fc-brown{color:var(--brown);}
.fc-teal{color:var(--teal);}
.fc-cream{color:var(--cream);}
.fc-lightcream{color:var(--lightcream);}
.fc-blue{color:var(--blue);}
.fc-darkblue{color:var(--darkblue);}

@media(max-width:599px) {
	.item-1 {order:1 !important;}
	.item-2 {order:2 !important;}
	.item-3 {order:3 !important;}
	.item-4 {order:4 !important;}
	.item-5 {order:5 !important;}
	.item-6 {order:6 !important;}
	.item-7 {order:7 !important;}
	.item-8 {order:8 !important;}
}

/* STRUCTURE
======================================================= */
/*main section{margin-top:calc(var(--ss)*-1vw);}*/
/*main section{padding:0 var(--hpad) var(--vpad);}*/
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

img, .img-wrap, .image{line-height:0;}

.img-center img, img.img-center{object-position:center;}
.img-top img, img.img-top{object-position:top;}
.img-bottom img, img.img-bottom{object-position:bottom;}
.img-left img, img.img-left{object-position:left;}
.img-right img, img.img-right{object-position:right;}
.cover{object-fit: cover;}
.contain{object-fit: contain;}

.flex{display: flex;}
.flex.reverse{flex-direction: row-reverse;}

.flex-wrap{flex-wrap: wrap;}

.flex-row{flex-direction:row}
.flex-row.reverse{flex-direction:row}
.flex-column{flex-direction:column}
.flex-column.reverse{flex-direction:column-reverse}

.jcfe{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcse{justify-content: space-evenly;}
.jcs{justify-content: stretch;}

.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.aic{align-items: center;}
.aisb{align-items: space-between;}
.ais{align-items: stretch;}

.ass{align-self: stretch;}

@media(max-width:768px){
	.mob-wrap{flex-wrap: wrap; }
	.mob-flex-column{flex-direction:column !important;}
	.mob-flex-row{flex-direction:row !important;}
	.mob-flex-column-r{flex-direction:column-reverse !important;}
	.mob-flex-row-r{flex-direction:row-reverse!important;}
	.mob-unflex{display: block;}
	
	.mjcfs{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}

	.maifs{align-items: flex-start;}
	.maife{align-items: flex-end;}
	.maic{align-items: center;}
	.maisb{align-items: space-between;}
}

.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}
.mb-0{margin-bottom:0;}

button, a{cursor: pointer;}
.uc{text-transform: uppercase;}
.ul{text-decoration: underline;}
.w-15{width:15%;}
.w-100{width:100%;}
.w-50{width:50%;}
.w-65{width:65%;}
.w-35{width:35%;}
.h-100{height:100%;}
.h-75{height:75%;}
.h-70{height:70%;}
.h-50{height:50%;}
.h-30{height:30%;}
.h-25{height:25%;}
.h-fc{height:fit-content}
.w-fc{width:fit-content}

@media(max-width:768px){
	.m-w-85{width:85%}
}

.rel{position:relative;}
.fixed{position:fixed;}

.btn{min-width:calc(var(--ss)*219vw); display:inline-flex; justify-content: center; align-items: center; height:calc(var(--ss)*40vw); padding: 0 calc(var(--ss)*10vw); border:calc(var(--ss)*1vw) solid var(--brown); color:var(--brown); background:transparent; transition: all 0.3s; width:fit-content; text-transform:uppercase;letter-spacing:0.08em; font:var(--btn); cursor:pointer;}
.btn:hover{background:var(--brown); color:var(--lightcream);}

.btn.btn-green{border-color:var(--green); color:var(--lightcream); background:var(--green);}
.btn.btn-green:hover{background:var(--brown); border-color:var(--brown);}

.btn.btn-lightcream-border{border-color:var(--lightcream); color:var(--lightcream); background:transparent;}
.btn.btn-lightcream-border:hover{background:var(--lightcream); color:var(--green);}
.darkblue-bg .btn.btn-lightcream-border:hover{color:var(--darkblue);}

@media(max-width:768px){
	.btn{width:100%;height:calc(var(--ss)*39vw);}	
}

/* HEADER
======================================================= */
#page:before{position:fixed; top:0; left:0; right:0; pointer-events:none; content:''; display:block; width:100vw; height:var(--header_before_height);background: #6F7D68; background: linear-gradient(180deg,rgb(111, 125, 104) 0%,rgb(111, 125, 104) 30%, rgba(111, 125, 104, 0) 100%); mix-blend-mode: multiply; z-index:1001;transition:0.3s all;transform:translateY(0%)}

.logged-in.admin-bar header,
.logged-in.admin-bar #page:before{top:32px;}

header{ pointer-events:none; z-index: 10001; width:100vw !important; transition:0.3s all; top:0; left:0; transform:translateY(0%)}
header .wrapper{height:var(--header_height); padding:0 calc(var(--ss)*179vw);}
header #logo a{display:block;line-height: 0; font-size:0;}
header #logo img{width:calc(var(--ss)*214vw); height:calc(var(--ss)*117vw)}
header #primary-menu{display:flex; align-items:center; gap:calc(var(--ss)*27vw); margin-top:calc(var(--ss)*-16vw)}
header #logo, #primary-menu li{pointer-events:all;}
header #navigation, header #hamburger-wrapper{width:calc(50% - calc(var(--ss)*107vw))}
#primary-menu li, #primary-menu li a{font:var(--nav); color:var(--white); text-transform: uppercase; letter-spacing:0.02em; transition:0.3s color;}
#primary-menu li:hover a{color:var(--brown);}

body:not(.very-top).scroll-down #page:before,
body:not(.very-top).scroll-down header{transform:translateY(-100%);}

body.very-top #header{transform:translateY(0%) !important}


#hamburger{display:none;}

@media(max-width:768px){
	.logged-in.admin-bar.very-top header,
	.logged-in.admin-bar.very-top #page:before{top:46px;}
	
	.logged-in.admin-bar header,
	.logged-in.admin-bar #page:before{top:0px;}
	
	header .wrapper{height:var(--header_height); padding:calc(var(--ss)*12vw) calc(var(--ss)*19vw) 0}
	
	header #logo img{width:calc(var(--ss)*132vw); height:calc(var(--ss)*73vw)}
	
	header #navigation{transform:translateY(-100%); opacity:0; transition:0.3s all; position:absolute; width:100%; top:calc(var(--ss)*33vw); padding:0 var(--hpad); }
	body.mega-open header #navigation{transform:translateY(0%); opacity:1; pointer-events:none; }
	
	#navigation nav{width:100%; height:fit-content; background:var(--cream); pointer-events: all; background: linear-gradient(180deg,rgba(249, 241, 234, 1) 0%, rgba(249, 241, 234, 1) 53%, rgba(249, 241, 234, .7) 100%);padding:0;}
	
	header #primary-menu{display:flex; flex-direction: column; align-items:flex-start; gap:0; margin-top:0}
	#primary-menu li, #primary-menu li a{color:var(--brown); }
	#primary-menu li{width:100%; display:flex; align-items: center;}
	
	#primary-menu li a{width:100%; display:flex; align-items: center;justify-content: space-between;padding:calc(var(--ss)*14vw);}
	#primary-menu li a:after{display:block;content:''; background:url(/wp-content/themes/connaughthouse/images/icons/arrow-r.svg) center / contain no-repeat; width:calc(var(--ss)*6vw); height:calc(var(--ss)*12vw); }
	
	header #hamburger-wrapper{ height:calc(var(--ss)*12vw); width:calc(var(--ss)*18vw); display:flex; justify-content: center; align-items:center; cursor: pointer; position:absolute; top:calc(var(--ss)*17vw); right:var(--hpad); }
	
	#hamburger{display:block; width:calc(var(--ss)*18vw); height:calc(var(--ss)*12vw); position:relative; transition: .5s ease-in-out;pointer-events:all;z-index:1003; background:transparent; cursor: pointer; padding:0;}

	#hamburger span {display: block;position: absolute; height:calc(var(--ss)*1vw);width:50%; background-color: var(--white); opacity:1; transform: rotate(0deg);transition:.25s ease-in-out;top:0;left:0;}

	#hamburger span:nth-child(even){ left:50%; }

	#hamburger .hb3, #hamburger .hb4 { top:calc(var(--ss)*5.5vw); }
	#hamburger .hb5, #hamburger .hb6 { top:calc(var(--ss)*11vw); }

	body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{ transform: rotate(45deg); }
	body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 {transform: rotate(-45deg)}

	body.mega-open #hamburger .hb1 { left:calc(var(--ss)*1.1vw); top:0; }
	body.mega-open #hamburger .hb2 { left: calc(50% - calc(var(--ss)*1.1vw)); top:0; }
	body.mega-open #hamburger .hb3 { left: -50%; opacity: 0; }
	body.mega-open #hamburger .hb4 { left: 100%; opacity: 0; }
	body.mega-open #hamburger .hb5 { left:calc(var(--ss)*1.1vw); top:calc(var(--ss)*6vw); }
	body.mega-open #hamburger .hb6 { left: calc(50% - calc(var(--ss)*1.1vw)); top:calc(var(--ss)*6vw); }
}

/* FOOTER
======================================================= */
footer{padding:calc(var(--ss)*90vw) calc(var(--ss)*234vw) calc(var(--ss)*68vw); width:100vw !important;}
footer .wrapper{border-bottom:calc(var(--ss)*0.5vw) solid var(--lightcream); padding-bottom:calc(var(--ss)*45vw);}
footer .col{width:calc(100% / 3)}
footer *{font:var(--footer); }
footer a{display:block;transition:0.3s color; width:fit-content}
footer a:hover{color:var(--brown)}
footer .footer-socials{margin-top:calc(var(--ss)*15vw);}
footer #footer-menu a{margin-left: auto;}
footer .footer-logo{padding-top:calc(var(--ss)*18vw); line-height:0; font-size: 0;}
footer .valouran-logo img{height:calc(var(--ss)*23vw); width:calc(var(--ss)*200vw)}
footer .mcg-logo img{height:calc(var(--ss)*63vw); width:calc(var(--ss)*200vw)}
footer .ch-logo img{height:calc(var(--ss)*52vw); width:calc(var(--ss)*111vw)}

@media(max-width:768px){
	footer{padding:calc(var(--ss)*45vw) var(--hpad) calc(var(--ss)*30vw);}
	footer .valouran-logo img{height:calc(var(--ss)*12vw); width:calc(var(--ss)*100vw)}
	footer .ch-logo img{height:calc(var(--ss)*26vw); width:calc(var(--ss)*56vw)}
	footer .footer-socials > a:not(:last-child){margin-bottom:calc(var(--ss)*7vw);}
}

/* HERO
======================================================= */
.header-block .img-wrap{min-height:var(--header_before_height);}
.header-block .img-wrap img,
.header-block .img-wrap .video{height:100vh;width:100vw; max-height:calc(var(--ss)*886vw)}
.header-block .header-content{padding:calc(var(--ss)*55vw) calc(var(--ss)*234vw) calc(var(--ss)*125vw);}
.header-block .img-wrap .header-content{padding-top:calc(var(--ss)*96vw);}
.header-block .header-content .copy{max-width:calc(var(--ss)*890vw); margin:0 auto;}
.header-block .header-content h1 + .copy{margin-top:calc(var(--ss)*35vw);}
.header-block .header-content .copy + .btn,
.header-block .header-content h1 + .btn{margin-top:calc(var(--ss)*40vw);}

@media(max-width:768px){
	.header-block .img-wrap img,
	.header-block .img-wrap .video{height:100vw;width:100vw; max-height:100vw}
	.header-block .header-content,
	.header-block .img-wrap .header-content{padding:calc(var(--ss)*33vw) var(--hpad) var(--vpad);}
	.header-block .header-content h1 + .copy{margin-top:calc(var(--ss)*30vw);}
	.header-block .header-content .copy + .btn,
	.header-block .header-content h1 + .btn{margin-top:calc(var(--ss)*22vw);}
}


/* TEXT IMAGE BLOCK
======================================================= */
.text-image-block .col{width:50%;height:calc(var(--ss)*890vw)}
.text-image-block .text-col{padding:calc(var(--ss)*100vw) calc(var(--ss)*100vw) calc(var(--ss)*100vw) calc(var(--ss)*223vw);}
.text-image-block .reverse .text-col{padding-left:calc(var(--ss)*120vw); padding-right:calc(var(--ss)*185vw);}
.text-image-block img + .copy{margin-top:calc(var(--ss)*50vw);}
.text-image-block h2 + .copy,
.text-image-block h2 + h3{margin-top:calc(var(--ss)*30vw);}
.text-image-block h3 + .copy{margin-top:calc(var(--ss)*25vw);}
.text-image-block .btn{margin-top:calc(var(--ss)*65vw);}
.text-image-block .text-col.btn-bottom .btn{margin-top:auto;}
.text-image-block .text-col.btn-bottom h2{margin-top:auto;}
.text-image-block .img-wrap img{width:100%; height:100%;}
.text-image-block .col-full-img{padding:0;}
.text-image-block .text-col.img-only{padding:0;}
.text-image-block .text-col.img-only img{height:100%; width:100%;}
.text-image-block .text-col.img-only.col-contain{padding:calc(var(--ss)*35vw) calc(var(--ss)*65vw) calc(var(--ss)*65vw);} 
.text-image-block .small-logo{height:calc(var(--ss)*45vw); width:auto; max-width:100%;}
.text-image-block .large-logo{height:calc(var(--ss)*168vw); width:auto; max-width:100%; }
.text-image-block img + h2,
.text-image-block img + h3{margin-top:calc(var(--ss)*75vw);}
.text-image-block .video iframe{ height:101%; width:auto; }

@media(min-width:768px){
	
}

@media(max-width:768px){
	.text-image-block .col{width:100%;height:fit-content;}
	.text-image-block .text-col,
	.text-image-block .reverse .text-col{padding:calc(var(--ss)*33vw) var(--hpad) var(--vpad); text-align: center;}
	.text-image-block .img-wrap img,
	.text-image-block .img-wrap .video{width:100vw; height:100vw;}
	.text-image-block h2 + h3{margin-top:calc(var(--ss)*9vw);}
	.text-image-block h2 + .copy{margin-top:calc(var(--ss)*30vw);}
	.text-image-block h3 + .copy{margin-top:calc(var(--ss)*9vw);}
	.text-image-block .btn{margin-top:calc(var(--ss)*40vw);}
	.text-image-block .text-col img{object-position:center;}
	.text-image-block img + h2,
	.text-image-block img + h3,
	.text-image-block img + .copy{margin-top:calc(var(--ss)*20vw);}
	.text-image-block .small-logo{height:calc(var(--ss)*30vw);}
	.text-image-block .large-logo{height:calc(var(--ss)*35vw);}
	.text-image-block .text-col.img-only.col-contain{padding:var(--hpad);} 
}

/* QUOTE BLOCK
======================================================= */
.quote-block .inner{padding:calc(var(--ss)*130vw) calc(var(--ss)*223vw) calc(var(--ss)*120vw);}
.quote-block p{margin-bottom:0;}
.quote-block p.quote-name{margin-top:calc(var(--ss)*30vw); font-weight:500;}
.quote-block p.quote{font:var(--quote); letter-spacing:0.019em;}

@media(max-width:768px){
	.quote-block .inner{padding:calc(var(--ss)*43vw) var(--hpad) calc(var(--ss)*40vw);}
	.quote-block p.quote-name{margin-top:calc(var(--ss)*11vw);}
}

/* IMAGE BLOCK
======================================================= */
.img-block img,
.img-block .video{width:100vw; height:calc(var(--ss)*1027vw); max-height:100vh;}


@media(max-width:768px){
	.img-block img,
	.img-block .video{width:100vw; height:100vw; max-height:100vh;}
}


/* COLUMN BLOCK
======================================================= */
.column-block .inner{padding:calc(var(--ss)*95vw) calc(var(--ss)*215vw) calc(var(--ss)*160vw)}
.column-block .columns{gap:calc(var(--ss)*100vw)}
.column-block .col{flex:1;}
.column-block h2 + .columns,
.column-block h3 + .columns{margin-top:calc(var(--ss)*95vw);}
.column-block h2 + h3{margin-top:calc(var(--ss)*25vw);}
.column-block .img-wrap img + p{margin-top:calc(var(--ss)*25vw);}
.column-block .img-wrap p{font-style:italic !important; }
.column-block .img-wrap p strong{font-style:normal !important;}
.column-block .img-wrap:not(:first-child){margin-top:calc(var(--ss)*35vw);}

@media(max-width:768px){
	.column-block .inner{padding:calc(var(--ss)*33vw) var(--hpad) calc(var(--ss)*33vw)}
	.column-block h2 + .columns,
	.column-block h3 + .columns{margin-top:calc(var(--ss)*33vw);}
	.column-block h2 + h3{margin-top:calc(var(--ss)*9vw);}
	.column-block .columns{gap:0}
	.column-block .col{margin-bottom:calc(var(--ss)*20vw);}
	.column-block .columns .col:last-child{margin-bottom:0;}
	.column-block .img-wrap img + p{margin-top:calc(var(--ss)*13vw);}
	.column-block .img-wrap:not(:first-child){margin-top:calc(var(--ss)*20vw);}
}


/* TEXT BLOCK
======================================================= */
.text-block{padding:calc(var(--ss)*95vw) calc(var(--ss)*215vw) calc(var(--ss)*160vw);}
.text-block .inner{ max-width:calc(var(--ss)*1200vw); margin:0 auto;}
.text-block h1, .text-block h2, .text-block h3, .text-block h4{margin-bottom:2em;}

@media(max-width:768px){
	.text-block{padding:calc(var(--ss)*33vw) var(--hpad) calc(var(--ss)*66vw)}
}


/* CONTACT BLOCK
======================================================= */
.contact-block .inner{padding:calc(var(--ss)*95vw) calc(var(--ss)*215vw) calc(var(--ss)*120vw); }
.contact-block .copy{max-width:calc(var(--ss)*790vw); width:100%}
.contact-block h2 + .copy{margin-top:calc(var(--ss)*30vw);}
.contact-block input:not(.btn),
.contact-block textarea,
.contact-block select{width:100%;background:var(--lightcream); border:calc(var(--ss)*1vw) solid var(--green); height:calc(var(--ss)*50vw); padding:0 calc(var(--ss)*14vw); font:var(--form); color:var(--brown)}
.contact-block textarea{height:calc(var(--ss)*120vw); padding-top: calc(var(--ss)*5vw)}
.contact-block .form-wrap { margin-bottom:calc(var(--ss)*20vw) }
.contact-block form p{text-align: center;}
.contact-block .copy + .copy{margin-top:calc(var(--ss)*33vw);}
.contact-block form + p{margin-top:calc(var(--ss)*33vw);}


@media(max-width:768px){
/*	.contact-block form{max-width:700}*/
}

@media(max-width:768px){
	.contact-block .inner{padding:calc(var(--ss)*33vw) var(--hpad) calc(var(--ss)*33vw)}
	.contact-block .form-wrap { margin-bottom:calc(var(--ss)*10vw) }
}

/*
PLACEHOLDERS :-(
========================================================== */
.contact-block input::-webkit-input-placeholder { opacity:1; color:var(--brown) !important; font:var(--form); letter-spacing:normal; }
.contact-block input::-moz-placeholder { opacity:1; color:var(--brown) !important; font:var(--form); padding:inherit; border-radius:inherit; letter-spacing:normal;}
.contact-block input:-ms-input-placeholder { opacity:1; color:var(--brown) !important; font:var(--form); padding:inherit; border-radius:inherit; letter-spacing:normal;}
.contact-block input:-moz-placeholder { opacity:1; color:var(--brown) !important; font:var(--form); padding:inherit; border-radius:inherit; letter-spacing:normal;}
.contact-block textarea::-webkit-input-placeholder { opacity:1; font:var(--form); color:var(--brown) !important; padding:0; letter-spacing:normal;}
.contact-block textarea::-moz-placeholder { opacity:1; font:var(--form); color:var(--brown) !important; padding:0; border-radius:inherit; letter-spacing:normal;}
.contact-block textarea:-ms-input-placeholder { opacity:1; font:var(--form); color:var(--brown) !important; padding:0; border-radius:inherit; letter-spacing:normal;}
.contact-block textarea:-moz-placeholder { opacity:1; font:var(--form); color:var(--brown) !important; padding:0; border-radius:inherit; letter-spacing:normal;}


/* MASONRY BLOCK
======================================================= */
.masonry-block .inner{padding:calc(var(--ss)*40vw) calc(var(--ss)*215vw) calc(var(--ss)*115vw); gap:calc(var(--ss)*55vw) calc(var(--ss)*40vw)}

.masonry-block .col-heading{min-height:calc(var(--ss)*125vw); border-bottom:calc(var(--ss)*1vw) solid var(--brown); padding-bottom:calc(var(--ss)*20vw); margin-bottom:calc(var(--ss)*38vw);}
.masonry-block .col h2{font:normal 300 calc(var(--ss)*60vw) / calc(var(--ss)*72vw) var(--ff); letter-spacing:0.02em; align-self: flex-start;}
.masonry-block .col h3{font:normal 600 calc(var(--ss)*24.5vw) / calc(var(--ss)*32vw) var(--ff); letter-spacing:0.02em; align-self: flex-end;}

.masonry-block .copy + .img-wrap{margin-top:calc(var(--ss)*22vw);}
.masonry-block .col-row > :last-child{margin-bottom:0 !important;}
.masonry-block img{width:100%; height:auto;}
.masonry-block img + .caption{margin-top:calc(var(--ss)*25vw);}

.masonry-block .col-row + .col-row{margin-top:calc(var(--ss)*55vw);}

@media(min-width:769px){
	.masonry-block .col{width:calc(calc(100% / 3) - calc(var(--ss)*27vw))}
	.masonry-block .col.span-2{width:calc(calc(100% / 1.5) - calc(var(--ss)*14vw))}
	.masonry-block .col.span-3{width:100%;}
	
	.masonry-block .col.span-2 .col-content{display:flex; gap:calc(var(--ss)*40vw)}
	.masonry-block .col.span-2 .col-content > div{flex:1}
}

@media(max-width:768px){
	.masonry-block .inner{padding:calc(var(--ss)*33vw) var(--hpad) calc(var(--ss)*33vw); gap:0;}
	
	.masonry-block .col{margin-bottom:calc(var(--ss)*30vw);}
	.masonry-block .col-row + .col-row { margin-top: calc(var(--ss)*30vw);}
	
	.masonry-block .col-heading{min-height:fit-content; padding-bottom:calc(var(--ss)*15vw); margin-bottom:calc(var(--ss)*22vw);display:block}
	.masonry-block .col h2{font:normal 300 calc(var(--ss)*30vw) / calc(var(--ss)*36vw) var(--ff);}
	.masonry-block .col h3{font:normal 600 calc(var(--ss)*13.2vw) / calc(var(--ss)*15.8vw) var(--ff);}
	
	.masonry-block .copy + .img-wrap{margin-top:calc(var(--ss)*15vw);}
	.masonry-block img + .caption{margin-top:calc(var(--ss)*22vw);}
	
	.masonry-block .col-heading h2 + h3{margin-top:calc(var(--ss)*5vw);}
	
	.masonry-block .col-heading h3:first-child{margin-top:calc(var(--ss)*10vw);}
}