/*========================================================
:: HTML5 Reset
========================================================*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%
}
body {
    line-height: 1;
    position: relative;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/*=============================================================
:: Global Standards + Spacing
=============================================================*/

html {
	background-color: #f6f2e9;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
body {
    background-color: #f6f2e9;
    font-family: haboro-soft, sans-serif!important;
	color:#222;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  left: 20px;
  top: 20px;
  width: auto;
  height: auto;
  padding: 12px 16px;
  background: #f6f2e9;
  color: #222;
  text-decoration: none;
  border: 1px solid currentColor;
  z-index: 9999;
}
.hidden {
    display: none;
}
.visible {
    display: block;
}
#wrapper {
    width: 100%;
    position: relative;
    text-align: left;
}
.content-wrapper {
    max-width: 1680px;
    margin-inline: auto;
}
.grid-content {
    padding-block: clamp(9rem, 14vw, 12rem);
    padding-inline: 6%;
}
.project-page-content .grid-content {
    padding-top: 90px;
}
.no-bottom {
	padding-bottom: 0;
}
.less-bottom {
    padding-bottom: 90px;
}
.stack-lg > * + * {
  margin-top: clamp(9rem, 14vw, 12rem);
}
.stack-md > * + * {
  margin-top: clamp(4.5rem, 7vw, 6rem);
}
.mt-0 { margin-top: 0 !important; }
.mt-sm { margin-top: 60px !important; }
.mt-med {margin-top: 90px !important;}
.mt-l {margin-top: clamp(9rem, 14vw, 12rem);}
.mt-xl { margin-top: 150px !important; }

.pad-inline-sm {padding-inline: 6%}
.pad-inline-med {padding-inline: 12%}

.text-constrain {
	max-width: 1100px;
	margin-inline: auto;
}
.text-constrain-med {
    max-width: 800px;
    margin-inline: auto;
}
.fader {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.fader.visible {
  opacity: 1;
}
img.lazy, video.lazy {
	opacity: 0;
}
img:not(.initial), video:not(.initial) {
    transition: opacity .75s ease;
}
img.initial, img.loaded, img.error, video.initial, video.loaded, video.error  {
	opacity: 1;
}


/*========================================================
:: Typography + Components
========================================================*/

h1, h5, .h1-style {
	font-family: argent-cf, serif;
	font-size: 40px;
    line-height: 1.4;
    letter-spacing: .01em;
    font-weight: 100;   
}
.text-med {
	font-size: 32px;
}
.text-xl {
    font-size: 56px;
}
.big-statement {
	text-align: left;
	padding: 0;
	font-size: 48px;
	letter-spacing: .01em;
}
h2, .hero-content h1 {
	font-family: argent-cf, serif;
	font-size: 80px;
	line-height: 1.125;
    letter-spacing: .006em;
    font-weight: 100;
}
h3, .typo-meta, .typo-meta li {
    font-family: haboro-soft, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: .1em;
}
h4, p, input, select, textarea, .typo-body {
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 400;
    line-height: 1.6;
	letter-spacing: .04em;
}
p.p--xl {
	font-size: 24px;
}
.article p {
    margin-bottom: 24px;
}
.section-title {
  	display: flex;
  	align-items: center;   /* vertically centers line to text */
  	gap: 24px;             /* space between text and line */
  	font-size: 2.2rem;     /* adjust as needed */
  	letter-spacing: 0.05em;
	margin-bottom: 16px;
	width:100%;
	margin-inline: auto;
	max-width:1680px;
}
.section-title::after {
  	content: "";
  	flex: 1;               /* takes up remaining horizontal space */
  	height: 2px;           /* thickness of line */
  	background-color: currentColor;
}
.title-accent {
    position: relative;
	margin-bottom: 60px;
}
.title-accent::after {
    content: "";
    width: 3rem;
    height: 2px;
    position: absolute;
    bottom: -26px;
    left: 0;
    background: #222;
}
.title-accent--left::after {
	right: 0;
	left: auto;
}
.title-accent--lg::after {
	width: 4rem;
}
.text-center {
    text-align: center;
}
.overline {
    text-decoration: overline;
}
span.highlight {
	font-style: italic;
	color: #c6522d;
}
h1, h2, h3, h4, h5, p, .nav-list a, .hero-subtitle, .question {
    opacity: 1;
    -webkit-transition: -webkit-transform .5s ease-in-out, opacity .5s ease-in-out;
    transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading p, .wf-loading .nav-list li a, .wf-loading .hero-subtitle, .wf-loading .question {
    opacity: 0;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.announcement-inner .side-arrow, .announcement-inner a {
	opacity: 1;
	transition: opacity .5s ease-in-out;
}
.wf-loading .announcement-inner .side-arrow, .wf-loading .announcement-inner a {
	opacity:0;
}
a {
    text-decoration: none;
}
a:link, a:visited, a:active {
	color: #222;
}
h1 a, h4 a, p a, .typo-meta a, a.typo-meta, .typo-body a {
    transition: color .5s ease, border .5s ease;
}
h1 a, h4 a, p a {	
    border-bottom: 1px solid #222;
}
h1 a:hover, h4 a:hover, p a:hover {
	color: #c6522d;
    border-bottom: 1px solid #f6f2e9;
}
.list-inline>li {
    display: inline;
}
.list-middot>li:not(:last-child)::after {
    color: #222;
    content: "\00b7";
    font-size: 12px;
    padding: 0 10px;
}
.media-section .list-middot>li:not(:last-child)::after {
	color: #f6f2e9;
}
.btn-wrap {
	display:inline-block;
    margin-top: 60px;
}
.hero-section .btn-wrap {
	margin-top:40px
}
.btn {
    padding: 18px 40px;
	display: inline-block;
	border: 3px solid #222;
	border-radius: 30px;
	background-color: #222;
    color: #f6f2e9;
	font-size: 14px;
	letter-spacing: .08em;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	transition: transform .3s ease, opacity .3s ease;
}
.btn.btn-light {
	background-color: #f6f2e9;
	border: 3px solid #f6f2e9;
    color: #222;
}
.btn:hover {
  	transform: scale(1.02);
  	opacity: 0.8;
}


/*========================================================
:: Header and Navigation
========================================================*/

#header {
	width: 100%;
    position: fixed;
    z-index: 999;
    background-color: #f6f2e9;
	transition: top .5s ease, background-color .3s ease;
}
.nav-down {
	top: 0;
}
.nav-up {
	top: -100px;
}
.announcement-bar {
	background-color: #222;
    width: 100%;
	max-height: 24px;
    text-align: center;
    position: relative;
  	overflow: hidden;
}
.announcement-bar:hover {
  	opacity: .85;
}
.announcement-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
	height: 24px;
}
.announcement-inner a {
    color: #f6f2e9;
    font-size: 10px;
	line-height: 10px;
	padding: 6px 0;
    text-transform: uppercase;
    letter-spacing: .1em;
	font-weight: 700;
}
.side-arrow {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 1px solid #f6f2e9;
	border-bottom: 1px solid #f6f2e9;
	transform: rotate(45deg);
}
.side-arrow.right {
	transform: rotate(-45deg);
	margin-left:16px;
}
.side-arrow.left {
	transform: rotate(135deg);
	margin-right:16px;
}
.announcement-close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: none;
    border: none;
    cursor: pointer;
}
.announcement-close::before,
.announcement-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 10px;
    background: #f6f2e9;
    transform-origin: center;
}
.announcement-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.announcement-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.announcement-close:hover, .announcement-link:hover {
	opacity:.75;
}
.announcement-bar,
.announcement-close,
.announcement-link {
    transition: opacity .3s ease, max-height .3s ease;
}
.hidden-graceful {
	max-height: 0 !important;
}
.nav-wrap {
	width:100%;
	position:relative;
}
.navigation {
    display: grid;
    grid-template-columns: 45% 10% 45%;
    align-items: center;
    width: 100%;
    max-width: 1854px;
    margin: 0 auto;
	height: 60px;
}
.nav-left,
.nav-right {
    display: flex;
    align-items: center;
	height: 100%
}
.nav-left ul,
.nav-right ul {
    display: flex;
	width: 100%;
    padding: 0;
    margin: 0;
	list-style: none;
}
.nav-left ul li,
.nav-right ul li {
    flex: 1;
    text-align: center;
}
.nav-list a {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .13em;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
}
.nav-list a:hover, .nav-list a.current {
    border-bottom: 1px solid #c6522d;
}
.nav-list a {
    transition: transform .5s ease-in-out,
                opacity .5s ease-in-out,
                border-color .3s ease;
}
.mobile-nav-inner a {
    transition: border-color .3s ease;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
	transform: rotate(0deg);
	transition: transform 1s ease;
}
.logo-container {
    width: 40px;
    height: 40px;
    display: block;
}
.logo img {
    height: 40px;
    width: auto;
	transition: transform .3s ease, opacity .3s ease;
}
.logo-container:hover img {
  	transform: scale(1.03);
  	opacity: 0.8;
}
.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: .7;
}
.hamburger.active:hover {
    opacity: .7;
}
.hamburger.active .hamburger-inner, .hamburger.active .hamburger-inner::before, .hamburger.active .hamburger-inner::after {
    background-color: #222;
}
.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #222;
    border-radius: 4px;
    position: absolute;
    transition: transform .15s ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s .13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--spring.active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent!important;
}
.hamburger--spring.active .hamburger-inner::before {
    top: 0;
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.active .hamburger-inner::after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.logo.whacky {
 	transform: rotate(-360deg);
}
#mobile-nav-toggle {
    display: none;
    position: absolute;
    right: 5%;
    top: 10px;
	width: 30px;
    height: 50px;
    padding: 13px 0 13px 0;
    z-index: 100020;
}
#mobile-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #f6f2e9;
    opacity: .95;
    z-index: 100010;
	text-align: center;
	overflow: hidden;
	display:none;
	transform: translateX(100%);
    transition: transform .4s ease;
}
#mobile-nav.nav-active {
    transform: translateX(0);
}
.mobile-nav-inner {
	position:relative;
    padding: 30% 6% 80px 6%;
    text-align: center;
    transform: translateX(100%);
    transition: transform .4s ease;
    transition-delay: .2s;
	overflow-y: auto;
	overflow-x: hidden;
}
#mobile-nav.nav-active .mobile-nav-inner {
    transform: translateX(0);
}
.mobile-primary,
.mobile-secondary {
    list-style: none;
    padding: 0;
    margin: 0;
	text-transform: uppercase;
	overflow: hidden;
}
.mobile-secondary {
	margin-top: 16px;
}
.mobile-primary li, .mobile-secondary li  {
    margin-bottom: 50px;
}
.mobile-primary a {
    font-size: 50px;
    font-weight: 700;  
    letter-spacing: .06em;
	border-bottom: 2px solid transparent;
}
.mobile-secondary a {
    font-size: 24px;
    font-weight: 700;
	letter-spacing: .08em;
	border-bottom: 2px solid transparent;
}
.mobile-nav-inner .social {
        justify-content: center;
}
.mobile-nav-inner .social a svg {
	width: 28px;
	height: 28px;
}
.mobile-nav-inner a:hover, .mobile-nav-inner .current {
	border-bottom: 2px solid #c6522d;
}

