.about-hero{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px 7%;background:radial-gradient(ellipse at 78% 42%,#164f80 0,#24164d 30%,#080b13 72%)}
.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b13 0%,#080b13e8 40%,transparent 83%)}
.about-hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:68px 68px;transform:perspective(700px) rotateX(45deg) scale(1.45);transform-origin:50% 75%;mask-image:linear-gradient(transparent 12%,#000)}
.about-hero-copy{position:relative;z-index:2;max-width:900px}
.about-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(76px,9vw,145px);font-weight:900;line-height:.84;letter-spacing:-.03em;margin:28px 0;text-transform:uppercase}
.about-hero h1 em{font-style:normal;background:linear-gradient(90deg,#d02cff,#7546ef 50%,#25c5ff);background-clip:text;color:transparent}
.about-hero p{max-width:610px;color:#c5cada;font-size:18px;line-height:1.7}
.about-hero-mark{position:absolute;z-index:1;right:7%;width:min(27vw,340px);opacity:.7;filter:drop-shadow(0 0 50px #2a8dff88)}
.story{background:#f3f5fa;color:#0c0d15}
.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.story h2,.founder h2,.mission h2,.games h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,7vw,108px);font-weight:900;line-height:.88;letter-spacing:-.025em;margin:24px 0;text-transform:uppercase}
.story h2 span,.mission h2 span{color:#7136c5}
.story-copy .lead,.mission-copy .lead{font-size:25px;line-height:1.45;font-weight:700;color:#171826;margin-top:0}
.story-copy p,.mission-copy p{font-size:16px;line-height:1.8;color:#5a6072}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:72px}
.timeline article{min-height:270px;padding:26px;background:#101522;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.timeline article:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff18;border-radius:50%;right:-70px;bottom:-70px;box-shadow:0 0 0 42px #ffffff06,0 0 0 84px #ffffff04}
.timeline-year{font-family:'Barlow Condensed',sans-serif;font-size:54px;font-weight:900;background:linear-gradient(90deg,#c833ff,#27c2ff);background-clip:text;color:transparent}
.timeline article div{position:relative;z-index:1}
.timeline h3{font-family:'Barlow Condensed',sans-serif;font-size:31px;margin:0 0 10px}
.timeline p{font-size:14px;line-height:1.6;color:#c4cad8;margin:0}
.founder{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center;padding:110px 7%;background:radial-gradient(ellipse at 20% 48%,#3f1b7377,transparent 43%),#090b14}
.founder-mark{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;border:1px solid #ffffff22;background:linear-gradient(145deg,#17112b,#0e1b31);position:relative;overflow:hidden}
.founder-mark:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 54px,#ffffff08 55px 56px)}
.founder-mark img{position:relative;width:145px;filter:drop-shadow(0 0 30px #3d81ff99)}
.founder-mark span{position:relative;font-size:11px;letter-spacing:.2em;font-weight:800;color:#bdc5d8}
.founder h2{color:#fff}
.founder h2 span{color:#27bfff}
.founder-copy>p{font-size:17px;line-height:1.8;color:#c1c6d5;max-width:760px}
.mission{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:center;background:#fff;color:#0c0d15}
.games{padding:105px 7% 120px;background:#090c15}
.games header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}
.games h2{font-size:clamp(62px,7vw,105px);margin-bottom:0}
.games h2 span{color:#22bfff}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.game-grid article{min-height:180px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#171c2a,#101321);border:1px solid #ffffff14;transition:transform .2s,border-color .2s}
.game-grid article:hover{transform:translateY(-4px);border-color:#23bfff}
.game-grid span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#8f98af}
.game-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:36px;line-height:1;margin:0}
.about-cta{display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center;padding:70px 7%;background:linear-gradient(110deg,#29114c,#10315a);border-block:1px solid #ffffff22}
.about-cta img{filter:drop-shadow(0 0 25px #3c8cff77)}
.about-cta>div>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#2cc6ff}
.about-cta h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,5vw,74px);line-height:1;margin:10px 0}
.about-cta p{color:#c2c7d5;margin:0}
@media(max-width:900px){.story-heading,.mission{grid-template-columns:1fr;gap:30px}.timeline{grid-template-columns:1fr}.founder{grid-template-columns:1fr}.founder-mark{min-height:310px}.game-grid{grid-template-columns:repeat(2,1fr)}.about-cta{grid-template-columns:auto 1fr}.about-cta .primary-button{grid-column:2;width:max-content}}
@media(max-width:700px){.about-hero{min-height:720px;padding:85px 5%}.about-hero h1{font-size:clamp(72px,18vw,108px)}.about-hero-mark{right:-18%;top:17%;width:68vw;opacity:.3}.story,.mission{padding-inline:5%}.story h2,.founder h2,.mission h2,.games h2{font-size:clamp(58px,15vw,82px)}.timeline{margin-top:50px}.founder{padding:80px 5%}.games{padding:80px 5%}.games header{display:block}.game-grid{grid-template-columns:1fr}.game-grid article{min-height:145px}.about-cta{grid-template-columns:1fr;padding:62px 5%}.about-cta img{width:90px}.about-cta .primary-button{grid-column:auto;width:100%}}