@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800&display=swap');
:root{--bg:#080914;--panel:rgba(15,17,35,.82);--panel2:#111329;--line:rgba(157,133,255,.17);--text:#f4f2ff;--muted:#9494b4;--purple:#9a6bff;--pink:#ff5bc8;--cyan:#54e7ff;--green:#5dffb0;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Alexandria',sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(110px);opacity:.15;pointer-events:none;z-index:-2;animation:drift 16s ease-in-out infinite alternate}.ambient-one{background:#772cff;top:-180px;right:-150px}.ambient-two{background:#f329bc;bottom:-250px;left:-180px;animation-delay:-6s}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;background-image:linear-gradient(rgba(141,120,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(141,120,255,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.topbar{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,9,20,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:'Orbitron',sans-serif;font-size:16px;letter-spacing:.04em;direction:ltr}.brand b{color:#bda2ff}.brand small{display:block;color:#7d7c9f;font-size:8px;letter-spacing:.2em;margin-top:3px}.brand-mark{width:40px;height:40px;border:1px solid #a780ff;border-radius:13px;display:grid;place-items:center;font-size:23px;font-weight:800;color:#c7b4ff;box-shadow:inset 0 0 15px #8e51ff22,0 0 20px #8e51ff22}.desktop-nav{display:flex;gap:clamp(18px,3vw,43px);font-size:12px;color:#aaa9c6}.desktop-nav a{padding:32px 0;position:relative;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:#d4c3ff}.desktop-nav a.active:after{content:"";position:absolute;bottom:19px;right:0;left:0;height:2px;background:var(--purple);box-shadow:0 0 12px var(--purple)}.top-cta{font-size:11px;border:1px solid var(--line);padding:11px 16px;border-radius:99px;background:#17142a}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 10px var(--green);margin-left:7px;animation:pulse 2s infinite}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:10px;padding:8px 11px}.page-shell{max-width:1500px;padding:30px clamp(16px,4vw,62px) 20px;margin:auto}.panel{background:linear-gradient(135deg,rgba(19,20,42,.93),rgba(10,12,27,.92));border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 15px 60px #00000012}.hero{min-height:410px;display:flex;align-items:center;padding:clamp(28px,5vw,72px);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#6e32d42b,transparent 40%),linear-gradient(105deg,transparent 45%,#20113c65);z-index:-1}.hero-noise{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#c9b9ff 0.7px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent,black)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.section-kicker{font-family:'Orbitron',sans-serif;letter-spacing:.16em;font-size:9px;color:#b5a0ff;display:flex;align-items:center;gap:9px;direction:ltr;justify-content:flex-end}.eyebrow .live-dot{margin:0}.eyebrow-line{width:42px;height:1px;background:#7651c8}.hero h1{font-family:'Orbitron',sans-serif;direction:ltr;text-align:right;font-size:clamp(48px,7vw,91px);line-height:1.05;margin:25px 0 12px;letter-spacing:-.06em}.hero h1 span{color:#b7a0ff;text-shadow:0 0 35px #9b6aff66}.verified{font-size:20px;vertical-align:top;color:var(--cyan);margin-left:9px;font-style:normal}.hero-role{font:500 11px 'Orbitron',sans-serif;letter-spacing:.15em;color:#a3a1c3;direction:ltr;text-align:right}.hero-role b{color:#8e6dff;margin:0 7px}.hero-intro{font-size:13px;color:#b6b4ce;margin:22px 0 25px}.hero-intro span{color:#e5d8ff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{padding:13px 19px;border-radius:11px;font-size:11px;display:inline-flex;align-items:center;gap:17px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#8750f9,#b05cff);box-shadow:0 8px 26px #8c4cff35;color:white}.button-ghost{border:1px solid #ffffff1c;background:#ffffff05}.hero-socials{display:flex;gap:9px;margin-top:26px;direction:ltr}.mini-social{width:34px;height:34px;border-radius:11px;border:1px solid #ffffff17;background:#ffffff06;display:grid;place-items:center;color:#c5b8f5;font-size:12px;transition:.2s}.mini-social:hover{border-color:#a37aff;background:#9a6bff22;transform:translateY(-3px)}.hero-art{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:330px;height:330px;display:grid;place-items:center;opacity:.94}.art-ring{position:absolute;border:1px solid #9c76ff35;border-radius:50%;animation:rotate 35s linear infinite}.ring-outer{width:300px;height:300px;border-style:dashed}.ring-inner{width:230px;height:230px;border-color:#a17aff70;box-shadow:0 0 60px #9a6bff14,inset 0 0 50px #9a6bff0d}.art-monogram{font:800 135px 'Orbitron',sans-serif;color:#d7c8ff;text-shadow:0 0 18px #ac7aff,0 0 65px #783bff;direction:ltr}.art-monogram span{color:var(--pink)}.art-caption{position:absolute;bottom:14px;left:10px;font:10px/1.8 'Orbitron',sans-serif;letter-spacing:.15em;color:#9e9abf;text-align:left;direction:ltr}.art-caption b{color:#e3d7ff}.floating-chip{position:absolute;border:1px solid #9a6bff55;background:#111027c9;box-shadow:0 0 25px #9a6bff17;border-radius:9px;padding:10px 12px;font:9px 'Orbitron',sans-serif;direction:ltr;letter-spacing:.08em}.chip-top{top:39px;right:3px;transform:rotate(7deg)}.chip-bottom{bottom:55px;right:-13px}.chip-bottom .live-dot{margin:0 6px 0 0}.hero-bottom{position:absolute;bottom:20px;right:clamp(28px,5vw,72px);left:clamp(28px,5vw,72px);display:flex;align-items:center;gap:14px;font:8px 'Orbitron',sans-serif;letter-spacing:.13em;color:#797796;direction:ltr}.scroll-line{width:55px;height:1px;background:#7560a9}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(250px,1.35fr);gap:13px;margin-top:15px}.stat-card,.music-card{min-height:110px;padding:20px;display:flex;align-items:center;gap:14px}.stat-icon{width:44px;height:44px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;color:#c4adff;background:#a17aff13;border:1px solid #a17aff1d;font-size:22px}.stat-card>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.stat-label{font-size:9px;color:#8e8eaf}.stat-card strong{font:600 25px 'Orbitron',sans-serif;direction:ltr;text-align:right;letter-spacing:-.04em}.stat-card small,.music-info small{font-size:9px;color:#777795}.stat-decoration{margin-right:auto;color:#8e72cb;font-size:16px;align-self:flex-start}.status-value{font-size:17px!important;color:var(--green);letter-spacing:.06em!important}.status-pulse{width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:auto;box-shadow:0 0 14px var(--green)}.music-card{gap:13px}.album-art{width:65px;height:65px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 30% 20%,#b25bff,#311565 45%,#0b0b19 80%);border:1px solid #a37aff40;box-shadow:0 0 20px #933fff18;font:700 17px 'Orbitron',sans-serif;direction:ltr}.album-art i{position:absolute;bottom:6px;right:7px;color:#ff8be2;font-size:12px}.music-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.music-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-progress{height:3px;background:#ffffff16;border-radius:5px;margin-top:6px;overflow:hidden}.music-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transition:width .2s}.play-button{width:35px;height:35px;flex-shrink:0;border-radius:50%;border:1px solid #a17aff45;color:#fff;background:#9a6bff23;font-size:12px;cursor:pointer}.content-grid{display:grid;grid-template-columns:1fr 1.35fr .85fr;gap:14px;margin-top:15px;align-items:stretch}.about-card,.projects-card,.links-card{padding:24px;min-width:0}.section-kicker{justify-content:flex-start;font-size:8px;margin-bottom:16px;color:#8e7ac4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{font-size:20px;font-weight:600;margin:0}.section-heading h2 span{color:#b39aff}.heading-symbol{color:#9e80ff;font-size:23px}.about-text{font-size:12px;line-height:2.2;color:#b7b5d0;margin:20px 0}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-details>div{border:1px solid #ffffff0c;background:#ffffff03;border-radius:12px;padding:12px;display:grid;grid-template-columns:24px 1fr;gap:3px 7px}.about-details>div>span{grid-row:span 2;color:#aa8cff;font-size:15px}.about-details small{color:#777795;font-size:9px}.about-details b{font-size:10px;font-weight:500;direction:ltr;text-align:right}.about-footer{border-top:1px solid #ffffff0c;margin-top:19px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.availability{font-size:9px;color:#a7a4c5}.availability .live-dot{width:6px;height:6px}.signature{font:italic 11px 'Orbitron',sans-serif;color:#a88cff;direction:ltr}.text-link{font-size:9px;color:#a99aff;white-space:nowrap}.projects-list{display:flex;flex-direction:column;gap:9px}.project-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff10;background:#ffffff03;border-radius:14px;transition:.2s;min-width:0}.project-item:hover{background:#a47aff0a;border-color:#a47aff45;transform:translateX(-3px)}.project-art{width:58px;height:58px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font:700 19px 'Orbitron',sans-serif;direction:ltr;background:radial-gradient(circle at 20% 20%,#8b5dff,#21183e 65%,#0a0b19);color:#e1d5ff;border:1px solid #9c73ff33}.project-art.cyan{background:radial-gradient(circle at 20% 20%,#258ba3,#10283c 65%,#0a0b19);color:#b9f7ff}.project-art.pink{background:radial-gradient(circle at 20% 20%,#b83d92,#3b163a 65%,#0a0b19);color:#ffd2f2}.project-info{flex:1;min-width:0}.project-info .category{font:8px 'Orbitron',sans-serif;color:#8f80bd;letter-spacing:.08em;direction:ltr;text-align:right}.project-info h3{font-size:11px;margin:5px 0}.project-info p{font-size:9px;color:#8f8da9;line-height:1.8;margin:0}.project-status{display:inline-block;margin-top:7px;font:7px 'Orbitron',sans-serif;letter-spacing:.08em;padding:5px 7px;border-radius:5px;background:#9a6bff18;color:#c0a8ff;direction:ltr}.project-arrow{font-size:17px;color:#a393d4;align-self:flex-start}.muted{font-size:10px;line-height:1.8;color:#8584a2;margin:0 0 17px}.social-list{display:flex;flex-direction:column;gap:7px}.social-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;border:1px solid transparent;transition:.2s}.social-link:hover{background:#ffffff06;border-color:#ffffff10}.social-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#a17aff16;color:#c6b2ff;font:700 10px 'Orbitron',sans-serif;direction:ltr}.social-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.social-copy b{font-size:10px;font-weight:500;direction:ltr;text-align:right}.social-copy small{font-size:8px;color:#7e7c9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-arrow{color:#8d7cbf;font-size:14px}.links-foot{margin-top:17px;padding-top:14px;border-top:1px solid #ffffff0c;font:8px 'Orbitron',sans-serif;letter-spacing:.08em;color:#777694;direction:ltr}.links-foot span{color:var(--pink);margin-left:5px}.gallery-section{padding:25px;margin-top:15px}.gallery-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.gallery-header .section-heading{margin-bottom:8px}.gallery-header .muted{margin:0}.gallery-counter{font:8px 'Orbitron',sans-serif;letter-spacing:.12em;color:#777594;direction:ltr;white-space:nowrap}.gallery-counter b{color:#b49cff}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.gallery-item{height:210px;position:relative;overflow:hidden;border-radius:15px;border:1px solid #ffffff15;background:#111;isolation:isolate}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;opacity:.9}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080914e8,transparent 65%);z-index:0}.gallery-label{position:absolute;bottom:15px;right:16px;left:16px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.gallery-label b{font-size:12px}.gallery-label small{font:8px 'Orbitron',sans-serif;letter-spacing:.08em;color:#b0a2db;direction:ltr}.gallery-label span{color:#c8b6ff;font-size:18px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 3px 10px;color:#777592;font-size:9px}.footer-brand{transform:scale(.8);transform-origin:right center}.footer p{margin:0}.footer>span{direction:ltr;font:8px 'Orbitron',sans-serif;letter-spacing:.04em;text-align:left}.footer>span b{color:var(--pink)}.toast{position:fixed;bottom:22px;left:22px;background:#1a1730;border:1px solid #a17aff55;border-radius:12px;padding:12px 16px;font-size:11px;color:#e7dcff;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translateY(0)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(90px,70px) scale(1.15)}}
@media(max-width:1100px){.hero-art{left:1%;transform:translateY(-50%) scale(.8);opacity:.62}.hero-copy{max-width:70%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr 1.2fr}.links-card{grid-column:1/-1}.social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.links-foot{margin-top:10px}.desktop-nav{gap:18px}}
@media(max-width:720px){.topbar{height:70px;padding:0 17px}.desktop-nav{display:none;position:absolute;top:69px;right:12px;left:12px;background:#101125;border:1px solid var(--line);border-radius:14px;padding:10px;flex-direction:column;gap:0;box-shadow:0 20px 40px #0008}.desktop-nav.open{display:flex}.desktop-nav a{padding:13px 12px}.desktop-nav a.active:after{display:none}.top-cta{margin-right:auto;margin-left:10px;padding:9px 12px;font-size:9px}.menu-toggle{display:block}.brand{font-size:13px}.brand-mark{width:35px;height:35px}.page-shell{padding:16px 12px}.hero{min-height:470px;padding:27px 22px 60px;align-items:flex-start}.hero-copy{max-width:100%;width:100%}.hero h1{font-size:clamp(43px,12vw,68px);margin-top:30px}.hero-role{font-size:9px}.hero-intro{font-size:11px;max-width:290px;line-height:2}.hero-art{width:200px;height:200px;left:-30px;top:auto;bottom:20px;transform:none;opacity:.28}.ring-outer{width:185px;height:185px}.ring-inner{width:140px;height:140px}.art-monogram{font-size:80px}.floating-chip{display:none}.art-caption{display:none}.hero-bottom{bottom:20px;right:22px;left:22px;font-size:7px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.stat-card{padding:14px;min-height:96px;gap:10px}.stat-icon{width:35px;height:35px;font-size:17px;border-radius:11px}.stat-card strong{font-size:20px}.stat-card small{font-size:8px}.stat-label{font-size:8px}.music-card{grid-column:1/-1;min-height:90px;padding:13px}.album-art{width:53px;height:53px}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.about-card,.projects-card,.links-card{padding:20px}.section-heading h2{font-size:18px}.links-card{grid-column:auto}.social-list{grid-template-columns:1fr 1fr;gap:4px}.social-link{padding:8px 5px;gap:7px}.social-icon{width:29px;height:29px}.gallery-section{padding:20px;margin-top:10px}.gallery-header{align-items:flex-start}.gallery-counter{font-size:7px;padding-top:4px}.gallery-grid{grid-template-columns:1fr;gap:10px}.gallery-item{height:220px}.footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:10px;padding:25px 0}.footer-brand{transform-origin:center}.footer p{width:100%;order:3}.footer>span{width:100%;text-align:center;order:4}.footer-brand{order:1}.about-details{gap:7px}.about-details>div{padding:10px}.project-item{padding:10px}.project-art{width:51px;height:51px}.hero-actions .button{padding:12px 14px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Real Discord identity and presence. */
.profile-portrait{width:230px;height:230px;border:3px solid #b195ff;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#111326;box-shadow:0 0 70px #8c54ff55;position:relative}.profile-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.profile-portrait img[hidden]{display:none}.portrait-fallback{font-size:66px!important;font-family:'Orbitron',sans-serif}.hero-art .art-caption{bottom:-22px}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#85879e;flex-shrink:0}.discord-state[data-status=online] .presence-dot,.discord-profile-line[data-status=online] .presence-dot{background:#5dffb0;box-shadow:0 0 12px #5dffb077}.discord-state[data-status=idle] .presence-dot,.discord-profile-line[data-status=idle] .presence-dot{background:#f5c55b}.discord-state[data-status=dnd] .presence-dot,.discord-profile-line[data-status=dnd] .presence-dot{background:#ff617b}.chip-bottom{gap:8px;display:flex;align-items:center;direction:ltr}.status-pulse[data-status=unknown],.status-pulse[data-status=offline]{background:#85879e;box-shadow:none;animation:none}.status-pulse[data-status=idle]{background:#f5c55b;box-shadow:0 0 15px #f5c55b55}.status-pulse[data-status=dnd]{background:#ff617b;box-shadow:0 0 15px #ff617b55}.discord-profile-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:22px;font-size:11px}.discord-profile-line b{direction:ltr}.discord-profile-line span:last-of-type{color:var(--muted);font-size:9px}.discord-profile-line button{margin-inline-start:auto;color:#cdbdff;border:1px solid #9a6bff44;background:#211936;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:10px}.project-art img{height:100%;width:100%;object-fit:cover;border-radius:inherit}.music-controls{display:flex;align-items:center;gap:6px;direction:ltr}.track-skip{height:28px;width:20px;border:0;background:transparent;color:#c2b1ef;cursor:pointer;font-size:24px}.music-controls button:disabled{opacity:.35;cursor:default}.stat-card small{line-height:1.7}.status-value{font-size:18px!important}.music-card .play-button{flex-shrink:0}.music-info{min-width:0}.music-info strong,.music-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.hero-art{opacity:1}.status-pulse{animation:none}.music-card{gap:11px}.stat-card:has(#discordStatus){overflow:hidden}.floating-chip{white-space:nowrap}
@media(max-width:1100px){.profile-portrait{width:210px;height:210px}}@media(max-width:720px){.hero{padding-bottom:65px;min-height:560px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:48px}.hero-art{width:130px;height:130px;left:18px;bottom:51px;opacity:1}.profile-portrait{width:116px;height:116px;border-width:2px}.portrait-fallback{font-size:35px!important}.hero-art .ring-outer{width:145px;height:145px}.hero-art .ring-inner{width:130px;height:130px}.hero-socials{max-width:190px;flex-wrap:wrap}.hero-art .chip-bottom{display:flex;position:absolute;font-size:8px;bottom:-17px;left:50%;transform:translateX(-50%);padding:7px 9px;z-index:3}.hero-art .chip-top{display:none}.music-info strong,.music-info small{max-width:150px}.music-controls{gap:3px}.discord-profile-line{padding:12px;gap:8px}.status-value{font-size:16px!important}.stat-card small{font-size:8px}.hero-actions{flex-wrap:wrap}}
