/* Shared page navigation and About page. */
.site-nav { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; }
.site-nav a, footer a { color:var(--muted); text-decoration:none; font-size:.85rem; font-weight:650; }
.site-nav a:hover, footer a:hover { color:var(--lime); }
.site-nav a[aria-current=page] { color:var(--lime); text-decoration:underline; text-underline-offset:7px; text-decoration-color:var(--magenta); }
.about-main { display:block; padding-bottom:64px; }
.about-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:35px; padding:70px 0 60px; }
.about-intro h1 { font-size:clamp(3.6rem,8.8vw,7rem); }
.about-intro h1 em { font-style:normal; }
.about-intro p { max-width:470px; color:var(--muted); line-height:1.7; }
.about-intro .about-lead { color:var(--ink); font-size:1.2rem; font-weight:650; }
.about-cta { display:inline-flex; gap:22px; align-items:center; margin-top:18px; padding:16px 22px; border-radius:10px; color:#000; background:var(--lime); font-weight:800; text-decoration:none; }
.about-cta:hover { background:var(--magenta); }
.about-art { text-align:center; min-width:0; }
.about-art img { width:100%; height:auto; max-width:420px; display:block; margin:auto; }
.about-art span { display:block; color:var(--muted); font-size:.65rem; letter-spacing:.17em; margin-top:22px; }
.about-details { display:grid; grid-template-columns:1fr 1.2fr; gap:50px; border-top:1px solid var(--blue); padding:38px 0; }
.about-details h2 { font-size:clamp(1.6rem,3.1vw,2.3rem); margin-top:14px; }
.about-copy p { margin:0 0 16px; color:var(--muted); line-height:1.7; }
.about-text-link { color:var(--lime); font-weight:700; text-underline-offset:4px; }
.about-follow { margin-top:12px; }
@media(max-width:760px) { .about-hero { gap:26px; padding:42px 0; } .about-details { gap:25px; } }
@media(max-width:580px) { .site-header { flex-wrap:wrap; } .site-nav { gap:16px; } .about-hero,.about-details { grid-template-columns:1fr; } .about-art { max-width:280px; margin:6px auto 0; } .about-details { gap:18px; } .about-cta { justify-content:center; } }