:root{--bg:#080b14;--bg-soft:#0d1120;--panel:#101625;--text:#f4f6ff;--muted:#9aa3b7;--dim:#657086;--line:rgba(174,190,220,.13);--purple:#a58cff;--blue:#6c9bff;--cyan:#7de4e8;--max:1160px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.22;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#4933a6;top:60px;right:-150px}.ambient-two{width:360px;height:360px;background:#155b9c;top:760px;left:-180px;opacity:.11}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.section-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-header{height:82px;width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{height:36px;width:36px;border:1px solid rgba(165,140,255,.55);border-radius:11px;display:grid;place-items:center;font-size:19px;font-weight:800;background:linear-gradient(145deg,rgba(165,140,255,.18),rgba(108,155,255,.05));box-shadow:0 0 28px rgba(133,105,255,.12)}.brand-mark span{color:var(--purple)}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.7px}.brand-name span{color:#8994ab;font-weight:500}.nav-links{display:flex;gap:38px;margin-left:80px}.nav-links a,.header-cta{font-size:12px;color:#aab2c4;transition:color .25s}.nav-links a:hover,.header-cta:hover{color:#fff}.header-cta{border:1px solid var(--line);border-radius:999px;padding:11px 17px;color:#e6e9f3}.header-cta span{color:var(--purple);margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:42px;padding-bottom:95px}.hero-copy{padding:35px 0 20px;position:relative;z-index:2}.eyebrow,.section-kicker,.hero-meta,.art-caption,.mini-label,.card-topline,.project-type,.visual-top,.skill-category,.skills-note,.journey-progress,.footer-note,.copyright,.contact-overline{font-family:'DM Mono',monospace;letter-spacing:1.4px;font-size:9px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a9b2c8;margin-bottom:28px}.status-dot,.card-live i,.skills-note .status-dot{width:7px;height:7px;background:#76e5bd;border-radius:50%;display:inline-block;box-shadow:0 0 12px #76e5bd;animation:pulse 2s infinite}.hero-title{font-size:clamp(54px,6.5vw,88px);line-height:.99;letter-spacing:-6px;margin:0 0 28px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#b5a1ff 2%,#85aaff 50%,#77dfe6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:490px;color:#a8b0c1;font-size:15px;line-height:1.9;margin:0 0 31px}.hero-description strong{color:#eef1fa;font-weight:700}.hero-actions{display:flex;align-items:center;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 20px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-primary{color:#090d19;background:linear-gradient(110deg,#b4a0ff,#83b4ff 60%,#88e0e5);box-shadow:0 8px 32px rgba(120,139,255,.19)}.button-primary:hover{box-shadow:0 12px 40px rgba(120,139,255,.32)}.button-primary span{font-size:16px}.button-ghost{border:1px solid var(--line);color:#d6dbea}.button-ghost:hover{border-color:rgba(165,140,255,.5)}.play-icon{font-size:16px;color:var(--purple)}.hero-meta{display:flex;align-items:center;gap:12px;color:#6f7a91;margin-top:59px;font-size:8px}.meta-line{height:1px;width:36px;background:linear-gradient(90deg,var(--purple),transparent)}.meta-separator{color:#4d5870}.hero-art{height:500px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:5% 0;background-image:linear-gradient(rgba(141,160,206,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(141,160,206,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black 0%,transparent 72%);opacity:.55}.hero-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,rgba(123,96,255,.48),rgba(67,173,220,.2));filter:blur(50px);animation:glow 7s ease-in-out infinite alternate}.orbit{position:absolute;border:1px solid rgba(165,170,255,.15);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:460px;height:220px;animation:orbit 19s linear infinite}.orbit-b{width:405px;height:300px;transform:rotate(48deg);border-color:rgba(119,223,230,.13);animation:orbit 24s linear infinite reverse}.orbit-c{width:330px;height:390px;transform:rotate(72deg);border-style:dashed;border-color:rgba(165,140,255,.13);animation:orbit 30s linear infinite}.profile-card{position:relative;width:310px;height:365px;border:1px solid rgba(191,199,255,.22);border-radius:13px;background:linear-gradient(145deg,rgba(26,32,55,.94),rgba(10,15,29,.94));box-shadow:0 25px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);padding:17px 18px;transform:rotate(3deg);animation:cardFloat 6s ease-in-out infinite}.card-topline{display:flex;justify-content:space-between;color:#8c97b2;font-size:8px}.card-live{color:#8adfc4;font-size:8px;display:flex;align-items:center;gap:7px}.card-live i{width:5px;height:5px}.avatar-wrap{height:245px;display:grid;place-items:center;position:relative}.avatar-halo{position:absolute;width:178px;height:178px;border-radius:50%;background:conic-gradient(from 20deg,rgba(165,140,255,.06),rgba(108,155,255,.55),rgba(119,223,230,.16),rgba(165,140,255,.06));filter:blur(1px);animation:orbit 18s linear infinite}.avatar{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#46528a,#1c2440 55%,#11172a);border:1px solid rgba(193,190,255,.5);box-shadow:inset 0 0 35px rgba(143,126,255,.23),0 0 65px rgba(119,130,255,.25);font-size:50px;font-weight:800;letter-spacing:-7px;padding-right:7px}.avatar span{color:#9ee2ec}.avatar-spark{position:absolute;color:#b4a4ff;text-shadow:0 0 17px #9686ff}.spark-one{top:40px;right:49px;font-size:22px;animation:spark 3s ease-in-out infinite}.spark-two{bottom:44px;left:50px;font-size:17px;color:#88dfe6;animation:spark 3.5s ease-in-out infinite reverse}.profile-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.mini-label{font-size:7px;color:#78849f}.profile-card-bottom h2{font-size:19px;letter-spacing:-.8px;margin:5px 0 0}.card-index{text-align:right;font:11px 'DM Mono',monospace;color:#d9d6ff;line-height:1.4}.card-index span{color:#6e7890;font-size:8px}.floating-chip{position:absolute;background:rgba(15,21,39,.92);border:1px solid rgba(183,190,255,.18);border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 35px rgba(0,0,0,.25);font:8px 'DM Mono',monospace;letter-spacing:1px;color:#8994ae;line-height:1.7;backdrop-filter:blur(10px)}.floating-chip b{color:#eef1fc;font-weight:500}.chip-code{left:-3px;top:93px;animation:chipFloat 5.5s ease-in-out infinite}.chip-icon{font-size:19px;color:#b4a2ff}.chip-ai{right:-9px;bottom:90px;animation:chipFloat 6s ease-in-out infinite reverse}.ai-symbol{color:#87e0e4;font-size:21px}.art-caption{position:absolute;bottom:0;color:#68748d;font-size:8px;letter-spacing:2px}.scroll-cue{position:absolute;bottom:27px;left:0;display:flex;align-items:center;gap:12px;font:8px 'DM Mono',monospace;letter-spacing:1.7px;color:#737e95}.scroll-track{height:30px;width:1px;background:linear-gradient(var(--purple),transparent)}.intro-strip{border-block:1px solid var(--line);background:rgba(13,17,32,.58);overflow:hidden}.strip-inner{max-width:var(--max);margin:auto;min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 10px;color:#8791a8;font:9px 'DM Mono',monospace;letter-spacing:1.4px;white-space:nowrap}.strip-inner i{font-style:normal;color:#9e8cff;font-size:14px}.content-section{padding-top:135px;padding-bottom:130px}.section-kicker{display:flex;align-items:center;gap:14px;color:#8f9ab2;font-size:8px;letter-spacing:1.45px}.section-kicker span:first-child{color:#b4a3ff}.kicker-line{width:52px;height:1px;background:linear-gradient(90deg,rgba(165,140,255,.65),transparent)}.section-heading{font-size:clamp(40px,5vw,63px);line-height:1.08;letter-spacing:-3.5px;margin:34px 0 0;font-weight:800}.muted-heading{color:#68738b}.about-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end}.about-copy{padding-bottom:4px;max-width:440px}.about-copy p{font-size:13px;color:#9da7bb;line-height:1.95;margin:0 0 17px}.about-copy .large-copy{font-size:18px;line-height:1.65;color:#e4e8f3;margin-bottom:15px}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:13px;color:#c4b6ff;font-size:11px;font-weight:700;border-bottom:1px solid rgba(165,140,255,.4);padding-bottom:8px}.text-link span{font-size:15px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:75px}.principle{position:relative;min-height:195px;padding:24px 23px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,24,42,.8),rgba(11,15,27,.35));border-radius:8px;transition:transform .35s var(--ease),border-color .35s}.principle:hover{transform:translateY(-6px);border-color:rgba(165,140,255,.35)}.principle-number{position:absolute;top:23px;right:22px;color:#55617a;font:9px 'DM Mono',monospace}.principle-icon{font-size:24px;color:#b5a4ff;margin:11px 0 22px}.principle h3{font-size:14px;margin:0 0 9px;letter-spacing:-.3px}.principle p{font-size:11px;line-height:1.8;color:#8994aa;margin:0;max-width:230px}.skills-section{background:linear-gradient(180deg,rgba(16,22,38,.52),rgba(11,15,27,.8));border-block:1px solid rgba(174,190,220,.07)}.skills-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:center}.section-subcopy{max-width:280px;font-size:12px;color:#8994aa;line-height:1.9;margin-top:23px}.skills-board{border:1px solid var(--line);border-radius:9px;background:rgba(7,11,21,.58);padding:11px 26px 19px}.skill-row{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.skill-category{color:#78859f;font-size:8px;padding-top:9px}.skill-items{display:flex;flex-wrap:wrap;gap:9px}.skill-items span{font-size:10px;color:#d7dced;padding:9px 12px;border-radius:5px;border:1px solid rgba(168,181,220,.14);background:rgba(255,255,255,.025);transition:background .25s,border-color .25s}.skill-items span:hover{background:rgba(165,140,255,.1);border-color:rgba(165,140,255,.35)}.skills-note{display:flex;align-items:center;gap:10px;color:#7e8ba4;font-size:8px;margin-top:19px}.skills-note .status-dot{width:6px;height:6px}.work-heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:43px}.work-heading-row .section-heading{margin-top:30px}.work-intro{max-width:280px;color:#909bb0;font-size:12px;line-height:1.9;margin:0 4px 5px 25px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,23,40,.9),rgba(10,14,25,.8));border-radius:9px;overflow:hidden;transition:transform .35s var(--ease),border-color .35s}.project-card:hover{transform:translateY(-6px);border-color:rgba(165,140,255,.38)}.project-featured{grid-row:span 2}.project-visual{height:242px;position:relative;overflow:hidden;background:#10172b}.project-featured .project-visual{height:385px}.visual-top{position:absolute;z-index:2;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:rgba(221,226,245,.53);font-size:7px;letter-spacing:1.2px}.fixa-visual{background:radial-gradient(ellipse at 55% 75%,#29336b 0%,#141c3b 38%,#0d1426 78%)}.fixa-visual:after,.type-visual:after,.cerf-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(156,172,225,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(156,172,225,.06) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(transparent,black)}.fixa-window{position:absolute;z-index:1;left:13%;right:13%;top:22%;bottom:12%;border:1px solid rgba(185,195,255,.28);border-radius:8px;background:rgba(8,13,27,.88);box-shadow:0 24px 60px rgba(0,0,0,.3);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.window-bar{height:28px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:5px;padding:0 10px;color:#7f8ba7;font:7px 'DM Mono',monospace}.window-bar i{width:5px;height:5px;border-radius:50%;background:#8b83bd}.window-bar span{margin-left:auto;letter-spacing:1.3px}.window-content{display:flex;height:calc(100% - 28px)}.window-side{width:35px;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;flex-direction:column;gap:13px;padding-top:12px}.window-side b{font-size:12px;color:#b8a7ff}.window-side span{width:9px;height:9px;background:#34405e;border-radius:3px}.window-main{padding:20px 19px;display:flex;flex-direction:column;align-items:flex-start}.window-main small{font:6px 'DM Mono',monospace;color:#8795bd;letter-spacing:1.2px}.window-main strong{font-size:clamp(20px,2.3vw,32px);line-height:1.08;letter-spacing:-1.3px;margin-top:12px}.window-main em{font-style:normal;color:#a997ff}.fake-input{margin-top:20px;border:1px solid #313e63;border-radius:4px;padding:8px 9px;width:170px;color:#7885a6;font-size:7px}.fake-input b{float:right;color:#a997ff}.visual-orb{position:absolute;width:230px;height:230px;border-radius:50%;right:-72px;bottom:-142px;background:linear-gradient(120deg,rgba(145,117,255,.4),rgba(101,194,221,.04));filter:blur(10px)}.type-visual{background:radial-gradient(ellipse at 55% 40%,#2d255e,#13172f 60%,#0d1423)}.type-stage{position:absolute;z-index:1;inset:48px 23px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.82;transform:rotate(-5deg)}.type-word{font-size:clamp(38px,5vw,58px);font-weight:800;letter-spacing:-3px;text-shadow:0 9px 25px rgba(0,0,0,.2);animation:wordDrift 4s ease-in-out infinite}.word-one{color:#f3f0ff;transform:translateX(-15px)}.word-two{color:#a89aff;transform:translateX(24px);animation-delay:.4s}.word-three{color:#8fe3e5;transform:translateX(-8px);animation-delay:.8s}.word-three span{color:#fff}.type-wave{display:flex;gap:4px;align-items:center;height:25px;margin-top:17px}.type-wave i{width:3px;height:8px;border-radius:4px;background:#b4a5ff;animation:wave .8s ease-in-out infinite alternate}.type-wave i:nth-child(2n){animation-delay:.2s}.type-wave i:nth-child(3n){animation-delay:.4s}.type-wave i:nth-child(4n){height:18px}.cerf-visual{background:radial-gradient(ellipse at 50% 45%,#17515f,#122338 60%,#0c1624)}.cerf-stage{position:absolute;inset:55px 28px 15px;display:grid;place-items:center}.cerf-mini-window{width:72%;height:78%;position:relative;border:1px solid rgba(134,229,230,.3);border-radius:5px;background:linear-gradient(145deg,rgba(7,23,35,.8),rgba(13,40,52,.45));box-shadow:0 13px 35px rgba(0,0,0,.24);overflow:hidden}.cerf-lines{display:flex;gap:4px;position:absolute;top:10px;left:10px}.cerf-lines i{width:4px;height:4px;border-radius:50%;background:#6ac7ce}.cerf-play{position:absolute;right:12px;top:10px;font-size:9px;color:#9be6e5}.cerf-caption{position:absolute;left:20px;bottom:15px;font-size:clamp(19px,3vw,30px);font-weight:800;letter-spacing:-1px;line-height:.96;color:#e3faff}.cerf-caption b{color:#8fe0dd}.cerf-side-label{position:absolute;right:-23px;top:48%;writing-mode:vertical-rl;font:7px 'DM Mono',monospace;letter-spacing:1.3px;color:#71bfc3}.project-info{display:flex;justify-content:space-between;gap:15px;padding:22px 21px 12px}.project-type{color:#9588c9;font-size:7px;letter-spacing:1.2px}.project-info h3{font-size:18px;letter-spacing:-.6px;margin:7px 0 7px}.project-info p{font-size:10px;line-height:1.8;color:#8994aa;max-width:370px;margin:0}.project-arrow{width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#b3a3ff;font-size:15px}.project-tags{display:flex;gap:7px;padding:11px 21px 21px}.project-tags span{font:7px 'DM Mono',monospace;letter-spacing:.8px;color:#75819a;border:1px solid rgba(151,165,205,.13);padding:6px 8px;border-radius:3px}.projects-footnote{font:8px 'DM Mono',monospace;letter-spacing:.4px;color:#75819a;margin:23px 0 0}.projects-footnote span{color:#a996ff;margin-right:6px}.journey-section{padding-top:118px;padding-bottom:130px;background:linear-gradient(180deg,rgba(15,20,35,.5),rgba(9,13,24,.9));border-block:1px solid rgba(174,190,220,.07)}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.journey-card{padding:30px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(19,27,47,.88),rgba(11,16,29,.7));position:relative;overflow:hidden}.journey-card:after{content:"";position:absolute;width:190px;height:190px;right:-100px;top:-100px;border-radius:50%;background:#7560d9;filter:blur(70px);opacity:.16}.journey-icon{display:block;font-size:23px;color:#a99aff;margin-bottom:24px}.journey-card h3{font-size:19px;margin:10px 0}.journey-card p{font-size:11px;color:#929db2;line-height:1.9;max-width:400px}.journey-progress{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:27px;padding-top:17px;color:#7c89a2;font-size:7px}.journey-progress span:last-child{color:#a9a0dc}.journey-progress i{display:inline-block;width:6px;height:6px;margin-left:5px;background:#77d9c3;border-radius:50%;box-shadow:0 0 8px #77d9c3}.contact-section{padding-top:125px;padding-bottom:100px}.contact-panel{position:relative;overflow:hidden;padding:33px 42px 52px;border:1px solid rgba(174,178,255,.2);border-radius:10px;background:linear-gradient(115deg,#141a31,#101a2d 60%,#132432)}.contact-panel .section-kicker{position:relative;z-index:1}.contact-decoration{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.decoration-a{height:300px;width:300px;right:15%;top:-215px;background:rgba(140,106,255,.23);filter:blur(60px)}.decoration-b{height:220px;width:220px;right:-85px;bottom:-150px;background:rgba(76,192,210,.16);filter:blur(50px)}.contact-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:47px}.contact-overline{color:#8e9bb6;font-size:8px}.contact-content h2{font-size:clamp(42px,5vw,65px);letter-spacing:-3.8px;line-height:1.06;margin:14px 0}.contact-content p{font-size:11px;color:#9da9bd;line-height:1.8;max-width:410px;margin:0}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:6px;min-width:205px}.button-large{min-height:53px;padding:0 23px;min-width:155px}.copy-email{border:0;background:none;color:#9eabc1;padding:0;font-size:10px;cursor:pointer}.copy-email span{margin-left:9px;color:#a99bfa;font-size:15px}.email-hint{font:7px 'DM Mono',monospace;color:#64728b;max-width:230px;line-height:1.6}.site-footer{min-height:93px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{height:30px;width:30px;font-size:16px;border-radius:9px}.footer-brand .brand-name{font-size:13px}.footer-note,.copyright{font-size:7px;color:#65718a;letter-spacing:1.2px}.footer-note i{font-style:normal;color:#a99aff;margin-left:6px;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e7e8ff;color:#121728;border-radius:6px;padding:12px 17px;font-size:11px;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.3);transition:all .3s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 10px #76e5bd}50%{opacity:.55;box-shadow:0 0 3px #76e5bd}}@keyframes glow{from{transform:scale(.85);opacity:.55}to{transform:scale(1.12);opacity:.9}}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spark{0%,100%{transform:scale(.8) rotate(0);opacity:.65}50%{transform:scale(1.2) rotate(30deg);opacity:1}}@keyframes wave{to{transform:scaleY(2.1);opacity:.55}}@keyframes wordDrift{0%,100%{filter:brightness(1);letter-spacing:-3px}50%{filter:brightness(1.3);letter-spacing:-1px}}
@media(max-width:900px){.hero{grid-template-columns:1fr .82fr;min-height:630px}.hero-title{font-size:clamp(49px,7vw,70px);letter-spacing:-4px}.hero-art{transform:scale(.85);margin-left:-30px}.about-layout{gap:35px}.skills-layout{gap:45px}.journey-layout{gap:45px}.project-featured .project-visual{height:320px}}
@media(max-width:680px){.section-shell{width:calc(100% - 38px)}.site-header{width:calc(100% - 38px);height:70px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;margin:0;padding:18px;background:rgba(9,13,25,.97);border:1px solid var(--line);border-radius:0 0 9px 9px;flex-direction:column;gap:0;backdrop-filter:blur(18px)}.nav-links.open{display:flex}.nav-links a{padding:13px 7px;border-bottom:1px solid rgba(174,190,220,.08)}.nav-links a:last-child{border:0}.header-cta{margin-left:auto;margin-right:15px;padding:9px 12px;font-size:10px}.menu-toggle{display:flex;width:34px;height:34px;flex-direction:column;justify-content:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:6px}.menu-toggle span{height:1px;width:100%;background:#e4e8f4;transition:transform .25s}.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:67px;padding-bottom:72px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:23px}.hero-title{font-size:clamp(48px,13vw,68px);letter-spacing:-3.8px;margin-bottom:22px}.hero-description{font-size:13px;line-height:1.85;max-width:460px}.hero-actions{gap:9px;flex-wrap:wrap}.button{min-height:45px;padding:0 14px;font-size:10px;gap:12px}.hero-meta{margin-top:33px;font-size:7px;letter-spacing:.9px;gap:8px}.hero-art{height:385px;width:100%;margin:5px 0 -8px;transform:scale(.9)}.profile-card{width:270px;height:320px}.avatar-wrap{height:210px}.avatar{width:130px;height:130px;font-size:44px}.avatar-halo{width:158px;height:158px}.chip-code{left:-5px;top:85px}.chip-ai{right:-6px;bottom:60px}.art-caption{bottom:5px;font-size:7px}.scroll-cue{bottom:0;font-size:7px}.strip-inner{min-height:58px;justify-content:flex-start;gap:16px;overflow:hidden;padding:0 20px;font-size:7px}.strip-inner span:nth-of-type(n+3),.strip-inner i:nth-of-type(n+2){display:none}.content-section{padding-top:91px;padding-bottom:90px}.section-kicker{font-size:7px;gap:9px;letter-spacing:1px}.kicker-line{width:28px}.section-heading{font-size:clamp(39px,10vw,53px);letter-spacing:-2.8px;margin-top:27px}.about-layout{grid-template-columns:1fr;gap:23px}.about-copy{max-width:520px}.about-copy .large-copy{font-size:16px}.about-copy p{font-size:12px}.principles-grid{grid-template-columns:1fr;gap:10px;margin-top:42px}.principle{min-height:150px;padding:19px}.principle-icon{margin:3px 0 13px}.skills-layout{grid-template-columns:1fr;gap:31px}.section-subcopy{margin-top:14px}.skills-board{padding:5px 15px 16px}.skill-row{grid-template-columns:1fr;gap:12px;padding:18px 0}.skill-category{padding:0}.skill-items{gap:7px}.skill-items span{font-size:9px;padding:8px 9px}.work-heading-row{display:block;margin-bottom:30px}.work-intro{margin:18px 0 0;max-width:330px}.projects-grid{grid-template-columns:1fr;gap:14px}.project-featured{grid-row:auto}.project-featured .project-visual{height:280px}.project-visual{height:230px}.window-main{padding:16px 13px}.fake-input{width:145px}.project-info{padding:18px 16px 10px}.project-tags{padding:8px 16px 17px}.journey-layout{grid-template-columns:1fr;gap:29px}.journey-card{padding:23px}.contact-section{padding-top:88px;padding-bottom:65px}.contact-panel{padding:25px 22px 31px}.contact-content{display:block;margin-top:34px}.contact-content h2{font-size:clamp(42px,11vw,57px);letter-spacing:-3px}.contact-action{margin-top:28px}.site-footer{min-height:100px;flex-wrap:wrap;gap:10px;padding-top:18px;padding-bottom:18px}.footer-note{display:none}.copyright{font-size:6px}.ambient-one{width:280px;height:280px;right:-180px}.ambient-two{left:-220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Editable profile image and dynamic portfolio content */
.avatar-image{position:relative;z-index:2;width:148px;height:148px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.avatar-image[hidden]{display:none}
.project-image-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(139,92,246,.5),transparent 38%),linear-gradient(135deg,#111a32,#17152f 60%,#101827)}
.project-image-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .6s ease}
.project-card:hover .project-image-visual>img{transform:scale(1.045)}
.project-image-visual .visual-top{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;color:rgba(255,255,255,.75);font:10px 'DM Mono',monospace;letter-spacing:.12em}
.project-image-fallback{font:800 clamp(48px,8vw,100px) Manrope,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.82);text-shadow:0 10px 40px rgba(0,0,0,.25)}
.project-image-visual .image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,18,.12),rgba(5,8,18,.22) 50%,rgba(5,8,18,.55));pointer-events:none}
.dynamic-skill-row{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.dynamic-skill-row .skill-category{min-width:130px}
.dynamic-skill-list{display:flex;flex-wrap:wrap;gap:10px}
.dynamic-skill-list span{padding:9px 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:rgba(255,255,255,.82);font-size:13px}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.social-links a{color:rgba(255,255,255,.72);font-size:12px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:4px;transition:color .2s,border-color .2s}
.social-links a:hover{color:#fff;border-color:#9d8cff}
@media(max-width:650px){.avatar-image{width:130px;height:130px}.dynamic-skill-row{display:block}.dynamic-skill-row .skill-category{display:block;margin-bottom:14px}.project-image-visual{min-height:220px}}
#aboutHeading{white-space:pre-line}
.profile-role{margin:5px 0 0;color:rgba(255,255,255,.58);font-size:11px;letter-spacing:.03em}


/* Admin link styles */
.nav-admin {
  padding: 6px 14px;
  background: rgba(165, 140, 255, 0.12);
  border: 1px solid rgba(165, 140, 255, 0.35);
  border-radius: 999px;
  color: #c9baff !important;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.25s ease;
}
.nav-admin:hover {
  background: rgba(165, 140, 255, 0.25);
  border-color: #a58cff;
  color: #ffffff !important;
  transform: translateY(-1px);
}
.footer-admin {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: 1.2px;
  color: #a58cff;
  padding: 6px 14px;
  border: 1px solid rgba(165, 140, 255, 0.28);
  border-radius: 999px;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.footer-admin:hover {
  background: rgba(165, 140, 255, 0.18);
  color: #ffffff;
  border-color: #a58cff;
  transform: translateY(-1px);
}