/* ===== ABOUT.CSS ===== */
.about-hero { padding:36px 20px 20px; text-align:center; border-bottom:1px solid var(--border); }
.about-logo-wrap { margin-bottom:16px; }
.about-logo { width:90px; height:90px; border-radius:22px; object-fit:contain; box-shadow:0 8px 32px rgba(0,0,0,.4); border:2px solid var(--border); }
.about-studio-name { font-size:26px; font-weight:700; margin-bottom:6px; }
.about-tagline { font-size:14px; }

.social-grid { display:grid; gap:10px; }
.social-card { display:flex; align-items:center; gap:14px; background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:14px 16px; transition:all .2s; }
.social-card:hover { border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.04); }
.social-icon { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.social-tiktok .social-icon { background:rgba(255,255,255,.1); color:#fff; }
.social-fb .social-icon { background:rgba(24,119,242,.15); color:#1877f2; }
.social-ig .social-icon { background:rgba(225,48,108,.15); color:#e1306c; }
.social-wa .social-icon { background:rgba(37,211,102,.15); color:#25d366; }
.social-platform { font-size:14px; font-weight:600; margin-bottom:2px; }
.social-handle { font-size:12px; }
.social-arrow { margin-left:auto; color:var(--accent); font-size:18px; flex-shrink:0; }

.sources-list { display:grid; gap:8px; }
.src-row { display:flex; align-items:center; gap:10px; background:var(--bg-card); border:1px solid var(--border); border-radius:10px; padding:13px 15px; font-size:13px; line-height:1.5; transition:border-color .2s; }
.src-row:hover { border-color:rgba(255,255,255,.15); }
.src-badge { font-size:10px; font-weight:700; padding:3px 8px; background:rgba(45,212,196,.1); color:var(--accent); border-radius:6px; flex-shrink:0; white-space:nowrap; }
.src-arrow { margin-left:auto; color:var(--accent); flex-shrink:0; }

.website-tag { margin-top:14px; }
.site-url { display:inline-block; background:rgba(45,212,196,.08); border:1px solid rgba(45,212,196,.2); color:var(--accent); padding:8px 16px; border-radius:8px; font-size:14px; font-weight:600; }

.donate-cta { text-align:center; background:var(--bg-card); border:1px solid var(--border); border-radius:16px; padding:32px 24px; }
.donate-cta-icon { font-size:36px; margin-bottom:12px; }
.donate-cta h3 { font-size:18px; font-weight:700; margin-bottom:8px; }
.donate-cta p { font-size:13.5px; margin-bottom:20px; line-height:1.6; }
.donate-cta-btn { display:inline-flex; align-items:center; gap:6px; padding:12px 28px; background:linear-gradient(135deg,#f06292,#d81b60); border-radius:24px; font-size:14px; font-weight:700; color:#fff; box-shadow:0 4px 18px rgba(216,27,96,.3); transition:opacity .2s; }
.donate-cta-btn:hover { opacity:.88; }