.about-room{overflow-x:clip}.about-grid{grid-template-columns:7fr 5fr;gap:4rem;display:grid}.about-article{flex-direction:column;align-items:flex-start;gap:2rem;padding-block:6rem;display:flex}.about-article>:not(:first-child){max-width:var(--article-max,none)}.about-page-name{align-self:stretch;font-size:clamp(2.75rem,4.4vw,4rem)}.about-body{flex-direction:column;gap:1.5rem;display:flex}.about-body p{max-width:70ch}.about-areas{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;max-width:70ch;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.about-areas li{border-top:1px solid var(--border);font-family:var(--font-serif);color:var(--ink);transition:color var(--dur-color) var(--ease-out);grid-template-columns:.75rem 1fr;align-items:baseline;gap:1rem;padding-block:.875rem;font-size:1.1875rem;font-weight:600;line-height:1.625rem;display:grid}.about-areas li:before{content:"";background:var(--accent-decor);align-self:center;width:.75rem;height:.75rem}.about-areas li:hover{color:var(--accent)}@media (max-width:599px){.about-areas{grid-template-columns:1fr}.about-body .about-areas li{font-size:1.0625rem;line-height:1.5rem}}.about-body b{color:var(--color-accent);font-weight:700}.about-side{position:relative}.about-stick{--fig-h:min(calc(var(--vhpx,100vh) * .82), calc(var(--vhpx,100vh) - var(--stick-top,var(--header-stuck-h))));top:var(--stick-top,var(--header-stuck-h));height:calc(var(--vhpx,100vh) - var(--stick-top,var(--header-stuck-h)));clip-path:inset(-100vh -100vw 0);position:sticky}[data-pin=pinned] .about-stick{will-change:transform;position:relative;top:0}.about-figure{bottom:0;right:calc(var(--fig-h) * -.1199);height:var(--fig-h);aspect-ratio:1069/1471;position:absolute}.about-portrait{width:100%;height:100%;transition:transform var(--dur-reveal) var(--ease-out) var(--lag), opacity var(--dur-reveal) var(--ease-out) var(--lag);display:block;transform:scaleX(-1)}.about-name{text-align:right;white-space:nowrap;font-family:var(--font-sans);letter-spacing:-.03em;color:var(--color-accent);transition:opacity var(--dur-reveal) var(--ease-out) calc(var(--beat) * 2 + var(--lag)), transform var(--dur-reveal) var(--ease-out) calc(var(--beat) * 2 + var(--lag));margin:0;font-size:2.75rem;font-weight:800;line-height:.9;position:absolute;top:76%;right:calc(83.7% + 2rem)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:900px){.about-room:not(.is-in) .about-portrait{opacity:0;transform:translateY(18%)scaleX(-1)}.about-room:not(.is-in) .about-name{opacity:0;transform:translateY(1rem)}}@media (scripting:none){.about-page-name .roll>[aria-hidden]:first-child{transform:translateY(-100%)}.about-page-name .roll>[aria-hidden]+[aria-hidden]{transform:none}}@media (max-width:899px){.about-grid{grid-template-columns:1fr;gap:0}.about-article{padding-block:4.5rem 3rem}.about-article>:not(:first-child){max-width:none}.about-body p{font-size:1rem;line-height:1.625rem}.about-room .about-stick{clip-path:none;height:auto;position:static;transform:none}.about-figure{aspect-ratio:auto;flex-direction:column;align-items:flex-start;gap:1rem;height:auto;display:flex;position:relative;bottom:auto;right:auto}.about-portrait{object-fit:contain;align-self:center;width:auto;max-width:100%;height:60vh}.about-name{text-align:left;position:static}}@media (max-width:599px){.about-page-name{--fit-chars:var(--fit-word)}.about-page-name .roll{margin-block:0;overflow:visible}.about-page-name .roll>[aria-hidden]:first-child{display:none}.about-page-name .roll>[aria-hidden]+[aria-hidden]{white-space:normal;padding:0;position:static;transform:none}.about-name{font-size:2.25rem}}