.header-space {
	margin-top: 84px;
	transition: margin-top 0.5s ease;
}
.header-space.less-header-space {
	margin-top: 60px;
}
.who-header #header {
    background-color: transparent;
}
.who-header #header.who-scroll {
    background-color: #f6f2e9;
}


/*========================================================
:: Footer
========================================================*/


.media-section {
  	position: relative;
  	overflow: hidden;
	width: 100%;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.section-75vh {height: 75vh; }
.section-50vh {height: 50vh;}
.section-auto {padding-block: 120px;}

.dimmed::before {
  	content: "";
  	position: absolute;
  	inset: 0;
  	background: rgba(0, 0, 0, 0.2); 
	/*background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.0)
    rgba(0,0,0,0.4),
    ); adjust opacity */
  	z-index: 3;
  	pointer-events: none;
}
.media-section > .media {
  	position: absolute;
  	inset: 0;
}
.media-section > .media video {
  	width: 100%;
  	height: 100%;
	position: absolute;
  	object-fit: cover;
	object-position: center;
	z-index: 2;
}
/* Review Slider */
.review-overlay {
    position: absolute;     
    top: 50%;                
    left: 50%;               
    transform: translate(-50%, -50%); 
    width: 100%; 
    max-width:1680px;
    z-index: 10;
  	color: #f6f2e9;
}
.review-overlay.grid-content {
	padding-inline: 12%;
}
.reviews {
    width: 100%;
}
.testimonial h2 {
	font-size: 28px;
}
.testimonial p.name {
    margin-top: 30px;
}
.media-section .statement-inner {
	max-width: 1200px;
}
.statement-inner {
	width: 75vw;
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.statement-title {
	align-self: flex-start;
}
.statement-title h2 {
	line-height: 1;
	margin-bottom: 40px;
}
.blockquote {
	width: 75%;
    max-width: 800px;
	margin-inline: auto;
	border-left: 1px solid #222;
	text-align: left;
	padding: 0 0 8px 5%;
}
.media-section .blockquote {
	border-color: #f6f2e9;
	max-width: 700px;
}
.footer-cta.no-media {
	border-top: 2px solid #222;
	padding-block: 90px;
}
.footer-cta .inner, .media-section .inner {
  	position: relative;
	padding-inline: 6%;
  	color: #f6f2e9;
  	text-align: center;
	z-index: 10;
}
.footer-cta.no-media .inner {
	color: #222;
}
.footer-cta .btn-wrap {
	margin-top: 24px;
}
.site-footer {
	border-top: 2px solid #222;
}
.footer-main {
	display: grid;
	grid-template-columns: 15% 1fr;
}
.footer-main.grid-content {
    padding-block: 100px;
}
.footer-logo img {
  	width: 60px; 
  	height: auto; 
  	max-width: 100%;  
}
.footer-logo a img {
  	transition: transform 0.3s ease, opacity 0.3s ease;
}
.footer-logo a:hover img {
  transform: scale(1.03);
  opacity: 0.8;
}
.footer-columns {
  	display: grid;
	grid-template-columns: repeat(4, minmax(120px, max-content));
	column-gap: 120px;
	justify-self: end;
}
.footer-column {
  	max-width: 185px;
}
.footer-title {
	display: block;
    margin-bottom: 24px;
}
.footer-column li {
	margin-bottom: 12px;
}
.site-footer p, .footer-column li {
 	font-size: 14px;
}
.footer-column a,
.more-films li a {
    transition: color .3s ease, border-bottom-color .3s ease;
}
.footer-column a {
	padding-bottom: 2px;
    border-bottom: 1px solid #f6f2e9;
}
.footer-column a:hover {
    color: #222;
    border-bottom: 1px solid #c6522d;
}
.footer-column p a {
	color: #222;
    border-bottom: 1px solid #c6522d;
}
.footer-column p a:hover {
    color: #c6522d;
    border-bottom: 1px solid #f6f2e9;
}
.social {
  	display: flex;
  	gap: 24px; /* space between icons */
  	list-style: none;
	align-items: center;
  	padding: 0;
  	margin: 30px 0 0 0;
}
.footer-column .social li {
	margin-bottom: 0;
}
.social a {
	color: #222;
	border: none;
    transition: color .3s ease;
}
.social a:hover {
	color: #c6522d;
	border: none;
}
.social a svg {
  	width: 24px;
  	height: 24px;
  	fill: currentColor;
  	transition: fill 0.3s;
}
.footer-bottom {
	padding: 10px 6%;
	display: grid;
  	grid-template-columns: 1fr 1.5fr;
}
.ender-left {
 	text-align: left;
}
.ender-right {
 	text-align: right;
}


/*========================================================
:: Hero Sections
========================================================*/


.hero-section {
  	position: relative;
  	width: 100%;
	height: calc(100vh - 84px); /* ensures video fills remaining viewport */
  	margin-top: 84px; /* pushes hero below fixed header */  
  	overflow: hidden;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	text-align: center;
}
.hero-section.animate-layout {
  transition: margin-top 0.5s ease, height 0.5s ease;
}
.hero-section.less-header-space {
	height: calc(100vh - 60px);
	margin-top: 60px;
}
.hero-section.hero-framed {
	width: 94vw;
	height: 89vh;
	max-width: 1680px;
  	margin: 0 auto;
}
.hero-video-wrapper {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	overflow: hidden;
}
.hero-video-wrapper video.hero-video {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 100%;
    height: 100%;
  	transform: translate(-50%, -50%);
  	object-fit: cover;
	z-index: 1;
}
.bcg {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	z-index: 0;
}
.hero-content {
  	position: relative;
  	z-index: 10;
  	padding: 0 6%;
  	color: #f6f2e9;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
}
.hero-subtitle {
  	display: block;
	font-size: clamp(10px, 2vw, 14px);
  	line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.hero-content h1, .hero-content h2 {
	font-size: clamp(64px, 8vw, 80px);
  	margin-bottom: 10px;
  	line-height: 1;
}
.hero-content p {
	font-size: clamp(15px, 1.8vw, 17px);
  	margin: 0 auto;
}
a.cta-link, a.scroll-text {
	display: inline-block;
	margin-top: 24px;
	font-size: 12px;
	letter-spacing: .1em;
	font-weight:700;
	text-transform: uppercase;
	color: #222;
	padding-bottom:3px;
	border-bottom: 1px solid #c6522d;
	transition: border-color .3s ease, color .3s ease;
}
a.scroll-text {
	display: block;
    position: absolute;
    bottom: 32px;
  	left: 50%;
  	transform: translateX(-50%);
	color: #f6f2e9;
    z-index: 10;
}
a.cta-link:hover, a.scroll-text:hover {
	border-bottom-color: transparent;
	color: #c6522d;
}
html.no-webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax.jpg);
}
html.webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax.webp);
}
html.no-webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-2400.jpg);
}
html.webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-2400.webp);
}
html.no-webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax.jpg);
}
html.webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax.webp);
}
html.no-webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax.jpg);
}
html.webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax.webp);
}
html.no-webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-2400.jpg);
}
html.webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-2400.webp);
}
html.no-webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-2400.jpg);
}
html.webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-2400.webp);
}
html.no-webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-2400.jpg);
}
html.webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-2400.webp);
}
html.no-webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-2400.jpg);
}
html.webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-2400.webp);
}
html.no-webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-2400.jpg");
}
html.webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-2400.webp");
}
.hero-section.about-1 {
	height: 100vh; /* ensures video fills remaining viewport */
  	margin-top: 0;
}
html.no-webp .about-1 .bcg {
    background-image: url("../images/who-we-are/whoweare-1-2400.jpg");
}
html.webp .about-1 .bcg {
    background-image: url("../images/who-we-are/whoweare-1-2400.webp");
}


