/* Header navigation labels use capitals on desktop and mobile. */
.ppp-nav .wp-block-navigation-item__label{text-transform:uppercase}
/* 3.2 additions to the approved design. Existing campaign sections keep their reference CSS. */
.ppp-nav .wp-block-navigation__container{gap:clamp(.85rem,1.5vw,1.5rem)}
.ppp-nav .ppp-support-link>a,
.ppp-nav .ppp-support-link>a:hover{
  background:transparent!important;border:0;box-shadow:none;padding:.6rem 0;
  color:var(--ppp-cream)!important;text-decoration:none
}
.ppp-nav .ppp-support-link>a .wp-block-navigation-item__label{color:inherit!important;background:transparent!important}
.ppp-nav .ppp-support-link>a:hover{color:var(--ppp-sand)!important;text-decoration:underline;text-underline-offset:.3em}
.ppp-nav a:focus-visible,.ppp-adam-call:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ppp-v2-hero .ppp-brother-link{flex-shrink:0}
.ppp-brother-hero{min-height:760px}
.ppp-brother-hero .ppp-v2-hero-inner{padding-top:90px;padding-bottom:90px}
.ppp-brother-hero .ppp-v2-hero-bg img{height:100%;object-fit:cover;object-position:66% center}
.ppp-brother-hero:before{background:linear-gradient(90deg,rgba(12,16,14,.94),rgba(12,16,14,.7) 42%,rgba(12,16,14,.15))}
.ppp-brother-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:3rem}
.ppp-brother-role{min-width:0;margin:0!important;padding:clamp(1.4rem,3vw,3rem);border-top:3px solid var(--ppp-olive);background:#efede5}
.ppp-brother-role .ppp-brother-role-title{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 1.4rem}
.ppp-brother-role .ppp-eyebrow{font-size:.75rem}
.ppp-brother-role p:not(.ppp-eyebrow){line-height:1.7}
.ppp-brother-principle{max-width:950px;line-height:1.75;border-top:1px solid var(--ppp-sand);padding-top:2rem;margin-top:2.5rem!important}
.ppp-brother-adam .ppp-statement-heading{font-size:clamp(2.5rem,7vw,7rem);overflow-wrap:break-word}
.ppp-adam-contact{margin-top:2rem}
.ppp-adam-call{display:inline-flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--ppp-cream);color:var(--ppp-ink)!important;padding:1rem 1.4rem;font-weight:900;line-height:1.4;max-width:100%;text-decoration:none}
.ppp-adam-call:hover{background:var(--ppp-sand)}
.ppp-adam-number{font-size:1.2rem;font-weight:900;letter-spacing:.03em;overflow-wrap:anywhere}
.ppp-brother-nonprofit{border-left:3px solid var(--ppp-olive);padding-left:1.2rem;margin-top:2rem!important;font-size:.95rem;line-height:1.65}
.ppp-brother-form select{width:100%;min-width:0;font-size:16px;text-overflow:ellipsis}
.ppp-brother-form input,.ppp-brother-form textarea{width:100%;min-width:0}
.ppp-brother-join .ppp-form-column{min-width:0}
@media screen and (max-width:1199px){
  .ppp-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
  .ppp-nav .wp-block-navigation__responsive-container-open{display:flex!important}
  .ppp-nav .wp-block-navigation__responsive-container-open,.ppp-nav .wp-block-navigation__responsive-container-close{min-width:48px;min-height:48px;align-items:center;justify-content:center;color:var(--ppp-cream)}
  .ppp-nav .wp-block-navigation__responsive-container.is-menu-open{width:100%;max-width:100%;height:100vh;height:100dvh;overflow-y:auto;padding:5.5rem max(1.5rem,env(safe-area-inset-right)) 2rem max(1.5rem,env(safe-area-inset-left))}
  .ppp-nav .is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch;padding-top:0;min-width:0;max-width:100%}
  .ppp-nav .is-menu-open .wp-block-navigation__container{align-items:stretch!important;gap:.75rem!important;width:100%;max-width:100%}
  .ppp-nav .is-menu-open .wp-block-navigation-item{width:100%;max-width:100%}
  .ppp-nav .is-menu-open .wp-block-navigation-item__content{display:block;min-height:48px;padding:.8rem 0;font-size:1.15rem;line-height:1.4;white-space:normal;overflow-wrap:break-word;text-align:left}
}
@media screen and (max-width:781px){
  .ppp-brother-hero{min-height:0}
  .ppp-brother-hero .ppp-v2-hero-inner{padding-top:clamp(220px,66vw,315px);padding-bottom:55px}
  .ppp-brother-hero:before{background:linear-gradient(0deg,var(--ppp-ink) 0%,var(--ppp-ink) 44%,rgba(27,27,27,.8) 68%,rgba(27,27,27,.1) 100%)}
  .ppp-brother-roles{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2rem}
  .ppp-brother-role{padding:1.5rem}
  .ppp-brother-adam .ppp-statement-heading{font-size:clamp(1.9rem,8.6vw,4rem);line-height:1.08}
  .ppp-adam-call{width:100%;font-size:.95rem;padding:1rem}
  .ppp-v2-hero .ppp-brother-link{flex-shrink:1}
}