body.bbs-about { background:#101110; color:#f4f3ef; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:0; padding-top:84px; }
.bbs-about .navbar { min-height:84px; }
.bbs-about .navbar-topbar { display:none; }
.bbs-about .navbar-main { min-height:84px; padding:0 4.5%; max-width:1600px; margin:auto; }
.about-page { max-width:1440px; margin:auto; padding:0 4.5% 60px; min-height:calc(100svh - 240px); }
.about-page, .about-page * { box-sizing:border-box; }
.about-intro { padding:75px 0 60px; }
.about-eyebrow { color:#a7aaa4; font-size:10px; font-weight:400; line-height:1.6; text-transform:uppercase; letter-spacing:.16em; margin:0 0 24px; }
.about-intro h1 { color:#f4f3ef; font-size:clamp(48px,6.3vw,88px); font-weight:500; letter-spacing:-.065em; line-height:1.04; margin:0; }
.about-intro h1 span { color:#ff9c35; }
.about-empty { padding:36px; border:1px solid #ffffff24; border-radius:7px; background:#171917; }
.about-status { display:flex; align-items:center; gap:10px; color:#a7aaa4; font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:32px; }
.about-status-dot { width:6px; height:6px; border-radius:50%; background:#ff9c35; }
.about-empty-content { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.about-empty h2 { color:#f4f3ef; font-size:clamp(24px,3vw,36px); line-height:1.2; font-weight:500; letter-spacing:-.04em; margin:0 0 14px; }
.about-empty p, .about-follow p { color:#a7aaa4; font-size:14px; line-height:1.8; margin:0; }
.about-actions { display:flex; flex-direction:column; align-items:center; gap:18px; flex-shrink:0; }
.about-page a { text-decoration:none; }
.about-primary { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:50px; padding:16px 22px; border-radius:5px; background:#ff9c35; color:#101110; font-size:14px; }
.about-primary:hover { background:#ffb463; }
.about-page svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.5; fill:none; }
.about-secondary { color:#d8dad4; font-size:13px; padding:6px; }
.about-follow { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:36px 0; margin-top:30px; border-top:1px solid #ffffff24; }
.about-follow h2 { color:#f4f3ef; font-size:22px; font-weight:500; letter-spacing:-.035em; margin:0 0 12px; }
.about-follow > a { display:flex; align-items:center; gap:24px; color:#f4f3ef; font-size:14px; min-height:44px; }
.about-follow svg { color:#ffb463; }
.about-page a:focus-visible { outline:2px solid #ff9c35; outline-offset:5px; }
.bbs-about .footer { background:#101110; border-top:1px solid #ffffff24; border-radius:0; box-shadow:none; margin:0; padding:24px 4.5%; }
.bbs-about .footer .legal-links a, .bbs-about .footer .copyright { color:#a7aaa4; font-size:10px; }
@media(max-width:800px) { .about-empty-content { flex-direction:column; align-items:flex-start; } }
@media(max-width:600px) {
 body.bbs-about { padding-top:72px; }
 .bbs-about .navbar, .bbs-about .navbar-main { min-height:72px; }
 .about-page { padding:0 22px 36px; min-height:0; }
 .about-intro { padding:42px 0 30px; }
 .about-intro h1 { font-size:clamp(40px,10.5vw,62px); }
 .about-empty { padding:24px; }
 .about-empty-content { gap:26px; }
 .about-actions, .about-primary { width:100%; }
 .about-follow { flex-direction:column; align-items:flex-start; padding:28px 0 0; gap:18px; }
}

.about-lead { color:#a7aaa4; font-size:16px; line-height:1.8; margin:26px 0 0; max-width:460px; }
.about-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:32px; }
.about-tile { display:flex; flex-direction:column; align-items:flex-start; padding:28px; background:#171917; border:1px solid #ffffff24; border-radius:7px; }
.about-number { color:#a7aaa4; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.about-tile svg { width:48px; height:48px; color:#ffb463; margin:32px 0 26px; }
.about-tile h2 { color:#f4f3ef; font-size:27px; font-weight:500; letter-spacing:-.04em; line-height:1.15; margin:0 0 16px; }
.about-tile p { color:#a7aaa4; font-size:14px; line-height:1.8; margin:0; }
.about-empty p { max-width:540px; }
@media(max-width:800px) { .about-catalog { grid-template-columns:1fr; } .about-tile { padding:24px; } .about-tile svg { margin:24px 0; } }
@media(max-width:600px) { .about-lead { font-size:14px; margin-top:22px; } }

.about-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); }
.about-tile h2 { margin-top:30px; }
.about-tile:hover { border-color:#ff9c35; }
.about-card-link { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; margin-top:auto; padding-top:26px; color:#f4f3ef; font-size:12px; }
.about-card-link svg { width:21px; height:21px; margin:0; color:#ffb463; }
.about-help-links { display:flex; gap:26px; }
.about-help-links a { color:#f4f3ef; font-size:13px; min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:600px) { .about-catalog { grid-template-columns:1fr; } }