/*
Theme Name: Shivang Gupta Portfolio
Theme URI: https://sgconsultingtech.com
Author: Shivang Gupta
Author URI: https://sgconsultingtech.com
Description: A powerful and modern WordPress theme for AI & Platform Executive portfolio. Features custom animations, interactive elements, and a professional design system.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shivang-gupta
Tags: portfolio, one-page, custom-header, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

:root{
  --void:#030305;
  --ink:#0A0A0E;
  --fog:#111116;
  --seam:rgba(255,255,255,.07);
  --seam2:rgba(255,255,255,.12);
  --lime:#C6FF00;
  --lime2:rgba(198,255,0,.12);
  --lime3:rgba(198,255,0,.06);
  --snow:#EDEAE3;
  --dim:#6A6A78;
  --dim2:#3A3A46;
  --fB:'Bebas Neue',sans-serif;
  --fC:'Cormorant Garamond',serif;
  --fM:'IBM Plex Mono',monospace;
  --fD:'DM Sans',sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:var(--lime) transparent}
::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-thumb{background:var(--lime)}
body{background:var(--void);color:var(--snow);font-family:var(--fD);overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;font-weight:300}
a{text-decoration:none;color:inherit}

/* GRAIN */
#grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03}
#grain svg{width:100%;height:100%}

/* CURSOR */
#cd{position:fixed;z-index:9998;pointer-events:none;width:6px;height:6px;border-radius:50%;background:var(--lime);transform:translate(-50%,-50%);transition:width .15s,height .15s,opacity .15s}
#cr{position:fixed;z-index:9997;pointer-events:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--lime);transform:translate(-50%,-50%);mix-blend-mode:exclusion;transition:width .4s var(--ease),height .4s var(--ease),background .3s,border-radius .3s}
body.ch #cd{width:0;height:0;opacity:0}
body.ch #cr{width:60px;height:60px;background:var(--lime);border-color:var(--lime)}

/* PROGRESS */
#pgr{position:fixed;left:0;top:0;width:2px;height:0%;background:var(--lime);z-index:300;transition:height .05s}

