/* About page – loads after style.css */
.ab-hero{height:min(780px,92vw + 60px);padding-top:120px}
.ab-hero .art{right: 2%;
    top: 64px;
    width: min(78%, 100%);
    -webkit-mask-image: linear-gradient(to left, #000 60%, transparent 100%);
    mask-image: linear-gradient(to left, #000 60%, transparent 100%);animation: float 9s ease-in-out infinite; }
    @keyframes float{50%{transform:rotate(2deg)}}
.ab-hero h1{margin-bottom:26px}
.ab-hero .eye{margin-bottom:18px}
.rule{width: 88px;
    height: 4px;
    background: #fff;
    margin: 0 0 24px;}
.ab-hero p.sub{margin-top:0}
.ab-hero p.sub b{color:var(--g);font-weight:600}
.ab-wave{margin-top:-221px;position:relative;z-index:1}
.purpose{padding:40px 0 40px}
.purpose .w{display:grid;grid-template-columns:1fr 1.05fr;align-items:center}
.purpose h2{padding-right:60px}
.purpose .txt{border-left:1px solid var(--ln);padding:10px 0 10px 60px}
.purpose p{color:#cfdcd7;font-size:20px;font-weight:400;margin-bottom:24px}
.rig{position:relative;height:520px;overflow:hidden}
.rig>img.bgimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left bottom;
    display: block;
    -webkit-mask: linear-gradient(180deg, transparent, #000 30%, #000 80%, transparent);
    mask: linear-gradient(180deg, transparent, #000 30%, #00000021 80%, #00000000);
}
.rig .pts{position: absolute;
    right: max(28px, calc((100% - 1380px) / 2 + 28px));
    top: 120px;
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .22em;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 25px;
    border-left: 3px solid var(--g);}
.rig .pts li{position:relative;    text-transform: uppercase;}
.rig .pts::before, .rig .pts::after {
    content: "";
    position: absolute;
    left: -8px;
    width: 15px;
    height: 15px;
    border: 3px solid var(--g);
    border-radius: 50%;
    background: #07120f;
}
.rig .pts::before{top:-5px}.rig .pts::after{bottom:-5px}
.rig .wv{position: absolute;
    mask: linear-gradient(180deg, #000000cc, #000000 30%, #0000000f 80%, #00000000);
    left: 0;
    bottom: -45px;
    width: 100%;
    /* transform: scaleY(-1);*/}
.founders{padding:60px 0 70px;background:#0a1110}
.founders .w{    display: flex;
    flex-direction: column;gap:50px;align-items: center;
    justify-content: center;}
.founders h2{margin-bottom:24px;    max-width:100%;}
.founders p{color:#cfdcd7;font-size:19px;font-weight:400;max-width:100%;margin-top:24px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{position:relative;    width: 330px;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:.4s}
.card:hover{border-color:var(--g);box-shadow:0 0 30px rgba(63,224,165,.25);transform:translateY(-4px)}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.card:hover img{transform:scale(1.04)}
.card .cap{position:absolute;left:0;right:0;bottom:0;padding:4px 25px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(0deg,rgba(5,11,10,.92),rgba(5,11,10,.55))}
.card h3{font-size:19px;margin:0}.card span{font-size:14px;color:#d6e2de;font-weight:400}
.card .in{width:40px;height:40px;background:#fff;color:#07120f;font-weight:600;display:grid;place-items:center;font-size:17px;transition:.25s}
.card .in:hover{background:var(--g)}
.persp{padding:10px 0 60px}
.persp .box{position:relative;border:1px solid var(--ln);border-radius:20px;padding:56px 44px;overflow:hidden;
background:url('../assets/images/Glowing Teal Leaf Fragment.png') right center / auto 100% no-repeat, linear-gradient(44deg, #07120fd9, #0a111091);    background-size: 82% 162%;    opacity: 0.48;}
.persp h2{font-size:clamp(28px,3.2vw,44px)}
@media(max-width:900px){.ab-hero{height:auto;padding-bottom:320px}.ab-hero .art{width:130%;right:-30%;top:auto;bottom:0;opacity:.6}.ab-wave{margin-top:0}.purpose .w,.founders .w{grid-template-columns:1fr}.purpose .txt{border:0;padding:20px 0 0}.purpose h2{padding:0}.rig{height:400px}.rig .pts{top:30px;font-size:11px}.founders p{max-width:none}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}