.bg-page{background:#fff}
.bg-hero{padding:32px 0 48px;background:var(--pp-red);color:#fff}
.bg-hero .pp-breadcrumb{margin-bottom:32px;color:#fff}
.bg-hero .pp-breadcrumb a,.bg-hero .pp-breadcrumb li[aria-current=page] span{color:#fff}
.bg-hero .pp-breadcrumb li+li::before{border-color:#fff}
.bg-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.bg-hero h1{max-width:19ch;color:#fff;font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-.035em}
.bg-hero p{max-width:53ch;margin-top:24px;font-size:clamp(19px,1.5vw,23px);line-height:1.5}
.bg-hero figure{aspect-ratio:16/10;background:#fff;overflow:hidden}
.bg-hero figure img{display:block;width:100%;height:100%;object-fit:contain}
.bg-reading{display:grid;grid-template-columns:minmax(200px,.6fr) minmax(0,1.6fr);gap:clamp(40px,7vw,110px);padding-block:clamp(40px,5vw,76px)}
.bg-reading>aside{min-width:0}
.bg-index{position:sticky;top:calc(var(--pp-sticky-header-height) + 24px)}
.bg-index h2{margin-bottom:20px;font-size:18px;font-weight:750}
.bg-index a{display:block;padding:14px 0;border-top:1px solid var(--pp-line);font-size:17px;line-height:1.4}
.bg-index a:hover{color:var(--pp-red)}
.bg-copy{max-width:76ch;min-width:0}
.bg-section{position:relative;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid var(--pp-line)}
.bg-section:last-child{margin-bottom:0;padding-bottom:0;border:0}
.bg-section h2{font-size:clamp(27px,2.5vw,36px);line-height:1.2;letter-spacing:-.025em}
.bg-section p{margin-top:18px;color:var(--pp-muted);font-size:20px;line-height:1.6}
.bg-section a{color:var(--pp-red);text-decoration:underline;text-underline-offset:4px}
.bg-section a:hover{color:var(--pp-red-dark)}
.bg-anchor{position:absolute;top:0}
.bg-closing.pp-closing--right .pp-closing-copy{width:min(45vw,650px)}
.bg-closing h2{font-size:clamp(32px,3.5vw,48px)}
@media(max-width:1050px){.bg-page .pp-contact-widget{display:none}}
@media(max-width:780px){
  .bg-hero{padding-block:24px 36px}
  .bg-hero-grid{grid-template-columns:1fr;gap:28px}
  .bg-hero h1{font-size:clamp(36px,8.6vw,48px)}
  .bg-hero p{font-size:19px}
  .bg-reading{grid-template-columns:1fr;gap:36px}
  .bg-index{position:static}
  .bg-index a{padding-block:12px}
  .bg-section p{font-size:19px}
  .bg-closing.pp-closing--right .pp-closing-copy{width:100%}
}