.about{position:relative}.about-side{display:none}.chapters{margin:0;padding:0 0 0 28px;list-style:none;position:relative}.chapters:before{content:"";background:var(--color-divider);width:1px;position:absolute;top:8px;bottom:8px;left:6px}.ch{scroll-margin-top:140px;position:relative}.ch:before{content:"";border:1px solid var(--color-accent);background:var(--color-bg);border-radius:50%;width:11px;height:11px;position:absolute;top:22px;left:-27px}.ch.exit:before,.ch[data-open]:before{background:var(--color-accent)}.ch-head{grid-template-columns:1fr 24px;align-items:center;gap:8px;min-height:56px;padding:14px 0;display:grid}.ch-hl{flex-direction:column;gap:2px;display:flex}.ch .lbl{font-family:var(--font-heading);font-feature-settings:"tnum" 1;font-size:26px;line-height:1.1}.ch.exit .lbl{color:var(--color-accent)}.ch .ttl{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:12px}.ch-plus{transition:transform .3s}.ch[data-open] .ch-plus{transform:rotate(45deg)}.ch-body{flex-direction:column;gap:8px;padding:0 0 20px;display:flex}.ch-body h3{font-family:var(--font-heading);margin:0;font-size:21px;font-weight:600;line-height:1.2}.ch-body p{color:color-mix(in srgb, var(--color-text) 84%, transparent);margin:0;font-size:15.5px;line-height:1.7}.ch-head[role=button]{cursor:pointer}.ch-head:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.about[data-acc] .ch:not([data-open]) .ch-body{display:none}.ch-plus{display:block}@media (width>=768px){.chapters{border-top:1px solid var(--color-divider);padding:0}.chapters:before,.ch:before,.ch-plus{display:none}.ch{border-bottom:1px solid var(--color-divider);grid-template-columns:180px 1fr;gap:32px;padding:32px 0;display:grid}.ch-head{min-height:0;padding:0;display:block}.ch-hl{gap:6px}.ch .lbl{font-size:44px;line-height:1}.ch-body{gap:10px;padding:0}.ch-body h3{font-size:27px;font-weight:400;line-height:1.15}}@media (width>=1024px){.about{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:80px;display:grid}.about-side{flex-direction:column;align-self:start;gap:24px;display:flex;position:sticky;top:120px}.about-side .big{font-family:var(--font-heading);font-feature-settings:"tnum" 1;font-size:132px;font-weight:400;line-height:.9;transition:color .4s}.about-side[data-exit] .big{color:var(--color-accent)}.about-side .kick{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-700);font-size:12px}.toc{border-left:1px solid var(--color-divider);flex-direction:column;margin:16px 0 0;padding:0;list-style:none;display:flex}.toc a{color:color-mix(in srgb, var(--color-text) 55%, transparent);border-left:1px solid #0000;align-items:center;gap:12px;margin-left:-1px;padding:7px 0 7px 18px;font-size:13.5px;text-decoration:none;transition:color .3s,border-color .3s;display:flex}.toc a:hover{color:var(--color-accent-700)}.toc a.on{border-left-color:var(--color-accent);color:var(--color-text)}.toc .tl{font-feature-settings:"tnum" 1;width:64px}.chapters{border-top:0}.ch{border-top:1px solid var(--color-divider);border-bottom:0;flex-direction:column;gap:14px;min-height:42vh;padding:36px 0 56px;display:flex}.ch.exit{border-top-color:var(--color-accent)}.ch-head .ch-hl{flex-direction:row;gap:0}.ch .lbl,.ch.exit .lbl{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:12px}.ch .ttl:before{content:" · ";white-space:pre}.ch-body{gap:14px}.ch-body h3{font-size:34px;line-height:1.12}.ch-body p{text-align:justify;hyphens:auto;max-width:56ch;font-size:16.5px;line-height:1.75}}
