html,body,#root{color:#f5f3ff;-webkit-font-smoothing:antialiased;background:#07070f;margin:0;padding:0}html,body{overflow-x:hidden}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}*{box-sizing:border-box}.hero{color:#f5f3ff;perspective:1500px;background:#07070f;width:100vw;height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}@keyframes heroFadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPortraitFadeInUp{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}.hero__nav{z-index:4;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;right:1.5rem}.status-pill{letter-spacing:.02em;color:#d8d4e0;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.05rem;font-size:.85rem;display:inline-flex}.status-dot{background:#2bd57a;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #2bd57a2e}.hero__navlinks{gap:2.25rem;margin:0;padding:0;list-style:none;display:flex}.hero__navlinks a{color:#d8d4e0;letter-spacing:.01em;font-size:.95rem;text-decoration:none;transition:color .2s}.hero__navlinks a:hover{color:#fff}.hero__navlinks sup{color:#ffffff73;margin-left:2px;font-size:.7em}.cta-pill{letter-spacing:.01em;white-space:nowrap;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.9rem;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.cta-pill--primary{color:#07070f;background:#fff;border-color:#fff}.cta-pill--primary:hover{background:#f0eef5;transform:translateY(-1px)}.cta-pill--lg{padding:.85rem 1.5rem;font-size:.95rem}.hero__banner-3d{z-index:1;pointer-events:none;opacity:0;animation:1.8s cubic-bezier(.22,1,.36,1) .3s forwards heroBannerFadeIn;position:absolute;inset:0}.hero__banner-3d canvas{display:block}@keyframes heroBannerFadeIn{0%{opacity:0}to{opacity:1}}.hero__portrait-wrap{z-index:2;pointer-events:none;opacity:0;height:78%;animation:2s cubic-bezier(.22,1,.36,1) 1s forwards heroPortraitFadeInUp;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.hero__portrait-img{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:grayscale()contrast(1.05);width:auto;max-width:60vw;height:100%;display:block}.hero__portrait-img--reveal{filter:none;--mx:-9999px;--my:-9999px;-webkit-mask-image:radial-gradient(circle 150px at var(--mx) var(--my), #000 55%, transparent 100%);-webkit-mask-image:radial-gradient(circle 150px at var(--mx) var(--my), #000 55%, transparent 100%);mask-image:radial-gradient(circle 150px at var(--mx) var(--my), #000 55%, transparent 100%);position:absolute;top:0;left:0}.hero__intro{z-index:3;opacity:0;max-width:26rem;animation:1.5s cubic-bezier(.22,1,.36,1) 1.7s forwards heroFadeInUp;position:absolute;bottom:2rem;left:1.75rem}.hero__intro h2{letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.5rem;font-weight:700}.hero__intro p{color:#f5f3ffa6;margin:0 0 1.1rem;font-size:.92rem;line-height:1.55}.hero__socials{z-index:3;opacity:0;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;animation:1.5s cubic-bezier(.22,1,.36,1) 1.85s forwards heroFadeInUp;display:flex;position:absolute;bottom:2rem;right:1.75rem}.hero__socials a{color:#d8d4e0;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.55rem;min-width:9rem;padding:.55rem 1.05rem;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.hero__socials a:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.social-icon{color:currentColor;flex-shrink:0;width:16px;height:16px}@media (width<=900px){.hero__navlinks{display:none}.hero__intro{max-width:calc(100vw - 3rem)}.hero__socials{display:none}.hero__portrait-wrap{height:80%}.hero__portrait-img{max-width:100vw}}@media (width<=600px){.hero__portrait-wrap{height:78%}.hero__portrait-img{max-width:110vw}.status-pill{gap:.4rem;padding:.35rem .7rem;font-size:.7rem}.status-dot{width:6px;height:6px;box-shadow:0 0 0 3px #2bd57a2e}.cta-pill{gap:.35rem;padding:.4rem .8rem;font-size:.75rem}}.section-nav{z-index:6;pointer-events:auto;gap:2.25rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:1.7rem;left:50%;transform:translate(-50%)}.section-nav a{color:#d8d4e0;letter-spacing:.01em;font-size:.95rem;text-decoration:none;transition:color .2s}.section-nav a:hover,.section-nav a.is-active{color:#fff}.section-nav sup{color:#ffffff73;margin-left:2px;font-size:.7em}@media (width<=600px){.section-nav{display:none}}.work-section{z-index:10;pointer-events:none;color:#f5f3ff;background:#07070f;width:100vw;height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.work-section__canvas{pointer-events:none;z-index:1;inset:0;position:absolute!important}.work-section__nav{opacity:0;z-index:4;pointer-events:auto;gap:2.25rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:1.7rem;left:50%}.work-section__nav a{color:#d8d4e0;letter-spacing:.01em;font-size:.95rem;text-decoration:none;transition:color .2s}.work-section__nav a:hover{color:#fff}.work-section__nav sup{color:#ffffff73;margin-left:2px;font-size:.7em}.work-section__close{z-index:5;color:#f5f3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.work-section__close:hover{background:#f5f3ff1a;border-color:#f5f3ff4d;transform:rotate(90deg)}.work-section__main{z-index:2;flex-direction:column;gap:2.5vh;width:50vw;height:100dvh;padding:4.5vh 4vw 4vh 0;display:flex;position:absolute;top:0;right:0}.work-section__intro{flex-shrink:0}.work-section__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:#f5f3ff80;margin-bottom:.6rem;font-size:.78rem;display:inline-block}.work-section__title{letter-spacing:-.02em;color:#f5f3ff;white-space:nowrap;margin:0 0 .65rem;font-size:clamp(1.85rem,4vw,3rem);font-weight:800;line-height:1}.work-section__copy{color:#f5f3ffa6;max-width:36rem;margin:0;font-size:.95rem;line-height:1.5}.project-card{flex-direction:column;flex:1;gap:1.5rem;min-height:0;display:flex}.project-card__media{background:#f5f3ff05;border:1px solid #f5f3ff14;border-radius:1rem;flex:none;height:38vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.project-card__banner{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s,transform 5s;display:block;position:absolute;inset:0;transform:scale(1.04)}.project-card__banner.is-active{opacity:1;transform:scale(1)}.project-card__dots{z-index:2;gap:.4rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.project-card__dot{cursor:pointer;background:#ffffff59;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:background .2s,transform .2s,width .3s}.project-card__dot.is-active{background:#fff;width:18px}.project-card__body{flex-direction:column;flex:1;min-height:0;display:flex}.project-card__eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#f5f3ff80;margin-bottom:.55rem;font-size:.72rem;display:inline-block}.project-card__title{letter-spacing:-.01em;color:#f5f3ff;margin:0 0 .85rem;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:800}.project-card__copy{color:#f5f3ffb8;margin:0 0 .7rem;font-size:.92rem;line-height:1.55}.project-card__cta{color:#07070f;letter-spacing:.01em;background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding:.78rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.project-card__cta:hover{background:#f0eef5;transform:translateY(-1px)}.project-card{animation:.55s cubic-bezier(.22,1,.36,1) projectFadeIn}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.project-nav{flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.project-nav__indicator{letter-spacing:.18em;color:#f5f3ff73;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.project-nav__btn{color:#f5f3ff;cursor:pointer;background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.05rem;font-family:inherit;font-size:.85rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.project-nav__btn:hover{background:#f5f3ff1a;border-color:#f5f3ff4d;transform:translateY(-1px)}@media (width<=900px){.work-section__main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;width:100vw;height:100dvh;padding:7vh 5vw 4vh;overflow-y:auto}.project-card{flex:none}.project-card__media{flex-shrink:0;height:30vh}.project-card__body{flex:none}.project-nav{margin-top:1.5rem}}.service-section{z-index:11;color:#f5f3ff;pointer-events:none;background:#07070f;width:100vw;height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.service-section__close{z-index:5;color:#f5f3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.service-section__close:hover{background:#f5f3ff1a;border-color:#f5f3ff4d;transform:rotate(90deg)}.service-section__inner{flex-direction:column;gap:3vh;width:100%;height:100%;padding:5vh 5vw 4vh;display:flex;position:relative}.service-section__intro{flex-shrink:0;max-width:38rem}.service-section__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:#f5f3ff80;margin-bottom:.55rem;font-size:.78rem;display:inline-block}.service-section__title{letter-spacing:-.02em;margin:0 0 .55rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1}.service-section__copy{color:#f5f3ffa6;margin:0;font-size:.95rem;line-height:1.55}.service-layout{flex:1;grid-template-columns:1fr 1.3fr 1fr;gap:.85rem;min-height:0;display:grid}.service-column{flex-direction:column;justify-content:center;gap:.85rem;min-height:0;display:flex}.service-column .service-card{aspect-ratio:1;flex:none;align-self:center;width:100%;max-width:24rem;min-height:0}.service-model{min-height:0;position:relative}.service-model>*{width:100%;height:100%}.service-card{background:#f5f3ff08;border:1px solid #f5f3ff14;border-radius:1rem;flex-direction:column;gap:.55rem;padding:1.4rem 1.5rem;transition:border-color .3s,background .3s,transform .3s;display:flex;position:relative;overflow:hidden}.service-card:hover{background:#f5f3ff0f;border-color:#f5f3ff33;transform:translateY(-2px)}.service-card--has-image{gap:0;padding:0}.service-card__image{object-fit:cover;flex-shrink:0;width:100%;height:50%;display:block}.service-card__body{flex-direction:column;flex:1;gap:.45rem;min-height:0;padding:1.1rem 1.4rem 1.25rem;display:flex}.service-card:not(.service-card--has-image) .service-card__body{padding:0}.service-card__num{letter-spacing:.22em;color:#f5f3ff66;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}.service-card__title{letter-spacing:-.01em;color:#f5f3ff;margin:0;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:800;line-height:1.2}.service-card__copy{color:#f5f3ffb3;margin:0;font-size:.82rem;line-height:1.45}@media (width<=1100px){.service-layout{grid-template-columns:1fr;grid-auto-rows:max-content;gap:1rem;padding-right:.25rem;overflow:hidden auto}.service-model{display:none}.service-column{display:contents}.service-card{aspect-ratio:auto;flex:none;place-self:auto center;width:100%;max-width:36rem;height:auto}.service-card__image{aspect-ratio:16/9;height:auto}.service-card__body{flex:none;min-height:0}}@media (width<=600px){.service-card{padding:1.25rem 1.4rem}.service-card__body{padding:1rem 1.25rem 1.1rem}}.experience-section{z-index:12;color:#f5f3ff;pointer-events:none;background:#07070f;width:100vw;height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.experience-section__close{z-index:5;color:#f5f3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.experience-section__close:hover{background:#f5f3ff1a;border-color:#f5f3ff4d;transform:rotate(90deg)}.experience-section__inner{flex-direction:column;gap:3vh;width:100%;height:100%;padding:5vh 5vw 4vh;display:flex;position:relative}.experience-section__intro{flex-shrink:0;max-width:38rem}.experience-section__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:#f5f3ff80;margin-bottom:.55rem;font-size:.78rem;display:inline-block}.experience-section__title{letter-spacing:-.02em;margin:0 0 .55rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1}.experience-section__copy{color:#f5f3ffa6;margin:0;font-size:.95rem;line-height:1.55}.experience-grid{flex:1;grid-template-columns:1fr 1.1fr 1fr;gap:1.5rem;min-height:0;display:grid}.experience-column{flex-direction:column;justify-content:center;gap:3.5rem;min-height:0;display:flex}.experience-portrait{justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.experience-portrait img{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.experience-card{background:0 0;border:none;flex-direction:column;gap:.4rem;min-height:0;padding:0;transition:opacity .2s;display:flex;position:relative}.experience-card__period{letter-spacing:.2em;color:#f5f3ff73;margin-bottom:.15rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;display:inline-block}.experience-card__role{letter-spacing:-.01em;color:#f5f3ff;margin:0;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:800;line-height:1.2}.experience-card__company{color:#f5f3ff8c;margin-bottom:.55rem;font-size:.82rem;display:inline-block}.experience-card__bullets{flex-direction:column;flex:1;gap:.4rem;min-height:0;margin:0;padding:0;list-style:none;display:flex}.experience-card__bullets li{color:#f5f3ffb3;padding-left:.9rem;font-size:.78rem;line-height:1.45;position:relative}.experience-card__bullets li:before{content:"";background:#f5f3ff66;width:.4rem;height:1px;position:absolute;top:.55rem;left:0}@media (width<=1100px){.experience-grid{grid-template-columns:1fr 1fr;gap:1rem}.experience-portrait{display:none}}@media (width<=700px){.experience-section__inner{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;height:100%;padding:7vh 5vw 4vh;overflow-y:auto}.experience-grid{flex:none;grid-template-columns:1fr;gap:2rem;overflow:visible}.experience-column{justify-content:flex-start;gap:2rem}.experience-card,.experience-card__bullets{flex:none}}.contact-section{z-index:13;color:#f5f3ff;pointer-events:none;background:#07070f;width:100vw;height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.contact-section__close{z-index:5;color:#f5f3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:1.5rem;right:1.5rem}.contact-section__close:hover{background:#f5f3ff1a;border-color:#f5f3ff4d;transform:rotate(90deg)}.contact-section__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;height:100%;padding:6vh 5vw;display:flex;position:relative}.contact-section__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:#f5f3ff80;font-size:.78rem}.contact-section__title{letter-spacing:-.03em;margin:0;font-size:clamp(2.75rem,9vw,6.5rem);font-weight:800;line-height:1}.contact-section__copy{color:#f5f3ffa6;max-width:32rem;margin:0;font-size:1rem;line-height:1.55}.contact-section__email{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;display:inline-flex}.contact-section__mailto{color:#07070f;letter-spacing:.01em;background:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:1rem 1.85rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.contact-section__mailto:hover{background:#f0eef5;transform:translateY(-2px)}.contact-section__copy-btn{color:#f5f3ff;cursor:pointer;pointer-events:auto;background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;padding:.85rem 1.25rem;font-family:inherit;font-size:.9rem;transition:background .2s,border-color .2s,color .2s}.contact-section__copy-btn:hover{background:#f5f3ff1a;border-color:#f5f3ff4d}.contact-section__divider{color:#f5f3ff66;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:1rem;width:100%;max-width:28rem;margin-top:1.5rem;font-size:.78rem;display:flex}.contact-section__divider:before,.contact-section__divider:after{content:"";background:#f5f3ff1a;flex:1;height:1px}.contact-section__socials{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.contact-section__socials a{color:#d8d4e0;background:#f5f3ff0a;border:1px solid #f5f3ff29;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1.3rem;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.contact-section__socials a:hover{color:#fff;background:#f5f3ff1a;border-color:#f5f3ff4d;transform:translateY(-1px)}.contact-icon{flex-shrink:0;width:16px;height:16px}.app{background:#07070f;width:100vw;position:relative}.app canvas{display:block}