/*========================================================
:: Row + Grid Structure
========================================================*/


.row {
    display: grid;
    align-items: center;
	gap: clamp(40px, 5vw, 65px);
}
.row-align-top {
	align-items: start;
}
.row--split {
    grid-template-areas: "image text";
}
.row--split.reverse {
    grid-template-areas: "text image";
	text-align: right;
}
.row--split .image {
    grid-area: image;
}
.row--split .text {
    grid-area: text;
}
.row--split:not(:first-child) {
    margin-top: 90px;
}
.gallery-section {
  	width: 100vw;
  	margin-left: 50%;
  	transform: translateX(-50%);
	padding-inline: clamp(12px, 3vw, 64px);
}
.gallery-grid {
  	width: 100%;   
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 8px;
}
.gallery-row {
    width: 100%; 
  	display: grid;
  	gap: 8px;     
}
.gallery-row:not(:last-child) {
  	margin-bottom: 8px; /* same as the gap inside a single grid */
}
.cols-1 {grid-template-columns: 1fr;}
.cols-2 {grid-template-columns: repeat(2, 1fr); }
.cols-3 {grid-template-columns: repeat(3, 1fr); }
.cols-4 {grid-template-columns: repeat(4, 1fr); }
.item-wide {grid-column: span 2;}

.grid-item {
  	display: block;
  	position: relative;
  	overflow: hidden;
  	text-decoration: none;
}


/*========================================================
:: Media
========================================================*/

.media-container, .project-media {
    position: relative;       /* needed for absolute child */
    width: 100%;
    overflow: hidden;
    background: #f6f2e9;
}
.media-1-1 {
    padding-top: 100%;
}
.media-16-9 {
    padding-top: 56.25%;
}
.media-9-16 {
    padding-top: 177.78%;
}
.media-4-5 {
    padding-top: 125%;
}
.media-5-4 {
	padding-top: 80%;
}
.media-2-3 {
	padding-top: 150%;
}
.media-5-7 {
	padding-top: 140%;
}
.media-3-2 {
	padding-top: 66.67%;
}
.media-3-4 {
	padding-top: 133.33%;
}
.media-uhd {
    padding-top: 52.73%;
}
.media-235-1 {
	padding-top: 42.55%;
}
.media-container img, .media-container video, .project-media img, .project-media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills container without stretching */
    display: block;
}
.media-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hover-video {
  	opacity: 0;
  	transition: opacity 0.75s ease;
  	pointer-events: none; /* allow clicks to pass through */
  	z-index: 2;
}
.video-wrapper {
    width: 100%;
}
.media-container button {
    display: block;
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    line-height: 0;
    border-radius: 0;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 36px;
  transform: translate(-50%, -50%);
  background-color: rgba(198, 82, 45, 0.7);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
/* Triangle */
.play-button::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid #f6f2e9;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  margin-left: 2px; /* optical centering */
}
/* Hover */
.play-button:hover {
  background-color: #c6522d;
}
.tier-section .media-container .play-button {
	z-index: 6;
  	opacity: 0;
}
.tier-section .media-container:hover .play-button {
  	opacity: 1;
}
.project-title {
	color: #f2c200;
	text-align:left;
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 150px;
    opacity: 0;
	z-index: 6;
	padding: 12px;
	pointer-events: none;
	background-image: linear-gradient(#00000080, #0000);
    transition: opacity .75s ease;
	
}
.grid-item:hover .project-title, .tier-section .media-container:hover .project-title {
    opacity: 1;
}
.project-name, .testimonial .name, .couple-name {
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	display: inline-flex;
	align-items: center;
	gap: .3ch;
}
.project-name span, .testimonial .name span, .couple-name span {
	font-family: argent-cf, serif;
	font-weight: 300;
  	font-size: 0.8em;	
}
.project-location {
	font-family: argent-cf, serif;
	font-weight: 100;
	font-style: italic;
	letter-spacing: .5px;
	font-size: 28px;
	line-height: 32px;
	width: 100%;
}
.commercial .project-description {
	max-width: 250px;
	margin-top: 4px;
	letter-spacing: .5px;
    font-size: 15px;
	line-height: 1.2;
}
#tkees-main .project-description {
    margin-top: 0;
}

