@media screen and (min-width: 1080px){.about-layout section{display:flex;justify-content:center;align-items:flex-start;z-index:1}.about-layout .content{max-width:var(--max-width);display:flex;width:100%;padding:var(--space-3xl) var(--space-xl);gap:var(--space-3xl)}.about-layout .grid-container{width:260px;min-width:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:sticky;top:calc(var(--nav-height) + var(--space-2xl))}.about-layout .grid{display:flex;flex-direction:column;align-items:stretch;width:100%;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow:hidden}.about-layout .grid a{transition:background var(--transition-fast)}.about-layout .grid a:hover{text-decoration:none;background:var(--color-bg-soft)}.about-layout .item{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);gap:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.about-layout .grid a:last-child .item{border-bottom:none}.about-layout .item .head{width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.about-layout .material-symbols-outlined{font-size:1rem}.about-layout h2{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;margin:0}.about-layout .selected{background:var(--color-bg-soft);border-left:3px solid var(--color-secondary)}.about-layout .selected h2{font-weight:600;color:var(--color-primary)}.about-layout .selected .head{background:var(--color-secondary)}.about-layout .grid a:first-child .item{padding:var(--space-lg);justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-bottom:none}.about-layout .grid a:first-child:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.about-layout .sidebar-logo{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}.about-layout img:not(.sidebar-logo){width:140px;padding:0}.about-layout .copy{flex:1;min-width:0}.about-layout .copy h1{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-secondary)}.about-layout .copy h2{font-size:1.25rem;font-weight:600;color:var(--color-secondary);margin-top:var(--space-2xl);margin-bottom:var(--space-sm);text-align:left}.about-layout .copy p{font-size:.95rem;line-height:1.8;color:var(--color-text-secondary)}.about-layout .item .body{flex:1}}@media screen and (max-width: 1079px){.about-layout .grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.about-layout .grid{display:flex;flex-direction:row;padding:var(--space-sm) var(--space-md);gap:var(--space-xs);min-width:max-content}.about-layout .grid a:first-child{display:none}.about-layout .item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);white-space:nowrap;transition:background var(--transition-fast)}.about-layout .item:hover{background:var(--color-bg-soft)}.about-layout .item .head{width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.about-layout .material-symbols-outlined{font-size:.9rem}.about-layout h2{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;margin:0}.about-layout .selected{background:var(--color-bg-soft);border-radius:var(--radius-full)}.about-layout .selected h2{font-weight:600;color:var(--color-primary)}.about-layout .selected .head{background:var(--color-secondary)}.about-layout .copy{padding:var(--space-2xl) var(--space-lg);max-width:720px;margin:0 auto}.about-layout .copy h1{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:3px solid var(--color-secondary);text-align:left}.about-layout .copy h2{font-size:1.15rem;font-weight:600;color:var(--color-secondary);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.about-layout .copy p{font-size:.95rem;line-height:1.8;color:var(--color-text-secondary)}.about-layout img{display:none}}