/* v3.2 customer-clarity pass: visual evidence first, no decorative pre-headlines. */
.eyebrow,.folio-label{display:none!important}
.folio-hero{clip-path:none!important}
.folio-hero__media{overflow:visible;box-shadow:none}.folio-hero__media picture{display:block;overflow:hidden;border-radius:clamp(34px,6vw,90px) clamp(18px,3vw,45px) clamp(34px,6vw,90px) clamp(18px,3vw,45px);box-shadow:var(--shadow)}.folio-hero__media figcaption{padding-left:4px;padding-right:4px;overflow-wrap:anywhere}
.section-intro,.section-intro--narrow{grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:clamp(30px,5vw,80px);align-items:end}
.section-intro h2,.section-intro--narrow h2{grid-column:1}.section-intro>p:last-child{grid-column:2;margin-bottom:.4rem}

/* The hero note and the time control each own a grid row; neither is an overlay. */
.hero-home{grid-template-rows:auto auto auto;align-items:center;min-height:0;padding-bottom:72px}
.hero-home__copy{grid-column:1;grid-row:1/4}.hero-home__media{grid-column:2;grid-row:1}
.hero-home__note{grid-column:2;grid-row:2;position:static;left:auto;bottom:auto;width:min(560px,76%);margin:22px 0 0 32px;transform:none;padding:1.25rem 1.45rem;background:#fff}
.hero-home__note span{display:none}.hero-home__note strong{margin:0 0 .35rem}.hero-home__note p{margin:0}
.time-switcher{grid-column:2;grid-row:3;position:static;right:auto;bottom:auto;justify-self:end;margin-top:18px;max-width:100%}
.hero-home__scroll{bottom:26px}

/* High-contrast photographic callouts. */
.aerial-story__markers li{width:max-content;max-width:230px!important;background:#fff!important;color:var(--night)!important;border:1px solid rgba(20,39,47,.16);border-radius:16px!important;padding:.8rem 1rem!important;font-size:1rem!important;line-height:1.25;letter-spacing:.035em;text-transform:none;box-shadow:0 16px 38px rgba(4,24,29,.2);backdrop-filter:none!important}
.aerial-story__markers li span{flex:0 0 auto;width:31px;height:31px;font-size:.72rem}

/* A familiar image-led process replaces the abstract orbit/blob diagram. */
.whole-yard{clip-path:none!important;overflow:visible;background:linear-gradient(180deg,#f8faf7,#dcefeb);padding-top:82px!important;padding-bottom:82px!important}
.planning-process{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.planning-step{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:220px auto auto;column-gap:14px;min-width:0;padding:0 0 22px;text-align:left;background:#fff;border:1px solid rgba(20,39,47,.12);border-radius:28px 8px 28px 8px;overflow:hidden;cursor:pointer;box-shadow:0 12px 32px rgba(8,27,37,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.planning-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.planning-step.is-active{border-color:var(--water-2);box-shadow:0 0 0 3px rgba(40,127,145,.18),var(--shadow-soft)}
.planning-step img{grid-column:1/-1;width:100%;height:220px;object-fit:cover}.planning-step span{grid-column:1;grid-row:2/4;margin:20px 0 0 20px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--water);color:#fff;font-size:.78rem}
.planning-step strong{grid-column:2;margin:20px 20px 2px 0;font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.1}.planning-step small{grid-column:2;margin-right:20px;font-size:1rem;color:var(--muted)}
.planning-process__answer{max-width:1040px;margin:26px auto 0;display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,.85fr);align-items:center;background:var(--night);color:#fff;border-radius:10px 42px 10px 42px;overflow:hidden;box-shadow:var(--shadow-soft)}
.planning-process__answer img{width:100%;height:100%;min-height:280px;object-fit:cover}.planning-process__answer>div{padding:clamp(28px,4vw,54px)}.planning-process__answer h3{font-size:clamp(2rem,3vw,3.5rem);margin-bottom:1rem}.planning-process__answer p{margin:0;color:rgba(255,255,255,.82);font-size:1.08rem}

/* Image-led systems gallery: the visual explains the subject before the paragraph. */
.element-map{position:relative;min-height:0;background:var(--paper);padding-top:82px!important}.element-map:before{display:none}.element-map__center{position:static;transform:none;width:min(860px,100%);margin:0 auto 46px;text-align:center}.element-map__center h2{margin-bottom:1.1rem}.element-map__center p{margin:0 auto;font-size:1.12rem}
.element-map__grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.element-map__grid article{position:static!important;transform:none!important;width:auto!important;padding:0!important;background:#fff!important;border:1px solid rgba(20,39,47,.12)!important;border-radius:28px 8px 28px 8px!important;overflow:hidden;box-shadow:0 12px 34px rgba(8,27,37,.08)!important;backdrop-filter:none!important}
.element-map__grid figure{height:230px;margin:0;overflow:hidden}.element-map__grid picture,.element-map__grid figure>picture img{width:100%;height:100%}.element-map__grid figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.element-map__grid article:hover figure img{transform:scale(1.025)}
.element-map__grid article>div{display:grid;grid-template-columns:54px 1fr;padding:24px}.element-map__grid article>div>img{grid-column:1;grid-row:1/3;width:44px!important;height:44px}.element-map__grid h3{grid-column:2;margin:0 0 .55rem;font-size:2rem}.element-map__grid p{grid-column:2;margin:0;font-size:1.02rem!important;line-height:1.48}

@media(max-width:1100px){
  .hero-home{display:flex;flex-direction:column;align-items:stretch;padding-bottom:48px}.hero-home__media{order:1}.hero-home__copy{order:2;padding-top:34px}.hero-home__note{order:3;width:100%;max-width:620px;margin:22px 0 0}.time-switcher{order:4;align-self:flex-start;justify-self:auto;margin-top:18px}.hero-home__scroll{display:none}
  .planning-process,.element-map__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aerial-story__markers li{font-size:.9rem!important;max-width:190px!important}
}
@media(max-width:700px){
  .section-intro,.section-intro--narrow{grid-template-columns:1fr}.section-intro h2,.section-intro--narrow h2,.section-intro>p:last-child{grid-column:1}
  .hero-home__note{margin-top:18px}.time-switcher{width:100%;overflow-x:auto}.time-switcher button{white-space:nowrap}.hero-home__media img{height:clamp(350px,48vh,520px)}
  .planning-process,.element-map__grid{grid-template-columns:1fr}.planning-step{grid-template-rows:200px auto auto}.planning-step img{height:200px}.planning-process__answer{grid-template-columns:1fr}.planning-process__answer img{min-height:220px;max-height:260px}.whole-yard{padding-left:20px!important;padding-right:20px!important}
  .element-map{padding-left:20px!important;padding-right:20px!important}.element-map__grid figure{height:220px}
}
