.about{gap:var(--sp-6);display:grid}.about-head{gap:var(--sp-5);border-block-end:var(--hair) solid var(--thread);align-items:center;padding-block-end:var(--sp-5);display:grid}.about-head h1{font-family:var(--font-display);font-size:var(--display)}.about-lead{font-size:var(--step-1);line-height:var(--lh-body);color:var(--muted)}.about-guide{inline-size:40%;max-inline-size:calc(var(--sp-9) * 2);justify-self:start}.about-grid{gap:var(--sp-7);align-items:start;display:grid}.about-main{max-inline-size:none}.about-main h2{font-family:var(--font-display);font-size:var(--step-3);margin-block:var(--sp-7) var(--sp-3)}.about-main h2:first-child{margin-block-start:var(--sp-0)}.about-main>p{font-size:var(--step-1);line-height:var(--lh-body);max-inline-size:var(--container)}.about-side{gap:var(--sp-5);display:grid}.about-portrait{margin:var(--sp-0);inline-size:60%;max-inline-size:calc(var(--sp-9) * 3.5);border-radius:var(--r-card);box-shadow:var(--glow-mark);background-color:var(--soft);justify-self:start;overflow:hidden}.about-portrait img{block-size:auto;inline-size:100%;aspect-ratio:var(--photo-ratio);object-fit:cover;display:block}.about-card{padding:var(--sp-5);background-color:var(--surface);color:var(--text);border-radius:var(--r-card)}.about-card h2{font-family:var(--font-display);font-size:var(--step-1);margin-block-end:var(--sp-3)}.about-card ul{margin:var(--sp-0);padding:var(--sp-0);gap:var(--sp-2);list-style:none;display:grid}.about-card a{color:var(--accent)}.about-cv{font-weight:var(--w-bold)}.about-note{color:var(--muted);font-size:var(--step--1);display:block}.about-foot{border-block-start:var(--hair) solid var(--line);margin-block-start:var(--sp-6);padding-block-start:var(--sp-4)}@media (min-width:32rem){.about-main>p{text-align:justify;text-justify:inter-word;text-align-last:start;-webkit-hyphens:none;hyphens:none}}@media (min-width:48rem){.about-head{grid-template-columns:auto 1fr}.about-guide{inline-size:calc(var(--sp-9) * 1.5);order:-1;justify-self:start}.about-portrait{inline-size:100%}}@media (min-width:64rem){.about-grid{grid-template-columns:minmax(0, 1fr) calc(var(--sp-9) * 3.5)}.about-side{position:sticky;inset-block-start:var(--sp-5)}}.about-main{gap:var(--sp-7);display:grid}.about-open>p{font-size:var(--step-1);line-height:var(--lh-body);max-inline-size:var(--container)}.about-sides h2,.about-path h2{font-family:var(--font-display);font-size:var(--step-3);margin-block:var(--sp-0) var(--sp-4)}.about-sides-grid{gap:var(--sp-4);display:grid}.about-side-card{padding:var(--sp-5);background-color:var(--surface);color:var(--text);border-radius:var(--r-card);gap:var(--sp-3);align-content:start;display:grid}.about-side-card h3{font-family:var(--font-display);font-size:var(--step-2)}.about-side-card p{margin:var(--sp-0);line-height:var(--lh-body)}.about-side-card a,.about-bridge a{color:var(--accent);font-weight:var(--w-bold)}.about-bridge{margin-block:var(--sp-4) var(--sp-0);color:var(--muted)}.about-path ol{margin:var(--sp-0);padding:var(--sp-0);gap:var(--sp-3);list-style:none;display:grid}.about-path li{gap:var(--sp-1);border-block-end:var(--hair) solid var(--line);padding-block-end:var(--sp-3);display:grid}.about-when{color:var(--muted);font-size:var(--step--1);font-weight:var(--w-bold)}@media (min-width:48rem){.about-sides-grid{grid-template-columns:1fr 1fr}.about-path li{grid-template-columns:calc(var(--sp-9) * 1.5) 1fr;align-items:baseline}}