.about-page{background:#07090a;color:var(--text)}
.about-page::before{display:none}
.about-page .nav{gap:14px}
.about-page .nav-links a{font-size:14px;padding-left:4px;padding-right:4px}
.about-page .nav-links a::after{margin-left:6px}
.about-page #loginBtn{min-width:146px;padding-left:27px;padding-right:27px}
.about-page .about-nav-active{position:relative;color:var(--gold-2)}
.about-page .about-nav-active::before{content:"";position:absolute;left:8px;right:18px;bottom:3px;height:1px;background:var(--gold)}

.about-hero{position:relative;height:390px;margin-top:66px;overflow:hidden;border-bottom:1px solid var(--border)}
.about-hero-art{position:absolute;inset:0;background:url("../img/t1-wordmark.png") center 28% / cover no-repeat;filter:saturate(.62) brightness(.58)}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.96),rgba(5,7,8,.42) 52%,rgba(5,7,8,.83)),linear-gradient(180deg,rgba(5,7,8,.2),#07090a 100%)}
.about-hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:58px}
.about-hero-content .eyebrow{margin:0 0 10px}
.about-hero-content h1{font-size:clamp(42px,5.2vw,70px);line-height:1;margin:0;text-shadow:0 6px 26px #000}
.about-hero-content p{max-width:760px;margin:16px 0 0;color:#b0b5b7;font-size:18px;line-height:1.65}

.about-main{padding:0 0 84px;background:radial-gradient(circle at 55% 0,rgba(200,164,95,.07),transparent 32%),#090b0c}
.about-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-28px;margin-bottom:38px;border:1px solid var(--border-strong);background:rgba(13,16,17,.97);box-shadow:var(--shadow)}
.about-summary>div{padding:18px 24px;border-right:1px solid var(--border);text-align:center}
.about-summary>div:last-child{border-right:0}
.about-summary small{display:block;color:#747c80;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.about-summary strong{display:block;margin-top:3px;color:var(--gold-2);font:700 23px var(--serif)}

.about-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:32px}
.about-side{position:sticky;top:88px;border:1px solid var(--border);background:rgba(13,16,17,.96);box-shadow:0 16px 38px rgba(0,0,0,.3)}
.about-side-title{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(200,164,95,.14),transparent)}
.about-side-title>span{width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg)}
.about-side-title b{font:600 13px var(--serif);text-transform:uppercase;letter-spacing:.06em;color:#e7e1d4}
.about-side nav{padding:9px 0}
.about-side nav a{display:flex;align-items:center;gap:12px;padding:10px 17px;color:#777f82;font:600 12px var(--serif);text-transform:uppercase;letter-spacing:.03em;border-left:2px solid transparent}
.about-side nav a i{width:7px;height:7px;flex:none;border:1px solid #565c5e;transform:rotate(45deg)}
.about-side nav a:hover,.about-side nav a.active{color:var(--gold-2);border-left-color:var(--gold);background:linear-gradient(90deg,rgba(200,164,95,.09),transparent)}
.about-side nav a.active i{border-color:var(--gold-2);background:var(--gold);box-shadow:0 0 8px rgba(238,212,141,.4)}
.about-download{display:flex;margin:10px 15px 16px;padding-left:12px;padding-right:12px;justify-content:center;font-size:11px}
.about-wiki-link{display:block;margin:-4px 15px 17px;text-align:center;color:var(--gold);font:600 10px var(--serif);text-transform:uppercase;letter-spacing:.05em}

.about-article{min-width:0;display:grid;gap:24px}
.about-section{position:relative;scroll-margin-top:90px;padding:34px 38px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(17,20,21,.96),rgba(10,12,13,.97));box-shadow:0 16px 38px rgba(0,0,0,.24);overflow:hidden}
.about-section::after{content:"";position:absolute;left:38px;top:0;width:90px;height:1px;background:var(--gold);box-shadow:0 0 14px rgba(238,212,141,.5)}
.about-section-number{position:absolute;right:22px;top:10px;color:rgba(238,212,141,.065);font:700 78px/1 var(--serif)}
.about-kicker{position:relative;color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px}
.about-section h2{position:relative;font-size:clamp(28px,3.3vw,42px);margin-bottom:17px}
.about-section>p{position:relative;color:#a0a7aa;font-size:17px;line-height:1.8;margin:0}
.about-accent-section{background:linear-gradient(135deg,rgba(47,38,20,.36),rgba(12,14,15,.98) 55%)}

.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.about-highlights div{padding:18px;border:1px solid rgba(200,164,95,.18);background:rgba(7,9,10,.46)}
.about-highlights b{display:block;color:#e9e4d7;font:600 15px var(--serif)}
.about-highlights span{display:block;margin-top:7px;color:#737b7e;font-size:13px;line-height:1.55}
.about-rate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}
.about-rate-grid div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid rgba(200,164,95,.2);background:#0b0e0f}
.about-rate-grid span{color:#848c8f;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.about-rate-grid b{color:var(--gold-2);font:700 19px var(--serif)}
.about-feature-list{position:relative;list-style:none;padding:0;margin:5px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-feature-list li{position:relative;padding:16px 17px 16px 43px;border:1px solid rgba(200,164,95,.16);background:rgba(7,9,10,.38);color:#929a9d;font-size:14px;line-height:1.6}
.about-feature-list li::before{content:"";position:absolute;left:19px;top:23px;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}

.artifact-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:10px;margin-top:27px}
.artifact-flow>div{min-height:155px;padding:20px;border:1px solid rgba(238,212,141,.26);background:rgba(8,10,11,.56);text-align:center}
.artifact-flow>div span{width:40px;height:40px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-2);font:700 14px var(--serif)}
.artifact-flow b{display:block;color:#ece5d5;font:600 15px var(--serif)}
.artifact-flow small{display:block;margin-top:7px;color:#747c80;font-size:12px;line-height:1.5}
.artifact-flow>i{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.about-callout{display:flex;align-items:center;gap:16px;margin-top:23px;padding:17px 20px;border:1px solid rgba(200,164,95,.35);background:rgba(200,164,95,.08)}
.about-callout>span{color:var(--gold-2);font-size:25px}
.about-callout p{margin:0;color:#c6c3ba;font-size:14px;line-height:1.6}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-split>div{padding:21px;border:1px solid rgba(200,164,95,.18);background:rgba(7,9,10,.42)}
.about-split h3{font-size:19px;color:var(--gold-2)}
.about-split p{margin:0;color:#858d90;font-size:14px;line-height:1.7}
.about-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}
.about-facts>div{padding:17px 10px;border:1px solid rgba(200,164,95,.18);background:#0b0d0e;text-align:center}
.about-facts strong{display:block;color:var(--gold-2);font:700 25px var(--serif)}
.about-facts span{display:block;color:#70787b;font-size:11px;text-transform:uppercase}
.reward-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.reward-tags span{padding:9px 13px;border:1px solid rgba(200,164,95,.25);background:rgba(200,164,95,.065);color:#bdb7a8;font:600 11px var(--serif);text-transform:uppercase;letter-spacing:.04em}
.interface-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.interface-grid div{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(200,164,95,.17);background:rgba(7,9,10,.4)}
.interface-grid span{color:var(--gold);font:600 11px var(--serif);padding-right:13px;border-right:1px solid var(--gold-soft)}
.interface-grid b{color:#d8d4ca;font:600 13px var(--serif)}
.about-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:23px 25px;border:1px solid var(--border-strong);background:linear-gradient(90deg,rgba(200,164,95,.13),rgba(10,12,13,.7))}
.about-final-cta h3{margin:0 0 5px;font-size:20px}
.about-final-cta p{margin:0;color:#7e8689;font-size:13px}
.about-final-cta .btn{flex:none}
.about-footer{padding-top:30px}
.about-footer .footer-bottom{border-top:0}

@media(max-width:1000px){
  .about-layout{grid-template-columns:1fr}
  .about-side{position:relative;top:auto}
  .about-side nav{display:grid;grid-template-columns:repeat(2,1fr)}
  .about-download{max-width:260px}
}
@media(max-width:760px){
  .about-hero{height:330px}
  .about-hero-content{padding-bottom:42px}
  .about-hero-content h1{font-size:38px}
  .about-hero-content p{font-size:15px}
  .about-summary{grid-template-columns:repeat(2,1fr);margin-top:-20px}
  .about-summary>div:nth-child(2){border-right:0}
  .about-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .about-section{padding:28px 22px}
  .about-section::after{left:22px}
  .about-highlights,.about-feature-list{grid-template-columns:1fr}
  .about-rate-grid{grid-template-columns:repeat(2,1fr)}
  .artifact-flow{grid-template-columns:1fr}
  .artifact-flow>i{width:1px;height:22px;margin:auto;background:linear-gradient(transparent,var(--gold),transparent)}
  .about-facts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .about-hero-art{background-size:auto 350px}
  .about-side nav{grid-template-columns:1fr}
  .about-split,.interface-grid{grid-template-columns:1fr}
  .about-final-cta{align-items:flex-start;flex-direction:column}
  .about-final-cta .btn{width:100%;justify-content:center}
}