/* A separate story page within the established BAVID visual system. */
.about-header{background:var(--cocoa);color:var(--ivory)}
.header nav a[aria-current="page"]{border-bottom-color:var(--gold)}
.about-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:86px 94px}
.about-intro h1{font-family:var(--serif);font-size:clamp(42px,4.2vw,64px);font-weight:400;letter-spacing:-1.5px;line-height:1.05;margin-bottom:28px}
.about-intro h1 em{font-weight:400;color:var(--clay)}
.about-lead{max-width:480px;font-size:16px;line-height:1.9;color:var(--muted)}
.about-portrait{width:100%;max-width:446px;justify-self:end}
.about-portrait img{width:100%;height:auto;border:1px solid #ddcfb9}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:17px;font-size:14px;line-height:1.6;color:var(--muted)}
.about-portrait figcaption span:first-child{letter-spacing:1.4px;color:var(--clay)}
.about-portrait figcaption span:last-child{font-size:14px}
.about-journey{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid var(--line);padding-block:76px 88px}
.about-journey h2{font-size:clamp(38px,3.6vw,53px)}
.about-story-copy p{font-size:16px;line-height:1.95;color:var(--muted)}
.about-story-copy p+p{margin-top:22px}
.about-skills{background:var(--cocoa);color:var(--ivory);padding-block:78px 82px}
.about-skills-heading{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:35px;align-items:end;margin-bottom:54px}
.about-skills .eyebrow{color:#d5b27e}
.about-skills-heading .eyebrow{align-self:start;margin-top:9px}
.about-skills-heading h2{font-size:49px}
.about-skills-heading h2 em{color:#d7b17b}
.about-skills-heading>p:last-child{font-size:16px;line-height:1.9;color:#d8c9b7;max-width:190px;padding-bottom:5px}
.about-people{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.about-people article{border-top:1px solid #a88c6b80;padding-top:28px}
.about-people .eyebrow{font-size:14px;letter-spacing:1.5px;margin-bottom:18px}
.about-people h3{font-family:var(--serif);font-size:51px;font-weight:400;margin-bottom:20px}
.about-people article>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#e0d4c3;max-width:440px}
.about-skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:28px 0 0}
.about-skill-list li{font-size:14px;line-height:1.4;padding:8px 10px;border:1px solid #bda48566;color:#e4d4bc}
.about-custom{text-align:center;padding-block:95px 90px;max-width:770px}
.about-custom h2{font-size:62px;margin-bottom:27px}
.about-custom>p:not(.eyebrow){font-size:16px;line-height:1.95;color:var(--muted);max-width:640px;margin-inline:auto}
.about-space-types{display:flex;justify-content:center;gap:30px;margin-top:33px;color:var(--clay);font-size:14px;letter-spacing:1.5px}
.about-next{background:#e7dfd0;text-align:center;padding-block:54px 62px}
.about-next .hero-emblem,.about-next .hero-emblem .animated-logo{width:116px;height:116px}
.about-next .hero-emblem{margin-bottom:22px}
.about-next h2{font-size:44px}.about-next .eyebrow{margin-bottom:18px}
.about-next .logo-motion-toggle{color:var(--muted)}
@media(max-width:1100px){.about-intro{gap:40px}.about-intro h1{font-size:46px}.about-journey{gap:50px}.about-skills-heading{grid-template-columns:1fr 2fr}.about-skills-heading>p:last-child{grid-column:2;max-width:none}.about-skills-heading{row-gap:18px}.about-people{gap:45px}}
@media(max-width:720px){.about-intro{grid-template-columns:1fr;gap:40px;padding-block:55px 54px}.about-intro h1{font-size:clamp(36px,9.4vw,54px);letter-spacing:-1px}.about-lead{font-size:16px;line-height:1.9}.about-portrait{justify-self:center}.about-portrait figcaption{margin-top:13px;gap:10px}.about-portrait figcaption span:first-child{font-size:14px;letter-spacing:1px}.about-portrait figcaption span:last-child{font-size:14px}.about-journey{grid-template-columns:1fr;gap:25px;padding-block:51px 57px}.about-journey h2{font-size:40px}.about-story-copy p{font-size:16px;line-height:1.9}.about-story-copy p+p{margin-top:18px}.about-skills{padding-block:54px 57px}.about-skills-heading{display:block;margin-bottom:35px}.about-skills-heading .eyebrow{margin-top:0}.about-skills-heading h2{font-size:43px}.about-skills-heading>p:last-child{margin-top:20px;padding:0;font-size:16px}.about-people{grid-template-columns:1fr;gap:34px}.about-people article{padding-top:25px}.about-people h3{font-size:44px;margin-bottom:16px}.about-people article>p:not(.eyebrow){font-size:16px}.about-skill-list{margin-top:22px;gap:7px}.about-skill-list li{font-size:14px}.about-custom{padding-block:62px}.about-custom h2{font-size:49px}.about-custom>p:not(.eyebrow){font-size:16px}.about-space-types{gap:17px;font-size:14px;letter-spacing:.8px}.about-next{padding-block:46px 50px}.about-next h2{font-size:37px}}
/* Keep small earth-tone labels readable, including keyboard focus on cocoa. */
.about-page{--clay:#955a36}
.about-next .logo-motion-toggle{color:#6c5b4b}

/* User-requested borderless enlargement: original photo pixels are retained. */
.about-intro{grid-template-columns:.95fr 1.25fr;gap:50px}.about-portrait{max-width:620px}
.about-photo-window{position:relative;overflow:hidden;aspect-ratio:424/280}
.about-photo-window img{position:absolute;max-width:none;width:105.18868%;left:-2.59434%;top:-3.57143%;height:auto;border:0}
@media(max-width:720px){.about-intro{grid-template-columns:1fr;gap:40px}.about-portrait{width:calc(100% + 24px);max-width:calc(100% + 24px);margin-inline:-12px}.about-portrait figcaption{margin-inline:12px}}