/*========================================================
:: Home
========================================================*/


.tier-section {
  	display: grid;
  	grid-template-columns: 1fr 1fr;
  	gap: clamp(40px, 5vw, 60px);
  	align-items: start;
}
/* Left image spans full height */
.tier-left {
  	grid-column: 1;
  	grid-row: 1 / span 2;
}
/* Text top right */
.tier-text {
	padding: clamp(60px, 8vw, 120px) 0 clamp(40px, 8vw, 120px) 0;
  	grid-column: 2;
  	grid-row: 1;
}
.tier-text p {
	font-size: 20px;
}
/* Image below text */
.tier-bottom {
	margin-top: clamp(60px, 8vw, 200px);
  	grid-column: 2;
  	grid-row: 2;
}
/* Row 3 */
.tier-right-text {
  	grid-column: 2;
  	grid-row: 3;
}
.tier-left-image {
	margin-top: clamp(-160px, -10vw, -80px);
	padding-left: clamp(120px, 10vw, 180px);;
  	grid-column: 1;
  	grid-row: 3;
}
.marquee {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 1;
}
.marquee-track {
  	display: flex;
  	width: max-content;
  	animation: scroll 60s linear infinite;
  	will-change: transform;
}
.marquee-track span {
  	white-space: nowrap;
	flex-shrink: 0;
	font-size: 1.2rem;
	letter-spacing: 0.13em;
	font-weight: 700;
	text-transform: uppercase;
	color: #c6522d;
	padding-right: 8px;
}
@keyframes scroll {
  	from { transform: translate3d(0,0,0); }
  	to   { transform: translate3d(-50%,0,0); }
}
.about-hero {
    position: relative;
}
.about-image img {
    display: block;
    width: 55%;
    margin-inline: auto;
    position: relative;
    z-index: 2; /* sits above marquee */
	aspect-ratio: 5 /4;
}
.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, 5vw, 60px);
}
.video-stack-wrapper {
	display: flex;
    justify-content: flex-end;  /* aligns stack to right of column */
    position: relative;
    width: 100%;
	padding-bottom: 13%;
}
.video-stack {
    position: relative;
    width: 100%;
    max-width:530px;
}
.video-main {
    width: 75%;
    display: block;
}
.video-secondary {
    position: absolute;
    width: 55%;        /* smaller than main */
    bottom: 0;         /* anchored bottom */
    right: 0;          /* anchored right */
    transform: translate(0, 25%);  /* pulls it inward diagonally */
    z-index: 2;
}
.about-media {
    overflow: visible;
}
.about-text {
	padding-block: clamp(60px, 5vw, 120px);
}
.about-text p {
	max-width: clamp(250px, 40vw, 440px);
	margin-bottom: 24px;
}



/*========================================================
:: Video Pages
========================================================*/

.film.less-bottom {
    padding-bottom: 60px;
}
.film-header {
    margin-bottom: 30px;
}
.couple-name {
    font-family: haboro-soft, sans-serif;
}
.film-title {
    line-height: 1.1;
    margin-block: 3px;
}
.film-meta {
    line-height: 1;
    font-size: 12px;
}
.film a:hover {
    color: #c6522d;
}
.film-description-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "team story";
    gap: 0;
}
.team {
     grid-area: team;
}
.story {
    grid-area: story;
}
.film-description-inner .inner-left {
	text-align: right;
	padding-right: 6%;
}
.vendors a {
    font-weight: 400;
}
.film-description-inner .inner-right {
	border-left: 1px solid #222;
    padding-bottom: 18px;
	padding-inline: 6%;
	max-width: 500px;
}
.film-description-inner .inner-right p {
	margin-bottom: 24px;
}
.wedding-shorts {
    max-width: min(900px, 90vh);
    margin-inline: auto;
}
.wedding-shorts.vert-9-16 {
    max-width: min(900px, calc(85vh * 9 / 16));
}
.wedding-shorts.vert-4-5 {
    max-width: min(900px, calc(85vh * 4 / 5));
}
.wedding-shorts.vert-4-5 {
    max-width: min(1000px, calc(85vh * 2 * 4 / 5));
}
.wedding-shorts .row {
    gap: clamp(20px, 3vw, 45px);
}
.more-films h2 {
    margin-bottom: 20px;
}
.more-films h2 a:hover {
    color: #222;
}
.more-films li {
    font-size: 14px;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.more-films li a {
    line-height: 1.5;
    border-bottom: 1px solid #c6522d;
}
.more-films li a:hover {
    border-bottom-color: transparent;
}
.nav-below {
    display: flex;
    align-items: center;
}
.nav-below a {
    display: flex;
    align-items: center;
    gap: 16px;
    transition: color 0.3s ease;
}
.nav-below a:hover {
    color: #c6522d;
}
.nav-below .next, .nav-below .prev {
    border: solid #222;
    border-width: 0 .15em .15em 0;
    padding: 4.5px;
    cursor: pointer;
    transition: border 0.3s ease;
	display: inline-block;
}
.nav-below .prev {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav-below a:hover .prev, .nav-below a:hover .next {
    border-color: #c6522d;
}
.nav-below .next {
  	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* Investments Page + Commercial Page Inner Statement List */
.services-offered {
	margin-top: 30px;
}
.services-offered.list-inline>li {
	font-size: 12px;
	line-height: 1.5;
	white-space: nowrap;
}



/*========================================================
:: Investments
========================================================*/

.collections-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.collections-heading {
	text-align: right;
	padding-right: 6%;
	max-width: 620px;
}
.collections-heading h2 {
    font-size: clamp(32px, 5vw, 56px);
    line-height: 1.2;
    margin: 0;
}
.collections-body {
	border-left: 1px solid #222;
    padding-block: 12px;
	padding-left: 6%;
	max-width: 500px;
}
.collections-body p {
	margin-bottom: 24px;
}
.collections-body ul {
    margin-top: 30px;
}
.collections-body ul li {
	font-size: 12px;
	line-height: 28px;
}
.feature-items .text {
	margin-top: -10%;
	padding-inline: 3%;
}
.feature-items h2 {
	font-size: 32px;
	line-height: 1;
	font-weight: 300;
}


/*========================================================
:: Editorial Pages
========================================================*/


.page-title {
	width: 100%;
	font-size: clamp(60px, 10vw, 100px);
    font-weight: 300;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}
.page-title.pigments {
    width: auto;
    display: inline-flex;
}
.byline {
    margin-top: 50px;
    padding-inline: 6%;
}

.editorial-grid .row {
	gap: clamp(20px, 3vw, 45px);
}
.editorial-grid .row.mt-less {
	margin-top: clamp(20px, 3vw, 45px);
}
.editorial-grid .row.cols-2 .text {
	margin-top: -15%;
}
.h1-style.blockquote {
	font-size: 32px;
}
.text-box {
    border: 2px solid #222;
    padding: 12px;
    text-align: center;
}
.cols-1 .text-box {
    width: 65vw;
    max-width: 800px;
    margin: 0 auto;
}
.text-box-title {
    font-weight: 700;
    text-transform: uppercase;
}

/*========================================================
:: Shop
========================================================*/


#bx-pager{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 8px;
	margin: 8px auto 0;
	width: 90%;
}
#bx-pager a img {
	width: 100%;
	height: auto;
	transition: transform .3s ease, opacity .3s ease;
}
#bx-pager a img:hover {
	cursor: pointer;
  	transform: scale(1.02);
  	opacity: 0.8;
}
.product-card .row {
	align-items: start;
}
.product-title {
	font-size: clamp(44px, 5vw, 56px);
	line-height: 1;
}
.buy-btn.btn-wrap {
	border-radius: 35px;
	border: 3px solid #222;
	background-color: #222;
	width: auto;
	letter-spacing: .08em;
	transition: transform .3s ease, background-color .3s ease, border .3s ease;
}
.btn-wrap a {
    display: inline-block;
}
.buy-btn-left-inner {
    color: #f6f2e9;
	padding: 16px 30px;
    border: none;
	display: inline-block;
    line-height: 1;
}
.buy-btn-price {
    line-height: 1;
	color: #222;
	padding-block: 16px;
    padding-inline: 12px;
	background-color: #f6f2e9;
	border:none;
	display: inline-block;
	border-radius: 30px;
	transition: color .3s ease;
}
.buy-btn.btn-wrap:hover {
	transform: scale(1.02);
	background-color: #c6522d;
	border-color: #c6522d;
}
.buy-btn.btn-wrap:hover .buy-btn-price {
	color: #c6522d;
}
.product-card .buy-btn.btn-wrap {
	margin: 40px 0;
}
.product-features {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}
.product-features li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
}
.product-features li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    left: 0;
    top: 0.7em;
}
h3.feature-title {
	font-size: clamp(20px, 2.4vw, 24px);
}
#lut-showcase .row--split:not(:first-child) {
    margin-top: clamp(9rem, 14vw, 12rem);
}
#lut-showcase .row .text {
    margin-top:-15%;
}
.product-note, .project-page-content .product-note {
    margin-top: 90px;
    padding-top: 24px;
    border-top: 1px solid rgba(0,0,0,0.08);
    text-align: center;
    max-width: 800px;
    margin-inline: auto;
}
.product-note .note-label {
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #777;
    font-weight: 700;
}
.product-note p, .product-note li {
    font-size: 14px;
    color: #777;
    margin: 0;
}
.project-page-content .product-note {
    margin-top: 0;
    width: 100%;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #f6f2e9;
    position: absolute;
    z-index: 30;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}
