@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500&display=swap";:root{--bg: #0b0c10;--panel: #0f1118;--ink: #e8ecf1;--muted: #9aa3af;--accent: #64c3ff;--maxw: 1120px;--r: 14px;--logo-w: clamp(220px, 24wv, 320px);--logo-h: clamp(64px, 6vw, 80px);--logo-gap: 16px;--s1: 6px;--s2: 10px;--s3: 16px;--s4: 24px;--s5: 36px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--ink);font-family:Work Sans,system-ui;padding:.5rem}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(var(--s3),4vw,var(--s4))}.sectionPad{padding-block:clamp(var(--s4),6vw,var(--s5))}.siteHeader{position:sticky;background:#0b0c10c7;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid color-mix(in oklab,var(--ink) 12%,transparent);top:0;z-index:50}.navRow{display:flex;align-items:center;justify-content:space-between;min-height:64px;position:relative}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:2px}.brandLogo{width:36px;height:36px;border-radius:50%;overflow:hidden;background:transparent;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.brandPhoto{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.brandName{font-size:clamp(14px,3.5vw,18px);line-height:1.1}.navLinks{display:flex;align-items:center;gap:12px;transition:opacity .15s ease,transform .15s ease}.navLink{padding:10px 12px;border-radius:10px;color:var(--muted);transition:color .12s ease,background .12s ease}.navLink:hover{color:var(--ink);background-color:color-mix(in oklab,var(--ink) 6%,transparent)}.navToggle{display:none;background:none;border:none;color:var(--ink);cursor:pointer;padding:6px;border-radius:8px}.navToggleBar{display:block;width:18px;height:2px;border-radius:999px;background:var(--ink);margin-top:3px}.navToggleBar:first-child{margin-top:0}.burgerMenu{width:36px;height:36px;display:grid;place-items:center;background:none;border:none;cursor:pointer;color:inherit}.burgerMenu:hover{border-color:var(--accent);transform:translateY(-1px)}.burgerMenu:focus{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative;background:radial-gradient(1200px 420px azt 50% -10%,rgba(100,195,255,.18),transparent 70%),radial-gradient(900px 420px at 10% 20%,rgba(255,255,255,.06),transparent 60%);border-bottom:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.heroStack{display:flex;flex-direction:column;gap:clamp(var(--s4),4vw,44px);align-items:center;text-align:center}.heroHeader{display:grid;gap:12px;max-width:820px}.heroName{margin:0;font-size:clamp(24px,5vw,80px);line-height:1.02;letter-spacing:.05em}.heroTitle{margin:0;color:#c3cad5;font-size:clamp(13px,1.65vw,34px);font-family:Work Sans,system-ui;letter-spacing:.05rem}.heroSocials{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px;margin-top:6px}.socialPill{display:inline-flex;align-items:center;box-sizing:border-box;gap:8px;height:40px;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);color:(var(--ink));font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s ease,border-color .12s ease;text-decoration:none;white-space:nowrap;line-height:1}.socialPill:hover{transform:translateY(-1px);border-color:var(--accent)}.socialPill :global(svg){width:20px;height:20px;flex:0 0 20px;display:block}.marqueeStack{display:grid;gap:25px;width:100%}.marquee{position:relative;overflow:hidden;border:none;height:calc(var(--logo-h) + 20px);box-sizing:border-box;padding:8px 12px}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2;align-items:center;will-change:transform}.marquee:before{left:0;background:linear-gradient(90deg,#0b0c10,transparent)}.marquee:after{right:0;background:linear-gradient(270deg,#0b0c10,transparent)}.marqueeTrack{display:flex;gap:var(--logo-gap);width:100%;padding:14px}.marqueeLeft{animation:marqueeLeft 48s linear infinite}.marqueeRight{animation:marqueeRight 52s linear infinite}.marqueeImg{width:var(--logo-w);height:var(--logo-h);border-radius:16px;object-fit:contain;object-position:center;border:none;background:none;padding:6px 10px;box-sizing:border-box;filter:saturate(.95) contrast(.98)}@keyframes marqueeLeft{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - (var(--logo-gap) / 2)),0,0)}}@keyframes marqueeRight{0%{transform:translate3d(calc(-50% - (var(--logo-gap) / 2)),0,0)}to{transform:translateZ(0)}}.about{background:linear-gradient(0deg,#0f1219,#0b0c10);border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.aboutGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(var(--s3),5vw,var(--s5))}.aboutTitle{margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.prose{color:#c3cad5;max-width:72ch}.footer{padding-block:var(--s4);border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:#06070b}.footer .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(var(--s3),4vw,var(--s4));display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--muted)}.footerContacts{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:18px;width:100%}.footerLink{display:inline-flex;align-items:center;gap:6px;height:36px;box-sizing:border-box;line-height:1;font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:0 10px;border-radius:999px;transition:color .12s ease,background-color .12s ease;white-space:nowrap}.footerLink:hover{color:var(--ink);background-color:color-mix(in oklab,var(--ink) 8%,transparent)}.footerLink :global(svg){width:20px;height:20px;flex:0 0 20px;display:block}.footerCopyright{font-size:.85rem;color:var(--muted)}@media(max-width:900px){.aboutGrid{grid-template-columns:1fr}.marquee:before,.marquee:after{width:50px}}@media(prefers-reduced-motion:reduce){*{transform:none!important}.marqueeLeft,.marqueeRight{animation:none}}@media(max-width:420px){.brand{letter-spacing:.5px}.navLinks,.navLink{padding:8px 10px}}@media(max-width:720px){.navToggle{display:inline-flex;align-items:center;justify-content:center}.navLinks{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;background:#0b0c10f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px clamp(var(--s3),4vw,var(--s4));gap:6px;opacity:0;pointer-events:none;transform:translateY(-6px);border-bottom:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.navLinksOpen{opacity:1;pointer-events:auto;transform:translateY(0)}.navLink{padding:10px 0;width:100%}.footerLink{height:28px;padding:0 6px;font-size:.7rem;letter-spacing:.02em;gap:4px;text-transform:none}.footerLink :global(svg){width:14px;height:14px;flex:0 0 14px}.heroSocials{flex-direction:row;justify-content:center}.heroSocials .socialPill{display:inline-flex;align-items:center;justify-content:center}.socialPill{height:32px;padding:2px 6px;font-size:.7rem;letter-spacing:.02em;gap:4px;text-transform:none;border:none;background:none}.socialPill :global(svg){width:14px;height:14px;flex:0 0 14px;display:block}}svg.svelte-1n3xayn{stroke:currentColor;fill:currentColor;stroke-width:0;width:100%;height:auto;max-height:100%}.pageTitle{margin:0 0 16px;font-size:clamp(28px,4.8vw,42px);letter-spacing:.3px}.projectsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(var(--s3),3.5vw,var(--s5))}.projectCard{background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease,border-color .12s ease}.projectCard:hover{transform:translateY(-2px);border-color:var(--accent)}.thumbWrap{position:relative;display:block;touch-action:pan-y;-webkit-user-select:none;user-select:none}.projectThumb{width:100%;height:220px;object-fit:contain;background:#0c0e14;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.projectThumb.placeholder{display:grid;place-items:center;color:var(--muted)}.projectLinks{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.projectLink{font-size:.9rem;padding:6px 11px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 70%,transparent);color:var(--accent);text-decoration:none;letter-spacing:.2px}.projectLink:hover{background:color-mix(in oklab,var(--accent) 12%,transparent)}.carouselBtn{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#00000073;color:var(--ink);padding:4px 8px;border-radius:999px;cursor:pointer;font-size:18px;line-height:1}.prevCarouselBtn{left:10px}.nextCarouselBtn{right:10px}.carouselBtn:hover{background:#000000b3}.carouselDots{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:999px;background:#ffffff59}.dotActive{background:var(--accent)}.projectMetadata{padding:clamp(var(--s3),2.8vw,var(--s4));display:grid;gap:6px}.projectTitle{margin:0;font-size:clamp(18px,2.6vw,22px)}.projectDesc{margin:0;color:#c3cad5;line-height:1.5}@media(max-width:960px){.projectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.projectsGrid{grid-template-columns:1fr}.projectThumb{height:200px}}.resumeLayout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(var(--s3),5vw,var(--s5));align-items:flex-start}.resumeHeader{display:grid;gap:10px}.resumeSubtitle{margin:0;color:#c3cad5;max-width:48ch}.resumePreviewCard{background:linear-gradient(180deg,#151822,#0f1118);border-radius:var(--r);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);padding:clamp(var(--s3),3vw,var(--s4));display:grid;gap:10px;padding:clamp(var(--s3),4vw,var(--s5))}.resumeFrame{border-radius:10px;overflow:hidden;background:#0c0e14;border:1px solid color-mix(in oklab,var(--ink) 10%,transparent);aspect-ratio:8.5 / 11}.resumeFrame iframe{width:100%;height:100%;border:0}@media(max-width:900px){.resumeLayout{grid-template-columns:1fr}}.comingSoon.svelte-n8ft8a{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#151822 0,#0b0c10 55%);text-align:left}.comingSoonInner.svelte-n8ft8a{max-width:720px}.comingSoonKicker.svelte-n8ft8a{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;color:var(--muted)}.comingSoonTitle.svelte-n8ft8a{margin-top:6px}.comingSoonSubtitle.svelte-n8ft8a{margin-top:10px;max-width:52ch;color:#c3cad5}@media(max-width:640px){.comingSoon.svelte-n8ft8a{text-align:left}.comingSoonInner.svelte-n8ft8a{padding-inline:0}}.aboutHeroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(var(--s3),4.5vw,var(--s5));align-items:start}.aboutHeroLeft{min-width:0}.aboutHobbiesCard{background:linear-gradient(180deg,#151822,#0e1017);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:var(--r);padding:clamp(var(--s3),3.5vw,var(--s4))}.aboutHobbiesTitle{margin:0 0 12px;font-size:1.05rem;color:var(--ink)}.aboutPhotosHeader{display:grid;gap:4px;margin-bottom:12px}.aboutPhotosTitle{margin:0;font-size:1.2rem;color:var(--ink)}.aboutPhotosSubtitle{margin:0;color:var(--muted);line-height:1.5}.photoRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.photoRailCard{margin:0;border-radius:12px;overflow:hidden;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:#0c0e14;scroll-snap-align:start}.photoImg{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.caption{padding:10px 12px;color:var(--muted);font-size:.92rem}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;color:#c3cad5;background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.prose{margin:14px 0 0;color:var(--muted);font-size:clamp(16px,2.2vw,20px);line-height:1.5}.stack{display:grid;gap:16px}.nowCard{background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:12px;padding:16px}.nowTitle{margin:0 0 10px;font-size:1.05rem;color:var(--ink)}.nowList{margin:0;padding-left:18px;color:#c3cad5}.nowList li{margin:8px 0}.expectLeft{display:grid;gap:16px;align-content:start}.expectStack{display:grid;gap:12px}.expectItem{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.expectIcon{width:44px;height:44px;padding:8px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--ink) 10%,transparent);border:1px solid color-mix(in oklab,var(--ink) 14%,transparent)}.expectIcon :global(svg){width:18px;height:18px;color:#c3cad5}.expectText{min-width:0}.expectLabel{font-weight:700;color:var(--ink);letter-spacing:.01em}.expectSub{margin-top:2px;color:var(--muted);line-height:1.45;font-size:.95rem}@media(max-width:900px){.aboutHeroGrid{grid-template-columns:1fr}.photoRail{grid-auto-columns:minmax(240px,300px)}.expectStack{grid-template-columns:1fr}}@media(max-width:520px){.photoRail{grid-auto-columns:minmax(220px,1fr)}}