code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ink:#1a1424;--ink-soft:#4a3f5c;--paper:#f3f0f7;--paper-deep:#e8e2ef;--surface:#ffffff8c;--accent:#6b3fa0;--accent-soft:#8b5cf6;--line:#1a14241f;--shadow:0 18px 40px #1a142414;--sidebar-w:min(320px,28vw);--radius:4px;--font-display:"Bricolage Grotesque","Segoe UI",sans-serif;--font-body:"Instrument Sans","Segoe UI",sans-serif;--ease:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 80% 50% at 10% -10%,#6b3fa02e,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 0,#8b5cf61f,#0000 50%),linear-gradient(165deg,#f7f5fa,#f3f0f7 45%,#e8e2ef);background:radial-gradient(ellipse 80% 50% at 10% -10%,#6b3fa02e,#0000 55%),radial-gradient(ellipse 60% 40% at 100% 0,#8b5cf61f,#0000 50%),linear-gradient(165deg,#f7f5fa 0,var(--paper) 45%,var(--paper-deep) 100%);background-attachment:fixed;color:#1a1424;color:var(--ink);font-family:Instrument Sans,Segoe UI,sans-serif;font-family:var(--font-body);margin:0;min-width:320px}a{color:#6b3fa0;color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s cubic-bezier(.22,1,.36,1);transition:color .2s var(--ease)}a:hover{color:#8b5cf6;color:var(--accent-soft)}img{display:block;height:auto;max-width:100%}.App{display:flex;position:relative}.App,.content{min-height:100vh}.content{flex:1 1;overflow-y:auto;scrollbar-color:#6b3fa0 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin;transition:opacity .22s cubic-bezier(.22,1,.36,1);transition:opacity .22s var(--ease)}@media (min-width:961px){.content{margin-left:min(320px,28vw);margin-left:var(--sidebar-w);width:calc(100% - min(320px, 28vw));width:calc(100% - var(--sidebar-w))}}@media (max-width:960px){.content{padding-top:4.5rem;width:100%}}.sidebar-shell{z-index:1000}.sidebar-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #1a14241f;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);color:#1a1424;color:var(--ink);cursor:pointer;display:none;height:2.75rem;justify-content:center;left:1rem;position:fixed;top:1rem;transition:background .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);transition:background .2s var(--ease),transform .2s var(--ease);width:2.75rem;z-index:1100}.sidebar-toggle:hover{background:#fff;transform:translateY(-1px)}@media (max-width:960px){.sidebar-toggle{display:inline-flex}}.sidebar{align-items:stretch;background:linear-gradient(180deg,#6b3fa066,#0000 35%),linear-gradient(160deg,#1e1430,#140c20 55%,#2a1844);border-right:1px solid #ffffff0f;color:#f5f2f9;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:2.5rem 1.75rem;position:fixed;top:0;width:min(320px,28vw);width:var(--sidebar-w);z-index:1050}.sidebar-backdrop{display:none}@media (max-width:960px){.sidebar{max-width:100%;width:min(100%,360px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140c2080;display:block;inset:0;position:fixed;z-index:1040}}.sidebar-brand{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.sidebar-avatar{aspect-ratio:1;border:2px solid #f4f7f559;border-radius:50%;box-shadow:0 12px 32px #00000059;object-fit:cover;width:clamp(96px,40%,140px)}.sidebar-name{color:#f5f2f9;font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.6rem,2.2vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0}.sidebar-role{color:#f5f2f9a6;font-size:.85rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.sidebar-nav{width:100%}.sidebar-nav ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.sidebar-link{border-radius:4px;border-radius:var(--radius);color:#f5f2f9c7;cursor:pointer;display:block;font-size:.98rem;font-weight:500;padding:.7rem .85rem;position:relative;transition:color .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.sidebar-link:before{background:#8b5cf6;background:var(--accent-soft);content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .25s cubic-bezier(.22,1,.36,1);transition:height .25s var(--ease);width:2px}.sidebar-link:hover{background:#ffffff0f;color:#fff;transform:translateX(2px)}.sidebar-link.is-active{background:#8b5cf640;color:#fff}.sidebar-link.is-active:before{height:55%}.sidebar-contact{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:1rem;text-align:center}.sidebar-contact a{color:#f5f2f9b3;font-size:.82rem;word-break:break-all}.sidebar-contact a:hover{color:#fff}.portfolio{font-family:Instrument Sans,Segoe UI,sans-serif;font-family:var(--font-body);margin:0 auto;max-width:1080px;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,4vw,3rem) 4rem}.portfolio-header{animation:rise-in .7s cubic-bezier(.22,1,.36,1) both;animation:rise-in .7s var(--ease) both;border-bottom:1px solid #1a14241f;border-bottom:1px solid var(--line);margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(1.5rem,3vw,2.25rem)}.portfolio-kicker{color:#6b3fa0;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.14em;margin:0 0 .75rem;text-transform:uppercase}.portfolio .header h1,.portfolio-header h1{color:#1a1424;color:var(--ink);font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0 0 .75rem}.portfolio .header p,.portfolio-header p{color:#4a3f5c;color:var(--ink-soft);font-size:clamp(1rem,2vw,1.15rem);line-height:1.65;margin:0;max-width:42rem}.portfolio-section,.project-gallery,.skills{animation:rise-in .75s cubic-bezier(.22,1,.36,1) both;animation:rise-in .75s var(--ease) both;animation-delay:.08s;margin-bottom:clamp(2.5rem,5vw,4rem)}.portfolio-section h2,.skills h2{font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:650;letter-spacing:-.02em;margin:0 0 1.25rem}.portfolio-section>p{color:#4a3f5c;color:var(--ink-soft);font-size:1.05rem;line-height:1.75;margin:0 0 1.5rem}.portfolio-projects,.project-gallery{grid-gap:clamp(1.25rem,3vw,2rem);display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.project-gallery{margin:0 0 clamp(2.5rem,5vw,4rem)}.project{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:0;text-align:left}.project h3{font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:650;letter-spacing:-.02em;margin:0}.project p{color:#4a3f5c;color:var(--ink-soft);font-size:.95rem;line-height:1.65;margin:0}.project .image-zoom-container{background:#ffffff8c;background:var(--surface);border:1px solid #1a14241f;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);box-shadow:0 18px 40px #1a142414;box-shadow:var(--shadow)}.project .image-zoom{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.about-image,.project .image-zoom{border-radius:4px;border-radius:var(--radius)}.about-image{border:1px solid #1a14241f;border:1px solid var(--line);box-shadow:0 18px 40px #1a142414;box-shadow:var(--shadow);display:block;margin:1.5rem auto 0;max-width:min(280px,70%)}.skills{background:#0000;padding:0;text-align:left}.skills ul{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.skills li{background:#ffffff8c;background:var(--surface);border:1px solid #1a14241f;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);color:#1a1424;color:var(--ink);font-size:.9rem;padding:.45rem .85rem}.portfolio-footer{border-top:1px solid #1a14241f;border-top:1px solid var(--line);font-size:.95rem;margin-top:2rem;padding-top:1.75rem;text-align:left}.portfolio-footer a{font-weight:550}.threejs-page{animation:rise-in .7s cubic-bezier(.22,1,.36,1) both;animation:rise-in .7s var(--ease) both;margin:0 auto;max-width:1100px;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,4vw,3rem) 4rem}.threejs-page h1{font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.2rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0 0 .75rem}.threejs-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);align-items:start;display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:1fr 1fr;margin-top:2rem}.threejs-media{display:flex;flex-direction:column;gap:1.25rem}.threejs-frame{aspect-ratio:9/16;background:#140c20;border:1px solid #1a14241f;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px #1a142414;box-shadow:var(--shadow);max-width:360px;overflow:hidden;width:100%}.threejs-frame iframe{border:0;height:100%;width:100%}.threejs-shot{border:1px solid #1a14241f;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);box-shadow:0 18px 40px #1a142414;box-shadow:var(--shadow);max-width:420px;object-fit:cover;width:100%}.threejs-copy p{font-size:1.05rem;margin:0 0 1rem}.threejs-copy p,.threejs-copy ul{color:#4a3f5c;color:var(--ink-soft);line-height:1.7}.threejs-copy ul{margin:0 0 1.5rem;padding-left:1.1rem}.threejs-copy li{margin-bottom:.45rem}.loading-screen{background:radial-gradient(circle at 30% 20%,#8b5cf666,#0000 40%),linear-gradient(160deg,#140c20,#1e1430 60%,#2a1844);color:#f5f2f9;display:grid;inset:0;place-items:center;position:fixed;z-index:2000}.loading-inner{animation:rise-in .6s cubic-bezier(.22,1,.36,1) both;animation:rise-in .6s var(--ease) both;text-align:center}.loading-brand{font-family:Bricolage Grotesque,Segoe UI,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .35rem}.loading-sub{color:#f5f2f999;font-size:.85rem;letter-spacing:.12em;margin:0 0 2rem;text-transform:uppercase}.loading-bar{background:#ffffff26;border-radius:999px;height:2px;margin:0 auto;overflow:hidden;width:min(220px,60vw)}.loading-bar span{animation:load-slide 1.1s ease-in-out infinite;background:#8b5cf6;background:var(--accent-soft);display:block;height:100%;width:40%}@keyframes load-slide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.threejs-grid{grid-template-columns:1fr}}@media (max-width:640px){.sidebar-name{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.image-zoom-container{cursor:zoom-in;display:inline-block;position:relative;width:100%}.image-zoom{height:100%!important;object-fit:cover;width:100%!important}.zoomed-image{background-repeat:no-repeat;background-size:200%;border:10px solid #1e1430;border-radius:20px;box-shadow:6px 12px 18px #0006;cursor:none;height:440px;left:100%;margin-left:20px;pointer-events:none;position:absolute;top:0;width:440px;z-index:30}@media (max-width:639px){.zoomed-image{display:none}}
/*# sourceMappingURL=main.484e2307.css.map*/