.twentytwenty-container {
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.twentytwenty-container img {
    max-width: 100%;
    width:100%;
    position: absolute;
    top: 0;
    display: block;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}
.twentytwenty-container * {
    box-sizing: content-box;
}
.twentytwenty-before {
    z-index: 20;
}
.twentytwenty-after {
    z-index: 10;
}
.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #f6f2e9;
    border-radius: 1000px;
    z-index: 40;
    cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
 }
.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
}
.twentytwenty-left-arrow {
    border-right: 6px solid #f6f2e9;
    left: 50%;
    margin-left: -17px;
}
.twentytwenty-right-arrow {
    border-left: 6px solid #f6f2e9;
    right: 50%;
    margin-right: -17px;
}


/*========================================================
:: Blog
========================================================*/


.blog-fader {
    -webkit-animation: FADE 1s;
    -moz-animation: FADE 1s;
    -o-animation: FADE 1s;
    animation: FADE 1s;
}
@-webkit-keyframes FADE {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}@-moz-keyframes FADE {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}@keyframes FADE {
    0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}
#blog-header {
	padding: 90px 6% 0;
    width: 100%;
}
#blog-header a {
	color: #222;
	transition: color .3s ease;
}
#blog-header .page-title a {
	border: none;
}
#blog-header a:hover {
	color: #c6522d;
	border-bottom-color: transparent;
}
#blog-header .page-title.main-blog-title {
	font-size: clamp(90px, 11vw, 100px);
}
.blog-menu {
    padding: 15px 0;
    position: relative;
}
#blog-author {
    line-height: 34px;
}
.search-wrap {
    width: 30%;
    position: absolute;
    top: 15px;
    right: 0;
}

.search-wrap form {
    position: relative;
    height: 32px;
}

.search-icon-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    z-index: 2;
	transition: right .5s ease;
}
.search-icon-container label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
}
.blog-search {
	fill:#222;
	transition: fill .3s ease;
}
.search-icon-container label:hover .blog-search, .search-wrap:focus-within .blog-search {
	fill: #c6522d;
}
.blog-menu input {
    font-family: haboro-soft, sans-serif;
    color: #222;
    background-color: #f6f2e9;
    border-radius: 0;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 32px;
    padding: 0;
    border: 0;
    transition: width .5s ease, padding .5s ease, border .5s ease;
}
.blog-menu input:focus {
    outline: 0;
    width: 100%;
    padding-left: 48px;
    cursor: text;
}
.blog-menu input:focus + .search-icon-container {
    right: calc(100% - 32px);
}
.blog-menu input:blur {
    border: 0;
}
.nav-next {
    margin-left: auto;
}
.video-container, .video-container-235 {
    position: relative;      
    width: 100%;
    overflow: hidden;
    background: #f6f2e9;
    padding-bottom: 56.25%;
}
.video-container-235 {
	padding-bottom: 42.55%;
}
.video-container img, .video-container video, .video-container-235 img, .video-container-235 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills container without stretching */
    display: block;
}
.video-container iframe, .video-container-235 iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.entry-content .more-info {
	text-align: center;
	max-width: 100%;
	padding-inline: 6%;
	margin-top: 90px;
}
.entry-content .more-info h3 {
	max-width: 100%;
    margin: 0 0 20px 0;
}
.more-info h3 a:hover {
    color: #222;
}
.more-info li {
    font-size: 14px;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.more-info li a {
    line-height: 1.5;
    border-bottom: 1px solid #c6522d;
	transition: color .3s ease, border-bottom .3s ease;
}
.more-info li a:hover {
	color: #c6522d;
    border-bottom-color: transparent;
}
.credits {
	margin-top: 90px;
	padding: 40px 3% 0px 3%;
	border-top: 2px solid #222;
	max-width: 750px;
	margin-inline: auto;
}
.credits li {
	white-space: nowrap;
}
.credits li a {
	color: #c6522d;
	border: 1px solid transparent;
	transition: color .3s ease, border-bottom .3s ease;
}
.credits li a:hover {
	border-bottom-color: #222;
}
.credits .list-inline>li {
	font-size: 14px;
	line-height: 20px;
}
.credits .list-middot>li:not(:last-child)::after {
	font-size: 16px;
}
#content, article#content {
    max-width: 1100px;
    margin: 0 auto;
}
.entry-content h3, .entry-summary h3 {
	max-width: 750px;
    margin: 60px auto 40px auto;
}
.entry-content p, .entry-summary p {
    max-width: 750px;
    margin: 40px auto;
}
.entry-content p:first-of-type:first-letter, .entry-summary p:first-of-type:first-letter, .video-description p:first-of-type:first-letter {
    font-size: 525%;
    margin: 0 0 -5px;
    padding: 8px .1em 0 0;
    height: .7em;
    line-height: .7em;
	float: left;
}
.entry-content p:first-of-type {
	margin-top: 60px;
}
.entry-content p:has(+picture), .entry-content p:has(+img), .entry-content img:has(+p), .entry-content picture:has(+p)  {
    margin-bottom: 60px;
}
blockquote {
    margin: 60px 0;
    padding: 0 40px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    text-align: center;
}
blockquote p {
    max-width: 100%!important;
}
.entry-content blockquote p:first-of-type:first-letter, .entry-summary blockquote p:first-of-type:first-letter, blockquote p {
	font-family: argent-cf, serif;
    font-size: 40px;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 1.4;
	float: none;
}
.entry-content blockquote p:first-of-type, .entry-summary blockquote p:first-of-type {
	margin-top:40px;
}
.post-head {
    text-align: center;
    margin: 0 auto;
}

