/* =========================================================
   LEGION PASS 18 — ABOUT PAGE
   Premium editorial / AAA gaming layout
   ========================================================= */
.legion-about-page{background:#050a0b;color:#eef1ec;overflow:hidden}
.legion-about-page .container{max-width:1380px}

.legion-about-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#050a0b url('../images/banners/about.webp') center/cover no-repeat;border-bottom:1px solid rgba(181,218,42,.16)}
.legion-about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,8,.98) 0%,rgba(3,7,8,.90) 30%,rgba(3,7,8,.46) 58%,rgba(3,7,8,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.16),#050a0b 100%)}
.legion-about-hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,#050a0b);pointer-events:none}
.legion-about-hero .container{position:relative;z-index:2}
.legion-about-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#b7d92b;font-weight:800;margin-bottom:14px}
.legion-about-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,6vw,92px);line-height:.95;font-weight:700;letter-spacing:-.045em;color:#f7f4e9;margin:0 0 22px;text-transform:uppercase}
.legion-about-title span{color:#9fca28}
.legion-about-rule{width:275px;height:2px;background:linear-gradient(90deg,#b7d92b,rgba(183,217,43,0));margin-bottom:24px;position:relative}
.legion-about-rule:after{content:"◆";position:absolute;left:44%;top:-8px;color:#b7d92b;font-size:12px;text-shadow:0 0 12px rgba(183,217,43,.65)}
.legion-about-lead{max-width:610px;color:#c1c9c3;font-size:16px;line-height:1.9;margin:0 0 30px}
.legion-about-cta{display:inline-flex;align-items:center;gap:18px;padding:15px 24px;border:1px solid rgba(183,217,43,.75);background:linear-gradient(135deg,rgba(76,104,8,.5),rgba(10,17,12,.8));color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:12px;text-decoration:none;box-shadow:0 0 35px rgba(128,175,19,.12);transition:.25s ease}
.legion-about-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 35px rgba(128,175,19,.2),0 0 20px rgba(183,217,43,.15)}
.legion-about-cta i{color:#b7d92b}

.legion-about-stats{position:relative;z-index:5;margin-top:-46px}
.legion-about-stats-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(180deg,rgba(9,19,17,.96),rgba(5,12,12,.97));border:1px solid rgba(183,217,43,.35);box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 0 50px rgba(104,145,20,.06);position:relative;overflow:hidden}
.legion-about-stats-panel:before,.legion-about-stats-panel:after{content:"";position:absolute;width:16px;height:16px;border-color:#b7d92b;opacity:.75}
.legion-about-stats-panel:before{left:0;top:0;border-left:2px solid;border-top:2px solid}.legion-about-stats-panel:after{right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}
.legion-about-stat{min-height:205px;padding:38px 24px 32px;text-align:center;position:relative}
.legion-about-stat+.legion-about-stat{border-left:1px solid rgba(183,217,43,.2)}
.legion-about-stat-icon{width:58px;height:58px;border:1px solid rgba(183,217,43,.5);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;color:#b7f31e;font-size:24px;box-shadow:0 0 25px rgba(154,213,24,.1),inset 0 0 18px rgba(154,213,24,.05)}
.legion-about-stat-value{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:700;color:#f2efe4;line-height:1.1}
.legion-about-stat-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b7d92b;font-weight:800;margin-top:7px}
.legion-about-stat-copy{font-size:12px;line-height:1.65;color:#87928c;max-width:180px;margin:12px auto 0}

.legion-about-values-wrap{padding:110px 0 95px;background:radial-gradient(circle at 20% 25%,rgba(86,122,12,.09),transparent 34%),#050a0b}
.legion-about-section-head{text-align:center;max-width:820px;margin:0 auto 48px}
.legion-about-section-kicker{color:#b7d92b;font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px}
.legion-about-section-title{font-family:Georgia,'Times New Roman',serif;color:#f4f1e8;font-size:clamp(36px,4vw,56px);line-height:1.05;margin:0 0 16px}
.legion-about-section-title span{color:#9fca28}
.legion-about-section-copy{color:#929c96;line-height:1.8;margin:0}
.legion-about-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
.legion-about-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.legion-about-feature{background:linear-gradient(180deg,#0a1112,#071011);border:1px solid rgba(183,217,43,.22);border-radius:3px;overflow:hidden;min-height:430px;transition:.28s ease;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.legion-about-feature:hover{transform:translateY(-7px);border-color:rgba(183,217,43,.55);box-shadow:0 22px 60px rgba(0,0,0,.4),0 0 30px rgba(183,217,43,.08)}
.legion-about-feature-media{height:215px;overflow:hidden;position:relative}
.legion-about-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,9,10,.92))}
.legion-about-feature-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.legion-about-feature:hover .legion-about-feature-media img{transform:scale(1.06)}
.legion-about-feature-body{padding:0 22px 24px;position:relative;margin-top:-16px;z-index:2}
.legion-about-feature-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(183,217,43,.6);background:#0a1411;color:#b7f31e;margin-bottom:17px;clip-path:polygon(25% 6%,75% 6%,96% 50%,75% 94%,25% 94%,4% 50%);box-shadow:0 0 20px rgba(183,217,43,.1)}
.legion-about-feature h3{font-size:17px;color:#f3f1e9;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-weight:800}
.legion-about-feature p{color:#98a39c;line-height:1.75;font-size:13px;margin:0 0 18px}
.legion-about-feature-link{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#b7d92b;text-decoration:none}
.legion-about-feature-link i{margin-left:8px}

.legion-about-values{background:linear-gradient(180deg,rgba(10,17,17,.96),rgba(7,12,13,.96));border:1px solid rgba(183,217,43,.24);padding:25px 24px;position:sticky;top:95px;box-shadow:0 20px 55px rgba(0,0,0,.25)}
.legion-about-values h3{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#b7d92b;margin:0 0 24px}
.legion-about-value{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.legion-about-value:last-of-type{border-bottom:0}
.legion-about-value-icon{color:#b7f31e;font-size:17px;padding-top:3px}
.legion-about-value strong{display:block;color:#f1eee4;font-size:13px;margin-bottom:5px}
.legion-about-value span{display:block;color:#7f8a84;font-size:12px;line-height:1.6}
.legion-about-discord{margin-top:20px;padding:17px;background:linear-gradient(135deg,rgba(79,112,12,.26),rgba(5,11,11,.4));border:1px solid rgba(183,217,43,.35)}
.legion-about-discord strong{display:block;color:#f2efe7;font-size:13px;margin-bottom:5px}.legion-about-discord span{display:block;color:#7e8983;font-size:11px;margin-bottom:12px}
.legion-about-discord a{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1px solid rgba(183,217,43,.6);color:#b7d92b;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}

.legion-about-bottom{padding:0 0 100px;background:#050a0b}
.legion-about-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.legion-about-mini{padding:23px;background:#080f10;border:1px solid rgba(255,255,255,.07);display:flex;gap:15px;align-items:flex-start}
.legion-about-mini i{color:#b7d92b;font-size:18px;margin-top:3px}.legion-about-mini strong{display:block;color:#e9e7df;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.legion-about-mini span{color:#79837e;font-size:12px;line-height:1.55}

.legion-about-faq{padding:95px 0;background:linear-gradient(180deg,#071012,#05090a);border-top:1px solid rgba(183,217,43,.1)}
.legion-about-faq .accordion-item{background:#091011;border:1px solid rgba(255,255,255,.07)!important;margin-bottom:10px}
.legion-about-faq .accordion-button{background:#091011;color:#e9e7df;box-shadow:none;font-weight:700;padding:20px 22px}
.legion-about-faq .accordion-button:not(.collapsed){color:#b7d92b;background:#0b1412}
.legion-about-faq .accordion-button:after{filter:brightness(1.7)}
.legion-about-faq .accordion-body{color:#89948e;line-height:1.75;padding:0 22px 22px}

@media(max-width:1100px){.legion-about-main-grid{grid-template-columns:1fr}.legion-about-values{position:relative;top:auto}.legion-about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legion-about-stats-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.legion-about-stat:nth-child(4){border-left:0;border-top:1px solid rgba(183,217,43,.2)}.legion-about-stat:nth-child(5){border-top:1px solid rgba(183,217,43,.2)}}
@media(max-width:700px){.legion-about-hero{min-height:610px;background-position:65% center}.legion-about-hero:before{background:linear-gradient(90deg,rgba(3,7,8,.95),rgba(3,7,8,.72)),linear-gradient(180deg,transparent,#050a0b)}.legion-about-title{font-size:52px}.legion-about-stats{margin-top:-25px}.legion-about-stats-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.legion-about-stat{min-height:175px;padding:28px 15px}.legion-about-stat+.legion-about-stat{border-left:1px solid rgba(183,217,43,.2)}.legion-about-stat:nth-child(3),.legion-about-stat:nth-child(5){border-left:0}.legion-about-stat:nth-child(n+3){border-top:1px solid rgba(183,217,43,.2)}.legion-about-feature-grid,.legion-about-bottom-grid{grid-template-columns:1fr}.legion-about-values-wrap{padding-top:75px}.legion-about-section-title{font-size:40px}.legion-about-feature-media{height:230px}}
@media(max-width:480px){.legion-about-hero{min-height:590px}.legion-about-title{font-size:43px}.legion-about-lead{font-size:14px}.legion-about-stats-panel{grid-template-columns:1fr}.legion-about-stat+.legion-about-stat,.legion-about-stat:nth-child(n+3){border-left:0;border-top:1px solid rgba(183,217,43,.2)}.legion-about-stat{min-height:auto}.legion-about-section-title{font-size:34px}}