body[class*=page-about] main{--page-max: var(--container-xl);padding-bottom:4.75rem}body[class*=page-about] .about-page-shell{width:100%;max-width:none;margin:0 auto;display:grid;gap:1.5rem;position:relative}body[class*=page-about] .about-hero,body[class*=page-about] .about-content-container>*{animation:aboutFadeUp .42s ease}body[class*=page-about] .about-window__meta{color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;text-transform:lowercase}body[class*=page-about] .about-hero__body{display:grid;gap:1rem;padding:1.3rem}body[class*=page-about] .about-hero__copy{display:grid;gap:.75rem;min-width:0}body[class*=page-about] .about-hero__copy h1{margin:0}body[class*=page-about] .about-hero__context{display:flex;flex-wrap:wrap;gap:.7rem 1.25rem}body[class*=page-about] .about-hero__context-item,body[class*=page-about] .about-hero__context-label{font-family:var(--font-mono);font-size:.8rem}body[class*=page-about] .about-hero__context-item{display:inline-flex;align-items:baseline;gap:.45rem;color:var(--text-secondary)}body[class*=page-about] .about-hero__context-label{color:var(--text-muted);text-transform:lowercase}body[class*=page-about] .about-hero__context-value{color:var(--text-primary);font-size:.92rem}body[class*=page-about] .about-hero__copy p,body[class*=page-about] .about-sidebar__intro{margin:0;max-width:62ch;color:var(--text-secondary)}body[class*=page-about] .about-hero__meta-label,body[class*=page-about] .about-hero__meta-note,body[class*=page-about] .about-nav__index,body[class*=page-about] .about-nav__main span,body[class*=page-about] .about-sidebar__intro{font-family:var(--font-mono)}body[class*=page-about] .about-hero__meta-label,body[class*=page-about] .about-nav__index,body[class*=page-about] .about-nav__main span{font-size:.78rem;color:var(--text-muted)}body[class*=page-about] .about-hero__meta-value{font-size:1.08rem;line-height:1.2;color:var(--text-primary)}body[class*=page-about] .about-hero__meta-note{color:var(--text-secondary);font-size:.8rem}body[class*=page-about] .about-workspace{display:grid;grid-template-columns:clamp(14rem,20vw,17rem) minmax(0,1fr);gap:1rem;align-items:start;position:relative}body[class*=page-about] .about-sidebar{width:100%;justify-self:start;align-self:start;position:sticky;top:7rem;z-index:4;animation:aboutSidebarFade .28s ease}body[class*=page-about] .about-sidebar__body{display:grid;gap:1rem;padding:1.1rem}body[class*=page-about] .about-sidebar__intro{font-size:.8rem;line-height:1.75}body[class*=page-about] .about-nav{display:grid;gap:.7rem}body[class*=page-about] .about-nav__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:center;padding:.88rem .92rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fffdf9b3;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}body[class*=page-about] .about-nav__item:hover{transform:translateY(-1px);border-color:var(--border-hover);background:#fffaf4eb;box-shadow:var(--shadow-crisp)}body[class*=page-about] .about-nav__item--active{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.08)}body[class*=page-about] .about-nav__main{display:grid;gap:.12rem}body[class*=page-about] .about-nav__main strong{font-size:.98rem;color:var(--text-primary)}body[class*=page-about] .about-content-container{display:grid;gap:1rem;width:100%;min-width:0}@keyframes aboutFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutSidebarFade{0%{opacity:0}to{opacity:1}}@media(max-width:80rem){body[class*=page-about] .about-workspace{grid-template-columns:1fr}body[class*=page-about] .about-sidebar{width:100%;position:static}body[class*=page-about] .about-content-container{width:100%}body[class*=page-about] .about-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}}@media(max-width:720px){body[class*=page-about] main{padding-bottom:4rem}body[class*=page-about] .about-hero__body{padding:1rem}body[class*=page-about] .about-nav{grid-template-columns:1fr}}