.entry-title a {
    color: #222;
    border: 0;
	transition: color .3s ease;
}
.entry-title a:hover {
    color: #c6522d;
	border:0;
}
.entry-meta {
    margin-bottom: 40px;
}
.entry-meta span {
    font-size: 14px
}
.entry-meta span a {
    border-bottom: 1px solid #222;
}
.entry-meta span a:hover {
    color: #c6522d;
    border-bottom: 1px solid #f6f2e9;
}
.more-link {
    display: none;
}
.entry-utility {
    max-width: 750px;
    margin: 30px auto 0 auto;
    line-height: 34px;
}
.read-more {
    display: block;
    width: 100%;
    text-align: right;
}
#blog-author a {
	border-bottom: 1px solid #222;
}
#blog-author a:hover, a.read-more:hover, #categories-3 li a:hover {
	color: #c6522d;
}
#blog-author a:hover {
	border-bottom-color: #f6f2e9;
}
#blog a img, #blog img {
    border: 0;
}
.entry-content img, .entry-summary img {
    width: 100%;
    height: auto;
    display: block;
    margin: 3% auto;
}
.entry-content .video-preview img, .entry-summary .video-preview img {
	margin:0;
}
#blog img.size-medium {
    width: 48.5%;
    display: inline-block;
    margin: 0;
}
#blog img.size-medium.first-med {
    margin: 0 2.65% 0 0;
}
.wp-caption {
    width: 100%!important;
    border: 0;
    height: auto;
    padding: none;
}
.wp-caption img {
    margin-bottom: 0;
}
.wp-caption-text {
    border-bottom: 1px solid #222;
    text-align: center;
}
.wp-caption p {
    max-width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 14px;
}
.wp-caption p a {
    padding: 0;
    border: 0;
}
.wp-caption p:first-of-type:first-letter {
    font-size: 16px;
    line-height: 1.5;
    height: auto;
    padding: 0;
    margin: 0;
}
#blog .video-wrapper {
    width: 100%;
    margin: 0 0 24px 0;
}
#comments {
    display: none;
}
.error404 .search-content h3 {
    font-weight: 700;
    font-size: 200px;
    line-height: 1.2;
}
.error404 h1 {
	margin-bottom: 40px;
}
.search-result, .not-found {
	text-align: center;
    width: 100%;
}
.no-results h1 {
    padding-bottom: 20px;
}
.disclaimer {
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid #222;
}



/*========================================================
:: FAQ | Secret Sauce
========================================================*/


.question {
	background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    text-align: left;
    width: 100%;
    cursor: pointer;

    position: relative;
    display: block;
    color: #222;
    font-size: 20px;
    line-height: 1.5;
	padding: 30px 60px 30px 0;
	border-top: 1px solid #e8e8e8;
	transition: color .35s ease;
}
.question:first-child {
	border-top: none;
}
.question:before {
    content: "";
    width: 14px;
    height: 2px;
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 1;
    background-color: #222;
}
.question:after {
    content: "";
    width: 2px;
    height: 14px;
    position: absolute;
    top: 39px;
    right: 6px;
    z-index: 1;
    background-color: #222;
}
.question:before, .question:after {
    transition: background-color .35s ease;
}
.question:focus {
    outline: 0;
}
.question:hover {
    color: #c6522d;
}
.question:hover:before, .question:hover:after {
    background: #c6522d;
}
.question.ui-state-active:after {
    opacity: 0;
}
.answer {
	padding: 10px 6% 60px;
    display: none;
}
.answer p {
	border-left: 1px solid #222;
    padding: 0 0 12px 6%;
}


/*========================================================
:: Education
========================================================*/


#education.page-intro h2 {
    margin-bottom: 40px;
}
#education-packages .row--split:not(:first-child) {
    margin-top: clamp(9rem, 14vw, 12rem);
}
.edu-form-intro .product-note {
    margin-top: 40px;
}
.youtube-profile-img {
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 50px auto 10px auto;
}
.youtube-profile-img a {
	border-radius: 50%;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f6f2e9;
}
.youtube-profile-img img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 2px solid #222;
    transition: transform .3s ease, opacity .3s ease;
}
.youtube-profile-img a:hover img {
    transform: scale(1.03);
    opacity: 0.8;
}
#purchase-confirmation .pad-inline-med {
	padding-inline: 12%;
}
#purchase-confirmation h1 {
    line-height: 1.2;
	margin-bottom: 30px;
}
#purchase-confirmation h3 {
	margin-bottom: 30px
}

/*========================================================
:: Contact
========================================================*/


#contact .row {
	align-items: start;
	gap: 0;
}
.contact-left-content {
	padding-right: 10vw;
}
.contact-left-content .social {
	margin: 36px 0;
}
.contact-hidden {
    display: none;
}
.commercial-form, #mentorship-form {
	max-width: 650px;
	margin: 0 auto;
}
#commercial-form {
	scroll-margin-top: 120px;
}
#theContactinator.contact-form {
	margin-top: 16px;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.form-grid .full {
  grid-column: 1 / -1;
}
#commercial-form.form-grid {
    grid-template-columns: 1fr;
}
.form-field {
    display: flex;
    flex-direction: column;
    width: 100%;
	position: relative;
}
/* Premium input style */
.contact-form input,
.contact-form textarea,
.contact-form select {
	font-family: haboro-soft, sans-serif; 
	background-color: #f6f2e9; 
  	border: none;
  	border-bottom: 1px solid #222;
	padding: 12px 14px;
	color: #222;
	width: 100%;
  	transition: background-color 0.3s ease,
                border-bottom-color 0.3s ease,
                color 0.35s ease,
                box-shadow 0.3s ease;
}
.contact-form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='%23222' d='M7 8L0 0h14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 10px;
}
textarea {
	resize: vertical;
	height: 320px;
}
.commercial-form textarea {
    height: 200px;
}
#mentorship-form textarea {
	height: 150px;
}
/* On focus: subtle glow + underline highlight */
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    outline: none;
    border-bottom-color: #c6522d;      /* luxury accent color */
    box-shadow: 0 2px 10px rgba(198, 82, 45, 0.2);
}
/* placeholder */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #222;
}
/* filled AND not focused */
.contact-form input:not(:placeholder-shown):not(:focus),
.contact-form textarea:not(:placeholder-shown):not(:focus),
.contact-form select:valid {
    color: #999;
}
input:-webkit-autofill, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #f6f2e9 inset;
    -webkit-text-fill-color: #999;
}
input, select, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	border-radius: 0;
}
select {
    appearance: none;
	border-radius: 0;
	cursor: pointer;
}
input, input[type=submit].button {
    -webkit-appearance: none;
    border-radius: 0;
}
select:focus {
    outline: 0;
}
input:-webkit-autofill::selection {
    -webkit-text-fill-color: #222;
}
option {
    font-size: 17px;
    color: #222;
    padding: 4px;
}
button {
	font-family: haboro-soft, sans-serif;
    cursor: pointer;
}
p.error {
    font-size: 14px;
    color: #c6522d;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}
.hp-field {
    position: absolute;
    left: -9999px;
}
.form-response {
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
	padding-block: 90px;
}
.form-response-title {
	margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em;
}



/*========================================================
:: Error
========================================================*/


.big-err {
	font-size: clamp(150px, 20vw, 200px);
	line-height: 1;
	font-weight: 300;
}
.four-oh-four p {
    padding-top: 40px;
}



/*========================================================
:: Breakpoint Styles
========================================================*/


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

.pad-inline-med, .faq-list {
	padding-inline: 6%;
	}

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

.footer-columns {
	column-gap: 80px;
    }
.blockquote {
	padding-left: 8%;
    }
#lut-showcase .row {
    align-items: start;
    }
