/* About page layout and contrast repair */
.about-page{background:#090909;color:#fffdf8}
.about-page .page-hero{min-height:0;padding:clamp(3.25rem,7vw,6rem) 0;background:radial-gradient(circle at 88% 18%,rgba(121,200,229,.18),transparent 25rem),linear-gradient(135deg,#090909,#151515);color:#fffdf8}
.about-page .page-hero:after{opacity:.55}
.about-page .about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.about-page .page-hero h1{margin-bottom:1rem;max-width:7ch}
.about-page .page-hero .lede{color:#eee8de;max-width:52ch}
.about-page .portrait-panel{min-height:500px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#111;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.about-page .portrait-panel:before{content:"";position:absolute;inset:auto -12% -10% 28%;height:28%;background:var(--red);transform:rotate(-5deg);z-index:0}
.about-page .portrait-panel img{position:relative;z-index:1;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 20%;filter:saturate(.96) contrast(1.03)}

.about-page .section{background:#090909;color:#fffdf8}
.about-page .section-dark{background:#111;color:#fffdf8}
.about-page .section h1,.about-page .section h2,.about-page .section h3,.about-page .section-dark h1,.about-page .section-dark h2,.about-page .section-dark h3{color:#fffdf8}
.about-page .section p,.about-page .section li,.about-page .section-dark p,.about-page .section-dark li,.about-page .section .lede,.about-page .section-dark .lede{color:#d9d4cb}
.about-page .section .prose p{color:#d9d4cb}
.about-page .section .card{background:#151515;color:#fffdf8;border-color:rgba(255,255,255,.14)}
.about-page .section .card h3,.about-page .section .card strong{color:#fffdf8}
.about-page .section .card p{color:#d9d4cb}
.about-page .section .clean-list li{border-color:rgba(255,255,255,.14)}

.about-page .identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1.25rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}
.about-page .identity-item{background:#0b0b0b;padding:clamp(1.25rem,3vw,1.8rem);min-height:180px}
.about-page .identity-item strong{display:block;margin:0 0 .55rem;color:#fffdf8;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.05}
.about-page .identity-item span{display:block;color:#d9d4cb;line-height:1.5}

.about-page .section-head{margin-bottom:1.5rem}
.about-page .grid-3 .card{min-height:240px;display:flex;flex-direction:column;gap:.25rem}
.about-page .grid-3 .card p{margin-top:auto}

.about-page .editorial-section.paper{background:#f2eee5;color:#090909}
.about-page .editorial-section.paper h1,.about-page .editorial-section.paper h2,.about-page .editorial-section.paper h3,.about-page .editorial-section.paper .quote{color:#090909}
.about-page .editorial-section.paper p,.about-page .editorial-section.paper .lede{color:#48433e}

@media(max-width:860px){
  .about-page .page-hero{padding:2.35rem 0 2.75rem}
  .about-page .about-hero{grid-template-columns:1fr;gap:1.5rem}
  .about-page .page-hero h1{font-size:clamp(3.7rem,17vw,5.6rem)}
  .about-page .portrait-panel,.about-page .portrait-panel img{min-height:360px}
  .about-page .portrait-panel img{object-position:center 18%}
  .about-page .grid-2,.about-page .grid-3,.about-page .section-head{grid-template-columns:1fr}
  .about-page .section-head{gap:.75rem}
  .about-page .identity-grid{grid-template-columns:1fr}
  .about-page .identity-item{min-height:0;padding:1.2rem}
  .about-page .grid-3 .card{min-height:0}
  .about-page .section,.about-page .editorial-section{padding:3.25rem 0}
}

@media(max-width:560px){
  .about-page .container{width:min(calc(100% - 2rem),var(--max))}
  .about-page .hero-actions{display:grid;grid-template-columns:1fr;gap:.6rem}
  .about-page .hero-actions .button{width:100%;padding:.8rem .85rem}
  .about-page .portrait-panel,.about-page .portrait-panel img{min-height:320px}
  .about-page .section h2,.about-page .editorial-section h2{font-size:clamp(2.6rem,13vw,4.2rem)}
  .about-page .identity-item strong{font-size:1.45rem}
}

@media print{
  .about-page,.about-page .page-hero,.about-page .section,.about-page .section-dark,.about-page .editorial-section.paper{background:#fff!important;color:#111!important}
  .about-page .page-hero{padding:.18in 0 .28in!important}
  .about-page .about-hero{grid-template-columns:1.15fr .85fr!important;gap:.25in!important;align-items:start!important}
  .about-page .page-hero h1,.about-page .section h1,.about-page .section h2,.about-page .section h3,.about-page .section-dark h1,.about-page .section-dark h2,.about-page .section-dark h3,.about-page .editorial-section.paper h2,.about-page .identity-item strong{color:#111!important}
  .about-page .page-hero .lede,.about-page .section p,.about-page .section li,.about-page .section .lede,.about-page .section-dark p,.about-page .section-dark li,.about-page .editorial-section.paper p,.about-page .editorial-section.paper .lede,.about-page .identity-item span{color:#333!important}
  .about-page .portrait-panel{min-height:0!important;border:1px solid #888!important;box-shadow:none!important;background:#fff!important}
  .about-page .portrait-panel:before{display:none!important}
  .about-page .portrait-panel img{min-height:0!important;height:2.9in!important;width:100%!important;object-fit:cover!important}
  .about-page .identity-grid{grid-template-columns:repeat(2,1fr)!important;gap:.12in!important;background:#fff!important;border:0!important}
  .about-page .identity-item{min-height:0!important;background:#fff!important;border:1px solid #aaa!important;padding:.14in!important;break-inside:avoid}
  .about-page .section,.about-page .editorial-section{padding:.28in 0!important;break-inside:auto!important}
  .about-page .grid-3{grid-template-columns:repeat(3,1fr)!important;gap:.12in!important}
  .about-page .grid-3 .card{min-height:0!important;background:#fff!important;color:#111!important;border:1px solid #aaa!important;break-inside:avoid}
  .about-page .grid-3 .card h3,.about-page .grid-3 .card p{color:#111!important}
}