/* LOADER */
#loader{position:fixed;inset:0;z-index:9000;background:var(--void);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:clip-path 1.1s var(--ease) .15s;clip-path:inset(0 0 0 0)}
#loader.out{clip-path:inset(0 0 100% 0)}
.ld-ey{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--dim);margin-bottom:20px;opacity:0;animation:fu .5s ease .2s both}
.ld-nm{overflow:hidden;font-family:var(--fB);font-size:clamp(2.5rem,7vw,5.5rem);letter-spacing:.06em;line-height:1;color:var(--snow);margin-bottom:28px}
.ld-nm span{display:block;animation:su .7s var(--ease) .35s both}
.ld-pct{font-family:var(--fM);font-size:10px;color:var(--lime);letter-spacing:.15em;opacity:0;animation:fu .4s ease .9s both;margin-bottom:10px}
.ld-bar{width:110px;height:1px;background:var(--dim2);overflow:hidden}
.ld-bar-f{height:100%;width:0;background:var(--lime);animation:barf 1.5s ease .4s both}
@keyframes barf{to{width:100%}}
@keyframes su{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes fu{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;transition:background .4s,border-color .4s,padding .4s;border-bottom:1px solid transparent}
#nav.sticky{background:rgba(3,3,5,.9);backdrop-filter:blur(20px);border-color:var(--seam);padding:15px 5vw}
.nlogo{display:flex;align-items:center;gap:10px;font-family:var(--fM);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--snow)}
.nmark{width:30px;height:30px;border-radius:6px;background:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--fB);font-size:14px;color:var(--void);letter-spacing:.02em}
.nlinks{display:flex;gap:2px}
.nlinks a{font-family:var(--fM);font-size:9.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:7px 13px;border-radius:3px;transition:color .2s,background .2s}
.nlinks a:hover{color:var(--snow);background:rgba(255,255,255,.05)}
.ncta{font-family:var(--fM);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--void);background:var(--lime);padding:9px 20px;border-radius:3px;transition:background .2s,transform .2s;border:none}
.ncta:hover{background:#d9ff33;transform:translateY(-1px)}

/* HERO */
#hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:0 5vw;overflow:hidden}
#hcnv{position:absolute;inset:0;z-index:0;opacity:.5}
.hcont{position:relative;z-index:2;max-width:1280px;width:100%;margin:0 auto;padding-top:90px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;min-height:100vh}
.hleft{display:flex;flex-direction:column;justify-content:center}
.hey{display:inline-flex;align-items:center;gap:10px;font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;opacity:0;animation:fu .6s ease 2.1s both}
.hpulse{width:6px;height:6px;border-radius:50%;background:var(--lime);position:relative;flex-shrink:0}
.hpulse::before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--lime);animation:hp 2s ease-in-out infinite}
@keyframes hp{0%,100%{transform:scale(1);opacity:1}60%{transform:scale(3);opacity:0}}
.hname{font-family:var(--fB);font-size:clamp(5rem,14vw,15rem);line-height:.88;letter-spacing:.01em;color:var(--snow);margin-bottom:0}
.hname .ln{overflow:hidden;display:block}
.hname .ln span{display:block;animation:su 1s var(--ease) both}
.hname .ln:nth-child(1) span{animation-delay:2.2s}
.hname .ln:nth-child(2) span{animation-delay:2.35s;color:transparent;-webkit-text-stroke:1.5px rgba(237,234,227,.22)}
.hname .ln:nth-child(2) span em{font-family:var(--fC);font-style:italic;font-weight:300;color:var(--lime);-webkit-text-stroke:0}
.hrule{width:100%;height:1px;background:linear-gradient(90deg,var(--lime),transparent);margin:22px 0;transform:scaleX(0);transform-origin:left;animation:sx 1s var(--ease) 2.7s both}
@keyframes sx{to{transform:scaleX(1)}}
.hdesc{font-size:clamp(.88rem,1.2vw,1rem);color:var(--dim);max-width:460px;line-height:1.95;opacity:0;animation:fu .7s ease 2.85s both;font-weight:300}
.hbtns{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap;opacity:0;animation:fu .7s ease 3s both}
.blime{font-family:var(--fM);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background:var(--lime);color:var(--void);padding:14px 34px;border-radius:3px;border:none;transition:background .2s,transform .25s,box-shadow .25s;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}
.blime::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-101%);transition:transform .3s}
.blime:hover{background:#d9ff33;transform:translateY(-2px);box-shadow:0 14px 40px rgba(198,255,0,.25)}
.blime:hover::after{transform:translateX(0)}
.bghost{font-family:var(--fM);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--snow);padding:14px 34px;border-radius:3px;border:1px solid var(--seam2);transition:border-color .2s,background .2s,transform .25s;display:inline-flex;align-items:center;gap:10px}
.bghost:hover{border-color:var(--lime);background:var(--lime3);transform:translateY(-2px)}
.hstats{display:flex;gap:28px;margin-top:38px;opacity:0;animation:fu .7s ease 3.1s both}
.hst{border-left:1px solid var(--seam);padding-left:14px}
.hstv{font-family:var(--fB);font-size:1.8rem;color:var(--lime);line-height:1}
.hstl{font-family:var(--fM);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:3px}
.hright{display:flex;align-items:center;justify-content:center;position:relative;height:100%;opacity:0;animation:fu 1s ease 2.5s both}
.orbit{position:relative;width:min(400px,36vw);height:min(400px,36vw);transform-style:preserve-3d}
.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(198,255,0,.12);animation:spin 22s linear infinite}
.orb-ring:nth-child(2){inset:10%;border-color:rgba(198,255,0,.07);animation:spin 36s linear infinite reverse}
.orb-dot{position:absolute;top:50%;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:-4px;box-shadow:0 0 14px rgba(198,255,0,.9)}
.orb-dot2{position:absolute;top:calc(10% - 3px);right:calc(10% - 3px);width:5px;height:5px;border-radius:50%;background:rgba(198,255,0,.55);box-shadow:0 0 8px rgba(198,255,0,.55)}
@keyframes spin{to{transform:rotate(360deg)}}
.orb-cen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.orb-badge{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(198,255,0,.6);text-align:center;margin-bottom:4px}
.orb-num{font-family:var(--fB);font-size:clamp(3.5rem,7vw,6.5rem);color:var(--snow);line-height:1;letter-spacing:.01em}
.orb-num em{font-family:var(--fC);font-style:italic;color:var(--lime);font-size:.68em}
.orb-sub{font-family:var(--fM);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:6px}
.orb-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(198,255,0,.08) 1px,transparent 1px);background-size:26px 26px;border-radius:50%;mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.85) 0%,transparent 62%)}
.scrl{position:absolute;bottom:36px;left:5vw;z-index:2;display:flex;align-items:center;gap:14px;opacity:0;animation:fu .6s ease 3.5s both}
.scrl-l{width:40px;height:1px;background:var(--lime);animation:scl 2s ease-in-out infinite}
@keyframes scl{0%,100%{width:40px}50%{width:20px}}
.scrl-t{font-family:var(--fM);font-size:8.5px;letter-spacing:.35em;text-transform:uppercase;color:var(--dim)}

