body.about{background:radial-gradient(circle at top,#4f3b2699,#100c09fa);color:var(--ink)}.about-shell{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.about-hero{text-align:center;margin:0 auto 2.5rem;max-width:820px}.about-hero h1{font-family:var(--title-font);font-size:clamp(2.2rem,4vw,3.2rem);color:#f7efe2;margin-bottom:.6rem}.about-hero p{color:#e9ddcc;font-size:1.2rem;line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.about-panel{background:var(--paper);color:var(--ink);padding:1.6rem 1.8rem;border-radius:18px;box-shadow:0 18px 40px #00000059;position:relative;overflow:hidden}.about-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff59,#00000014),repeating-linear-gradient(0deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 1px,transparent 1px,transparent 4px);opacity:.3;pointer-events:none}.about-panel>*{position:relative;z-index:1}.about-panel h2{font-family:var(--title-font);margin-top:0;color:var(--accent-dark);font-size:1.7rem}.about-panel p{font-size:1.1rem;line-height:1.6;margin:0 0 1rem}.about-panel p:last-child{margin-bottom:0}.about-panel strong{color:var(--accent-dark)}.panel-wide{grid-column:span 12}.panel-left{grid-column:span 7}.panel-right{grid-column:span 5}.timeline{list-style:none;padding:0;margin:1rem 0 0}.timeline li{display:flex;gap:.8rem;padding:.6rem 0;border-bottom:1px solid rgba(92,59,34,.2);font-size:1.05rem}.timeline li:last-child{border-bottom:none}.timeline span{font-weight:700;color:var(--accent-dark);min-width:120px}.about-note{border-left:3px solid rgba(139,94,59,.6);padding-left:1rem;color:var(--ink-soft)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.gallery figure{margin:0;background:#120f0cd9;border-radius:14px;overflow:hidden;box-shadow:0 12px 24px #0006;border:1px solid rgba(255,255,255,.08)}.gallery img{width:100%;height:220px;object-fit:cover}.gallery figcaption{padding:.7rem .9rem .9rem;color:#f0e6d7;font-size:.95rem;letter-spacing:.02em}.about-actions{text-align:center;margin-top:2.5rem}.about-actions .btn-primary{font-size:.9rem}.about-link{color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media (max-width: 900px){.about-shell{padding:1.5rem 1.2rem 3rem}.about-hero{text-align:left}.panel-left,.panel-right{grid-column:span 12}.timeline span{min-width:100px}}@media (max-width: 640px){.gallery img{height:180px}.timeline li{flex-direction:column;gap:.3rem}}