/* Shared page header: compact photograph, white curve, Moret title and brushes. */
.page-banner{overflow:hidden;text-align:center;background:#fff;margin-top:-26px}
.page-banner-photo{height:clamp(240px,27vw,390px);position:relative;overflow:hidden;background:var(--leaf)}
.page-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.page-banner-photo::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(64px,8.3vw,120px);background:url(../img/sustainability/hero-curve.svg) center/100% 100% no-repeat;pointer-events:none}
.page-banner-panel{position:relative;background:#fff;margin-top:-1px;padding-bottom:42px}
.page-banner-title{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,60px);max-width:1080px;margin:0 auto 18px;font-size:clamp(2.6rem,6.3vw,5.6rem);line-height:1.2;letter-spacing:-.015em;color:var(--green)}
.page-banner-title>span{min-width:0;max-width:720px;text-wrap:balance;overflow-wrap:break-word}
.page-banner-title::before,.page-banner-title::after{content:"";flex:1 1 0;max-width:220px;min-width:28px;height:56px;background:url(../img/sustainability/title-brush.svg) center/100% 100% no-repeat;transform:translateY(.075em)}
.page-banner-title::after{transform:translateY(.075em) scaleX(-1)}
.page-banner-subtitle{font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:500;color:var(--green-ink);line-height:1.6;max-width:850px;margin:0 auto;text-wrap:balance}
.page-banner-panel .btn{margin-top:24px}
.page-banner-detail .page-banner-title{font-size:clamp(2rem,4.8vw,4.2rem)}
.page-header-article{margin-top:0;padding-top:48px;background:#fff}
.page-header-article .page-banner-panel{margin-top:0;padding-bottom:30px}
.page-header-article .article-crumbs{margin:24px auto 0;line-height:1.8;background:transparent;text-wrap:balance}
.article-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){
 .page-banner-photo{height:230px}
 .page-banner-panel{padding-bottom:30px}
 .page-banner-title{font-size:clamp(2rem,7.8vw,3.3rem);gap:14px;margin-bottom:16px}
 .page-banner-title::before,.page-banner-title::after{height:28px;min-width:26px}
 .page-banner-subtitle{max-width:390px}
 .page-banner-detail .page-banner-title{font-size:clamp(1.8rem,6.5vw,2.7rem)}
 .page-header-article{padding-top:32px}
 .page-header-article .page-banner-panel{padding-bottom:20px}
 .page-header-article .article-crumbs{margin-top:20px}
}