/* MARQUEE */
.mstrip{overflow:hidden;border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);padding:11px 0;background:var(--ink)}
.mtrack{display:flex;width:max-content;animation:msc 26s linear infinite}
.mitem{display:flex;align-items:center;gap:16px;padding:0 20px;font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.mitem .md{width:2px;height:2px;background:var(--lime);border-radius:50%;flex-shrink:0}
.mitem .mh{color:rgba(198,255,0,.65)}
@keyframes msc{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SECTION */
.sec{padding:clamp(80px,11vw,140px) 5vw}
.sec-inner{max-width:1280px;margin:0 auto}
.slbl{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:14px;margin-bottom:14px}
.slbl::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(198,255,0,.3),transparent);max-width:120px}
.sh{font-family:var(--fB);font-size:clamp(3rem,6.5vw,7rem);line-height:.92;letter-spacing:.02em;color:var(--snow)}
.sh em{font-family:var(--fC);font-style:italic;font-weight:300;color:var(--lime);letter-spacing:.01em}
.sh .ol{color:transparent;-webkit-text-stroke:1.5px rgba(237,234,227,.2)}

/* REVEAL */
.rv{opacity:0;transform:translateY(38px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.on{opacity:1;transform:translateY(0)}
.rvc{clip-path:inset(0 100% 0 0);transition:clip-path 1s var(--ease)}
.rvc.on{clip-path:inset(0 0% 0 0)}

/* METRICS */
#metrics{background:var(--ink);border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);padding:80px 5vw}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1280px;margin:0 auto}
.met{padding:48px 40px;border-right:1px solid var(--seam);position:relative;overflow:hidden;transition:background .3s}
.met:last-child{border-right:none}
.met::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(198,255,0,.07),transparent 60%);opacity:0;transition:opacity .4s}
.met:hover{background:rgba(198,255,0,.025)}
.met:hover::before{opacity:1}
.mnum{font-family:var(--fB);font-size:clamp(3rem,6vw,6.5rem);line-height:1;color:var(--snow);letter-spacing:.01em;margin-bottom:8px}
.macc{color:var(--lime)}
.mlbl{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--lime);margin-bottom:7px}
.mdesc{font-size:13px;color:var(--dim);line-height:1.6}

