.about-page{--page-image:url(/images/aboutpage.png)}.about-hero{align-items:center;min-height:auto;padding:clamp(1.75rem,4vw,3.5rem) 0;display:flex}.about-grid{grid-template-columns:minmax(0,.95fr) minmax(280px,420px);align-items:center;gap:clamp(1.75rem,4vw,3.5rem);display:grid}.about-copy h1{margin:1rem 0}.about-copy blockquote{border-left:2px solid var(--primary-strong);max-width:38rem;color:var(--foreground);font-family:var(--font-display),Georgia,serif;margin-top:1.45rem;padding-left:1rem;font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.08}.about-lead{color:#f4efe7d6;max-width:42rem;font-size:clamp(1.08rem,1.35vw,1.24rem)}.about-gallery{flex-direction:column;justify-self:center;align-items:center;width:min(100%,420px);min-width:0;display:flex}.about-photo-frame{aspect-ratio:4/5;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:zoom-in;background:#f4efe70d;width:100%;max-width:390px;max-height:min(64vh,490px);padding:0;display:block;overflow:hidden;box-shadow:0 20px 60px #0000006b}.about-photo-frame img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.about-photo-frame:hover{border-color:var(--border-strong)}.about-state{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.gallery-strip{grid-template-columns:repeat(5,1fr);gap:.45rem;width:min(100%,390px);margin-top:.65rem;display:grid}.gallery-strip button{aspect-ratio:4/5;border-radius:var(--radius-sm);cursor:pointer;opacity:.62;transition:border-color var(--duration-fast)ease,opacity var(--duration-fast)ease;background:#f4efe70a;border:1px solid #f4efe71f;padding:0;overflow:hidden}.gallery-strip button:hover,.gallery-strip button.active-thumb{border-color:var(--accent);opacity:1}.gallery-strip img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.gallery-controls{grid-template-columns:32px minmax(46px,auto) 32px;justify-content:start;align-items:center;gap:.55rem;width:min(100%,390px);margin-top:.6rem;display:grid}.gallery-controls button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--foreground);cursor:pointer;font-family:var(--font-display),Georgia,serif;background:0 0;border:1px solid #f4efe72e;padding:0 0 .18rem;font-size:1.35rem;font-weight:800;line-height:1}.gallery-controls button:hover{border-color:var(--accent);color:var(--accent)}.gallery-controls span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:.78rem}.gallery-note{color:var(--text-muted);margin-top:.75rem;font-size:.88rem}.about-biography{padding:clamp(2.5rem,5vw,4.75rem) 0}.about-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.about-text-grid article{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:none;padding:clamp(1.35rem,3vw,2.5rem)}.about-text-grid p{color:#f4efe7d6;margin-top:1rem;font-size:clamp(1rem,1.2vw,1.16rem)}.about-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050404db;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);display:flex;position:fixed;inset:0}.about-lightbox-panel{justify-content:center;align-items:center;width:min(100%,920px);height:min(86vh,780px);display:flex;position:relative}.about-lightbox-panel img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.about-lightbox-close,.about-lightbox-nav{border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;background:#0c0a0abd;border:1px solid #f4efe738;place-items:center;display:grid}.about-lightbox-close:hover,.about-lightbox-nav:hover{border-color:var(--accent);color:var(--accent)}.about-lightbox-close{width:38px;height:38px;font-size:1.45rem;line-height:1;position:absolute;top:0;right:0}.about-lightbox-nav{width:38px;height:48px;font-family:var(--font-display),Georgia,serif;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.about-lightbox-nav.previous{left:0}.about-lightbox-nav.next{right:0}@media only screen and (max-width:1024px){.about-grid,.about-text-grid{grid-template-columns:1fr}.about-gallery{justify-self:center;width:min(100%,420px)}}@media only screen and (max-width:768px){.about-gallery{width:min(100%,360px)}.about-photo-frame{max-width:320px;max-height:400px}.gallery-strip,.gallery-controls{width:min(100%,320px)}.about-lightbox-nav.previous{left:.5rem}.about-lightbox-nav.next{right:.5rem}}