@layer components{.about-page{--about-section-space:clamp(4rem, 8vw, 8rem);--about-column-gap:clamp(3rem, 6vw, 6rem)}.about-section{min-height:calc(100svh - 6rem);padding-block:var(--about-section-space);align-items:center;display:flex;position:relative;overflow:clip}.about-layout,.about-reflection-layout,.about-library-layout{gap:var(--about-column-gap);max-width:80rem;display:grid}.about-dedication{padding-top:2rem}.about-copy{align-self:center;max-width:38rem;font-size:1rem;line-height:1.9}.about-copy>*+*{margin-top:2rem}.about-prose>.parallax-layer>*+*{margin-top:1.5rem}.about-prose>.parallax-layer>p:not(.about-lead):not(.about-dedication-line){color:var(--fg-muted)}.about-lead{text-wrap:pretty;font-size:1.125rem;line-height:1.85}.about-dedication-line{padding-top:.5rem;font-size:1.125rem}.about-portrait{align-self:center;width:min(100%,24rem);margin-inline:auto}.about-portrait-image{aspect-ratio:4/5;width:100%;position:relative}.about-art-mask img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.about-master-portrait figcaption{color:var(--fg-muted);text-align:center;margin-top:2rem;font-size:.875rem;position:relative}.about-next{border-bottom:1px solid var(--line-strong);min-height:3rem;transition:border-color .15s var(--ease-out);align-items:center;gap:1rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:inline-flex}.about-prose>.parallax-layer>.about-next{margin-top:2rem}.about-reflection-heading{align-self:start;position:relative}.about-thought{z-index:1;max-width:24ch;color:var(--fg-muted);margin-top:2rem;font-size:1.125rem;line-height:1.85;position:relative}.about-orbit{pointer-events:none;width:min(100%,24rem);margin-top:3rem;position:relative}.about-library-heading p{max-width:32rem;color:var(--fg-muted);margin-top:2rem;line-height:1.9}.about-library-mark{pointer-events:none;width:min(100%,24rem);margin-top:3rem;position:relative}.about-art-frame{aspect-ratio:4/5}.about-art-mask{width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:url(/media/about/ink-mask-portrait.svg);mask-image:url(/media/about/ink-mask-portrait.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.about-books{border-top:1px solid var(--line);list-style:none}.about-books li{border-bottom:1px solid var(--line);padding-block:1.5rem}.about-books p{color:var(--fg-muted);margin-top:.5rem;font-size:.875rem;line-height:1.75}.about-library-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-top:2rem;display:flex}.about-library-footer p{max-width:38rem;color:var(--fg-muted);line-height:1.9}@media (min-width:768px){.about-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center}.about-master .about-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.about-reflection-layout,.about-library-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.about-library-footer{grid-column:1/-1}}@media (min-width:1024px){.about-layout,.about-reflection-layout,.about-library-layout{padding-inline:4rem}}@media (max-width:767px){.about-master-portrait{grid-row:1}.about-library-intro{position:relative}}[data-theme=dark] .about-portrait-image,[data-theme=dark] .about-orbit,[data-theme=dark] .about-library-mark{filter:grayscale()invert();mix-blend-mode:lighten;opacity:.8}@media (hover:hover) and (pointer:fine){.about-next:hover{border-color:var(--fg)}}@media (prefers-reduced-motion:no-preference){html:has(.about-page){scroll-snap-type:y proximity;scroll-behavior:smooth}.about-layout,.about-reflection-layout,.about-library-intro{scroll-snap-align:center;scroll-margin-block:0}.about-dedication{scroll-snap-align:start;scroll-margin-top:6rem}.about-dedication .about-layout{scroll-snap-align:none}body:has(.about-page) footer{scroll-snap-align:end}}@media (prefers-reduced-motion:reduce){.about-page .parallax-layer{transform:none!important}}@media print{.about-section{min-height:0;padding-block:2rem;overflow:visible}.about-next{display:none}}}.about-page .about-display{letter-spacing:-.025em;max-width:16ch;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.3}