/* ABOUT */
#about{background:var(--void)}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:64px}
.aqt{font-family:var(--fC);font-style:italic;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:300;color:var(--snow);line-height:1.45;letter-spacing:.01em;position:relative;padding-left:28px}
.aqt::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--lime)}
.abody{font-size:14.5px;color:var(--dim);line-height:1.95;margin-top:24px;font-weight:300}
.abody strong{color:var(--snow);font-weight:400}
.atags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.atag{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:7px 14px;border-radius:2px;border:1px solid var(--seam);color:var(--dim);transition:border-color .2s,color .2s,background .2s}
.atag:hover{border-color:rgba(198,255,0,.4);color:var(--lime);background:var(--lime3)}
.apls{display:flex;flex-direction:column;gap:1px}
.apl{padding:20px 22px;border:1px solid var(--seam);border-radius:2px;display:flex;align-items:flex-start;gap:16px;transition:border-color .3s,background .3s;cursor:none}
.apl:hover{border-color:rgba(198,255,0,.25);background:var(--lime3)}
.apln{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.2em;color:var(--lime);flex-shrink:0;padding-top:1px}
.aplt{font-size:13.5px;color:var(--snow);line-height:1.65;font-weight:300}

/* CAPABILITIES */
#cap{background:var(--ink);border-top:1px solid var(--seam);border-bottom:1px solid var(--seam)}
.clist{margin-top:52px}
.ci{border-bottom:1px solid var(--seam);position:relative;overflow:hidden}
.ci:first-child{border-top:1px solid var(--seam)}
.ch2{display:grid;grid-template-columns:60px 1fr 140px 28px;align-items:center;gap:24px;padding:28px 0;cursor:none;transition:background .2s}
.ch2:hover{background:rgba(255,255,255,.015)}
.ch2:hover .cn{color:var(--lime)}
.cn{font-family:var(--fM);font-size:10px;font-weight:400;letter-spacing:.2em;color:var(--dim);transition:color .2s}
.ct{font-family:var(--fB);font-size:clamp(1.5rem,3.2vw,2.8rem);letter-spacing:.02em;color:var(--snow);line-height:1}
.ctags{display:flex;gap:6px;flex-wrap:wrap}
.ctag{font-family:var(--fM);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:2px;background:rgba(255,255,255,.04);color:var(--dim);border:1px solid var(--seam)}
.cico{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--seam);border-radius:50%;font-size:11px;transition:transform .35s var(--spring),border-color .2s,background .2s}
.ci.open .cico{transform:rotate(45deg);border-color:var(--lime);background:var(--lime3)}
.cbody{max-height:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s ease;opacity:0}
.ci.open .cbody{max-height:180px;opacity:1}
.cdesc{font-size:14px;color:var(--dim);line-height:1.9;padding:0 0 28px 84px;max-width:700px;font-weight:300}
.cdesc strong{color:var(--snow);font-weight:400}

