@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#20352d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f0eee7;font-family:Space Grotesk,sans-serif}body{min-width:320px;margin:0}:root{--ink:#f5f7f8;--muted:#a2aab0;--paper:#080a0e;--glass:#ffffff12;--cyan:#5fd8e5;--coral:#ff7566;--line:#ffffff29;--serif:"Playfair Display", Georgia, serif;--mono:"DM Mono", monospace;--background:220 20% 4%;--foreground:210 20% 92%;--card:220 18% 8%;--muted-surface:220 15% 12%;--primary:190 80% 50%;--glow-primary:0 0 20px hsl(var(--primary) / .3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080a0e;margin:0;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{isolation:isolate;color:var(--ink);background:radial-gradient(ellipse at 18% 12%, hsl(var(--primary) / .09), transparent 36%), radial-gradient(ellipse at 84% 44%, #ff75660f, transparent 30%), linear-gradient(135deg, #0a0c0f, #0f1115 48%, hsl(var(--background)));background-attachment:fixed;position:relative;overflow:hidden}html{scroll-padding-top:82px}.site-shell:before{content:"";z-index:-1;opacity:.42;background:conic-gradient(from 210deg at 16% 18%, transparent 0 18%, #5fd8e58f 27%, transparent 39% 58%, #ff75667a 68%, transparent 80%);filter:blur(80px)saturate(125%);pointer-events:none;position:absolute;inset:0}.topbar,main>section,footer{max-width:1240px;margin:0 auto;padding-left:6vw;padding-right:6vw}.topbar{z-index:10;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.wordmark{letter-spacing:-.08em;font-size:1.2rem;font-weight:700}.wordmark span,.project-arrow,.contact-icon,.contact-arrow{color:var(--cyan);text-shadow:var(--glow-primary)}.nav-links{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:2.3rem;font-size:.76rem;display:flex}.nav-links a{transition:color .25s}.nav-contact{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #fff6;padding:.7rem 1rem}.nav-contact span{margin-left:.7rem;font-size:1rem}.menu-button{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr .85fr;align-items:center;gap:3rem;min-height:min(760px,100vh - 92px);padding-top:4rem;padding-bottom:6rem;display:grid;position:relative}.eyebrow{font:.7rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#758078;margin:0 0 1.8rem}.hero-eyebrow{color:var(--ink)}.status-dot{background:#b35e42;border-radius:50%;width:7px;height:7px;margin-right:.6rem;display:inline-block;box-shadow:0 0 0 4px #b35e421f}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.08em;margin:0;font-size:clamp(3.2rem,6vw,6.6rem);font-weight:500;line-height:.97}.hero h1 em,h2 em{font-family:var(--serif);font-weight:500}.hero-intro{max-width:380px;color:var(--muted);margin:2rem 0 2.4rem;font-size:.98rem;line-height:1.7}.text-link{font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);align-items:center;gap:1.2rem;padding-bottom:.65rem;display:inline-flex}.text-link span{font-size:1.1rem;transition:transform .25s}.text-link:hover span{transform:translateY(4px)}.hero-visual{justify-self:end;width:min(100%,440px);position:relative}.portrait-frame{-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#ffffff14;border:1px solid #ffffff59;padding:1.3rem 1.3rem 0;position:relative;transform:rotate(3deg);box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff73}.portrait-frame img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.72)contrast(.94);width:100%;display:block}.portrait-fallback{aspect-ratio:4/5;font:6rem var(--serif);color:var(--paper);place-items:center;display:none}.visual-note{font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.1em;line-height:1.5;position:absolute}.note-bottom span{font-size:1.2rem}.intro-section,.skills-section,.projects-section{border-top:1px solid var(--line);grid-template-columns:28% 1fr;gap:2rem;padding-top:7rem;padding-bottom:9rem;display:grid}.section-index{font:.68rem var(--mono);color:#879189;letter-spacing:.08em}.intro-content{max-width:800px}.intro-content h2,.section-heading h2,.contact-section h2{letter-spacing:-.08em;margin:0 0 2.2rem;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:500;line-height:.98}.body-copy{max-width:580px;color:var(--muted);font-size:1.02rem;line-height:1.8}.about-stats{border-top:1px solid var(--line);font:.7rem var(--mono);text-transform:uppercase;color:var(--muted);gap:3rem;margin-top:3rem;padding-top:1.1rem;display:flex}.about-stats strong{font:1.7rem var(--serif);color:var(--ink);margin-bottom:.25rem;display:block}.skills-section{-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:#ffffff0e;border-top-color:#ffffff38;border-bottom:1px solid #ffffff2e;max-width:none;padding-left:max(6vw,56vw - 620px);padding-right:max(6vw,56vw - 620px)}.skill-list{border-top:1px solid var(--line)}.skill-row{border-bottom:1px solid var(--line);grid-template-columns:28% 1fr;align-items:center;min-height:92px;display:grid}.skill-label,.project-category{font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#a2aab0}.skill-tags,.project-tags{flex-wrap:wrap;gap:.55rem;display:flex}.skill-tags span,.project-tags span{border:1px solid var(--line);background:#ffffff0f;border-radius:100px;padding:.42rem .72rem;font-size:.76rem;transition:transform .25s,background .25s,border-color .25s}.skill-tags span:hover,.project-tags span:hover{border-color:var(--cyan);background:#5fd8e51f;transform:translateY(-4px)}.projects-heading{align-self:start}.project-list{border-top:1px solid var(--line)}.project-card{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr 30px;gap:1.2rem;padding:2rem 0;transition:padding .3s,background .3s;display:grid}.project-card:hover{box-shadow:inset 3px 0 0 var(--cyan);background:#5fd8e50f;padding-left:1rem}.project-number{font:.75rem var(--mono);color:#879189}.project-card h3{letter-spacing:-.05em;margin:.45rem 0 1rem;font-size:clamp(1.35rem,2.3vw,2.3rem);font-weight:500}.project-description{max-width:580px;color:var(--muted);margin-bottom:1.2rem;line-height:1.6}.project-tags span{padding:.3rem .58rem;font-size:.62rem}.project-arrow{font-size:1.5rem;transition:transform .25s}.project-card:hover .project-arrow{transform:translate(4px,-4px)}.contact-section{background:linear-gradient(135deg, hsl(var(--card) / .88), #0d0e12f0);color:#fff;border-top:1px solid #ffffff2e;max-width:none;padding-top:7rem;padding-bottom:8rem;padding-left:max(6vw,56vw - 620px);box-shadow:inset 0 1px #ffffff0a}.contact-section h2{margin-bottom:3rem}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1000px;display:grid}.contact-card{border:1px solid hsl(var(--primary) / .22);background:linear-gradient(145deg, hsl(var(--card) / .9), hsl(var(--muted-surface) / .56));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;justify-content:space-between;gap:1rem;min-height:170px;padding:1.25rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:flex;box-shadow:inset 0 1px #ffffff12,0 12px 30px #0000002e}.contact-card:hover{border-color:var(--cyan);box-shadow:var(--glow-primary), inset 0 1px 0 hsl(var(--primary) / .25);transform:translateY(-8px)}.contact-icon{border:1px solid hsl(var(--primary) / .4);width:2.25rem;height:2.25rem;font:1.05rem var(--mono);text-shadow:none;place-items:center;display:grid}.contact-card small{color:var(--muted);font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.45rem;display:block}.contact-card strong{overflow-wrap:anywhere;color:var(--ink);font-size:.86rem;font-weight:500;display:block}.contact-arrow{align-self:flex-end;font-size:1.25rem}footer{min-height:90px;font:.62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#a2aab0;justify-content:space-between;align-items:center;gap:1rem;display:flex}footer div{gap:1.3rem;display:flex}.hero-load-item{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards hero-enter}.hero-copy .hero-load-item:first-child{animation-delay:.12s}.hero-copy .hero-load-item:nth-child(2){animation-delay:.24s}.hero-copy .hero-load-item:nth-child(3){animation-delay:.38s}.hero-copy .hero-load-item:nth-child(4){animation-delay:.52s}.hero-visual{animation-delay:.28s}.reveal{opacity:0;transition:opacity .95s,transform .95s cubic-bezier(.22,1,.36,1);transform:translateY(38px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-item{opacity:0;transform:translateY(24px)}.reveal.is-visible .reveal-item{animation:.75s cubic-bezier(.22,1,.36,1) both content-rise}.reveal.is-visible .reveal-item:first-child{animation-delay:80ms}.reveal.is-visible .reveal-item:nth-child(2){animation-delay:.18s}.reveal.is-visible .reveal-item:nth-child(3){animation-delay:.28s}.reveal.is-visible .reveal-item:nth-child(4){animation-delay:.38s}.reveal.is-visible .reveal-item:nth-child(5){animation-delay:.48s}.project-card.reveal-item,.contact-card.reveal-item{opacity:0;filter:blur(5px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1),filter .8s,padding .3s,background .3s;transform:translateY(34px)}.project-card.reveal-item.is-visible,.contact-card.reveal-item.is-visible{opacity:1;filter:blur();transform:translate(0,0)}.project-card:nth-child(2){transition-delay:80ms}.project-card:nth-child(3){transition-delay:.16s}.contact-card:nth-child(2){transition-delay:.1s}.contact-card:nth-child(3){transition-delay:.2s}.contact-card:nth-child(4){transition-delay:.3s}@keyframes hero-enter{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes content-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-item,.hero-load-item{opacity:1!important;transform:none!important}}@media (width<=720px){.topbar,main>section,footer{padding-left:7vw;padding-right:7vw}.topbar{height:76px}.menu-button{cursor:pointer;flex-direction:column;gap:5px;padding:.5rem 0 .5rem .5rem;display:flex}.menu-button span{background:var(--ink);width:25px;height:1px}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:1.4rem;padding:1.5rem 7vw 2rem;display:none;position:absolute;top:76px;left:0;right:0}.nav-links.is-open{display:flex}.nav-contact{width:100%}.hero{grid-template-columns:1fr;gap:4.5rem;min-height:auto;padding-top:3.5rem;padding-bottom:7rem}.hero h1{font-size:clamp(3rem,15vw,4.8rem)}.hero-visual{width:78%;margin-right:7%}.note-top{left:-2rem}.intro-section,.skills-section,.projects-section{grid-template-columns:1fr;gap:2.8rem;padding-top:5rem;padding-bottom:6rem}.intro-content h2,.section-heading h2,.contact-section h2{font-size:clamp(2.8rem,13vw,4.3rem)}.about-stats{flex-wrap:wrap;gap:1.2rem}.skill-row{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}.project-card{grid-template-columns:30px 1fr 20px;gap:.6rem}.project-description{font-size:.9rem}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.contact-card{min-height:145px;padding:1rem}.contact-card strong{font-size:.75rem}.contact-section{padding-top:5rem;padding-bottom:6rem}footer{flex-wrap:wrap;padding-top:2rem;padding-bottom:2rem}footer>span:last-child{order:3;width:100%}}.intro-loader{z-index:100;opacity:1;background:radial-gradient(at 50% 48%,#682fac3d,#0000 38%),radial-gradient(at 12% 84%,#00bed81a,#0000 35%),#080713;place-items:center;padding:24px;transition:opacity .65s,visibility .65s;display:grid;position:fixed;inset:0;overflow:hidden}.intro-loader:before,.intro-loader:after{content:"";pointer-events:none;position:absolute}.intro-loader:before{opacity:.75;background-image:radial-gradient(1px 1px at 12% 21%,#2de1ffcc 50%,#0000 100%),radial-gradient(2px 2px at 79% 32%,#bb77ffe6 50%,#0000 100%),radial-gradient(1px 1px at 67% 78%,#ffffffb3 50%,#0000 100%),radial-gradient(1px 1px at 28% 72%,#4bd3f3bf 50%,#0000 100%);background-size:370px 340px,510px 430px,440px 380px,650px 560px;animation:5s ease-in-out infinite alternate intro-stars;inset:0}.intro-loader:after{aspect-ratio:1;border:1px solid #be8eff17;border-radius:50%;width:min(64vw,680px);box-shadow:0 0 110px #8e47de1a,inset 0 0 90px #24c4de0a}.intro-loader.is-leaving{visibility:hidden;opacity:0}.intro-loader-content{z-index:1;text-align:center;width:min(100%,680px);animation:.8s cubic-bezier(.2,.8,.2,1) both intro-content-enter;position:relative}.intro-loader-kicker{color:#29d8ee;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.35rem;font:.68rem DM Mono,monospace;display:inline-block}.intro-loader-name{color:#f6f2ff;letter-spacing:-.085em;margin:0;font:700 clamp(2.4rem,8vw,5.7rem)/1 Space Grotesk,sans-serif}.intro-loader-name em{color:#bd8aff;text-shadow:0 0 35px #b168ff66;font-style:normal}.intro-loader-roles{color:#aaa8ba;justify-content:center;align-items:center;gap:.9rem;margin-top:1.1rem;font-size:clamp(.82rem,2.5vw,1rem);display:flex}.intro-loader-roles i{background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #29d8eecc}.intro-progress-row{color:#858398;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;max-width:470px;margin:3.4rem auto .7rem;font:.65rem DM Mono,monospace;display:flex}.intro-progress-row strong{color:#f5f4ff;font-size:.78rem;font-weight:500}.intro-progress-row small{color:var(--cyan);margin-left:2px;font-size:.62rem}.intro-progress-track{background:#bcaceb2b;border-radius:9px;max-width:470px;height:3px;margin:auto;overflow:hidden}.intro-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#8c4aff,#bd70ff,#29d8ee);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 14px #29d8eea6}@keyframes intro-content-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes intro-stars{0%{opacity:.45;transform:scale(1)}to{opacity:.9;transform:scale(1.04)}}@media (width<=520px){.intro-loader-roles{gap:.55rem}.intro-progress-row{margin-top:2.7rem}}@media (prefers-reduced-motion:reduce){.intro-loader,.intro-loader-content,.intro-loader:before,.intro-progress-track span{transition:none!important;animation:none!important}}:root{--ink:#f5f4ff;--muted:#a5a5ba;--paper:#090813;--cyan:#29d8ee;--coral:#bd70ff;--line:#b9b1ff2b;--serif:"Space Grotesk", sans-serif;--mono:"DM Mono", monospace;--glow-primary:0 0 24px #aa4cff66}body{background:#080713}.site-shell{background-color:#0000;background-image:radial-gradient(at 79% 16%,#762ac23b,#0000 34%),radial-gradient(at 2%,#00bed81f,#0000 32%),linear-gradient(120deg,#060713 0%,#10091d 52%,#090817 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;overflow:clip}.site-shell:before{z-index:-1;opacity:.75;filter:none;background-image:radial-gradient(1px 1px at 8% 15%,#2de1ffcc 50%,#0000 100%),radial-gradient(2px 2px at 28% 42%,#bb77ffe6 50%,#0000 100%),radial-gradient(1px 1px at 56% 23%,#ffffffa6 50%,#0000 100%),radial-gradient(2px 2px at 76% 68%,#26d2efbf 50%,#0000 100%),radial-gradient(1px 1px at 91% 33%,#bd70ffcc 50%,#0000 100%),radial-gradient(1px 1px at 41% 82%,#4bd3f3bf 50%,#0000 100%),radial-gradient(at 65% 38%,#8c35d133,#0000 38%);background-size:370px 340px,510px 430px,440px 380px,560px 470px,480px 390px,650px 560px,100% 100%;position:fixed;inset:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080713c7;border-bottom:1px solid #c5adff1a;width:100%;max-width:none;height:74px;padding-inline:max(6vw,50vw - 560px);position:sticky;top:0}.wordmark{color:#f7f4ff;letter-spacing:-.04em;white-space:nowrap;font-size:1.08rem}.wordmark-bracket{color:var(--cyan);text-shadow:0 0 16px #29d8ee8c}.nav-links{color:#c1bfd0;text-transform:none;letter-spacing:0;gap:clamp(1rem,2vw,2rem);font-family:Space Grotesk,sans-serif;font-size:.78rem}.nav-links a:hover,footer a:hover{color:var(--cyan)}.nav-resume,.nav-contact{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#8c38e04d,#ce3ecd33);border:1px solid #d571ff94;border-radius:100px;padding:.66rem 1rem;box-shadow:0 0 22px #af43e92e,inset 0 0 14px #c979ff1a}.nav-resume span,.nav-contact span{color:var(--cyan)}.section-nav{z-index:15;gap:1.05rem;display:grid;position:fixed;top:50%;right:max(2.2vw,50vw - 665px);transform:translateY(-50%)}.section-nav a{color:#858398;letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:.8rem;font:.62rem DM Mono,monospace;transition:color .2s;display:flex}.section-nav a i{border:1px solid #c8c1de80;border-radius:50%;width:11px;height:11px;transition:border-color .2s,box-shadow .2s,background .2s}.section-nav a:hover{color:var(--ink)}.section-nav a:hover i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 12px #29d8eecc}main>section,footer{max-width:1120px;padding-left:0;padding-right:0}.hero{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(3rem,7vw,6.5rem);min-height:min(800px,100vh - 74px);padding-top:5rem;padding-bottom:5rem}.hero-eyebrow{color:var(--cyan);background:#10273785;border:1px solid #29d8ee40;border-radius:100px;align-items:center;padding:.45rem .8rem;font-size:.65rem;display:inline-flex}.status-dot{background:var(--cyan);box-shadow:0 0 0 4px #29d8ee1f,0 0 14px #29d8eecc}.hero h1{letter-spacing:-.075em;font-family:Space Grotesk,sans-serif;font-size:clamp(3.4rem,6vw,5.2rem);font-weight:700;line-height:.98}.hero h1 em{background:linear-gradient(90deg,#f6f2ff 6%,#b7f 72%,#31d6ef 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-style:normal}.hero-tagline{color:#f1eff9;letter-spacing:-.045em;max-width:520px;margin:1.15rem 0 0;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;line-height:1.25}.hero-intro{color:#a7a6b8;max-width:490px;margin:1.2rem 0 1.8rem;font-size:.96rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.primary-action,.secondary-action{color:#fff;background:linear-gradient(105deg,#8c4aff,#4586f4);border:1px solid #cc7dffb3;border-radius:100px;justify-content:center;align-items:center;gap:.7rem;min-height:46px;padding:.7rem 1.15rem;font-size:.82rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 7px 25px #7544ef52}.secondary-action{background:linear-gradient(120deg,#8232be54,#31125480);box-shadow:0 0 24px #ba41de29,inset 0 0 10px #c472ff14}.primary-action:hover,.secondary-action:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7544ef6b}.hero-socials{color:#818092;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;margin-top:1.8rem;font:.65rem DM Mono,monospace;display:flex}.hero-socials a{color:#e8e5f4;background:#ffffff0b;border:1px solid #c3bce138;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;transition:border-color .2s,color .2s,transform .2s;display:grid}.hero-socials a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-3px)}.hero-visual{width:min(100%,400px);margin-right:4rem}.portrait-frame{-webkit-backdrop-filter:none;backdrop-filter:none;background:#131025;border:1px solid #ca9cffa6;border-radius:24px;padding:0;overflow:hidden;transform:none;box-shadow:0 0 38px #903eec33,0 25px 65px #00000070,0 0 0 7px #9d6bff14}.portrait-frame img,.portrait-fallback{aspect-ratio:4/5;object-fit:cover;filter:saturate(.88)contrast(1.02);width:100%}.portrait-frame img{height:100%;min-height:430px}.portrait-fallback{color:#dfcdfd;place-items:center;font-size:6rem;display:none}.portrait-caption{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0b0a18d1;border:1px solid #ddd1ff33;border-radius:14px;gap:.25rem;padding:.9rem 1rem;display:grid;position:absolute;bottom:13px;left:13px;right:13px}.portrait-caption strong{color:#f6f3ff;font-size:.8rem}.portrait-caption span{color:#aaa6bc;font:.65rem DM Mono,monospace}.visual-note{z-index:2;color:#f0edf9;letter-spacing:0;text-transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1830c2;border:1px solid #d1b6ff2e;border-radius:100px;padding:.55rem .8rem;font-size:.65rem}.note-top{top:8%;left:-2.5rem}.note-top small{color:#a8a5b7}.note-bottom{writing-mode:horizontal-tb;bottom:30%;right:-2.2rem}.intro-section,.skills-section,.projects-section{border-top-color:#bdaeff29;max-width:1120px;padding-top:6.5rem;padding-bottom:7rem}.section-index{color:#8e8aa5}.eyebrow{color:var(--cyan)}.intro-content h2,.section-heading h2,.contact-section h2{color:#f6f3ff;letter-spacing:-.065em;font-family:Space Grotesk,sans-serif;font-weight:600}.intro-content h2 em,.section-heading h2 em,.contact-section h2 em{color:#bd8aff;font-style:normal}.body-copy,.project-description{color:#aaa8ba}.about-stats{border-color:var(--line);color:#a4a0b5}.about-stats strong{color:#e9e5f6}.skills-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(110deg,#2a1c4657,#0c10257a);max-width:none;padding:6rem max(6vw,50vw - 560px) 7rem}.skill-list,.project-list,.skill-row{border-color:var(--line)}.skill-label,.project-category{color:#9e9bb2}.skill-tags span,.project-tags span{color:#ded9ef;background:#ffffff0b;border-color:#bcaceb38}.skill-tags span:hover,.project-tags span:hover{border-color:var(--cyan);background:#29d8ee1a}.project-card{border-color:var(--line)}.project-card:hover{background:linear-gradient(90deg,#622f9b33,#29d8ee09);box-shadow:inset 3px 0 #b87aff}.project-arrow,.contact-icon,.contact-arrow{color:var(--cyan);text-shadow:0 0 15px #29d8ee66}.contact-section{border-top:1px solid var(--line);box-shadow:none;background:radial-gradient(at 85% 15%,#652b9b3d,#0000 42%),#08081473;padding:6.5rem max(6vw,50vw - 560px) 7rem}.contact-section .section-index,.contact-section .eyebrow{color:var(--cyan)}.contact-card{background:linear-gradient(145deg,#241c39c7,#0f1125d1);border-color:#b697ee33;border-radius:14px;box-shadow:inset 0 1px #ffffff0e,0 12px 30px #0003}.contact-card:hover{border-color:var(--cyan);box-shadow:0 0 25px #29d8ee24,inset 0 1px #29d8ee24}.contact-card small{color:#9e9bb2}.contact-card strong{color:#ece9f7}.contact-form{background:linear-gradient(145deg,#241c39c7,#0f1125d1);border:1px solid #b697ee33;border-radius:14px;max-width:1000px;margin-top:2rem;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:inset 0 1px #ffffff0e,0 12px 30px #0003}.contact-form h3{color:#ece9f7;letter-spacing:-.04em;margin:0 0 .4rem;font-size:1.35rem}.contact-form>p{color:#9e9bb2;margin:0 0 1.5rem}.contact-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.contact-form label{color:#c7c2d8;font:.72rem var(--mono);letter-spacing:.04em;gap:.55rem;display:grid}.contact-form input,.contact-form textarea{color:#ece9f7;width:100%;font:inherit;letter-spacing:normal;background:#0808148c;border:1px solid #b697ee38;border-radius:8px;padding:.9rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#77748b}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #29d8ee1f}.contact-form textarea{resize:vertical;min-height:145px}.contact-message-field{grid-column:1/-1}.contact-submit{border:1px solid var(--cyan);color:#080814;background:var(--cyan);font:.75rem var(--mono);cursor:pointer;border-radius:999px;align-items:center;gap:.8rem;margin-top:1.25rem;padding:.85rem 1.25rem;transition:transform .2s,box-shadow .2s;display:inline-flex}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 0 24px #29d8ee40}.contact-submit:focus-visible{outline-offset:3px;outline:3px solid #fff}.contact-submit span{font-size:1rem}.contact-form .contact-status{min-height:1.2em;color:var(--cyan);margin:.9rem 0 0;font-size:.8rem}footer{color:#89869d;min-height:90px}.whatsapp-fab{z-index:30;color:#fff;background:#20c96b;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:fixed;bottom:24px;right:26px;box-shadow:0 8px 28px #13c96761,0 0 0 5px #20c96b1f}.whatsapp-fab svg{fill:currentColor;width:31px;height:31px}.whatsapp-fab:hover{background:#16b95d;transform:translateY(-4px)scale(1.04);box-shadow:0 12px 34px #13c9677a,0 0 0 7px #20c96b21}.whatsapp-fab:focus-visible{outline-offset:4px;outline:3px solid #fff}@media (width<=1200px){main>section,footer{max-width:100%;padding-inline:6vw}.skills-section,.contact-section{padding-inline:6vw}.section-nav{display:none}.section-nav a{gap:.45rem;font-size:.55rem}}@media (width<=820px){.section-nav{display:none}.topbar{padding-inline:7vw}.nav-links{border-bottom-color:var(--line);background:#080713f7;padding:1.5rem 7vw 2rem;top:74px}.nav-links.is-open{display:flex}.nav-links a{font-size:.88rem}main>section,footer,.skills-section,.contact-section{padding-inline:7vw}.hero{grid-template-columns:1fr;gap:4rem;min-height:auto;padding-top:4.5rem;padding-bottom:6rem}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.2rem,12vw,5.2rem)}.hero-visual{justify-self:center;width:min(78%,390px);margin:0}.portrait-frame img{min-height:0}.note-top{left:-1.4rem}.note-bottom{right:-1.4rem}}@media (width<=520px){.whatsapp-fab{width:54px;height:54px;bottom:18px;right:18px}.whatsapp-fab svg{width:29px;height:29px}html{scroll-padding-top:68px}.topbar{height:68px}.nav-links{top:68px}.hero{gap:3.5rem;padding-top:3.2rem}.hero h1{font-size:clamp(2.7rem,13vw,4rem)}.hero-tagline{font-size:1.15rem}.hero-intro{font-size:.9rem}.hero-visual{width:82%}.note-top{top:6%;left:-1.2rem}.note-bottom{bottom:28%;right:-1.3rem}.intro-section,.skills-section,.projects-section{padding-top:4.5rem;padding-bottom:5rem}.intro-content h2,.section-heading h2,.contact-section h2{font-size:clamp(2.4rem,12vw,3.5rem)}.contact-section{padding-top:4.5rem;padding-bottom:5rem}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:125px}.contact-card strong{font-size:.82rem}.contact-form-fields{grid-template-columns:1fr}.contact-message-field{grid-column:auto}footer{gap:1rem 1.5rem}}