.about-2026 { background: var(--p2l-obsidian); }
.about-2026 .brand-page-header { z-index: 100; background: #05070b; backdrop-filter: none; }
.about-2026 h1, .about-2026 h2, .about-2026 h3, .about-2026 p { margin-block-start: 0; }
.about-2026 .p2l-skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 12px 15px; border-radius: 4px; background: var(--p2l-lime); color: var(--p2l-obsidian) !important; font: 700 9px/1 var(--p2l-mono); text-decoration: none; text-transform: uppercase; transform: translateY(-150%); transition: transform .2s ease; }
.about-2026 .p2l-skip-link:focus { transform: translateY(0); }
.about-hero { position: relative; min-height: min(780px, calc(100svh - 76px)); display: grid; align-items: end; overflow: hidden; border-bottom: 1px solid var(--p2l-line); }
.about-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 15%; }
.about-hero-shade { position: absolute; inset: 0; z-index: 1; background: rgba(5,7,11,.3); }
.about-hero::after { position: absolute; inset: 0 auto 0 0; z-index: 1; width: 52%; border-right: 1px solid rgba(255,255,255,.12); background: rgba(5,7,11,.58); content: ""; pointer-events: none; }
.about-hero-copy { position: relative; z-index: 2; padding-block: 88px 62px; }
.about-hero h1 { max-width: 870px; margin: 0; font-size: clamp(4rem, 7vw, 7.2rem); line-height: .88; }
.about-hero h1 span, .about-direct h2 span, .about-heading h2 span, .about-local h2 span, .about-final h2 span { color: var(--p2l-lime); }
.about-hero-copy > p:not(.bp-kicker) { max-width: 620px; margin: 24px 0 0; color: #d7dce2; font-size: 1.05rem; line-height: 1.7; }

.about-direct { padding: 78px 0; background: var(--p2l-paper); color: var(--p2l-obsidian); }
.about-direct-grid { display: grid; grid-template-columns: minmax(340px,.78fr) minmax(0,1.22fr); gap: 12px; align-items: stretch; }
.about-office { position: relative; min-height: 690px; margin: 0; overflow: hidden; background: #090c11; }
.about-office img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; transition: transform .9s cubic-bezier(.22,1,.36,1); }
.about-office:hover img { transform: scale(1.025); }
.about-office figcaption { position: absolute; right: 16px; bottom: 16px; left: 16px; display: flex; justify-content: space-between; gap: 20px; padding: 16px; background: rgba(5,7,11,.82); color: var(--p2l-paper); backdrop-filter: blur(10px); }
.about-office figcaption span { color: var(--p2l-lime); font: 600 8px/1.4 var(--p2l-mono); text-transform: uppercase; }
.about-office figcaption strong { max-width: 220px; font-size: .8rem; text-align: right; }
.about-direct-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px,5vw,74px); background: var(--p2l-coral); }
.about-direct-copy .bp-kicker { color: var(--p2l-obsidian); }
.about-direct h2 { max-width: 700px; margin: 0; font-size: clamp(3.2rem,5.2vw,5.9rem); line-height: .91; }
.about-direct h2 span { color: var(--p2l-obsidian); text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .08em; }
.about-direct-copy > p:not(.bp-kicker) { max-width: 660px; margin: 26px 0 0; color: rgba(5,7,11,.74); line-height: 1.75; }
.about-facts { display: grid; margin: 34px 0 0; border-top: 1px solid rgba(5,7,11,.22); }
.about-facts div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid rgba(5,7,11,.22); font: 600 9px/1.4 var(--p2l-mono); text-transform: uppercase; }
.about-facts dt { color: rgba(5,7,11,.55); }
.about-facts dd { margin: 0; text-align: right; }

.about-method { padding: 80px 0; background: #080d15; border-block: 1px solid var(--p2l-line); }
.about-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; align-items: end; margin-bottom: 38px; }
.about-heading h2 { margin: 0; font-size: clamp(3.3rem,5.4vw,6rem); line-height: .92; }
.about-heading > p { max-width: 460px; margin: 0; color: var(--p2l-steel); line-height: 1.7; }
.about-principles { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--p2l-line); }
.about-principles li { position: relative; min-height: 152px; display: grid; grid-template-columns: 64px 1.05fr .9fr 105px; gap: 26px; align-items: center; padding: 24px 16px; overflow: hidden; border-bottom: 1px solid var(--p2l-line); }
.about-principles li::before { position: absolute; inset: 0; content: ""; transform: translateX(-101%); background: var(--p2l-lime); transition: transform .55s cubic-bezier(.22,1,.36,1); }
.about-principles li:hover::before { transform: translateX(0); }
.about-principles li > * { position: relative; z-index: 1; }
.about-principles span, .about-principles b { color: var(--p2l-lime); font: 600 9px/1.4 var(--p2l-mono); text-transform: uppercase; }
.about-principles h3 { margin: 0; font-size: 2.2rem; line-height: 1; }
.about-principles p { margin: 0; color: var(--p2l-steel); line-height: 1.65; }
.about-principles b { text-align: right; }
.about-principles li:hover, .about-principles li:hover span, .about-principles li:hover b, .about-principles li:hover p { color: var(--p2l-obsidian); }