/* EXPERIENCE */
#exp{background:var(--void)}
.egrid{display:grid;grid-template-columns:280px 1fr;gap:0;margin-top:56px;border:1px solid var(--seam);border-radius:4px;overflow:hidden}
.enav{border-right:1px solid var(--seam)}
.etab{padding:20px 24px;cursor:none;border-bottom:1px solid var(--seam);transition:background .2s;position:relative}
.etab:last-child{border-bottom:none}
.etab::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .2s}
.etab.on{background:rgba(198,255,0,.05)}
.etab.on::before{background:var(--lime)}
.etab:hover:not(.on){background:rgba(255,255,255,.025)}
.etco{font-family:var(--fB);font-size:1.35rem;letter-spacing:.03em;color:var(--dim);margin-bottom:3px;transition:color .2s}
.etab.on .etco{color:var(--snow)}
.etper{font-family:var(--fM);font-size:9px;letter-spacing:.12em;color:var(--dim2)}
.epanels{position:relative;min-height:420px}
.epanel{display:none;padding:40px 44px;animation:pi .4s var(--ease) both}
.epanel.on{display:block}
@keyframes pi{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.eptop{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--seam)}
.eprole{font-family:var(--fC);font-style:italic;font-size:clamp(1.3rem,2.5vw,1.85rem);font-weight:300;color:var(--snow);margin-bottom:7px}
.epco{font-family:var(--fB);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.epmeta{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.epbadge{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.15em;padding:5px 12px;border-radius:2px;border:1px solid rgba(198,255,0,.25);color:rgba(198,255,0,.8);white-space:nowrap}
.eploc{font-family:var(--fM);font-size:9px;color:var(--dim);letter-spacing:.1em}
.eplist{list-style:none;display:flex;flex-direction:column;gap:13px}
.eplist li{display:flex;align-items:flex-start;gap:13px;font-size:13.5px;color:var(--dim);line-height:1.8;font-weight:300}
.eplist strong{color:var(--snow);font-weight:400}
.epb{width:16px;height:16px;flex-shrink:0;margin-top:3px;border-radius:3px;background:rgba(198,255,0,.08);border:1px solid rgba(198,255,0,.2);display:flex;align-items:center;justify-content:center}
.epb::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime)}

/* STACK */
#stack{background:var(--ink);border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);padding:80px 0;overflow:hidden}
.sthdr{padding:0 5vw;max-width:1280px;margin:0 auto 48px}
.strows{display:flex;flex-direction:column;gap:10px}
.strw{display:flex;width:max-content;gap:10px;padding:2px 0}
.strw.slow{animation:msc 42s linear infinite}
.strw.med{animation:msc 28s linear infinite reverse}
.strw.fast{animation:msc 18s linear infinite}
.stag{font-family:var(--fM);font-size:9.5px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:9px 18px;border-radius:2px;border:1px solid var(--seam);color:var(--dim);background:rgba(255,255,255,.02);white-space:nowrap;cursor:none;transition:border-color .2s,color .2s,background .2s}
.stag:hover{border-color:rgba(198,255,0,.35);color:var(--lime);background:var(--lime3)}
.stag.hi{border-color:rgba(198,255,0,.22);color:rgba(198,255,0,.7);background:rgba(198,255,0,.04)}

/* CREDS */
#cred{background:var(--void)}
.cgrid{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;margin-top:56px}
.edu{background:var(--ink);border:1px solid var(--seam);border-radius:4px;padding:30px;margin-bottom:18px;position:relative;overflow:hidden;transition:border-color .2s}
.edu::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}
.edu:hover{border-color:rgba(198,255,0,.25)}
.edudeg{font-family:var(--fC);font-style:italic;font-weight:300;font-size:1.3rem;color:var(--snow);margin-bottom:7px}
.eduinst{font-family:var(--fM);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.advt{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;margin-top:30px}
.advc{padding:18px 20px;background:var(--ink);border:1px solid var(--seam);border-radius:4px;margin-bottom:9px;transition:border-color .2s,background .2s}
.advc:hover{border-color:rgba(198,255,0,.2);background:var(--lime3)}
.advn{font-family:var(--fB);font-size:1.1rem;letter-spacing:.04em;color:var(--snow);margin-bottom:3px}
.advr{font-family:var(--fM);font-size:9px;letter-spacing:.12em;color:var(--lime);margin-bottom:7px}
.advd{font-size:12.5px;color:var(--dim);line-height:1.65;font-weight:300}
.certt{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.certg{display:flex;flex-direction:column;gap:7px}
.cert{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--ink);border:1px solid var(--seam);border-radius:4px;transition:border-color .2s,background .2s}
.cert:hover{border-color:rgba(198,255,0,.2);background:var(--lime3)}
.cert.gld:hover{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.04)}
.cdot{width:16px;height:16px;flex-shrink:0;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px}
.cdot.g{background:rgba(198,255,0,.08);border:1px solid rgba(198,255,0,.22);color:var(--lime)}
.cdot.y{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);color:#F59E0B}
.ctxt{font-size:12.5px;color:var(--dim);line-height:1.6;font-weight:300}
.ctxt strong{color:var(--snow);font-weight:400}

