.about-layout{min-height:100vh;display:flex}.about-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-shrink:0;width:240px;height:100vh;min-height:100vh;padding:2.5rem 1.5rem;position:sticky;top:0}.about-sidebar nav ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.about-sidebar nav ul li a{color:var(--gold);letter-spacing:.06em;border-left:3px solid #0000;padding:.4rem .75rem;font-size:.9rem;transition:all .2s;display:block}.about-sidebar nav ul li a:hover,.about-sidebar nav ul li a.active{border-left-color:var(--gold);background:rgba(var(--gold-rgb),.05);padding-left:1rem}.about-sidebar nav ul li a.active{color:#fff;font-weight:600}.about-content{flex:1;overflow-x:hidden}.about-header{text-align:center;opacity:0;padding:6rem 2rem 4rem;animation:1s ease-out forwards heroFade;transform:translateY(40px)}.about-header h1{color:var(--gold);text-shadow:0 0 10px rgba(var(--gold-rgb),.6),0 0 20px rgba(var(--gold-rgb),.3);margin-bottom:1rem;font-size:3.6rem;animation:2.5s ease-in-out infinite pulse}.about-header p{color:var(--gold);opacity:0;max-width:620px;margin:0 auto;font-size:1.3rem;line-height:1.6;animation:1.2s ease-out .3s forwards heroFade}.about-header-sep{justify-content:center;width:100%;max-width:900px;margin:1.5rem auto;display:flex}.about-header-sep svg{width:100%;display:block}.sep-line-about{stroke:var(--gold);stroke-dasharray:900;stroke-dashoffset:900px;animation:1.2s .4s forwards drawLineAbout}@keyframes drawLineAbout{to{stroke-dashoffset:0}}.about-section{border-top:1px solid var(--surface-border);max-width:860px;margin:0 auto 2rem;padding:3.5rem 3rem}.about-section-title{color:var(--gold);letter-spacing:.05em;margin-bottom:.75rem;font-size:1.8rem}.about-section-content{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.about-history-block{background:var(--surface);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:1.5rem 2rem}.about-partners-grid{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.about-partner-chip{background:var(--surface);border:1px solid var(--border-soft);color:var(--text-bright);border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;transition:border-color .25s,color .25s,transform .25s}.about-partner-chip:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.about-projects-grid{flex-direction:column;gap:1.25rem;margin-top:.5rem;display:flex}.about-project-card{background:var(--surface);border:1px solid var(--border-soft);opacity:0;border-radius:8px;padding:1.5rem 2rem;transition:transform .3s,border-color .3s;animation:.6s forwards fadeUp;transform:translateY(20px)}.about-project-card:first-child{animation-delay:.1s}.about-project-card:nth-child(2){animation-delay:.25s}.about-project-card:nth-child(3){animation-delay:.4s}.about-project-card:hover{border-color:var(--gold);transform:translateY(-4px)}.about-project-card h3{color:var(--gold);margin-bottom:.5rem;font-size:1.15rem}.about-project-card p{color:var(--text-soft);font-size:.95rem;line-height:1.55}.about-footer-slogans{border-top:1px solid var(--border-soft);background:#0000001f;margin-top:3rem;padding:1.25rem 0;overflow:hidden}.slogan-track{white-space:nowrap;gap:4rem;width:max-content;animation:28s linear infinite sloganMarquee;display:flex}.slogan-track span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-size:.85rem}.slogan-track span:before{content:"·";opacity:.4;margin-right:4rem}.slogan-track span:first-child:before{display:none}@keyframes sloganMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:900px){.about-layout{flex-direction:column}.about-sidebar{width:100%;height:auto;min-height:unset;border-right:none;border-bottom:1px solid var(--border-soft);padding:1rem 1.5rem;position:static}.about-sidebar nav ul{flex-flow:wrap;gap:.5rem 1.5rem}.about-sidebar nav ul li a{border-bottom:2px solid #0000;border-left:none;padding:.25rem 0}.about-sidebar nav ul li a:hover{border-bottom-color:var(--gold);padding-left:0}.about-section{padding:2.5rem 1.5rem}.about-header h1{font-size:2.5rem}.about-header{padding:4rem 1.5rem 2.5rem}}@media (max-width:480px){.about-header{padding:2.5rem 1rem 1.5rem}.about-header h1{font-size:1.9rem}.about-header p{font-size:1rem}.about-section{padding:1.75rem 1rem}.about-section-title{font-size:1.4rem}.about-section-content{font-size:.95rem}.about-history-block{padding:1rem 1.25rem}.about-project-card{padding:1.1rem 1.25rem}}