/* Additions to the unmodified live AAVA stylesheet. */
.site-header {position:relative; z-index:10; background:var(--paper)}
.nav-links {gap:22px}
.about-dropdown {position:relative}
.about-toggle {display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ink);padding:10px 0;font:700 .78rem/1.55 var(--sans);cursor:pointer}
.about-toggle:hover,.about-toggle[aria-expanded="true"] {color:var(--red)}
.about-toggle span {font-size:1rem;line-height:1}
.about-links {position:absolute;top:calc(100% + 8px);left:-16px;width:218px;background:var(--paper);padding:8px;border:1px solid var(--line);border-radius:5px;box-shadow:0 12px 24px rgba(11,32,55,.12)}
.about-links[hidden] {display:none}
.about-links a {display:block;padding:12px 10px!important;white-space:nowrap;border-radius:3px}
.about-links a:hover,.about-links a[aria-current="page"] {background:var(--mist);color:var(--navy)}
.nav-pending {padding-block:10px;cursor:default}
button:focus-visible,a:focus-visible {outline:3px solid var(--red);outline-offset:4px}
.page-intro {color:white;background:linear-gradient(110deg,var(--navy-soft),var(--navy-deep) 75%);padding:38px 0 36px}
.page-intro .eyebrow {color:#ff9caa;margin-bottom:10px}
.page-intro h1 {max-width:1050px;margin:0;font:700 clamp(2rem,3.1vw,3rem)/1.2 var(--serif);letter-spacing:-.04em}
.page-intro .red-rule {margin:18px 0 0}
.reading-section {padding:52px 0}
.reading-column {max-width:800px;margin-inline:auto}
.reading-column p,.founder-copy p {color:#334b65;line-height:1.8;margin-bottom:20px}
.reading-column p:last-child,.founder-copy p:last-child {margin-bottom:0}
.reading-column h2,.founder-copy h2 {font:700 clamp(1.6rem,2.1vw,2rem)/1.3 var(--serif);letter-spacing:-.025em;margin-bottom:24px}
.reading-column .story-lead {font-size:1.13rem;color:var(--ink);font-weight:500;border-left:3px solid var(--red);padding-left:20px;margin-bottom:26px}
.section-mist {background:var(--mist);border-block:1px solid #e7ecf1}
.reading-column .brand-statement {font:700 clamp(1.2rem,1.6vw,1.5rem)/1.6 var(--serif);color:var(--navy);margin:32px 0 26px}
.founders-opening {padding:34px 0 0}
.founders-opening p {max-width:800px;color:#334b65;line-height:1.8;margin-bottom:0}
.founder-section {padding:46px 0 54px}
.founder-grid {display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}
.founder-grid--reverse {grid-template-columns:minmax(0,1fr) 340px}
.founder-grid--reverse .portrait-slot {grid-column:2;grid-row:1}
.founder-grid--reverse .founder-copy {grid-column:1;grid-row:1}
.portrait-slot {margin:0}
.portrait-slot img {display:block;width:100%;height:auto;border-radius:15px}
.founder-copy {min-width:0;max-width:776px}
.founder-copy h2 {margin-bottom:6px}
.founder-copy .founder-role {color:var(--red);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}
.founder-copy h3 {font:700 1.2rem/1.4 var(--serif);margin:30px 0 16px}
.founder-copy blockquote {margin:22px 0;padding:0 0 0 22px;border-left:3px solid var(--red);font:700 1.25rem/1.6 var(--serif);color:var(--navy)}
.founder-copy .personal-statement {color:var(--navy)}
@media(max-width:1240px) {
 .nav {min-height:84px}.brand {min-width:0}.brand img{width:300px}
 .menu-toggle {display:block}
 .nav-links {display:none;position:absolute;z-index:20;top:100%;left:0;right:0;padding:20px 28px 28px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;box-shadow:0 12px 24px rgba(11,32,55,.12)}
 .nav-links.is-open {display:flex}.nav-links>a,.nav-pending,.about-toggle {padding:12px}
 .about-toggle {width:100%;justify-content:space-between}
 .about-links {position:static;width:auto;margin:0 12px 8px;padding:0 0 0 12px;border:0;border-left:2px solid var(--line);border-radius:0;box-shadow:none}
 .portal {text-align:center}
 .founder-grid {grid-template-columns:280px minmax(0,1fr);gap:36px}
 .founder-grid--reverse {grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:800px) {
 .founder-grid,.founder-grid--reverse {grid-template-columns:1fr;gap:30px}
 .founder-grid--reverse .portrait-slot,.founder-grid--reverse .founder-copy {grid-column:auto;grid-row:auto}
 .portrait-slot {width:min(100%,340px)}
}
@media(max-width:640px) {
 .nav-links {top:100%}.brand img{width:min(245px,66vw)}
 .page-intro {padding:30px 0}.page-intro h1 {font-size:2rem}.page-intro h1 br {display:none}
 .reading-section {padding:36px 0}.founder-section{padding:34px 0 38px}
 .founders-opening {padding-top:28px}.reading-column .story-lead {font-size:1.05rem;padding-left:16px}
 .portrait-slot {width:100%;max-width:340px;margin-inline:auto}
 .founder-copy p,.reading-column p {font-size:.95rem;line-height:1.8}
 .brand-statement {margin-top:26px}
}