@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--bg-soft:#081426;--surface:#091425ad;--surface-strong:#0c192dd6;--arc-blue:#00a8ff;--cyan:#38bdf8;--cyan-soft:#67e8f9;--violet:#6d5dfc;--amber:#f2bf74;--green:#8bd8bd;--text:#f5f7fa;--muted:#a8b3c7;--soft:#6f7a91;--line:#a8b3c729;--line-strong:#38bdf84d;--shadow:0 28px 90px #00000057;--max:1360px;--mx:0;--my:0;font-family:Nunito Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--text);background:var(--bg);margin:0}.loading-screen{z-index:999;background:radial-gradient(circle at 50% 42%,#00a8ff2e,#0000 18rem),radial-gradient(circle at 62% 58%,#6d5dfc1f,#0000 19rem),#020617;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";opacity:.18;background-image:radial-gradient(circle at 1px 1px,#f5f7fa61 1px,#0000 0);background-size:26px 26px;animation:16s linear infinite textureDrift;position:absolute;inset:0}.loading-orbit{aspect-ratio:1;border:1px solid #38bdf82e;border-radius:50%;width:min(60vw,28rem);animation:7s linear infinite loadingSpin;position:absolute;box-shadow:inset 0 0 34px #38bdf814,0 0 54px #38bdf81a}.loading-orbit:after{content:"";background:var(--cyan);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:12%;left:50%;box-shadow:0 0 24px #38bdf8d9}.loading-card{z-index:1;width:min(100% - 2rem,24rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070dad;border:1px solid #38bdf82e;border-radius:8px;justify-items:center;gap:.9rem;padding:2rem;display:grid;position:relative}.loading-card img{filter:drop-shadow(0 0 22px #38bdf852);width:8rem}.loading-card p{color:#dbeafe;margin:0;font-weight:900}.loading-card strong{color:var(--cyan);font-size:.92rem;font-weight:950}.loading-bar{background:#ffffff14;border-radius:999px;width:100%;height:.56rem;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#38bdf8,#8b5cf6);height:100%;transition:width .22s;display:block;box-shadow:0 0 24px #38bdf86b}body::selection{color:#04101c;background:var(--cyan)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.portfolio{background:radial-gradient(circle at 88% 14%,#6d5dfc2b,#0000 21rem),radial-gradient(circle at 6%,#67e8f914,#0000 22rem),linear-gradient(#05070d 0%,#08111f 38%,#05070d 100%);min-height:100vh;position:relative;overflow-x:hidden}.portfolio-preparing{pointer-events:none}.cursor-glow{z-index:1;pointer-events:none;filter:blur(18px);opacity:.78;will-change:left, top;background:radial-gradient(circle,#38bdf82e,#0000 65%);border-radius:999px;width:220px;height:220px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio:before{content:"";z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 1px 1px,#f5f7fa6b 1px,#0000 0),linear-gradient(120deg,#0000 0%,#ffffff0d 50%,#0000 100%);background-size:25px 25px,100% 100%;animation:18s linear infinite textureDrift;position:fixed;inset:0}.portfolio:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#05070ddb,#0000 22% 78%,#05070ddb),linear-gradient(#0000,#05070d9e);position:fixed;inset:0}main,.site-header,.site-footer{z-index:4;position:relative}.scroll-progress{z-index:80;background:linear-gradient(90deg, var(--cyan), var(--violet), var(--amber));transform-origin:0;width:100%;height:3px;position:fixed;top:0;left:0;box-shadow:0 0 18px #38bdf859}.global-3d,.global-3d-fallback{z-index:1;pointer-events:none;position:fixed;inset:0}.global-3d{z-index:2;opacity:.5;filter:saturate(1.1)}.global-3d canvas{width:100%!important;height:100%!important}.global-3d-fallback{opacity:.18;background:radial-gradient(circle at 70% 28%,#38bdf83d,#0000 18rem),radial-gradient(circle at 28% 52%,#6d5dfc29,#0000 20rem)}.site-header{z-index:60;width:min(calc(100% - 2rem), var(--max));border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070db3;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.55rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #00000052}.brand-link{border-radius:8px;align-items:center;gap:.65rem;min-width:7rem;padding:.35rem .5rem;display:inline-flex}.brand-link img{filter:drop-shadow(0 0 12px #38bdf840);width:4.35rem;height:auto;display:block}.brand-link span{color:#d9e9fb;font-size:.9rem;font-weight:850}.main-nav{align-items:center;gap:.2rem;display:flex}.main-nav a,.mobile-nav a{min-height:2.55rem;color:var(--muted);border-radius:8px;align-items:center;padding:0 .82rem;font-size:.9rem;font-weight:800;transition:color .18s,background .18s,transform .18s;display:inline-flex}.main-nav a:hover,.mobile-nav a:hover{color:var(--text);background:#ffffff0f;transform:translateY(-1px)}.menu-button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--text);background:#ffffff0d;border-radius:8px;place-items:center;display:none}.mobile-nav{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05070df0;border-radius:8px;gap:.25rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0;right:0}.hero{width:min(calc(100% - 3rem), var(--max));grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);align-items:center;gap:1.6rem;min-height:100svh;margin:0 auto;padding:7.4rem 0 4.4rem;display:grid;position:relative}.hero:before{content:"";z-index:0;background:linear-gradient(125deg,#ffffff09,#0000 38%),radial-gradient(circle at 72% 44%,#38bdf81f,#0000 18rem);border:1px solid #38bdf814;border-radius:8px;position:absolute;inset:7rem -3rem 3rem;box-shadow:inset 0 0 80px #38bdf80a}.hero-scene{z-index:0;pointer-events:none;opacity:.78;position:absolute;inset:4.5rem -8rem 0}.hero-scene canvas{width:100%!important;height:100%!important}.hero-background{z-index:0;opacity:.46;pointer-events:none;border-radius:8px;position:absolute;inset:6.7rem -3rem 3rem;overflow:hidden}.hero-background img{object-fit:cover;filter:saturate(.95)contrast(1.08);width:100%;height:100%}.hero-background:after{content:"";background:linear-gradient(90deg,#05070df2,#05070dad 42%,#05070d4d),linear-gradient(#0000 52%,#05070dc7);position:absolute;inset:0}.hero-copy,.hero-character{z-index:3;position:relative}.hero-copy{grid-column:1;min-width:0}.hero-character{grid-column:2}.hero-kicker{min-height:2.6rem;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:.7rem;padding:.36rem .78rem .36rem .45rem;font-size:.9rem;font-weight:850;display:inline-flex}.hero-kicker img{width:3.25rem;height:auto}.hero h1,.section-intro h2{font-family:"Baloo 2",Nunito Sans,sans-serif}.hero h1{color:#fff;letter-spacing:0;text-wrap:balance;max-width:12ch;margin:1.1rem 0 0;font-size:clamp(2.9rem,6vw,5.8rem);line-height:.95}.alias{color:var(--cyan-soft);margin:.28rem 0 0;font-family:"Baloo 2",Nunito Sans,sans-serif;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:750}.role{color:#d7e5f7;flex-wrap:wrap;gap:.48rem;max-width:40rem;margin:1rem 0 0;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:850;line-height:1.5;display:flex}.role span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070d6b;border:1px solid #ffffff1a;border-radius:8px;align-items:center;min-height:2.05rem;padding:.24rem .62rem;display:inline-flex}.role span+span:before{content:""}.headline{max-width:620px;color:var(--muted);margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.headline-mobile{display:none}.hero-side-panel{grid-template-columns:minmax(0,1fr) auto;gap:.8rem;max-width:40rem;margin-top:1.15rem;display:grid}.hero-side-panel>div,.hero-side-panel nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05070d80;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:3rem;padding:.58rem;display:flex}.hero-side-panel strong{color:#fff;margin-right:.15rem;font-size:.82rem;font-weight:950}.hero-side-panel span,.hero-side-panel a{color:#dbeafe;background:#ffffff0e;border-radius:8px;align-items:center;min-height:1.8rem;padding:0 .48rem;font-size:.78rem;font-weight:850;display:inline-flex}.hero-side-panel a{color:var(--cyan)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.8rem;display:flex}.hero-actions a,.hero-actions button,.contact-form button{border:1px solid var(--line);min-height:3rem;color:var(--text);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.primary-action,.contact-form button{color:#04101c!important;background:linear-gradient(135deg,#f5f7fa,#8be4ff 46%,#b9b1ff)!important;border-color:#0000!important}.hero-actions a:hover,.hero-actions button:hover,.contact-form button:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 18px 46px #00a8ff33}.hero-character{min-height:42rem;transform:translate3d(calc(var(--mx) * -18px), calc(var(--my) * -14px), 0) rotateX(calc(var(--my) * -3deg)) rotateY(calc(var(--mx) * 4deg));transform-style:preserve-3d}.character-halo{aspect-ratio:1;filter:blur(7px);background:radial-gradient(circle at 50% 42%,#38bdf83d,#0000 58%),radial-gradient(circle at 35% 72%,#6d5dfc2e,#0000 46%);border-radius:50%;width:78%;animation:5s ease-in-out infinite glowPulse;position:absolute;bottom:4%;right:4%}.character-picture{z-index:2;width:min(40rem,98%);position:absolute;bottom:-.9rem;right:-2rem}.character-picture picture,.character-img{width:100%;display:block}.character-img{filter:drop-shadow(0 36px 38px #00000094)drop-shadow(0 0 28px #38bdf82e)}.hero-mini-grid{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:min(31rem,88%);display:grid;position:absolute;bottom:2rem;right:1rem}.hero-mini-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081426bd;border:1px solid #ffffff1c;border-radius:8px;grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:4.8rem;padding:.68rem;display:grid;box-shadow:0 18px 44px #00000047}.hero-mini-card img{object-fit:contain;filter:drop-shadow(0 0 14px #38bdf838);width:3.1rem;max-height:2.3rem}.hero-mini-card strong,.hero-mini-card small{min-width:0;display:block}.hero-mini-card strong{color:#fff;font-size:.95rem;font-weight:900}.hero-mini-card small{color:var(--muted);font-size:.78rem}.hero-scroll-hint{z-index:3;color:var(--soft);align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;bottom:1rem;left:0}.page-section{width:min(calc(100% - 2rem), var(--max));margin:0 auto;padding:4.7rem 0;scroll-margin-top:5.5rem;position:relative}.section-band:before{content:"";z-index:-1;background:#ffffff05;border:1px solid #ffffff0b;border-radius:8px;position:absolute;inset:1rem -2rem}.section-intro{max-width:54rem;margin-bottom:1.8rem}.section-intro-wide{max-width:66rem}.section-intro span{color:var(--arc-blue);margin-bottom:.55rem;font-size:.95rem;font-weight:900;display:inline-flex}.section-intro h2{color:#fff;letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2.1rem,4vw,3.65rem);line-height:1.04}.section-intro p{max-width:48rem;color:var(--muted);margin:.8rem 0 0;font-size:1.02rem;line-height:1.68}.about-composition{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);align-items:stretch;gap:1.1rem;display:grid}.about-visual{border:1px solid var(--line);min-height:34rem;box-shadow:var(--shadow);background:radial-gradient(circle at 35% 15%,#38bdf829,#0000 18rem),#081426a8;border-radius:8px;position:relative;overflow:hidden}.about-workspace-img{object-fit:cover;filter:saturate(.98)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.about-visual:after{content:"";background:linear-gradient(#05070d1a,#05070d8c),radial-gradient(circle at 22% 18%,#38bdf821,#0000 14rem);position:absolute;inset:0}.about-stamp{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05070dad;border-radius:8px;align-items:center;gap:.7rem;padding:.65rem .75rem;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.about-stamp img{width:4.7rem}.about-stamp span{color:var(--muted);font-size:.9rem;font-weight:850}.about-story{border:1px solid var(--line);min-height:34rem;box-shadow:var(--shadow);background:linear-gradient(135deg,#38bdf814,#0000 36%),#0814269e;border-radius:8px;align-content:center;padding:1.35rem;display:grid;position:relative;overflow:hidden}.about-story:after{content:"Arcano";color:#ffffff09;font-family:"Baloo 2",Nunito Sans,sans-serif;font-size:clamp(5rem,14vw,12rem);font-weight:800;line-height:.82;position:absolute;bottom:-.6rem;right:-.6rem}.about-story>p{z-index:1;color:#dfe9f7;max-width:52rem;margin:0;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.72;position:relative}.about-story>p:first-child{color:#fff;font-size:clamp(1.12rem,1.9vw,1.44rem);font-weight:750}.typing-paragraph{min-height:5.3em;position:relative}.typing-reserve{visibility:hidden;display:block}.typing-visible{display:block;position:absolute;inset:0}.typing-visible i{background:var(--cyan);border-radius:999px;width:.12em;height:1em;margin-left:.08em;animation:.85s step-end infinite caretBlink;display:inline-block;transform:translateY(.12em)}.about-story>p+p{margin-top:.9rem}.about-pillar-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.25rem;display:grid;position:relative}.about-pillar-grid div{border:1px solid color-mix(in srgb, var(--accent) 32%, #ffffff1a);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 9rem), #ffffff0a;border-radius:8px;min-height:7rem;padding:.9rem}.about-pillar-grid strong{color:#fff;font-family:"Baloo 2",Nunito Sans,sans-serif;font-size:1.25rem;line-height:1.1;display:block}.about-pillar-grid span{color:var(--muted);margin-top:.35rem;line-height:1.45;display:block}.download-inline{z-index:1;width:fit-content;min-height:2.8rem;color:var(--cyan);background:#38bdf814;border:1px solid #38bdf840;border-radius:8px;align-items:center;gap:.48rem;margin-top:1.1rem;padding:0 .85rem;font-weight:950;display:inline-flex;position:relative}.availability-note{z-index:1;background:#f2bf7414;border:1px solid #f2bf7433;border-radius:8px;padding:.72rem .82rem;font-weight:850;position:relative;color:#f6d7a7!important}.placeholder-frame{min-height:16rem;color:var(--muted);background:radial-gradient(circle at 30% 20%,#38bdf824,#0000 10rem),#ffffff09;border:1px dashed #a8b3c742;border-radius:8px;place-items:center;padding:1rem;display:grid;position:relative;overflow:hidden}.placeholder-grid{opacity:.55;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.placeholder-frame svg,.placeholder-frame strong,.placeholder-frame small{z-index:1;position:relative}.placeholder-frame svg{color:var(--cyan)}.placeholder-frame strong{color:#dbeafe;text-align:center;max-width:20rem;margin-top:.55rem;font-size:.92rem;line-height:1.35}.placeholder-frame small{color:var(--soft);overflow-wrap:anywhere;text-align:center;margin-top:.3rem;font-size:.76rem}.placeholder-compact{min-height:9.5rem;padding:.7rem}.placeholder-compact strong{font-size:.78rem}.placeholder-compact small{font-size:.68rem}.projects-section{padding-top:5rem}.featured-projects{perspective:1200px;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.featured-project{border:1px solid color-mix(in srgb, var(--accent) 34%, #ffffff1a);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 16rem), #081426ad;min-height:31rem;box-shadow:var(--shadow);transform-style:preserve-3d;border-radius:8px;grid-column:span 4;grid-template-rows:auto 1fr;gap:.9rem;padding:.9rem;display:grid;position:relative;overflow:hidden}.project-spotlight{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:minmax(350px,.98fr) minmax(0,1.02fr);min-height:28rem}.project-media{background:linear-gradient(135deg, #ffffff0d, transparent), color-mix(in srgb, var(--accent) 12%, #05070d);border:1px solid #ffffff14;border-radius:8px;min-height:16rem;position:relative;overflow:hidden}.project-media:after{content:"";background:linear-gradient(#0000,#05070dc7);height:45%;position:absolute;inset:auto 0 0}.project-spotlight .project-media{min-height:25rem}.project-logo{z-index:3;object-fit:contain;object-position:left center;width:min(12.5rem,52%);max-height:4.8rem;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 30%, transparent));position:absolute;top:1rem;left:1rem}.project-media .placeholder-frame{min-height:auto;position:absolute;inset:4.8rem .8rem .8rem}.project-carousel{touch-action:pan-y;grid-template-rows:minmax(0,1fr);align-content:stretch;padding:5.5rem .8rem 1.05rem;display:grid;position:absolute;inset:0}.project-carousel-has-tabs{grid-template-rows:auto minmax(0,1fr);gap:.48rem;padding-top:4.9rem}.project-media-tabs{z-index:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid;position:relative}.project-media-tabs button{min-height:2.8rem;color:var(--muted);text-align:left;background:#05070d94;border:1px solid #ffffff1a;border-radius:8px;align-content:center;gap:.08rem;padding:.45rem .55rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.project-media-tabs button:hover,.project-media-tabs button.is-active{border-color:color-mix(in srgb, var(--accent) 48%, #ffffff1f);color:#fff;background:color-mix(in srgb, var(--accent) 13%, #05070db8);transform:translateY(-1px)}.project-media-tabs span{font-size:.78rem;font-weight:950}.project-media-tabs small{color:var(--muted);font-size:.68rem;font-weight:850}.project-carousel-stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 16rem), #05070d75;border:1px solid #ffffff1a;border-radius:8px;min-height:0;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000047}.project-carousel-stage img{object-fit:contain;opacity:0;width:100%;height:100%;padding:.35rem;transition:opacity .52s,transform .68s;position:absolute;inset:0;transform:scale(1.025)}.project-carousel-stage img.is-active{opacity:1;transform:scale(1)}.project-carousel-dots{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070d9e;border:1px solid #ffffff1a;border-radius:999px;gap:.35rem;padding:.35rem;display:inline-flex;position:absolute;bottom:.78rem;left:50%;transform:translate(-50%)}.project-carousel-dots button{background:#ffffff47;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.project-carousel-dots button.is-active{background:linear-gradient(90deg, var(--cyan), var(--violet));width:1.35rem}.project-carousel-compact{padding:4.3rem .65rem .65rem}.project-carousel-compact .project-carousel-stage img{padding:.22rem}.logo-showcase{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 13rem), #ffffff09;border:1px solid #ffffff14;border-radius:8px;place-items:center;display:grid;position:absolute;inset:4.6rem .8rem .8rem}.logo-showcase img{object-fit:contain;width:min(18rem,78%);max-height:8rem;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 28%, transparent))}.project-media-compact{min-height:13rem}.project-media-compact .project-logo{width:min(9rem,54%);max-height:3.4rem}.project-media-compact .placeholder-frame{inset:4rem .65rem .65rem}.project-status{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070db3;border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:2rem;padding:0 .65rem;font-size:.78rem;font-weight:900;display:inline-flex;position:absolute;top:.75rem;bottom:auto;right:.75rem}.project-content{align-content:center;padding:.25rem .15rem;display:grid}.project-content>span{color:color-mix(in srgb, var(--accent) 86%, white);font-size:.85rem;font-weight:900}.project-content h3{color:#fff;margin:.45rem 0 0;font-family:"Baloo 2",Nunito Sans,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1}.project-spotlight .project-content h3{font-size:clamp(2.8rem,5vw,4.4rem)}.project-content strong{color:#dbeafe;margin-top:.35rem;font-size:1rem;display:block}.project-content p{color:#c8d4e6;margin:.82rem 0 0;line-height:1.58}.project-more{font-size:.94rem;color:var(--muted)!important}.tag-row{flex-wrap:wrap;gap:.42rem;margin-top:1rem;display:flex}.tag-row em{color:#dbeafe;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;align-items:center;min-height:1.75rem;padding:0 .55rem;font-size:.76rem;font-style:normal;font-weight:850;display:inline-flex}.project-content a,.mini-project a,.contact-quick a{width:fit-content;color:color-mix(in srgb, var(--accent,#38bdf8) 84%, white);align-items:center;gap:.38rem;margin-top:1rem;font-size:.86rem;font-weight:900;display:inline-flex}.project-links{flex-wrap:wrap;gap:.75rem;margin-top:.1rem;display:flex}.additional-heading{justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0 1rem;display:flex}.additional-heading h3{color:#fff;margin:0;font-family:"Baloo 2",Nunito Sans,sans-serif;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.05}.additional-heading p{max-width:33rem;color:var(--muted);margin:0;line-height:1.55}.mini-projects{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.mini-project{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:27rem;transform-style:preserve-3d;border-radius:8px;display:grid;overflow:hidden;box-shadow:0 18px 54px #0003}.mini-project-featured{background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 16rem), var(--surface-strong);grid-column:span 2;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:30rem}.mini-project-featured .project-media{border-width:0 1px 0 0;min-height:100%}.mini-project-more{color:#c8d4e6!important}.mini-project .project-media{border-width:0 0 1px;border-radius:0}.mini-project-body{align-content:start;padding:.95rem;display:grid}.mini-project-title{color:var(--arc-blue);align-items:center;gap:.55rem;display:flex}.mini-project h3{color:#fff;margin:0;font-size:1.05rem}.mini-project strong{color:#dbeafe;margin-top:.8rem;line-height:1.35;display:block}.mini-project p{color:var(--muted);margin:.65rem 0 0;font-size:.91rem;line-height:1.52}.private-note{color:#f6d7a7;background:#f2bf7414;border:1px solid #f2bf7438;border-radius:8px;align-items:center;gap:.35rem;width:fit-content;margin-top:.7rem;padding:.35rem .5rem;font-size:.76rem;font-weight:850;display:inline-flex}.skills-layout{gap:1rem;display:grid}.skill-ribbon{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.skill-ribbon div{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#38bdf814,#0000),#ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;min-height:4.5rem;font-weight:900;display:flex}.skill-ribbon svg{color:var(--arc-blue)}.skills-grid{perspective:1200px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.skill-group{border:1px solid var(--line);background:radial-gradient(circle at 16% 0%, #38bdf814, transparent 10rem), var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;min-height:23rem;padding:.95rem;box-shadow:0 18px 54px #0003}.skill-group header{border-bottom:1px solid var(--line);grid-template-columns:2.55rem minmax(0,1fr);gap:.7rem;min-height:6.2rem;padding-bottom:.75rem;display:grid}.skill-group header>span{width:2.4rem;height:2.4rem;color:var(--cyan);background:#38bdf81a;border-radius:8px;place-items:center;display:grid}.skill-group h3{color:#fff;margin:0;font-size:1.05rem}.skill-group p{color:var(--muted);margin:.42rem 0 0;font-size:.84rem;line-height:1.46}.skill-list{gap:.58rem;padding-top:.8rem;display:grid}.skill-row{background:#ffffff0a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .5rem;min-height:3.45rem;padding:.62rem;display:grid}.skill-row strong,.skill-row small{display:block}.skill-row strong{color:#fff;font-size:.88rem}.skill-row small{color:var(--soft);margin-top:.1rem;font-size:.73rem}.skill-row span{color:var(--arc-blue);font-size:.76rem;font-weight:900}.skill-row i{background:#ffffff12;border-radius:999px;grid-column:1/-1;height:.38rem;display:block;position:relative;overflow:hidden}.skill-row i:after{content:"";width:var(--value);border-radius:inherit;background:linear-gradient(90deg, var(--arc-blue), var(--violet));animation:2.8s ease-in-out infinite skillGlow;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #38bdf83d}.skill-row-with-action{min-height:4.85rem}.skill-certificate-link{width:fit-content;color:var(--cyan);grid-column:1/-1;align-items:center;gap:.34rem;margin-top:.06rem;font-size:.75rem;font-weight:900;text-decoration:none;display:inline-flex}.skill-certificate-link:hover{color:#fff}.journey-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid;position:relative}.journey-track:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent);transform-origin:0;height:2px;animation:4s ease-in-out infinite trackPulse;position:absolute;top:2.4rem;left:3rem;right:3rem}.journey-track article{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0814269e;border-radius:8px;min-height:14rem;padding:1rem;position:relative;box-shadow:0 18px 54px #0000002e}.journey-icon{border:1px solid var(--line-strong);width:2.9rem;height:2.9rem;color:var(--cyan);background:#38bdf81a;border-radius:8px;place-items:center;margin-bottom:1rem;display:grid}.journey-track small{color:var(--arc-blue);font-weight:900}.journey-track h3{color:#fff;margin:.45rem 0 0;font-size:1rem}.journey-track p{color:var(--muted);margin:.55rem 0 0;font-size:.88rem;line-height:1.5}.journey-actions{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.journey-actions a{color:var(--cyan);background:#38bdf812;border:1px solid #38bdf833;border-radius:8px;align-items:center;gap:.34rem;padding:.46rem .58rem;font-size:.76rem;font-weight:900;line-height:1.15;text-decoration:none;display:inline-flex}.journey-actions a:hover{color:#fff;background:#38bdf81f;border-color:#67e8f961}.contact-layout{grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr);align-items:stretch;gap:1rem;display:grid}.contact-card,.contact-form{border:1px solid var(--line);background:radial-gradient(circle at 100% 0%, #38bdf817, transparent 14rem), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:1rem}.contact-card>img{width:8.5rem;height:auto}.contact-card>p{color:#dbe5f3;max-width:36rem;margin:1rem 0 0;line-height:1.68}.contact-quick{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.contact-quick a{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;margin-top:0;padding:.55rem .7rem}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;margin-top:1.1rem;display:grid}.social-grid a{background:#ffffff09;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.08rem .5rem;min-height:4.15rem;padding:.72rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.social-grid a:hover{border-color:var(--line-strong);background:#ffffff0f;transform:translateY(-3px)}.social-grid svg{color:var(--arc-blue);grid-row:span 2}.social-grid span{color:#fff;font-weight:900}.social-grid small{overflow-wrap:anywhere;min-width:0;color:var(--muted)}.contact-form{gap:.85rem;display:grid}.form-head{color:#fff;align-items:center;gap:.55rem;font-weight:900;display:inline-flex}.form-head svg{color:var(--cyan)}.contact-form label{color:#dbe5f3;gap:.42rem;font-weight:850;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#05070d8f;border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s}.contact-form input{min-height:3rem;padding:0 .85rem}.contact-form textarea{resize:vertical;min-height:9rem;padding:.8rem .85rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px #38bdf814}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#f87171b8}.form-error,.form-status{color:#fecaca;font-size:.8rem;font-weight:850;line-height:1.35}.form-status{background:#f8717114;border:1px solid #f8717133;border-radius:8px;margin:0;padding:.7rem .8rem}.form-status-success{color:#bbf7d0;background:#4ade8014;border-color:#4ade8038}.hp-field{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.contact-form button{border:0;width:fit-content}.contact-form button:disabled{cursor:wait;opacity:.72;transform:none}.site-footer{width:min(calc(100% - 2rem), var(--max));color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2rem 0 3rem;font-size:.88rem;display:flex}.site-footer img{width:5.4rem}.scene-fallback{background:radial-gradient(circle at 65% 44%,#38bdf829,#0000 20rem),radial-gradient(circle at 70% 20%,#6d5dfc1c,#0000 18rem);position:absolute;inset:0}@keyframes textureDrift{0%{background-position:0 0,0 0}to{background-position:90px 120px,0 0}}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes caretBlink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes skillGlow{0%,to{opacity:.72}50%{opacity:1}}@keyframes trackPulse{0%,to{opacity:.38;transform:scaleX(.92)}50%{opacity:.9;transform:scaleX(1)}}@media (width<=1160px){.hero{grid-template-columns:1fr;gap:0}.hero-character{grid-column:1;min-height:34rem;margin-top:-2rem}.character-picture{width:min(34rem,90%);right:5%}.hero-mini-grid{right:3%}.about-composition,.contact-layout{grid-template-columns:1fr}.featured-project,.project-spotlight{grid-column:1/-1;grid-template-columns:1fr 1fr}.mini-projects,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-track{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.main-nav{display:none}.menu-button{display:grid}.global-3d{opacity:.34;transform:scale(.95)}.hero{text-align:center;justify-items:center;min-height:auto;padding-top:6.6rem}.hero-copy{justify-items:center;width:100%;display:grid}.hero-kicker,.role,.hero-actions{justify-content:center}.hero:before{inset:6rem 0 1rem}.hero-background{opacity:.36;inset:5.8rem 0 1rem}.project-spotlight,.featured-project{grid-template-columns:1fr}.project-spotlight .project-media{min-height:17rem}.skill-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-track{grid-template-columns:1fr}.journey-track:before{background:linear-gradient(180deg, transparent, var(--cyan), var(--violet), transparent);width:2px;height:auto;top:0;bottom:0;left:1.45rem}}@media (width<=640px){.site-header{width:min(calc(100% - 2rem), var(--max));justify-content:center;padding-left:3.55rem;padding-right:3.55rem;top:.65rem}.brand-link{min-width:0;padding-inline:0}.menu-button{position:absolute;right:.55rem}.brand-link img{width:3.6rem}.brand-link span{display:none}.hero,.page-section,.site-footer{width:min(calc(100% - 2rem), var(--max))}.hero{padding-top:6rem;padding-bottom:2.3rem}.hero-scene{opacity:.52;inset:0 -5rem}.hero h1{max-width:min(100%,14ch);font-size:clamp(2.45rem,10.8vw,3.15rem)}.alias{font-size:1.22rem}.role,.headline{max-width:min(100%,24rem);margin-inline:auto;font-size:.94rem}.role{gap:.4rem;margin-top:.8rem}.role span{min-height:1.9rem;padding:.2rem .52rem}.role span:nth-child(n+3),.headline-desktop{display:none}.headline-mobile{display:inline}.hero-side-panel{display:none}.hero-actions{grid-template-columns:1fr;justify-items:center;gap:.52rem;width:100%;max-width:100%;display:grid}.hero-actions a,.hero-actions button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;background:#05070dd6;border-color:#ffffff24;width:min(100%,22.5rem);min-width:0;min-height:2.95rem;padding:.62rem .85rem;font-size:.9rem}.hero-actions a:last-child,.hero-actions button:last-child{grid-column:auto}.hero-actions a svg,.hero-actions button svg{width:15px;height:15px}.hero-character{min-height:22.5rem;margin-top:-1.4rem;transform:none}.character-picture{width:min(21rem,92vw);bottom:0;left:50%;right:auto}.character-picture picture{transform:translate(-50%)}.character-halo{width:108%;bottom:-6%;left:50%;right:auto;transform:translate(-50%)}.hero-mini-grid,.hero-scroll-hint{display:none}.page-section{padding:3.7rem 0}.section-intro h2{font-size:clamp(2rem,10vw,2.75rem)}.about-visual,.about-story{min-height:auto}.about-visual{min-height:18rem}.about-story{padding:1rem}.about-story>p{font-size:.96rem;line-height:1.62}.about-story>p:first-child{font-size:1.02rem}.about-pillar-grid,.skills-grid,.mini-projects,.skill-ribbon,.social-grid{grid-template-columns:1fr}.project-media,.project-media-compact{min-height:15rem}.project-carousel,.project-carousel-compact{grid-template-rows:minmax(0,1fr) auto;gap:.45rem;padding:4.3rem .65rem .65rem}.project-carousel-has-tabs{grid-template-rows:auto minmax(0,1fr) auto;padding-top:3.95rem}.project-media-tabs{grid-template-columns:1fr}.project-carousel-stage img{padding:.2rem}.project-carousel-dots{justify-self:center;position:relative;bottom:auto;left:auto;transform:none}.project-media .placeholder-frame,.project-media-compact .placeholder-frame,.logo-showcase{inset:4rem .65rem .65rem}.project-logo{width:min(10rem,62%)}.additional-heading{display:grid}.mini-project{min-height:auto}.mini-project-featured{grid-column:auto;grid-template-columns:1fr}.mini-project-featured .project-media{border-width:0 0 1px;min-height:18rem}.skill-group{min-height:auto}.contact-form button{width:100%}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=420px){.character-picture{width:min(20rem,90vw)}}@media (width<=640px),(pointer:coarse){.cursor-glow{display:none}}@media (width<=640px){.global-3d{opacity:.32;display:block}.global-3d-fallback{opacity:.1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-character{transform:none!important}}
