@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--surface: #13131f;--surface-2: #1a1a2e;--surface-glass: rgba(255, 255, 255, .04);--surface-glass-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(108, 99, 255, .4);--accent-purple: #6c63ff;--accent-violet: #a855f7;--accent-teal: #06b6d4;--accent-gradient: linear-gradient(135deg, #6c63ff 0%, #a855f7 100%);--accent-gradient-text: linear-gradient(90deg, #6c63ff, #a855f7, #06b6d4);--text-primary: #f0f0f8;--text-secondary: #9090b0;--text-muted: #5a5a7a;--col-black: #0a0a0f;--col-white: #f0f0f8;--col-boulder: #5a5a7a;--col-gray: #9090b0;--gradient-start: rgba(108, 99, 255, .15);--gradient-end: rgba(168, 85, 247, .15)}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f0f0f5;--surface: #ffffff;--surface-2: #f5f5ff;--surface-glass: rgba(0, 0, 0, .03);--surface-glass-hover: rgba(108, 99, 255, .06);--border: rgba(0, 0, 0, .08);--border-hover: rgba(108, 99, 255, .3);--text-primary: #0a0a1a;--text-secondary: #4a4a6a;--text-muted: #8a8aaa;--col-black: #fafafa;--col-white: #0a0a1a;--col-boulder: #8a8aaa;--col-gray: #4a4a6a;--gradient-start: rgba(108, 99, 255, .08);--gradient-end: rgba(168, 85, 247, .08)}@font-face{font-family:Open Sauce;src:url(./opensauce-medium-DHCY1jhb.woff2) format("woff2"),url(./opensauce-medium-DHCY1jhb.woff2) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Sauce;src:url(./opensauce-regular-BgP9H1xs.woff2) format("woff2"),url(./opensauce-regular-BgP9H1xs.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}html{font-size:16px;overscroll-behavior:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{font-family:Inter,sans-serif;font-weight:400;min-height:100vh;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);opacity:1!important}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html,body{width:100%;min-height:100%}.flash{animation:blinker 1s step-start infinite}@keyframes blinker{50%{opacity:0}}.theme-toggle{width:40px;height:40px;border-radius:10px;background:var(--bg-card, rgba(255, 255, 255, .05));color:var(--text-secondary, #a0a0b0);border:1px solid var(--border, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.theme-toggle:hover{transform:scale(1.08);color:var(--text-primary, #ffffff);border-color:var(--accent-purple, #6c63ff)}@media (max-width: 768px){.theme-toggle{width:32px;height:32px;border-radius:8px}.theme-toggle svg{width:14px;height:14px}}.console-toggle-wrapper{display:flex;align-items:center;margin-right:.8rem}@media (max-width: 550px){.console-toggle-wrapper{margin-right:.4rem}}.console-toggle-switch{position:relative;display:inline-block;width:4.4rem;height:2.4rem;cursor:pointer}@media (max-width: 768px){.console-toggle-switch{width:3.2rem;height:1.8rem}}.console-toggle-switch input:checked+.console-toggle-slider{background-color:var(--col-gray)}.console-toggle-switch input:checked+.console-toggle-slider:before{transform:translate(2rem)}@media (max-width: 768px){.console-toggle-switch input:checked+.console-toggle-slider:before{transform:translate(1.4rem)}}.console-toggle-switch input:focus+.console-toggle-slider{box-shadow:0 0 0 2px var(--col-boulder)}.console-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--col-boulder);transition:all .3s ease;border-radius:2.4rem}.console-toggle-slider:before{position:absolute;content:"";height:1.8rem;width:1.8rem;left:.3rem;bottom:.3rem;background-color:var(--col-white);transition:all .3s ease;border-radius:50%}@media (max-width: 768px){.console-toggle-slider:before{height:1.3rem;width:1.3rem;left:.25rem;bottom:.25rem}}.console-toggle-slider:hover{background-color:var(--col-gray);opacity:.8}.console-toast{position:fixed;bottom:10rem;right:3rem;background:var(--col-white);color:var(--col-black);padding:1.8rem 2.4rem;border-radius:.4rem;box-shadow:0 2px 16px #0000001f;border:1px solid var(--col-boulder);font-family:Inter,sans-serif,sans-serif;z-index:1000;opacity:0;transform:translateY(2rem);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;max-width:38rem}@media (max-width: 550px){.console-toast{bottom:8rem;right:2rem;left:2rem;max-width:none;padding:1.5rem 2rem}}.console-toast.hide{opacity:0;transform:translateY(2rem)}.console-toast .toast-content{display:flex;flex-direction:column;gap:.8rem}.console-toast .toast-content .toast-title{font-size:1.4rem;font-weight:600;color:var(--col-black);letter-spacing:.02em;text-transform:uppercase}@media (max-width: 550px){.console-toast .toast-content .toast-title{font-size:1.3rem}}.console-toast .toast-content .toast-message{font-size:1.4rem;line-height:1.6;color:var(--col-gray);font-weight:500}@media (max-width: 550px){.console-toast .toast-content .toast-message{font-size:1.3rem}}.console-toast .toast-content .toast-message .toast-shortcut{display:inline-block;color:var(--col-black);padding:.3rem .8rem;border-radius:.3rem;font-family:monospace;font-size:1.3rem;font-weight:600;margin:0 .2rem}@media (max-width: 550px){.console-toast .toast-content .toast-message .toast-shortcut{font-size:1.2rem;padding:.2rem .6rem}}.home__projects__project__title{font-size:16rem;font-family:Bebas Neue,sans-serif;letter-spacing:-.025em}@media (max-width: 550px){.home__projects__project__title{font-size:80px;word-break:break-word}}.home__projects__project__label{font-size:12px;font-family:Inter,sans-serif;line-height:1.3}.project-page .pro-links a,.project-page .project-body .section h3{font-family:Inter,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.3}@media (max-width: 768px){.project-page .pro-links a,.project-page .project-body .section h3{font-size:3rem}}@media (max-width: 550px){.project-page .pro-links a,.project-page .project-body .section h3{font-size:16px}}.home__projects__project{color:var(--col-boulder)}@media (any-pointer: fine){.home__projects__project:hover .label__inner p:last-of-type{color:var(--col-gray)}}@media (max-width: 550px){.home__projects__project .project__link{text-align:right;padding-right:0;padding-bottom:2.4rem;margin-top:-2rem}}.home__projects__project .project__link{padding-bottom:3.1rem;position:relative;z-index:20;text-align:right;padding-right:5rem}.home__projects__project.left .home__projects__project .project__link{text-align:left;padding-left:5rem;padding-right:0}.home__projects__project .project__link .c-button{margin-left:1rem}.home__projects__project.left .home__projects__project .project__link .c-button{margin-left:0;margin-right:1rem}.home__projects__project .project__link .c-button .c-link__inner>span{margin-top:-4px;display:block}.home__projects__project .project__link .share-icon{position:relative;top:.3rem}.home__projects__project__label{line-height:1.3;display:flex;justify-content:flex-end;text-transform:uppercase}.home__projects__project__label{margin-top:3.2rem;padding-right:2.2rem}.home__projects__project__label p{transition:color .3s}@media (min-width: 769px){.home__projects__project__label{padding-right:17.2rem}}.home__projects__project__label .label-1{max-width:84.3rem;width:100%;display:flex;justify-content:space-between}@media (max-width: 550px){.home__projects__project__label .label-1{flex-direction:column;gap:1.2rem}}.home__projects__project__link{pointer-events:none}@media (any-pointer: fine){.home__projects__project__link{pointer-events:auto}}.home__projects__project__link.gradient .title__main{background:var(--accent-gradient);background-size:200% 100%;animation:textGradientAnim 5s ease infinite alternate;overflow:hidden;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background .3s}.home__projects__project__link.gradient .title__main .slide-up:before{background:#6c63ff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes textGradientAnim{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home__projects__project__link .title__main{position:relative}@media (max-width: 550px){.home__projects__project__link .title__main.right{text-align:right}}.home__projects__project__link .title__main .slide-up{position:absolute;display:none;top:0;left:0;overflow:hidden;transform:translateY(100%);transition:transform 275ms ease}@media (any-pointer: fine){.home__projects__project__link .title__main .slide-up{display:inline-block}}.home__projects__project__link .title__main .slide-up:before{display:inline-block;content:attr(data-content);color:#6c63ff;transform:translateY(-100%);transition:transform 275ms ease}@media (min-width: 769px){.home__projects__project__link .title__main .slide-up:before{white-space:nowrap}}.home__projects__project__link:hover .title__main .slide-up{transform:translateY(0)}.home__projects__project__link:hover .title__main .slide-up:before{transform:translateY(0)}.home__projects__project__title{line-height:1;white-space:normal;text-transform:uppercase;padding-top:6.4rem;padding-bottom:4.5rem}@media (max-width: 550px){.home__projects__project__title{padding-top:3.2rem;padding-bottom:2.4rem;line-height:.9}}.home__projects__project__title .inline-ovh{display:inline-flex;overflow:hidden}.c-button{display:inline-block;background:transparent;color:var(--col-gray);font-size:16px;text-transform:uppercase;padding:5px 8px;border:2px solid var(--col-boulder);border-radius:45px;cursor:pointer;transition:all .3s}@media (any-pointer: fine){.c-button:hover{border-color:#6c63ff;color:var(--col-black);background:#6c63ff;font-weight:500}}.c-button .c-link{display:inline-flex;align-items:center;position:relative;z-index:1;overflow:hidden}.c-button .c-link__inner{display:flex;transform:translateY(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);margin-right:2px}.c-button .c-link__inner>span{white-space:nowrap}.c-button .c-link__animated{white-space:nowrap;position:absolute;top:100%;display:none;font-family:Inter,sans-serif}@media (any-pointer: fine){.c-button .c-link__animated{display:inline-block}}@media (any-pointer: fine){.c-button:hover .c-link__inner{transform:translateY(-100%)}}.c-infinite .c-link{display:inline-flex;align-items:center;position:relative;z-index:1;overflow:hidden}.c-infinite .c-link__inner{display:flex;transform:translateY(-100%);animation:infiniteArrow 1s infinite cubic-bezier(.175,.885,.32,1.275)}.c-infinite .c-link__animated{position:absolute;top:100%}@keyframes infiniteArrow{to{transform:translateY(0)}}.console-mode{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.console-mode[data-visible=true]{display:flex;align-items:center;justify-content:center;animation:console-fade-in .2s ease-out}.console-mode[data-visible=false]{animation:console-fade-out .2s ease-out}.console-content{width:90%;max-width:1200px;height:80%;max-height:800px;background-color:var(--console-bg, #1a1a1a);border:1px solid var(--console-border, #333);border-radius:8px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;color:var(--console-text, #e0e0e0)}@media (max-width: 768px){.console-content{width:95%;height:90%;font-size:13px}}@media (max-width: 480px){.console-content{width:100%;height:100%;border-radius:0;font-size:12px}}.console-output{flex:1;overflow-y:auto;padding:20px;background-color:var(--console-bg, #1a1a1a)}.console-output::-webkit-scrollbar{width:8px}.console-output::-webkit-scrollbar-track{background:var(--console-scrollbar-track, #2a2a2a)}.console-output::-webkit-scrollbar-thumb{background:var(--console-scrollbar-thumb, #444);border-radius:4px}.console-output::-webkit-scrollbar-thumb:hover{background:var(--console-scrollbar-thumb-hover, #555)}.console-line{margin-bottom:8px;white-space:pre-wrap;word-wrap:break-word}.console-line.console-command{color:var(--console-command, #4a9eff);font-weight:500}.console-line.console-output{color:var(--console-text, #e0e0e0)}.console-line.console-error{color:var(--console-error, #ff6b6b)}.console-input-area{display:flex;align-items:center;padding:16px 20px;background-color:var(--console-input-bg, #222);border-top:1px solid var(--console-border, #333)}.console-prompt{color:var(--console-prompt, #4a9eff);font-weight:600;margin-right:8px;flex-shrink:0;-webkit-user-select:none;user-select:none}.console-input{flex:1;background:transparent;border:none;outline:none;color:var(--console-text, #e0e0e0);font-family:inherit;font-size:inherit;caret-color:var(--console-caret, #4a9eff)}.console-input::selection{background-color:var(--console-selection, rgba(74, 158, 255, .3))}[data-theme=light]{--console-bg: #f5f5f5;--console-input-bg: #ebebeb;--console-border: #d0d0d0;--console-text: #2a2a2a;--console-command: #0066cc;--console-prompt: #0066cc;--console-error: #d32f2f;--console-caret: #0066cc;--console-selection: rgba(0, 102, 204, .2);--console-scrollbar-track: #e0e0e0;--console-scrollbar-thumb: #999;--console-scrollbar-thumb-hover: #777}[data-theme=dark],:root{--console-bg: #1a1a1a;--console-input-bg: #222;--console-border: #333;--console-text: #e0e0e0;--console-command: #4a9eff;--console-prompt: #4a9eff;--console-error: #ff6b6b;--console-caret: #4a9eff;--console-selection: rgba(74, 158, 255, .3);--console-scrollbar-track: #2a2a2a;--console-scrollbar-thumb: #444;--console-scrollbar-thumb-hover: #555}@keyframes console-fade-in{0%{opacity:0}to{opacity:1}}@keyframes console-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.console-mode{animation:none!important}}@media (prefers-contrast: high){.console-content{border-width:2px}.console-line.console-error{font-weight:600}}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.portfolio{min-height:100vh;overflow-x:hidden}.portfolio:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.ambient-blob{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;animation:blobFloat 12s ease-in-out infinite alternate}.ambient-blob--1{width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 70%);top:-200px;right:-200px}.ambient-blob--2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:20%;left:-150px;animation-delay:-6s}.ambient-blob--3{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%);top:50%;right:20%;animation-delay:-3s}@media (max-width: 768px){.ambient-blob{display:none}}@keyframes blobFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.05)}}.pf-nav{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 4rem;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease,box-shadow .3s ease}.pf-nav.scrolled{background:#0a0a0fd9;box-shadow:0 1px #ffffff0f}@media (max-width: 768px){.pf-nav{padding:.8rem 1.2rem}.pf-nav .pf-nav__links{display:none}.pf-nav .pf-nav__name,.pf-nav .js-nav-name{font-size:1.1rem;line-height:1.1;white-space:nowrap}.pf-nav .pf-nav__name br,.pf-nav .js-nav-name br{display:none}.pf-nav .pf-nav__actions{gap:.6rem}}@media (max-width: 480px){.pf-nav{padding:.6rem .8rem}.pf-nav .pf-nav__name,.pf-nav .js-nav-name{font-size:.95rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}}.pf-nav__brand{display:flex;flex-direction:column;gap:0}.pf-nav__brand .brand__name{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.12em;color:var(--text-primary);line-height:1.1}.pf-nav__brand .brand__role{font-size:.7rem;color:var(--accent-purple);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.pf-nav__links{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.pf-nav__links{gap:1rem}}.pf-nav__link{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color .2s ease;cursor:pointer;background:none;border:none;padding:0}.pf-nav__link:hover{color:var(--text-primary)}.pf-nav__link.contact-scroll{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media (max-width: 480px){.pf-nav__link{display:none}.pf-nav__link:last-child{display:block}}.pf-nav__actions{display:flex;align-items:center;gap:1.2rem}.console-toggle-wrapper{display:flex;align-items:center}.pf-hero{min-height:100vh;display:flex;align-items:center;padding-left:6rem;padding-right:6rem}@media (max-width: 768px){.pf-hero{padding-left:2rem;padding-right:2rem}}.pf-hero{padding-top:10rem;padding-bottom:6rem;position:relative;z-index:1}@media (max-width: 768px){.pf-hero{padding-top:7rem;padding-bottom:3rem;align-items:flex-start}}.pf-hero__inner{max-width:1200px;width:100%;margin:0 auto}.pf-hero__split{display:flex;align-items:center;gap:4rem}@media (max-width: 900px){.pf-hero__split{flex-direction:column-reverse;gap:2.5rem;align-items:center;text-align:center}}.pf-hero__text{flex:1;min-width:0}@media (max-width: 900px){.pf-hero__text{display:flex;flex-direction:column;align-items:center}}.pf-hero__image-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.pf-hero__image-ring{position:relative;width:320px;height:320px;border-radius:50%;padding:5px;background:var(--accent-gradient);box-shadow:0 0 60px #6c63ff40,0 0 120px #a855f71a;animation:ringPulse 4s ease-in-out infinite alternate}@media (max-width: 1024px){.pf-hero__image-ring{width:260px;height:260px}}@media (max-width: 768px){.pf-hero__image-ring{width:220px;height:220px}}@media (max-width: 480px){.pf-hero__image-ring{width:180px;height:180px}}@keyframes ringPulse{0%{box-shadow:0 0 40px #6c63ff33,0 0 80px #a855f714}to{box-shadow:0 0 60px #6c63ff59,0 0 120px #a855f726}}.pf-hero__image-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.15) 0%,transparent 70%);filter:blur(30px);pointer-events:none;z-index:-1}.pf-hero__photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;display:none;position:absolute;top:0;left:0;padding:5px;transition:opacity .5s ease,transform .5s ease}.pf-hero__photo--active{display:block;opacity:1}.pf-hero__photo--avatar{display:none;opacity:0}.pf-hero__image-toggle{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:100px;font-size:.72rem;font-weight:600;color:var(--text-secondary);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:all .25s ease}.pf-hero__image-toggle svg{width:13px;height:13px;color:var(--accent-purple)}.pf-hero__image-toggle:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.pf-hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface-glass);border:1px solid var(--border);border-radius:100px;padding:.4rem 1rem;font-size:.75rem;font-weight:500;color:var(--accent-purple);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.pf-hero__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-teal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pf-hero__name{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,10vw,10rem);line-height:.95;letter-spacing:.02em;color:var(--text-primary);margin-bottom:1rem}.pf-hero__name span{display:block}.pf-hero__name span.gradient-word{background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pf-hero__role{font-size:clamp(1rem,2vw,1.3rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.pf-hero__role strong{color:var(--text-primary);font-weight:600}.pf-hero__desc{max-width:560px;color:var(--text-secondary);font-size:1rem;line-height:1.75;margin-bottom:3rem}.pf-hero__desc span{color:var(--text-primary);font-weight:500}.pf-hero__cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.pf-hero__cta{flex-direction:column;align-items:flex-start}}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:8px;font-weight:600;font-size:.875rem;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:none;transition:all .25s ease;position:relative;overflow:hidden}.btn--primary{background:var(--accent-gradient);color:#fff;padding:.85rem 2rem;box-shadow:0 0 30px #6c63ff4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #6c63ff80}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-primary);padding:.85rem 2rem}.btn--ghost:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn--sm{padding:.5rem 1rem;font-size:.8rem}.pf-section{padding-left:6rem;padding-right:6rem}@media (max-width: 768px){.pf-section{padding-left:2rem;padding-right:2rem}}.pf-section{padding-top:6rem;padding-bottom:6rem;position:relative;z-index:1}@media (max-width: 768px){.pf-section{padding-top:4rem;padding-bottom:4rem}}.pf-section__inner{max-width:1200px;margin:0 auto}.pf-section__label{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pf-section__label:before{content:"";display:block;width:2rem;height:2px;background:var(--accent-gradient);border-radius:2px}.pf-section__label span{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-purple)}.pf-section__title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:.03em;color:var(--text-primary);margin-bottom:1rem}.pf-section__subtitle{font-size:1rem;color:var(--text-secondary);max-width:540px;line-height:1.7;margin-bottom:3.5rem}.pf-divider{width:100%;height:1px;background:var(--border);margin:0}.pf-about{background:var(--bg-secondary)}.pf-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 768px){.pf-about__grid{grid-template-columns:1fr;gap:2.5rem}}.pf-about__card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2.5rem;transition:all .3s ease}.pf-about__card:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #6c63ff14}.pf-about__card-label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-purple);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pf-about__card-label:before{content:"";width:1.2rem;height:2px;background:var(--accent-gradient);border-radius:2px;display:block}.pf-about__card-text{font-size:.95rem;color:var(--text-secondary);line-height:1.8}.pf-about__card-text span{color:var(--text-primary);font-weight:500}.pf-about__card-text .first-word{background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.pf-experience{background:var(--bg-primary)}.pf-exp__card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2.5rem;margin-bottom:2rem;transition:all .3s ease;position:relative;overflow:hidden}.pf-exp__card:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #6c63ff1a}.pf-exp__card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);border-top-left-radius:16px;border-bottom-left-radius:16px}@media (max-width: 480px){.pf-exp__card{padding:1.6rem 1.2rem}}.pf-exp__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}@media (max-width: 600px){.pf-exp__header{flex-direction:column;gap:.8rem}}.pf-exp__role{font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:.04em;color:var(--text-primary);line-height:1.1}@media (max-width: 480px){.pf-exp__role{font-size:1.7rem}}.pf-exp__company{font-size:1.05rem;font-weight:600;color:var(--accent-purple);margin-top:.3rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pf-exp__company .dot-sep{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.pf-exp__company .location{color:var(--text-secondary);font-size:.9rem;font-weight:400}.pf-exp__period-badge{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;color:var(--text-primary);letter-spacing:.04em;border:1px solid var(--border);white-space:nowrap}.pf-exp__period-badge .live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.pf-exp__summary{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.pf-exp__highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.pf-exp__highlights li{font-size:.95rem;color:var(--text-secondary);line-height:1.6;position:relative;padding-left:1.6rem}.pf-exp__highlights li:before{content:"▹";position:absolute;left:0;top:-.1rem;color:var(--accent-purple);font-size:1.1rem;font-weight:700}.pf-skills__grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-badge{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:100px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;transition:all .25s ease;cursor:default}.skill-badge:hover{background:var(--surface-glass-hover);border-color:var(--accent-purple);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 20px #6c63ff26}.pf-projects{background:var(--bg-secondary)}.pf-projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 900px){.pf-projects__grid{grid-template-columns:1fr}}.project-card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;transition:all .35s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .35s ease;border-radius:inherit}.project-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:0 24px 64px #6c63ff26}.project-card:hover:before{opacity:.03}.project-card:hover .project-card__arrow{transform:translate(3px,-3px);color:var(--accent-purple)}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-card__num{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--accent-purple);font-family:JetBrains Mono,monospace;background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);border-radius:6px;padding:.3rem .7rem;flex-shrink:0}.project-card__arrow{width:20px;height:20px;color:var(--text-muted);transition:all .25s ease;flex-shrink:0}.project-card__role{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-teal)}.project-card__title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.1;letter-spacing:.04em;color:var(--text-primary);margin:0}.project-card__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__footer{display:flex;align-items:center;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border);margin-top:auto}.project-card__deep-dive{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:gap .2s ease}.project-card__deep-dive:hover{gap:.6rem}.project-card__deep-dive svg{width:14px;height:14px;color:var(--accent-purple)}.pf-edu__timeline{display:flex;flex-direction:column;gap:1rem}.edu-item{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:flex-start;gap:1.5rem;transition:all .25s ease}.edu-item:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);transform:translate(4px)}.edu-item__icon{width:40px;height:40px;border-radius:10px;background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-purple)}.edu-item__icon svg{width:18px;height:18px}.edu-item__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.edu-item__degree{font-size:.95rem;font-weight:600;color:var(--text-primary)}.edu-item__institution{font-size:.8rem;color:var(--text-secondary)}.edu-item__meta{font-size:.75rem;color:var(--accent-teal);font-weight:500;font-family:JetBrains Mono,monospace}.pf-contact{background:var(--bg-secondary);text-align:center}.pf-contact .pf-section__inner{display:flex;flex-direction:column;align-items:center}.pf-contact__email-wrap{position:relative;display:inline-block;margin:2rem 0}.pf-contact__email-wrap:hover .pf-contact__copy-hint{color:var(--accent-purple, #6c63ff);transform:translate(-50%) translateY(-2px)}.pf-contact__email-btn{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:.05em;border:none;background:transparent;background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;padding:.6rem 1.4rem;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.pf-contact__email-btn:hover{filter:drop-shadow(0 4px 20px rgba(108,99,255,.5));transform:translateY(-3px) scale(1.03)}.pf-contact__email-btn:active{transform:translateY(0) scale(.98)}.pf-contact__copy-hint{position:absolute;bottom:-1.8rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:500;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;pointer-events:none;transition:all .25s ease}.pf-marquee{overflow:hidden;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:2rem 0;width:100%;cursor:pointer}.pf-marquee__inner{display:flex;white-space:nowrap;animation:marqueeScroll 20s linear infinite;gap:4rem}.pf-marquee__inner:hover{animation-play-state:paused}.pf-marquee__text{font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:.08em;color:var(--text-muted);transition:color .2s ease;flex-shrink:0}.pf-marquee__text:hover{color:var(--text-primary)}.pf-marquee__text span{background:var(--accent-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.pf-footer{padding-left:6rem;padding-right:6rem}@media (max-width: 768px){.pf-footer{padding-left:2rem;padding-right:2rem}}.pf-footer{padding-top:2.5rem;padding-bottom:2.5rem;border-top:1px solid var(--border);position:relative;z-index:1}.pf-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 600px){.pf-footer__inner{flex-direction:column;align-items:center;text-align:center;gap:1.2rem}}.pf-footer__links{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}@media (max-width: 600px){.pf-footer__links{justify-content:center}}.pf-footer__link{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;font-size:.78rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:all .2s ease}.pf-footer__link:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.pf-footer__copy{font-size:.78rem;color:var(--text-muted)}.theme-toggle{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;color:var(--text-secondary)}.theme-toggle:hover{background:var(--surface-glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:scale(1.08)}.theme-toggle svg{width:18px;height:18px}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up:nth-child(1){transition-delay:0s}.fade-up:nth-child(2){transition-delay:.07s}.fade-up:nth-child(3){transition-delay:.14s}.fade-up:nth-child(4){transition-delay:.21s}.fade-up:nth-child(5){transition-delay:.28s}.fade-up:nth-child(6){transition-delay:.35s}.fade-up:nth-child(7){transition-delay:.42s}.fade-up:nth-child(8){transition-delay:.49s}.fade-up:nth-child(9){transition-delay:.56s}.fade-up:nth-child(10){transition-delay:.63s}.fade-up:nth-child(11){transition-delay:.7s}.fade-up:nth-child(12){transition-delay:.77s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px;opacity:.6}.console-toast{position:fixed;bottom:8rem;right:2rem;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:1.4rem 1.8rem;z-index:1000;opacity:0;transform:translateY(12px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;max-width:340px}@media (max-width: 600px){.console-toast{right:1rem;left:1rem;max-width:none}}.console-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}.console-toast.hide{opacity:0;transform:translateY(12px)}.console-toast .toast-title{font-size:.82rem;font-weight:600;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}.console-toast .toast-message{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.console-toast .toast-shortcut{display:inline-block;background:#6c63ff1f;color:var(--accent-purple);border:1px solid rgba(108,99,255,.25);padding:.15rem .5rem;border-radius:4px;font-family:monospace;font-size:.78rem;font-weight:600}.console-toggle-switch{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer}.console-toggle-switch input{opacity:0;width:0;height:0}.console-toggle-switch input:checked+.console-toggle-slider{background:var(--accent-purple)}.console-toggle-switch input:checked+.console-toggle-slider:before{transform:translate(16px)}.console-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--surface-glass);border:1px solid var(--border);transition:all .25s ease;border-radius:22px}.console-toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:4px;bottom:4px;background:var(--text-primary);transition:all .25s ease;border-radius:50%}@media (max-width: 600px){.hide-mobile{display:none!important}}@media (min-width: 601px){.hide-desktop{display:none!important}}.project-page{background-color:var(--bg-primary, #0a0a0f);color:var(--text-primary, #f0f0f5);min-height:100vh;padding-top:8rem}@media (max-width: 768px){.project-page{padding-top:6rem}}.project-page .project-content{max-width:100rem;margin:0 auto;padding:0 2.4rem 8rem}@media (max-width: 550px){.project-page .project-content{padding:0 1.2rem 5rem}}.project-page .loading-state{font-size:5.6rem;font-family:Bebas Neue,sans-serif;text-align:center;color:var(--text-muted, #707080);margin-top:10rem}@media (max-width: 550px){.project-page .loading-state{font-size:3.2rem}}.project-page .project-header{margin-bottom:4rem;text-align:center;padding-top:2rem}.project-page .project-header .project-title{font-size:clamp(2rem,5.5vw,6rem);font-family:Bebas Neue,sans-serif;color:var(--text-primary, #f0f0f5);line-height:1.05;margin-bottom:1rem;text-transform:uppercase;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.project-page .project-header .project-title{font-size:clamp(1.8rem,5vw,4.5rem)}}@media (max-width: 550px){.project-page .project-header .project-title{font-size:clamp(1.5rem,4.5vw,2.5rem)}}.project-page .project-header .project-role{font-size:clamp(1.1rem,2.5vw,1.8rem);font-family:Inter,sans-serif;line-height:1.3;color:var(--accent-purple, #6c63ff);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 550px){.project-page .project-header .project-role{font-size:1rem}}.project-page .project-body .section{margin-bottom:3rem;border-top:1px solid var(--border, rgba(255, 255, 255, .1));padding-top:2rem;display:grid;grid-template-columns:20rem 1fr;gap:3rem}@media (max-width: 768px){.project-page .project-body .section{grid-template-columns:1fr;gap:1.2rem}}.project-page .project-body .section h3{font-size:1.3rem;color:var(--accent-purple, #6c63ff);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.project-page .project-body .section p,.project-page .project-body .section li{font-size:1.2rem;font-family:Inter,sans-serif;color:var(--text-secondary, #a0a0b0);line-height:1.5;max-width:80rem}@media (max-width: 550px){.project-page .project-body .section p,.project-page .project-body .section li{font-size:1rem}}.project-page .project-body .architecture-diagram{background:rgba(var(--col-boulder),.05);padding:4rem;border-radius:4px;border:1px dashed rgba(var(--col-boulder),.3);min-height:30rem;display:flex;align-items:center;justify-content:center;color:var(--col-boulder);font-family:monospace}.project-page .project-body .styled-list{list-style:none;padding:0}.project-page .project-body .styled-list li{position:relative;padding-left:2rem;margin-bottom:1rem}.project-page .project-body .styled-list li:before{content:"—";position:absolute;left:0;color:#6c63ff}.project-page .pro-links{display:flex;gap:2rem}.project-page .pro-links a{color:var(--col-boulder);text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;transition:color .3s}.project-page .pro-links a:hover{color:#6c63ff}.attachments-grid-container{margin-top:10rem;border-top:1px solid rgba(var(--col-boulder),.1);padding-top:6rem}.attachments-grid-container h3{margin-bottom:3rem;color:var(--col-gray);font-family:Bebas Neue,sans-serif;font-size:3rem}.attachments-grid-container .attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:1.5rem;margin-bottom:2rem}.attachments-grid-container .attachments-grid .attachment-item{aspect-ratio:1;background:rgba(var(--col-boulder),.1);border:none;border-radius:4px;padding:0;cursor:pointer;overflow:hidden;transition:opacity .3s;width:100%}.attachments-grid-container .attachments-grid .attachment-item:hover{opacity:.8;border-color:#6c63ff}.attachments-grid-container .attachments-grid .attachment-item .attachment-thumb{width:100%;height:100%;object-fit:cover;display:block}.attachments-grid-container .attachments-grid .attachment-item.pdf-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;background:#6c63ff1a;color:#6c63ff;padding:1rem;text-align:center;border:1px solid transparent;transition:all .3s}.attachments-grid-container .attachments-grid .attachment-item.pdf-item .pdf-icon{font-family:Bebas Neue,sans-serif;font-size:2.4rem;margin-bottom:.5rem}.attachments-grid-container .attachments-grid .attachment-item.pdf-item .pdf-caption{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.attachments-grid-container .attachments-grid .attachment-item.pdf-item:hover{background:#6c63ff33;border-color:#6c63ff;opacity:1}.attachments-grid-container .attachments-disclaimer{font-size:.8rem;color:var(--col-boulder);text-align:center;margin-top:2rem;font-style:italic}.attachment-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:hidden}.attachment-modal[aria-hidden=false]{opacity:1;pointer-events:auto;visibility:visible}.attachment-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.attachment-modal .modal-content{position:relative;z-index:2;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.attachment-modal .modal-content .modal-close-btn{position:absolute;top:-4rem;right:0;background:none;border:none;color:var(--col-white);font-size:3rem;cursor:pointer;font-family:Inter,sans-serif;padding:1rem;line-height:1}.attachment-modal .modal-content .modal-figure{margin:0}.attachment-modal .modal-content .modal-figure img{max-width:100%;max-height:80vh;display:block;box-shadow:0 0 20px #00000080}.attachment-modal .modal-content .modal-figure figcaption{color:var(--col-boulder);text-align:center;margin-top:1.5rem;font-family:Inter,sans-serif;font-size:1.4rem}
