.about-banner { min-height:225px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:linear-gradient(#03101926,#03101926),url('/assets/hero-comp-background.webp') center 57% / cover no-repeat; color:var(--soft-ivory); }
.about-main { padding:64px 0 106px; background:#f3eee4 url('/assets/author-botanical-background.webp') center bottom / 100% 100% no-repeat; }
.about-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:60px; align-items:start; }
.about-portrait { margin:0; }
.about-portrait img { display:block; width:100%; height:auto; box-shadow:0 3px 13px #2b29282e; }
.about-portrait figcaption { margin-top:10px; text-align:center; color:#404653; font-size:20px; line-height:1.4; font-style:italic; }
.about-copy { color:#404653; font-size:clamp(20px,1.9vw,24px); line-height:1.48; }
.about-copy-rule { width:72px; height:2px; background:linear-gradient(90deg,#e88030,#8c301f); margin:18px 0 24px; }
.about-copy p { margin:0 0 28px; }
.about-copy p:last-child { margin-bottom:0; }
@media(max-width:1000px) { .about-layout { gap:36px; } .about-main { padding-top:44px; } }
@media(max-width:780px) { .about-banner { min-height:190px; } .about-main { padding:34px 0 74px; background-size:auto 100%; } .about-layout { grid-template-columns:1fr; gap:32px; max-width:560px; } .about-portrait { width:100%; } .about-copy { font-size:20px; } .about-copy-rule { margin-top:0; } .about-portrait figcaption { font-size:18px; } }

.about-banner h1 { color:var(--soft-ivory); text-shadow:0 2px 12px #07111a; }