.about-page{color:var(--ink)}
.about-reading{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(32px,4vw,56px);padding-block:clamp(68px,8vw,112px) 132px}
.about-outline{position:sticky;top:calc(var(--header-h) + 36px);align-self:start;display:flex;flex-direction:column}
.about-outline a{display:block;padding:20px 0 24px;border-top:1px solid var(--line-2);color:var(--ink-2);font:500 16px/1.35 var(--heading);letter-spacing:-.012em;text-decoration:none;text-wrap:balance;transition:color .15s}
.about-outline a:hover{color:var(--violet)}
.about-outline .about-outline-primary{font-size:17px}
.about-outline a[aria-current="location"]{border-top:3px solid var(--violet);border-image:var(--grad) 1;padding-top:18px;color:var(--ink)}
.about-outline a:focus-visible,.back-to-top:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.back-to-top{position:fixed;right:calc(28px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;background:var(--ink);color:#fff;box-shadow:0 6px 24px rgba(28,19,37,.18);cursor:pointer;transition:transform .15s}
.back-to-top:is(:hover,:focus-visible,:active){background:var(--grad)}
.back-to-top:hover{transform:translateY(-3px)}
.back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-articles{min-width:0}
.about-article{scroll-margin-top:calc(var(--header-h) + 30px)}
.about-article h1,.about-article>h2{margin:0;color:var(--ink);font:500 clamp(42px,5vw,70px)/1.04 var(--heading);letter-spacing:-.038em;text-wrap:balance;overflow-wrap:anywhere}
.about-article>h2{font-size:clamp(39px,4.4vw,58px)}
.about-article-subtitle{margin:22px 0 0;color:var(--ink-2);font-size:20px;line-height:1.5}
.about-article-meta{margin:20px 0 0;color:var(--ink-3);font-size:13px;letter-spacing:.02em}
.about-article-body{margin-top:48px;color:var(--ink);font-size:18px;line-height:1.75;overflow-wrap:anywhere}
.about-article-body p{margin:0 0 27px;text-wrap:pretty}
.about-article-body .article-section-heading{margin:58px 0 20px;color:var(--ink);font:500 33px/1.2 var(--heading);letter-spacing:-.018em;text-wrap:balance;scroll-margin-top:calc(var(--header-h) + 24px)}
.about-article-body .article-subsection-heading{margin:38px 0 14px;color:var(--ink);font:500 25px/1.25 var(--heading);letter-spacing:-.012em;text-wrap:balance}
.about-article-body strong{font-weight:700}
.about-article-body .about-article-point{padding-left:19px;border-left:2px solid #dfd1e8}
.about-article+.about-article{margin-top:118px;padding-top:104px;border-top:1px solid var(--line-2)}
@media(max-width:1050px){.about-reading{grid-template-columns:170px minmax(0,1fr);gap:36px}}
@media(max-width:800px){.about-reading{display:block;max-width:820px}.about-outline{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:64px}.about-outline a{padding-block:18px 12px}.about-outline a[aria-current="location"]{padding-top:16px}}
@media(max-width:600px){.about-reading{padding-block:46px 80px}.about-outline{grid-template-columns:1fr;gap:0;margin-bottom:62px}.about-outline a{font-size:16px;padding-block:17px}.about-outline a[aria-current="location"]{padding-top:15px}.back-to-top{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.about-article h1{font-size:clamp(40px,10vw,55px)}.about-article>h2{font-size:clamp(38px,9vw,50px)}.about-article-body{margin-top:38px;font-size:17px;line-height:1.7}.about-article-body .article-section-heading{margin-top:48px;font-size:29px}.about-article-body .article-subsection-heading{font-size:23px}.about-article+.about-article{margin-top:78px;padding-top:70px}}
@media(prefers-reduced-motion:reduce){.about-outline a,.back-to-top{transition:none}}