@layer components{.about-page{min-height:100vh;& .about-page__container{max-width:720px;margin-inline:auto;padding-inline:var(--space-l)}& .about-page__header{padding-block:var(--space-2xl);background-color:var(--color-surface-raised)}& .about-page__title{font-size:var(--size-step-4);font-weight:900;line-height:1.1;color:var(--color-text);margin:0}& .about-page__body{& h2{font-size:var(--size-step-1);font-weight:700;color:var(--color-text);margin:var(--space-2xl)0 var(--space-s);&:first-child{margin-top:0}}& p{font-size:var(--size-step-0);line-height:1.8;color:var(--color-text-muted);margin:0 0 var(--space-m)}& a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}& hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl)0}&[data-variant=dark]{background:var(--color-surface);color:var(--color-text)}}}}