.about-local { padding: 78px 0; background: var(--p2l-paper); color: var(--p2l-obsidian); }
.about-local-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 12px; }
.about-local-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(34px,4.5vw,66px); border: 1px solid rgba(5,7,11,.15); background: #ecefe8; }
.about-local-copy .bp-kicker { color: #557200; }
.about-local h2 { margin: 0; font-size: clamp(3.2rem,4.8vw,5.5rem); line-height: .92; }
.about-local h2 span { color: var(--p2l-coral); }
.about-local-copy > p:not(.bp-kicker) { max-width: 540px; margin: 24px 0 0; color: #59616b; line-height: 1.7; }
.about-link { margin-top: 32px; color: #557200 !important; font: 600 9px/1 var(--p2l-mono); text-transform: uppercase; }
.about-link:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.about-city { position: relative; min-height: 600px; margin: 0; overflow: hidden; background: #07101b; }
.about-city img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.22,1,.36,1); }
.about-city:hover img { transform: scale(1.03); }
.about-city figcaption { position: absolute; right: 16px; bottom: 16px; padding: 11px 13px; background: var(--p2l-lime); color: var(--p2l-obsidian); font: 600 8px/1 var(--p2l-mono); }

.about-final { padding: 76px 0; background: var(--p2l-lime); color: var(--p2l-obsidian); }
.about-final .bp-shell { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; }
.about-final .bp-kicker { color: var(--p2l-obsidian); }
.about-final h2 { max-width: 920px; margin: 0; font-size: clamp(3.5rem,5.8vw,6.5rem); line-height: .89; }
.about-final h2 span { color: var(--p2l-obsidian); }
.about-final p:not(.bp-kicker) { max-width: 620px; margin: 20px 0 0; color: rgba(5,7,11,.7); line-height: 1.7; }
.about-final .bp-button { border-color: var(--p2l-obsidian); background: var(--p2l-obsidian); color: var(--p2l-paper); }

@media (max-width: 900px) {
  .about-direct-grid, .about-heading, .about-local-grid { grid-template-columns: 1fr; }
  .about-office { min-height: 760px; }
  .about-principles li { grid-template-columns: 48px 1fr; gap: 18px; }
  .about-principles li p { grid-column: 2; }
  .about-principles li b { position: absolute; top: 24px; right: 8px; }
  .about-final .bp-shell { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 640px) {
  .about-hero { min-height: 680px; }
  .about-hero > img { object-position: 64% center; }
  .about-hero-shade { background: rgba(5,7,11,.3); }
  .about-hero::after { width: 100%; border-right: 0; background: rgba(5,7,11,.63); }
  .about-hero-copy { padding-block: 70px 42px; }
  .about-hero h1 { font-size: 3.55rem; }
  .about-direct, .about-method, .about-local, .about-final { padding-block: 58px; }
  .about-office { min-height: 0; aspect-ratio: 3 / 4; }
  .about-office figcaption { flex-direction: column; }
  .about-office figcaption strong { text-align: left; }
  .about-direct-copy { padding: 32px 22px; }
  .about-direct h2, .about-heading h2, .about-local h2 { font-size: 3rem; }
  .about-principles li { min-height: 180px; padding-inline: 4px; }
  .about-principles h3 { padding-right: 60px; font-size: 1.8rem; }
  .about-local-copy { padding: 32px 22px; }
  .about-link { min-height: 44px; display: inline-flex; align-items: center; }
  .about-city { min-height: 0; aspect-ratio: 16 / 9; }
  .about-final h2 { font-size: 3.2rem; }
  .about-final .bp-button { width: 100%; }
}
@media (max-width: 360px) {
  .about-hero h1 { font-size: 2.95rem; }
}
@media (max-width: 640px) and (max-height: 700px) {
  .about-hero { min-height: 560px; }
  .about-hero-copy { padding-block: 56px 32px; }
  .about-hero h1 { font-size: 2.75rem; }
  .about-hero-copy > p:not(.bp-kicker) { margin-top: 18px; line-height: 1.55; }
  .about-hero .bp-actions { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-office img, .about-city img, .about-principles li::before { transition: none; }
  .about-principles li::before { display: none; }
}