:root{--bg-primary:#fff;--bg-card:#eeeee9;--bg-placeholder:#fafafa;--bg-placeholder-hover:#ccccc5;--bg-glass:#ffffff8c;--bg-glass-border:#ffffffb3;--bg-lavender:#d4d0f0;--bg-lavender-hover:#c5c0e8;--text-primary:#1a1a1a;--text-secondary:#8a8a85;--text-tertiary:#b0b0a8;--text-on-lavender:#3a3660;--shadow-soft:none;--shadow-card:none;--shadow-elevated:none;--font-primary:"Switzer", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:40px;--space-xl:64px;--space-2xl:100px;--space-3xl:140px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:100px;--radius-circle:50%;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.7s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:auto;padding:74px 4px 32px;display:flex}.hero-content{flex-direction:column;align-items:center;width:100%;max-width:256px;display:flex}.hero-avatar{border-radius:var(--radius-circle);cursor:pointer;width:94px;height:94px;transition:transform var(--duration-fast) var(--ease-out);margin:0 auto 20px;padding:0;overflow:hidden}.hero-avatar:hover{transform:scale(1.02)}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.hero-intro{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-title-wrapper{justify-content:center;align-items:center;margin-bottom:0;display:flex;position:relative}.hero-name{color:#1c1c1c;opacity:.95;letter-spacing:-.01em;transition:opacity .5s var(--ease-out);white-space:nowrap;font-family:Switzer,sans-serif;font-size:18px;font-weight:600}.verified-badge-img{width:16px;height:16px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.hero-role{color:#999;letter-spacing:-.01em;font-family:Switzer,sans-serif;font-size:13px;font-weight:500}.projects{grid-template-columns:1fr;gap:4px;max-width:100%;margin:0 auto;padding:40px 4px 32px;display:grid}@media (min-width:600px){.projects{grid-template-columns:repeat(2,1fr)}}.project-card{cursor:none;position:relative}.project-card:hover .project-image{box-shadow:var(--shadow-elevated)}.project-image{aspect-ratio:1;width:100%;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out);border-radius:0;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-image.tall{height:420px}@media (max-width:768px){.hero{padding:var(--space-2xl) 4px var(--space-xl);min-height:40vh}.hero-avatar{width:104px;height:104px}}#section-playground{color:#1a1a1a;background-color:#fff}.playground-inner{z-index:100;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding:64px 16px;display:flex;position:relative;overflow:hidden}.playground-title{color:#1a1a1a;text-align:center;margin-bottom:0;font-family:Switzer,sans-serif;font-size:18px;font-weight:500}.playground-slider-wrapper{width:100%;transition:transform .4s var(--ease-out);transform-origin:50%;justify-content:center;align-items:center;margin-bottom:0;display:flex;position:relative}.playground-viewport{justify-content:center;align-items:center;width:100vw;height:600px;display:flex;position:relative;overflow:visible}.playground-track{will-change:transform;cursor:grab;align-items:center;gap:4px;display:flex;position:relative;left:0}@media (min-width:1200px){.playground-track{gap:8px}}.playground-track:active{cursor:grabbing}.pg-item{transform-origin:50%;opacity:1;flex:0 0 490px;height:490px;transition:all .8s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1)}.pg-item.active{z-index:10}.pg-image-container{cursor:pointer;background-color:#0000;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.pg-image-container img{object-fit:contain;width:100%;height:100%}.lightbox{z-index:9999;opacity:0;visibility:hidden;transition:all .4s var(--ease-out);justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-overlay{opacity:.2;background-color:#000;position:absolute;inset:0}.lightbox-content{z-index:10000;pointer-events:none;justify-content:center;align-items:center;width:72vw;height:72vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;pointer-events:auto;max-width:100%;max-height:100%;transition:transform .4s var(--ease-out);transform:scale(.95)}.lightbox.active .lightbox-content img{transform:scale(1)}.eyes-cursor{pointer-events:none;z-index:9999;opacity:0;width:32px;height:32px;transition:opacity .3s, transform .3s var(--ease-out);position:fixed;top:-100px;left:-100px;transform:translate(-50%,-50%)scale(.5)}.eyes-cursor.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.eyes-cursor img{object-fit:contain;width:100%;height:100%}@media (max-width:1200px){.pg-item{flex:0 0 420px;height:420px}.playground-viewport{height:500px}}@media (max-width:768px){.pg-item{max-width:432px;max-height:432px;flex:0 0 432px!important;height:432px!important}.playground-viewport{height:500px}.pg-item:not(.active){pointer-events:none;opacity:0!important;visibility:hidden!important}.pg-caption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:300px;margin:0 auto;display:-webkit-box;overflow:hidden}}.playground-controls{text-align:center;z-index:101;flex-direction:column;align-items:center;gap:0;margin-top:0;display:flex}.pg-caption{color:#666;max-width:480px;margin:0;font-family:Switzer,sans-serif;font-size:14px;font-weight:500;line-height:1.5}.playground-footer{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.scroll-label{color:#999;text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-family:Geist Mono,monospace;font-size:13px;font-weight:500}@media (max-width:1200px){.pg-footer-container{width:90%}}@media (max-width:768px){.playground-viewport{width:80vw;height:50vh}.pg-item{flex:0 0 80vw}.playground-track{gap:24px}.playground-slider-wrapper{gap:10px;padding:0 10px}.pg-footer-container{width:100%;padding:0 20px}.slider-arrow{width:32px;height:32px}.pg-caption{padding:0 20px;font-size:14px}}.viewport-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.sections-container{width:300vw;height:100%;transition:transform .8s cubic-bezier(.83,0,.17,1);display:flex}.page-section{background-color:var(--bg-primary);flex:0 0 100vw;width:100vw;height:100vh;padding-bottom:120px;overflow-y:auto}#section-playground{padding-bottom:0;overflow:hidden}.floating-nav{z-index:2000;background-color:#f0f0f0;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:75px;height:43px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.nav-item{cursor:pointer;transition:transform .2s var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-label{color:#666;opacity:0;visibility:hidden;transition:all .2s var(--ease-out);white-space:nowrap;pointer-events:none;text-transform:capitalize;text-align:center;width:120px;margin-bottom:6px;font-family:Switzer,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.nav-item:hover .nav-label{opacity:1;visibility:visible;transform:translate(-50%)translateY(-2px)}.nav-dot{width:10px;height:10px;transition:background-color .2s var(--ease-out);background-color:#e0e0e0;border-radius:50%}.nav-item:hover .nav-dot{background-color:#c2c2c2}.nav-item.active .nav-dot{background-color:#666}.nav-item.active:hover .nav-dot{background-color:#555}.about-container{flex-direction:column;align-items:flex-start;width:90%;max-width:462px;margin:0 auto;padding-top:80px;padding-bottom:160px;display:flex}.about-avatar-wrapper{align-self:center;width:94px;height:94px;margin-bottom:72px}.about-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.about-section{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.about-h2{color:#666;text-transform:lowercase;margin-bottom:18px;font-family:Switzer,sans-serif;font-size:15px;font-weight:500}.about-p-wrapper{flex-direction:column;gap:18px;display:flex}.about-p-wrapper p{color:#999;font-family:Switzer,sans-serif;font-size:15px;font-weight:500;line-height:1.6}.experience-list{flex-direction:column;gap:8px;width:100%;display:flex}.exp-pill{background-color:#fafafa;border-radius:100px;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex}.exp-title,.exp-date{color:#999;font-family:Switzer,sans-serif;font-size:15px;font-weight:500}.side-projects-list{flex-direction:column;gap:18px;width:100%;display:flex}.side-project-item{text-align:left;background-color:#fafafa;border-radius:12px;flex-direction:column;align-items:flex-start;width:100%;padding:18px;display:flex}.side-project-title{color:#999;margin-bottom:4px;font-family:Switzer,sans-serif;font-size:15px;font-weight:500}.side-project-date{color:#999;font-family:Switzer,sans-serif;font-size:14px;font-weight:400}.services-grid,.connect-grid{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}.service-pill,.connect-pill{color:#999;cursor:default;background-color:#fafafa;border-radius:100px;padding:12px 32px;font-family:Switzer,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s}.connect-pill{cursor:pointer}.connect-pill:hover{background-color:#f0f0f0}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#section-about .about-image-wrapper{animation:fade-up .8s var(--ease-out) forwards}#section-about .about-bio-wide{animation:fade-up .8s var(--ease-out) .1s forwards;opacity:0}#section-about .about-col:first-child{animation:fade-up .8s var(--ease-out) .2s forwards;opacity:0}#section-about .about-col:nth-child(2){animation:fade-up .8s var(--ease-out) .3s forwards;opacity:0}#section-about .about-col:nth-child(3){animation:fade-up .8s var(--ease-out) .4s forwards;opacity:0}#section-about .about-col:nth-child(4){animation:fade-up .8s var(--ease-out) .5s forwards;opacity:0}@media (max-width:900px){.about-grid-detailed{grid-template-columns:repeat(2,1fr)}.about-bio-wide p{font-size:24px}}@media (max-width:600px){.about-grid-detailed{grid-template-columns:1fr}}.progressive-blur{pointer-events:none;z-index:90;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:fixed;left:0;right:0;overflow:hidden}main.page-work .progressive-blur{opacity:1}body.info-open .progressive-blur,body.cal-open .progressive-blur{opacity:0}.progressive-blur--bottom{bottom:0;left:0;right:0}.progressive-blur--top{top:0;left:0;right:0}.progressive-blur--both{inset:0}.progressive-blur-layer{-webkit-backdrop-filter:blur(var(--blur));-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-image:var(--mask);position:absolute;inset:0}.scroll-to-top{color:#666;cursor:pointer;z-index:3000;opacity:0;visibility:hidden;width:44px;height:44px;transition:all .4s var(--ease-out);background-color:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(10px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}main:not(.page-work) .scroll-to-top{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.scroll-to-top:hover{background-color:#e5e5e5;transform:translateY(-2px)}.work-footer{flex-direction:column;align-items:center;gap:32px;width:320px;margin:0 auto;padding:27px 0 48px;display:flex}.footer-scroll-top{color:#999;cursor:pointer;width:44px;height:44px;transition:all .2s var(--ease-out);background-color:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-scroll-top:hover{color:#333;background-color:#efefef;transform:scale(1.05)}.footer-links-group{flex-direction:column;align-items:center;gap:12px;display:flex}.footer-nav-link{color:#999;cursor:pointer;text-transform:lowercase;transition:all .2s var(--ease-out);background:0 0;border:none;padding:0;font-family:Switzer,sans-serif;font-size:15px;font-weight:500;text-decoration:none}.footer-nav-link:hover{color:#000;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.scroll-to-top svg{width:18px;height:18px}@media (max-width:600px){.playground-title{margin-bottom:34px!important}.playground-slider-wrapper{margin-bottom:32px!important}.pg-item{aspect-ratio:1;flex:0 0 100%!important;height:auto!important}.playground-viewport{height:350px!important}}