/* The same alternating material stories appear in each homepage direction. */
.qc-site .qc-material-showcase{background:#071a2b;clear:both}
.qc-site .qc-material-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px;margin:0;padding:0}
.qc-material-photo{position:relative;min-width:0;min-height:420px;overflow:hidden}
.qc-material-photo>.fl-module{position:absolute;inset:0}
.qc-material-photo>.fl-module,.qc-material-photo .fl-module-content{height:100%;margin:0!important;padding:0!important}
.qc-site .qc-material-photo .fl-slideshow-container{position:relative;height:100%!important;min-height:420px;width:100%!important;overflow:hidden;background:#e2e4e4}
.qc-site .qc-material-photo .qc-slide-image{display:block;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}
.qc-material-photo .qc-slide-controls{bottom:20px;right:20px}
.qc-material-panel{min-width:0;padding:28px clamp(24px,3vw,56px);display:flex;flex-direction:column;justify-content:center;background:#071a2b}
.qc-material-row:nth-child(2) .qc-material-panel{background:#102536}
.qc-material-panel>.fl-module{margin:0 0 22px!important;padding:0!important}
.qc-material-panel .fl-module-content{margin:0!important;padding:0!important}
.qc-site .qc-material-panel h3,.qc-site .qc-material-panel h3 a,.qc-site .qc-material-panel h3 .fl-heading-text{font:400 clamp(28px,2.4vw,38px)/1.25 'Playfair Display',Georgia,serif!important;text-transform:none!important;letter-spacing:.02em!important;text-align:center!important;color:#fff!important;margin:0!important;padding:0!important}
.qc-site .qc-material-panel h3 a{display:inline-block;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .2s}
.qc-site .qc-material-panel h3 a:hover{border-color:#dcc294}
.qc-material-reverse .qc-material-photo{grid-column:2;grid-row:1}
.qc-material-reverse .qc-material-panel{grid-column:1;grid-row:1}
.qc-site .qc-material-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px;list-style:none;padding:0;margin:0}
.qc-material-icons li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;list-style:none;margin:0;padding:0}
.qc-material-icons svg{width:48px;height:48px;color:#dcc294;flex:none}
.qc-material-icons span{font:400 14px/1.5 'Open Sans',Arial,sans-serif;color:#dcc294}
@media(min-width:1700px){.qc-site .qc-material-row,.qc-site .qc-material-photo .fl-slideshow-container{min-height:440px}.qc-material-icons svg{width:52px;height:52px}.qc-material-icons span{font-size:14px}.qc-site .qc-material-icons{gap:32px 16px}}
@media(max-width:760px){
 .qc-site .qc-material-row{grid-template-columns:1fr;min-height:0}
 .qc-material-photo{height:280px;min-height:0}
 .qc-material-reverse .qc-material-photo,.qc-material-reverse .qc-material-panel{grid-column:auto;grid-row:auto}
 .qc-site .qc-material-photo .fl-slideshow-container{height:280px!important;min-height:0}
 .qc-material-panel{padding:36px 18px 38px}
 .qc-material-panel>.fl-module{margin-bottom:32px!important}
 .qc-site .qc-material-panel h3,.qc-site .qc-material-panel h3 a,.qc-site .qc-material-panel h3 .fl-heading-text{font-size:30px!important}
 .qc-material-icons svg{width:44px;height:44px}
 .qc-site .qc-material-icons{gap:20px 6px;max-width:580px;width:100%;margin:auto}
 .qc-material-icons span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.qc-material-panel h3 a{transition:none!important}}

.qc-site .qc-material-description{font:400 16px/1.7 'Open Sans',Arial,sans-serif;color:#dbe3e8;text-align:center;max-width:680px;margin:24px auto 0;padding:0}
.qc-site a.qc-material-cta{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:50px;max-width:100%;margin:22px 0 0;padding:14px 30px;box-sizing:border-box;border:1px solid #dcc294;background:#dcc294;color:#071b30;font:600 14px/1.5 'Open Sans',Arial,sans-serif;letter-spacing:.025em;text-align:center;text-decoration:none;transition:background-color .2s,border-color .2s}
.qc-site a.qc-material-cta:hover{background:#ead5b1;border-color:#ead5b1;color:#071b30}
.qc-site a.qc-material-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.qc-site a.qc-material-cta{transition:none}}
/* A light viewing invitation followed by the existing navy WhatsApp band. */
.qc-site .qc-home-design .qc-home-visit>.fl-row-content-wrap{background:#fff!important;border-top:0!important}
.qc-site .qc-home-design .qc-home-visit h3,.qc-site .qc-home-design .qc-home-visit .fl-cta-title{color:#071b30!important}
.qc-site .qc-home-design .qc-home-visit p,.qc-site .qc-home-design .qc-home-visit .fl-cta-text-content{color:#4e5e6b!important}
.qc-site .qc-home-design .qc-home-visit .fl-button{background:#071b30!important;border-color:#071b30!important;color:#fff!important}
.qc-site .qc-home-design .qc-home-visit .fl-button span,.qc-site .qc-home-design .qc-home-visit .fl-button i{color:inherit!important}
@media(max-width:420px){.qc-material-icons svg{width:38px;height:38px}.qc-material-icons span{font-size:12px}.qc-site .qc-material-description{margin-top:28px;font-size:16px;line-height:1.75}}

/* Colour names stay legible while the matching photograph moves behind them. */
.qc-material-photo .fl-slideshow-container:after{content:'';position:absolute;inset:50% 0 0;z-index:2;background:linear-gradient(transparent,#0718319c);pointer-events:none}
.qc-material-caption{position:absolute;left:clamp(20px,3vw,48px);right:154px;bottom:24px;z-index:3;color:#fff;font:400 clamp(24px,2.2vw,34px)/1.2 'Playfair Display',Georgia,serif;text-shadow:0 1px 8px #0005;pointer-events:none}
@media(max-width:760px){.qc-material-caption{left:20px;right:172px;bottom:26px;font-size:24px}}
