.about-page{box-sizing:border-box;max-width:850px;margin:0 auto;padding:46px 28px 60px;color:#f5f1e8;font:19px/1.8 system-ui,sans-serif}.about-page h1{font:normal clamp(38px,4.5vw,60px)/1.15 Georgia,serif;margin:0 0 20px;color:#f5f1e8}.about-page h2{font:normal clamp(27px,3vw,35px)/1.25 Georgia,serif;margin:36px 0 16px;color:#e9c888}.about-page p{margin:0 0 20px}.about-page .about-profession{color:#e9c888;font-size:18px;line-height:1.6;margin-bottom:26px}.about-page ul{padding-left:24px;margin:0 0 24px}.about-page li{margin:7px 0}.about-page a{color:#f1d39a;text-underline-offset:5px}.about-actions{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 22px}.about-actions a{display:inline-flex;align-items:center;padding:12px 20px;border:1px solid #e9c88888;min-height:48px;box-sizing:border-box;text-decoration:none}.about-page a:focus-visible{outline:3px solid #fff;outline-offset:4px}.about-motto{font:italic 25px/1.5 Georgia,serif;color:#e9c888;margin-top:24px!important}@media(max-width:600px){.about-page{padding:32px 22px 42px;font-size:18px;line-height:1.75}.about-page h2{margin-top:30px}.about-actions{flex-direction:column}.about-actions a{justify-content:center}}
/* Quiet, static night-sky treatment limited to the About pages. */
body.about-site{background-color:#071c30;background-image:radial-gradient(ellipse at 95% 0%,#16617788,transparent 48%),radial-gradient(ellipse at 0% 65%,#23446855,transparent 52%);color:#f5f1e8}
.about-site .about-page{max-width:1120px;position:relative;padding-top:60px}
.about-intro{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:64px}
.about-portrait{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #d7b77766;box-shadow:0 18px 60px #0005;box-sizing:border-box}
.about-intro-text{min-width:0}.about-intro-text h1{font-size:clamp(38px,4.4vw,60px)}
.about-reading{max-width:760px;margin:auto;position:relative}
.about-reading:before{content:'';position:absolute;inset:-15px -36px;pointer-events:none;z-index:-1;background:radial-gradient(circle at 4% 10%,#e9c88888 0 1px,transparent 2px),radial-gradient(circle at 96% 32%,#f5f1e870 0 1px,transparent 2px),radial-gradient(circle at 2% 72%,#e9c88888 0 1px,transparent 2px)}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:26px 0 32px}.about-values section{border-top:1px solid #e9c88855;padding-top:18px}.about-values h3{font:normal 25px/1.3 Georgia,serif;color:#e9c888;margin:0 0 10px}.about-values p{margin:0}
@media(max-width:700px){.about-site .about-page{padding:30px 22px 44px}.about-intro{grid-template-columns:1fr;gap:28px;margin-bottom:34px}.about-portrait{max-width:340px;margin:0 auto}.about-intro-text h1{font-size:40px}.about-values{grid-template-columns:1fr;gap:20px}.about-reading:before{inset:0}}