/* Supporting stories: white headings, purposeful colour and building context. */
.inner-page main :is(h1,h2,h3){color:#f7faf8}
.inner-page main :is(h1,h2,h3) :is(strong,b){color:var(--page-flow-colour);font-weight:700}
.inner-page main h3{font-weight:450!important;letter-spacing:-.025em}
.inner-page .lede{color:#c6d4cd;max-width:38em}
.inner-page .page-hero{padding-bottom:52px}
.inner-page .rows{gap:28px;margin-top:36px;align-items:start}
.inner-page .rows>.feature-card{padding:28px 0;border:0;border-top:1px solid #ffffff29;background:none;border-radius:0;backdrop-filter:none;min-width:0;overflow:hidden}
.feature-symbol{color:var(--page-flow-colour);display:block;margin-bottom:24px}
.feature-symbol svg{width:30px;height:30px;stroke:currentColor}
.inner-page .feature-copy h3{font-size:clamp(25px,2.1vw,34px)!important;line-height:1.18;margin-bottom:18px}
.inner-page .feature-copy p{max-width:42em;line-height:1.65;margin-bottom:0}
.inner-page .rows>.feature-illustrated{border:1px solid #ffffff20;border-radius:18px;padding:0;background:#ffffff03}
.feature-media,.resource-cover{margin:0;position:relative;overflow:hidden;background:#18241f}
.feature-media img,.resource-cover img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}
.feature-media figcaption,.resource-cover figcaption{position:absolute;bottom:0;right:0;padding:8px 13px;background:#14201dea;color:#c9d8d0;font-size:13px;line-height:1.4;border-top-left-radius:10px}
.feature-illustrated .feature-copy{padding:28px}
.inner-page .rows>.feature-illustrated:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}
.feature-illustrated:nth-child(3) .feature-media img{aspect-ratio:1.55}
.page-scene{max-width:1240px;margin:44px auto 0;border-radius:20px;overflow:hidden;background:#18241f;position:relative}
.page-scene img{width:100%;height:clamp(260px,36vw,490px);object-fit:cover;object-position:center 45%;display:block}
.page-scene figcaption{position:absolute;right:0;bottom:0;font-size:14px;padding:10px 18px;background:#14201ddd;color:#d0ded6;border-top-left-radius:12px}
.inner-page .visual-hero{gap:56px;align-items:start}
.inner-page .visual-hero .editorial-visual{margin-top:8px}
.inner-page .story-columns{gap:32px}
.inner-page .story-columns article{border-color:color-mix(in srgb,var(--page-flow-colour) 40%,transparent)}
.inner-page .story-columns .story-number{color:var(--page-flow-colour);font-size:20px}
.inner-page .prose{max-width:820px}
.inner-page .prose h2{padding-top:20px;color:#fff}
.inner-page .prose>ul{border-left:2px solid color-mix(in srgb,var(--page-flow-colour) 50%,transparent);padding-left:32px;margin-block:28px}
.inner-page .faq-group{padding-bottom:22px}
.inner-page .faq-group summary{padding-block:4px;font-size:23px}
.inner-page .region-pair>div{border-radius:12px;background:linear-gradient(140deg,#ffffff0b,transparent);border:1px solid #ffffff18}
.inner-page .region-pair span{color:var(--page-flow-colour)}
.inner-page .cta-band{border-top:1px solid #ffffff18;background:radial-gradient(ellipse at 15% 100%,color-mix(in srgb,var(--page-flow-colour) 8%,transparent),transparent 65%)}
.inner-page .market{border-radius:16px;padding:28px;gap:18px}
.inner-page .market-visual{border:0;border-bottom:1px solid #ffffff24;background:none;padding:0 0 24px;border-radius:0;min-height:140px}
.inner-page .market h3{color:white;font-size:30px!important}
.inner-page .market:nth-child(2){--page-flow-colour:#3fc0eb}
.inner-page .market:nth-child(3){--page-flow-colour:#f4a712}
.inner-page .market .go{color:var(--page-flow-colour);margin-top:auto}
.inner-page .resource-illustrated .feature-symbol{display:none}
.inner-page .resource-illustrated .resource-cover{border-radius:12px;margin-bottom:26px}
.inner-page .resource-illustrated h3 a{color:#fff}
.inner-page .resource-illustrated h3 a:hover{color:var(--page-flow-colour)}
.inner-page .feature-shot{gap:24px 44px}
.inner-page .feature-shot>.feature-card{display:grid;grid-template-columns:32px 1fr;gap:20px}
@media(max-width:800px){
 .inner-page .rows{gap:28px}
 .inner-page .rows>.feature-card{padding-top:24px}
 .inner-page .rows>.feature-illustrated{padding:0}
 .inner-page .rows>.feature-illustrated:nth-child(3){display:block;grid-column:auto}
 .feature-illustrated .feature-copy{padding:23px}
 .inner-page .feature-copy h3{font-size:28px!important}
 .inner-page .feature-copy p{font-size:18px;line-height:1.6}
 .inner-page .visual-hero{gap:30px}
 .inner-page .page-hero{padding-top:44px}
 .page-scene{margin-top:30px;border-radius:14px}
 .page-scene img{height:290px}
 .feature-media img,.resource-cover img{aspect-ratio:1.3}
 .inner-page .feature-shot>.feature-card{gap:16px}
 .inner-page .feature-shot .feature-copy h3{font-size:25px!important}
 .inner-page .feature-media figcaption,.inner-page .resource-cover figcaption{font-size:12px}
}

.product-poster{display:block;padding:0;width:100%;text-align:left;background:#15241f;color:white;cursor:pointer}
.product-poster>img{display:block;width:100%;height:auto}
.product-poster>span{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-top:1px solid #ffffff22;font-size:17px;color:#fff}
.product-poster:hover>span{color:var(--page-flow-colour);background:#ffffff06}
.product-poster:focus-visible{outline:3px solid var(--page-flow-colour);outline-offset:-4px}

.feature-media figcaption a,.resource-cover figcaption a,.page-scene figcaption a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.feature-media img[src*="shared-stairwell"],.resource-cover img[src*="shared-stairwell"],.page-scene img[src*="shared-stairwell"]{object-position:center 57%}

/* Supplied building and installation imagery, with room for the product beside it. */
.workflow-context{margin:28px 0 0;border-radius:14px;overflow:hidden}
.workflow-context img{display:block;width:100%;height:220px;object-fit:cover}
.story-photo{margin:0 0 32px;border-radius:16px;overflow:hidden}
.story-photo img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 42%}
.feature-media img[src*="apartment-balconies"],.page-scene img[src*="apartment-balconies"]{object-position:center 55%}
@media(max-width:800px){.workflow-context img{height:auto;aspect-ratio:1.65}.story-photo img{height:230px}.feature-media img[src*="site-plan-review"],.feature-media img[src*="riser-survey"]{object-position:60% center}}