#lut-showcase .row .text {
	margin: 0;
    }
#chroma-sony.row {
    align-items: center;
    }
#chroma-sony.row .text {
    margin-top: -15%;
    }
}
@media only screen and (max-width:1100px) {

p.p--xl {
	font-size: 20px
    }
.tier-text p {
	font-size: 17px;
    }
.tier-bottom {
    margin-top: clamp(0px, 5vw, 40px);
    }
.collections-heading {
    padding-right: 10%;
    }
.collections-body {
    padding-left: 10%;
    }
}
@media only screen and (max-width:1024px) {

.announcement-bar {
	max-height: 30px;
    }
.announcement-inner {
	height: 30px;
    }
.navigation {
    grid-template-columns: 1fr auto;
	height: 70px;
    }
.nav-left, .nav-right {
    display: none;
    }
#mobile-nav, #mobile-nav-toggle {
    display: block;
    }
#header {
	transition: background-color .3s ease;
    }
.logo {
	z-index: 100020;
	}
.logo-container {
    width: 50px;
    height: 50px;
    }
.logo img {
    height: 50px;
    width: auto;
    }
.nav-up {
	top: 0;
	}
.header-space {
	margin-top: 100px;
    }
.header-space.less-header-space {
	margin-top: 70px;
    }
.footer-main.grid-content {
	grid-template-columns: 1fr;
    row-gap: 45px;
	padding-top: 45px;
	}	
.footer-logo img {
    width: 45px;
    height: auto;
    max-width: 100%;
	}
.footer-columns {
	grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
	column-gap: 60px;
	justify-self: center;
	}
.footer-bottom.grid-content {
    grid-template-columns: 1fr;
    text-align: center;
	border-top: 2px solid #222;
	padding-block: 11px;
  	}
.footer-bottom > div:first-child {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
  	}
.footer-bottom > div:last-child {
    padding-top: 10px;
  	}
.ender-left, .ender-right {
	text-align: center;
	}
.hero-section {
	height: calc(100vh - 100px);
	margin-top: 100px;
}
.hero-section.less-header-space {
	height: calc(100vh - 70px);
	margin-top: 70px;
}
.hero-content p {
    padding: 0 12%;
}
.about-1 .bcg {
	background-position: 65% 0;
	}
.slide-9 .bcg {
	background-position: 60% center;
	}
.gallery-grid, .gallery-row.cols-3, .gallery-row.cols-4 {
    grid-template-columns: repeat(2, 1fr);
	row-gap: 40px;
    }
.gallery-row.cols-2 {
	row-gap: 40px;
	}
.gallery-row:not(:last-child) {
	margin-bottom: 40px;
	}
.grid-item-lg {
    grid-column: 1 / -1;
    }
.project-title {
	position: static;
    height: auto;
    background: none;
    color: #222;
    text-align: center;
    margin-top: 12px;
	padding: 0;
	opacity: 1;
    transition: color .3s ease;
	}
.grid-item:hover .project-title {
    color:#c6522d
}
.tier-section .project-title {
    display: none;
    }
.commercial .project-description {
	max-width: 250px;
	margin-inline: auto;
	}
.pad-inline-med {
	padding-inline: 0;
	}
.tier-left-image {
    margin-top: clamp(-160px, -12vw, -80px);
    padding-left: clamp(40px, 9vw, 100px);
    }	
#contact .row {
	grid-template-columns: 1fr;
	gap: 90px;
	padding: 0 6%;
    }
.contact-left-content {
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
	}
.contact-left-content h1 {
	font-size: 40px;
	line-height: 1.2;
	}
.contact-left-content .title-accent::after {
	left: 50%;
    margin-left: -2rem;
	}
.contact-left-content .social {
    justify-content: center;
	}
.contact-hidden {
	display: inline;
	}
#theContactinator.contact-form {
	margin-top:0;
}
#education-packages .row{
  align-items: start;
}
#education-packages .row .text{
  margin-top: 0;
}
.answer p {
    padding-left: 8%;
    }
}

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

h1, .h1-style {
    font-size: 28px;
}
#faq .text-med, .film-title.h1-style {
    font-size: 32px;
}
.text-xl {
    font-size: 48px;
}
p, .tier-text p, .product-features li {
		font-size: 15px;
	}
.statement-inner {
    width: 80vw;
	}
.wedding-collections .margin-fix {
		margin-top: 0;
	}
.feature-items .text {
	margin-top: 0;
	}
	
h1.entry-title, h2.entry-title {font-size:30px}
}
@media only screen and (max-width:800px) {

.statement-inner.statement-inner-lg {
	width: 95vw;
    }
p.p--xl {
	font-size: 17px;
	}

.mobile-nav-inner {
    padding: 30% 6% 60px 6%;
	}
.mobile-primary a {
    font-size: 32px;
}
.mobile-secondary a {
    font-size: 18px;
	}
.blockquote {
	padding-left: 10%;
	}
	
	

.search-wrap {
    width: 100%;
	}
.entry-content p:first-of-type {
	margin-top: 50px;
	}
}
@media only screen and (max-width:767px) {

.grid-content {
    padding-inline: 5%;
	}
.mobile-disappear {
	display:none;
	}
.footer-main.grid-content {
	padding-block: 90px 45px;
	}
.footer-logo {
	text-align: right;
    order: 2; /* move below */
  	}
.footer-columns {
	grid-template-columns: 1fr;
	gap: 0;
	text-align: center;
	order: 1;
	}
.footer-column:first-child {
    display: none;
  	}
.footer-main .mobile-spacer {
	margin-bottom: 40px;
	}
.footer-column li {
    margin-bottom: 10px;
    }
.social {
	margin-top: 40px;
    justify-content: center;
	}
.site-footer p, .footer-column li {
    font-size: 15px;
    }
.footer-bottom p {
	font-size: 12px;
	}
.film-video {
  	width: 100vw;
  	margin-left: 50%;
  	transform: translateX(-50%);
}
.wedding-shorts .row.cols-2, .wedding-shorts .row.cols-3 {
    grid-template-columns: 1fr;
    gap: 5vw;
}
.gallery-section {
	padding-inline: 5%;
    }
.hero-section.hero-framed {
    width: 90vw;
	}
.hero-subtitle {
    margin-bottom: 10px;
	}
.editorial-grid .row {
	grid-template-columns: 1fr;
	row-gap: 5vw;
    column-gap: 0;
	text-align: center;
	}
.editorial-grid .stack-lg > * + *, .editorial-grid .row.mt-less {
    margin-top: 5vw;
    }
.editorial-grid .row.cols-2 .text, .editorial-grid .row .text {
	padding-block: calc(90px - 5vw);
	margin-top: 0;
	}
.cols-1 .text-box {
    width: 100%;
}
.text-box-wrapper.mt-sm, .text-spacer.mt-med {
    margin-top: 5vw !important;
}
.row--split, .row--split.reverse {
    grid-template-columns: 1fr;
	grid-template-areas:"image""text";
    row-gap: 90px;
    }
.row--split .text {
	text-align: center;
	padding-inline: 6%;
	}
.feature-items .text {
	margin-top: 0;
	}
.row--split .title-accent::after {
	left: 50%;
    margin-left: -2rem;
	}
#chroma-sony.cols-2 {
	grid-template-areas:"text""image";	
	}
#chroma-sony.row .text {
	margin: 0;
    }
