/* Page CSS for page-about.php
   Extracted from an inline <style> block that sat inside <main>, which is
   invalid HTML. Enqueued conditionally from functions.php. */

.author-hero{padding:5rem 2rem 4rem;background:var(--navy-deep);position:relative;overflow:hidden;}
.author-hero::before{content:'';position:absolute;inset:0;background-image:url('<?php echo esc_url( $theme_uri ); ?>/assets/images/banner.png');background-size:cover;background-position:center;opacity:0.08;}
.author-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,246,235,0.98) 0%,rgba(250,246,235,0.8) 100%);}
.author-hero__inner{max-width:var(--max-w);margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:220px 1fr;gap:4rem;align-items:center;padding-top:4rem;}
.author-hero__tagline{font-family:var(--font-ui);font-size:1.05rem;color:var(--text-muted);font-style:italic;line-height:1.7;}
.author-body{padding:5rem 2rem;background:var(--navy-section);}
.author-body__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:5rem;align-items:start;}
.author-sidebar{position:sticky;top:88px;}
.author-photo{width:100%;aspect-ratio:3/4;border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden;}
.pullquote{border-left:2px solid var(--gold);padding:1.5rem 2rem;margin:2.5rem 0;background:var(--navy-card);}
.pullquote p{font-family:var(--font-display);font-size:1.25rem;color:var(--cream);font-style:italic;line-height:1.55;margin:0;}
@media(max-width:900px){.author-hero__inner{grid-template-columns:160px 1fr;gap:2rem;}.author-body__inner{grid-template-columns:1fr;}.author-sidebar{position:static;}}
@media(max-width:600px){.author-hero__inner{grid-template-columns:1fr;}}