/* CONTACT */
#contact{background:var(--snow);padding:clamp(80px,12vw,150px) 5vw clamp(60px,8vw,100px);position:relative;overflow:hidden}
.ctnoise{position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}
.cti{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.ctlbl{font-family:var(--fM);font-size:9px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:rgba(3,3,5,.35);margin-bottom:20px}
.cth{font-family:var(--fB);font-size:clamp(4rem,11vw,13rem);line-height:.88;letter-spacing:.02em;color:var(--void);margin-bottom:0}
.ctol{color:transparent;-webkit-text-stroke:2px rgba(3,3,5,.18)}
.ctlm{color:var(--void);position:relative;display:inline-block}
.ctlm::after{content:'';position:absolute;left:0;bottom:-3px;right:0;height:5px;background:var(--lime);border-radius:2px}
.ctsub{font-family:var(--fC);font-style:italic;font-weight:300;font-size:clamp(1.1rem,2vw,1.6rem);color:rgba(3,3,5,.45);max-width:500px;margin-top:28px;margin-bottom:52px;line-height:1.75}
.ctlinks{display:flex;flex-wrap:wrap;gap:10px}
.clink{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:3px;border:1.5px solid rgba(3,3,5,.14);font-family:var(--fM);font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:rgba(3,3,5,.55);transition:all .25s;position:relative;overflow:hidden}
.clink:hover{border-color:var(--void);color:var(--void);background:rgba(3,3,5,.05);transform:translateY(-2px)}
.clink.pr{background:var(--void);color:var(--snow);border-color:var(--void)}
.clink.pr:hover{background:#1a1a1f;box-shadow:0 10px 32px rgba(3,3,5,.2);color:var(--snow)}

/* FOOTER */
footer{background:var(--fog);border-top:1px solid var(--seam);padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fbr{font-family:var(--fM);font-size:10px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.fcp{font-family:var(--fM);font-size:9px;color:var(--dim2)}
.fls{display:flex;gap:20px}
.fls a{font-family:var(--fM);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim2);transition:color .2s}
.fls a:hover{color:var(--lime)}

/* RESPONSIVE */
@media(max-width:1000px){
  .hcont{grid-template-columns:1fr;gap:48px}
  .hright{justify-content:flex-start;height:auto}
  .orbit{width:260px;height:260px}
  .agrid{grid-template-columns:1fr;gap:44px}
  .cgrid{grid-template-columns:1fr;gap:32px}
  .egrid{grid-template-columns:1fr;border:none;gap:0}
  .enav{border-right:none;border-bottom:1px solid var(--seam);display:flex;flex-wrap:wrap;gap:2px;padding:4px}
  .etab{border-bottom:none;padding:11px 14px;border-radius:3px;flex:none}
  .etab::before{display:none}
  .etab.on{background:rgba(198,255,0,.07)}
  .etco{font-size:1rem}
  .epanel{padding:26px 22px}
  .ch2{grid-template-columns:40px 1fr 28px;gap:14px}
  .ctags{display:none}
  .cdesc{padding-left:54px}
  .mgrid{grid-template-columns:1fr}
  .met{border-right:none;border-bottom:1px solid var(--seam);padding:36px 28px}
  .met:last-child{border-bottom:none}
}
@media(max-width:640px){
  .nlinks,.ncta{display:none}
  .hstats{gap:18px}
  .cth{font-size:clamp(3rem,14vw,7rem)}
  #cd,#cr{display:none}
  body{cursor:auto}
  .blime,.bghost{padding:12px 22px;font-size:9px}
  .eptop,.epmeta{flex-direction:column;align-items:flex-start}
}