.sony .unhidden {
    display: none;
    }
.sony .hidden {
    display: inline-block;
    }
.answer p {
    padding-left: 10%;
    }


.search-wrap {
		top: 50px;
	}
.entry-content h3, .entry-summary h3, .entry-content p, .entry-summary p, .entry-content .credits, .entry-content .more-info {
	padding-left: 6%;
	padding-right: 6%;
}
}
@media only screen and (max-width:700px) {
.mt-sm {
	margin-top: 90px !important;
	}
p, .tier-section p {
    font-size: 17px;
	}
html.no-webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax-700.jpg);
}
html.webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax-700.webp);
}
html.no-webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-700.jpg);
}
html.webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-700.webp);
}
html.no-webp .slide-3 .bcg {
    background-image: url(../images/parallax/tkees-banner-2-700.jpg);
    background-position: -290px 0;
}
html.webp .slide-3 .bcg {
    background-image: url(../images/parallax/tkees-banner-2-700.webp);
}
html.no-webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax-700.jpg);
}
html.webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax-700.webp);
}
html.no-webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax-700.jpg);
}
html.webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax-700.webp);
}
html.no-webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-700.jpg);
}
html.webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-700.webp);
}
html.no-webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-700.jpg);
}
html.webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-700.webp);
}
html.no-webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-700.jpg);
}
html.webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-700.webp);
}
html.no-webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-700.jpg);
}
html.webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-700.webp);
}
html.no-webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-700.jpg");
}
html.webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-700.webp");
}
html.no-webp .about-1 .bcg {
    background-image: url(../images/who-we-are/whoweare-1-700.jpg);
}
html.webp .about-1 .bcg {
    background-image: url(../images/who-we-are/whoweare-1-700.webp);
}
.gallery-grid, .gallery-row.cols-2, .gallery-row.cols-3, .gallery-row.cols-4 {
    grid-template-columns: 1fr;
	gap: 40px;
    }
.tier-section, .about-content {
    grid-template-columns: 1fr;
	gap:60px;
    }
.tier-left, .tier-left-image, .tier-text, .tier-bottom, .tier-right-text {
    grid-column: 1;
    grid-row: auto;
    margin: 0;
	padding: 0;
    }
.film-description-inner {
    grid-template-columns: 1fr;
    grid-template-areas:"story""team";
}

.film-description-inner .inner-left, .film-description-inner .inner-right {
    width: 86%;
    margin-inline: auto;
    padding-left: 10%;
    
}
.film-description-inner .inner-left {
    padding-bottom: 18px;
    text-align: left;
    border-left: 1px solid #222;
}
.about-hero {
	padding-bottom: 90px;
	}
.about-image img {
	width: 100%;
	}
.marquee {
	top: auto;
	bottom: -12px;
	}
.video-stack-wrapper {
    justify-content: center;
    }
.video-stack {
	width: 76%;
	}
.about-text {
    padding: 0 6%;
    text-align: center;
    }
.about-text p {
	max-width: 100%;
	}
.collections-intro {
    grid-template-columns: 1fr;
	}
.collections-intro .collections-body {
	padding-right: 0;
	}
.collections-heading {
	text-align: left;
	margin-bottom: 32px;
	padding: 0;
	}
.collections-heading h2 {
    font-size: clamp(44px, 6vw, 48px);
    }
.collections-body {
	width: 88%;
	margin-inline: 6%;
	}
.testimonial h2 {
	font-size: 20px;
    }
.form-grid {
	grid-template-columns: 1fr;
	gap: 12px;
	}
.product-card .row.cols-2 {
    grid-template-columns: 1fr;
	row-gap: 60px;
	}
.product-description {
	padding-inline: 6%;
	text-align: center;
	}
.product-features {
	display: inline-block;
	text-align: left;
	}


#blog img.size-medium {
    width: 100%;
    display: block;
    margin: 5% auto;
}
}
@media only screen and (max-width:499px) {
h1, .h1-style, .h1-style.blockquote, .mobile-primary a {
	font-size: 24px;
	}
.film-title.h1-style {
    font-size: 28px;
    }
.text-xl, h1.contact-title {
    font-size: 32px;
    }
.statement-title h2 {
	font-size: 48px;
    }
.mobile-nav-inner {
    padding: 50% 6% 40px 6%;
	}
.mobile-secondary a {
    font-size: 14px;
	}
.mobile-primary li, .mobile-secondary li  {
    margin-bottom: 40px;
	}
.mobile-nav-inner .social {
	margin-top: 24px;
	}
.services-offered .list-middot>li, .services-offered .list-middot>li h1 {
	display: block;
	}
.services-offered.list-middot>li:not(:last-child)::after {
	content: none;
	} 
.media-section .services-offered {
	width: 75%;
	margin: 0 auto;
	padding: 30px 0 8px 10%;
	border-left: 1px solid #f6f2e9;
	text-align: left;
	}
.mobile-section-auto {
    height: auto;
    }


#blog-author {
    display: none;
    }
.entry-content .video-preview img, .entry-summary .video-preview img {
    margin: 0; width:100.5%;max-width:100.5%
    }
.error404 .search-content h3 {
    margin-top: 0;
    font-size: 150px;
    line-height: 150px;
    }
}
@media only screen and (max-height:740px) {
.mobile-nav-inner {
 	padding: 140px 6% 0px 6%;
   	}
}
@media only screen and (max-height:650px) {
.mobile-social  {
    display: none;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:700px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:700px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:700px), only screen and (min-device-pixel-ratio:2) and (max-width:700px), only screen and (min-resolution:192dpi) and (max-width:700px), only screen and (min-resolution:2dppx) and (max-width:700px) {
html.no-webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax-1400.jpg);
}
html.webp .slide-1 .bcg {
    background-image: url(../images/parallax/kalinkaadriano-parallax-1400.webp);
}
html.no-webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-1400.jpg);
}
html.webp .slide-2 .bcg {
    background-image: url(../images/parallax/four-seasons-wedding-1400.webp);
}
html.no-webp .slide-3 .bcg {
    background-image: url(../images/parallax/tkees-banner-2-1400.jpg);
}
html.webp .slide-3 .bcg {
    background-image: url(../images/parallax/tkees-banner-2-1400.webp);
}
html.no-webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax-1400.jpg);
}
html.webp .slide-4 .bcg {
    background-image: url(../images/parallax/madialan-parallax-1400.webp);
}
html.no-webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax-1400.jpg);
}
html.webp .slide-5 .bcg {
    background-image: url(../images/parallax/wedding-education-parallax-1400.webp);
}
html.no-webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-1400.jpg);
}
html.webp .slide-6 .bcg {
    background-image: url(../images/parallax/biancamassimo-parallax-1400.webp);
}
html.no-webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-1400.jpg);
}
html.webp .slide-7 .bcg {
    background-image: url(../images/parallax/commercialbanner-1400.webp);
}
html.no-webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-1400.jpg);
}
html.webp .slide-8 .bcg {
    background-image: url(../images/parallax/muskoka-weddingvideo-1400.webp);
}
html.no-webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-1400.jpg);
}
html.webp .slide-9 .bcg {
    background-image: url(../images/parallax/casaloma-weddingvideo-banner-1400.webp);
}
html.no-webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-1400.jpg");
}
html.webp .slide-10 .bcg {
    background-image: url("../images/parallax/tkees-warmcore-1400.webp");
}
html.no-webp .about-1 .bcg {
    background-image: url(../images/who-we-are/whoweare-1-1400.jpg);
}
html.webp .about-1 .bcg {
    background-image: url(../images/who-we-are/whoweare-1-1400.webp);
}
}