/* Reuse the Home feature type, its typography, image treatment and button tokens. */
.feature-panel{padding-block:55px;background:var(--page-bg)}
.feature-panel-pale{background:var(--pale)}
.location-introduction{background:var(--pale)}
.location-introduction-inner{display:flow-root;min-height:125px}
.location-introduction .home-overlap{margin-bottom:35px}
.location-introduction+.feature-panel{padding-top:65px}
@media(max-width:700px){.location-introduction-inner{min-height:0}.location-introduction .home-overlap{margin-bottom:35px}.location-introduction+.feature-panel{padding-top:35px}}
.feature-panel-inner{grid-template-columns:1fr 1.15fr}
.feature-panel-right .home-feature-image{order:2}
.feature-panel-right .feature-panel-inner{grid-template-columns:1.15fr 1fr}
.feature-panel-text .feature-panel-inner{display:block;max-width:850px}
.feature-panel .home-feature-image img{height:auto;max-height:470px}
.feature-panel figcaption{font-size:13px;margin-top:12px}
.projects-introduction{padding-block:65px;text-align:center;margin-inline:auto;max-width:1200px}
.projects-introduction h2,.projects-centred-heading,.gallery-section h2{font-size:26px;text-transform:uppercase;text-align:center}
.projects-introduction h2:after,.projects-centred-heading:after,.gallery-section h2:after{content:"";display:block;width:130px;height:1px;background:var(--green);margin:22px auto 28px}
.projects-introduction p{font-size:15px}
.project-slider-section{background:var(--pale);padding-block:65px}
.project-slider-white{background:var(--page-bg)}
.project-slider-section .project-card-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.project-slider-section .project-card{background:var(--page-bg);min-width:0;display:flex;flex-direction:column}
.project-slider-section .project-card[hidden],.gallery-image[hidden]{display:none}
.project-slider-section .project-card-title{padding:18px 16px 10px;min-height:130px}
.project-slider-section .project-card h3{font-size:23px}
.project-slider-section .project-excerpt{padding:15px 16px;margin:0;font-size:14px}
.project-slider-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:28px}
.project-slider-controls[hidden]{display:none}
.project-slider-controls button{background:transparent;color:var(--button);padding:8px 14px;border:1px solid var(--green);border-radius:3px}
.project-slider-controls button[data-project-prev],.project-slider-controls button[data-project-next]{font-size:24px}
.gallery-band{background:var(--pale)}
.gallery-section .section-heading{justify-content:center;margin:0 0 28px}
.gallery-filters{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:35px}
.gallery-filters[hidden]{display:none}
.gallery-filters button{background:transparent;color:var(--ink);padding:8px 12px;font-size:14px;border-bottom:1px solid transparent}
.gallery-filters button[aria-pressed="true"]{color:var(--button);border-color:var(--green)}
@media(max-width:1000px){.project-slider-section .project-card-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.feature-panel{padding-block:35px}.feature-panel-right .home-feature-image{order:0}.feature-panel .home-feature-image img{max-height:350px}.projects-introduction{padding-block:45px}.project-slider-section{padding-block:45px}.project-slider-section .project-card-track{grid-template-columns:1fr}.project-slider-section .project-card-title{min-height:0}.gallery-filters{gap:5px}}

@media(min-width:1001px){.project-slider-section>.wrap{position:relative}.project-slider-controls [data-project-prev],.project-slider-controls [data-project-next]{position:absolute;top:50%;border:0;padding:8px;background:transparent}.project-slider-controls [data-project-prev]{left:-40px}.project-slider-controls [data-project-next]{right:-40px}}

.projects-introduction .section-copy{max-width:1050px}

/* Project introductions sit above the photograph/text rows. */
.projects-introduction .section-inner{display:block}
.projects-introduction .section-copy{width:100%;margin-inline:auto;text-align:center}
.project-introduction{padding:65px 0 30px;text-align:center;background:var(--page-bg)}
.project-introduction-copy{max-width:1200px;margin-inline:auto}
.project-introduction h2{font-size:30px;text-transform:uppercase;margin:0}
.project-introduction h2:after{content:"";display:block;width:260px;max-width:55%;height:1px;background:var(--green);margin:22px auto 45px}
.project-introduction .prose{font-size:18px;line-height:1.85;color:var(--muted)}
.project-introduction .prose p{line-height:1.85}
.project-extra-photo{text-align:center;margin-block:35px}
.project-extra-photo img{display:block;max-height:550px;width:auto;margin-inline:auto}
.project-extra-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}
/* Long project titles use the original compact scale, without changing other banners. */
.hero-standard.hero-project h1{font-size:32px;line-height:1.3;letter-spacing:.6px;max-width:600px}
@media(max-width:1000px){.hero-standard.hero-project h1{font-size:29px;max-width:560px}}
@media(max-width:700px){.project-introduction{padding:45px 0 15px}.project-introduction h2{font-size:25px}.project-introduction h2:after{margin:20px auto 30px}.project-introduction .prose{font-size:15px}.hero-standard.hero-project h1{font-size:24px;max-width:100%;letter-spacing:.3px}.project-extra-photo img{max-height:400px}}

/* The global prose heading measure otherwise centres these titles within an 880px box on wide screens. */
.projects-introduction .section-copy > h2,.project-introduction-copy > h2{width:100%;max-width:none;margin-inline:auto;text-align:center}