/* ProBarton v10 — final visual authority. Loaded last. */
:root{
  --pb10-black:#070708;
  --pb10-charcoal:#0d0e10;
  --pb10-charcoal2:#121316;
  --pb10-white:#f3f2ef;
  --pb10-muted:#b9b8b3;
  --pb10-gold:#d2a135;
  --pb10-gold-soft:#b99a55;
  --pb10-line:#332d21;
}

/* One continuous dark visual environment. */
.pb-site,
.pbv2-hero,
.pbv2-intro,
.pbv2-feature,
.pbv2-feature-people,
.pbv2-concert,
.pbv2-feature-realestate,
.pbv2-more,
.pbv2-close{
  background:var(--pb10-black)!important;
  color:var(--pb10-white)!important;
}
.pbv2-intro,.pbv2-feature-people,.pbv2-more{background:var(--pb10-charcoal)!important}
.pbv2-feature-realestate{background:var(--pb10-charcoal2)!important}

/* Restore readable, intentional type colors. */
.pbv2-hero h1,
.pbv2-intro h2,
.pbv2-feature h2,
.pbv2-feature-people h2,
.pbv2-concert h2,
.pbv2-feature-realestate h2,
.pbv2-more h2,
.pbv2-close h2,
.pbv2-more-links a,
.pbv2-text-link{
  color:var(--pb10-white)!important;
}
.pbv2-kicker,.pbv2-eyebrow,.pbv2-number{
  color:var(--pb10-gold-soft)!important;
}
.pbv2-intro-grid>div>p,
.pbv2-feature-copy>p:not(.pbv2-number):not(.pbv2-kicker),
.pbv2-feature-people .pbv2-feature-copy>p:not(.pbv2-number):not(.pbv2-kicker),
.pbv2-concert-copy p,
.pbv2-feature-realestate p,
.pbv2-close p{
  color:var(--pb10-muted)!important;
}
.pbv2-more-links{border-top-color:var(--pb10-line)!important}
.pbv2-more-links a{border-bottom-color:var(--pb10-line)!important}
.pbv2-more-links a:hover,.pbv2-text-link:hover{color:#fff!important}

/* Hero-to-intro transition: no swoosh. Keep it clean and architectural. */
.pbv2-intro::before{display:none!important}
.pbv2-intro{padding-top:92px!important;border-top:1px solid rgba(210,161,53,.28)!important}

/* Swoosh only where it reads as a chapter divider. */
.pbv2-feature::before,
.pbv2-concert::before,
.pbv2-more::before,
.pbv2-close::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-16px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1120px,calc(100% - 72px))!important;
  height:30px!important;
  background:url('/assets/brand/section-swoosh.svg') center/100% 100% no-repeat!important;
  pointer-events:none!important;
  opacity:.88!important;
  z-index:4!important;
}
.pbv2-feature-people::before,.pbv2-feature-realestate::before{content:""!important}

/* Give chapters enough air for the swoosh, without giant dead zones. */
.pbv2-feature,.pbv2-feature-people,.pbv2-feature-realestate,.pbv2-concert{padding-top:86px!important}
.pbv2-more{padding-top:82px!important}
.pbv2-close{padding-top:88px!important}

/* Keep major editorial copy readable and restrained. */
.pbv2-intro h2{font-size:clamp(2.6rem,4.4vw,4.5rem)!important;max-width:760px!important}
.pbv2-feature h2,.pbv2-feature-people h2,.pbv2-feature-realestate h2{font-size:clamp(2.7rem,4.8vw,4.9rem)!important;line-height:.96!important}
.pbv2-concert h2{font-size:clamp(2.8rem,5vw,5rem)!important;line-height:.94!important}

@media(max-width:760px){
  .pbv2-feature::before,.pbv2-concert::before,.pbv2-more::before,.pbv2-close::before{
    width:calc(100% - 36px)!important;height:20px!important;top:-10px!important
  }
  .pbv2-intro{padding-top:68px!important}
  .pbv2-feature,.pbv2-feature-people,.pbv2-feature-realestate,.pbv2-concert{padding-top:70px!important}
  .pbv2-more{padding-top:68px!important}
}

/* ===== ProBarton v11: consistent chapter punctuation + concert alignment ===== */
/* Disable all pseudo-element swooshes. Standalone dividers now own this job. */
.pbv2-feature::before,
.pbv2-feature-people::before,
.pbv2-feature-realestate::before,
.pbv2-concert::before,
.pbv2-more::before,
.pbv2-close::before{display:none!important;content:none!important}

/* The exact same divider geometry is used at every chapter boundary. */
.pbv2-chapter-divider{
  position:relative;
  height:58px;
  background:var(--pb10-black);
  overflow:hidden;
}
.pbv2-chapter-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  width:min(1120px,calc(100% - 72px));
  height:30px;
  background:url('/assets/brand/section-swoosh.svg') center/100% 100% no-repeat;
  opacity:.88;
  pointer-events:none;
}

/* Sections no longer compensate for an absolutely-positioned divider. */
.pbv2-feature,.pbv2-feature-people,.pbv2-feature-realestate,.pbv2-concert{padding-top:58px!important}
.pbv2-more{padding-top:56px!important}
.pbv2-close{padding-top:64px!important}

/* Concert: eliminate the dead zone. Copy columns start together. */
.pbv2-concert-copy{
  align-items:start!important;
  padding-top:42px!important;
  grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr)!important;
  gap:56px!important;
}
.pbv2-concert-copy>div:last-child{
  align-self:start!important;
  padding-top:42px!important;
}
.pbv2-concert-copy>div:last-child>p:first-child{margin-top:0!important}
.pbv2-concert h2{margin-bottom:0!important}

@media(max-width:760px){
  .pbv2-chapter-divider{height:38px}
  .pbv2-chapter-divider::after{top:9px;width:calc(100% - 36px);height:20px}
  .pbv2-feature,.pbv2-feature-people,.pbv2-feature-realestate,.pbv2-concert{padding-top:46px!important}
  .pbv2-more{padding-top:44px!important}
  .pbv2-close{padding-top:48px!important}
  .pbv2-concert-copy{grid-template-columns:1fr!important;gap:22px!important;padding-top:30px!important}
  .pbv2-concert-copy>div:last-child{padding-top:0!important}
}