html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;background:#0a0a0f;width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{-webkit-font-smoothing:antialiased;background:#05060c;width:100%;margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);background:#05060cbf;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:56px;padding:0 5vw;display:flex;position:fixed;top:0;left:0;right:0}.site-header-logo{letter-spacing:.06em;color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:400;text-decoration:none;transition:opacity .2s}.site-header-logo:hover{opacity:.6}.site-header-nav{align-items:center;gap:2.5rem;display:flex}.site-header-link{letter-spacing:.22em;text-transform:uppercase;color:#fff6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.65rem;text-decoration:none;transition:color .2s}.site-header-link:hover{color:#fff}@media (width<=520px){.site-header{padding:0 3vw}.site-header-nav{gap:1rem}.site-header-link{letter-spacing:.1em}}.hero{z-index:0;width:100%;height:100vh;transition:opacity 50ms linear;position:sticky;top:0;overflow:hidden}.hero canvas{display:block;width:100%!important;height:100%!important}.scroll-hint{color:#ffffff4d;letter-spacing:.25em;text-transform:uppercase;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;animation:2.4s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint svg{width:16px;height:16px}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.about,.works,.contact{scroll-margin-top:56px}.about{z-index:1;color:#fff;background:#05060c;border-top:1px solid #ffffff0f;padding:5rem 5vw 6rem;position:relative}.about-header{margin-bottom:4rem}.about-label{letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;margin:0 0 .5rem;font-size:.65rem}.about-title{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1}.about-body{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=860px){.about-body{grid-template-columns:1fr 1.6fr;align-items:start;gap:4rem}}.about-left,.about-right{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(24px)}.about--visible .about-left{opacity:1;transition-delay:.1s;transform:none}.about--visible .about-right{opacity:1;transition-delay:.25s;transform:none}.about-left{flex-direction:column;gap:1.75rem;display:flex}.about-photo{aspect-ratio:4/5;background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.about-photo-placeholder{letter-spacing:.2em;text-transform:uppercase;color:#ffffff26;font-size:.65rem}.about-identity{flex-direction:column;gap:.4rem;display:flex}.about-name{letter-spacing:.01em;margin:0;font-size:1.4rem;font-weight:400}.about-role{letter-spacing:.2em;text-transform:uppercase;color:#ff7a2acc;margin:0;font-size:.7rem}.about-comment{color:#ffffff73;margin:.6rem 0 0;font-size:.85rem;font-style:italic;line-height:1.65}.about-right{flex-direction:column;gap:3rem;display:flex}.about-block{flex-direction:column;gap:1.25rem;display:flex}.about-block-label{letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:.75rem;font-size:.65rem}.about-block-label--white{color:#fff;letter-spacing:.01em;text-transform:none;border-bottom:none;padding-bottom:0;font-size:1.4rem;font-weight:400}.about-career{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.about-career-item{border-bottom:1px solid #ffffff0d;grid-template-rows:auto auto;grid-template-columns:9rem 1fr;column-gap:1rem;padding:.85rem 0;display:grid}.about-career-period{letter-spacing:.05em;color:#ffffff40;font-variant-numeric:tabular-nums;white-space:nowrap;grid-row:1/3;align-self:center;font-size:.65rem}.about-career-role{color:#fff;font-size:.875rem;font-weight:400}.about-career-place{color:#ffffff59;letter-spacing:.05em;font-size:.7rem}.about-profile{color:#ffffff80;margin:0;font-size:.875rem;line-height:1.85}.about-profile+.about-profile{margin-top:1rem}.about-skills{opacity:0;border-top:1px solid #ffffff0f;margin-top:4rem;padding-top:3rem;transition:opacity .65s .4s,transform .65s .4s;transform:translateY(20px)}.about--visible .about-skills{opacity:1;transform:none}.about-skill-wrap{border:1px solid #ffffff0f;grid-template-columns:1fr 360px;gap:0;margin-top:1.5rem;display:grid}@media (width<=800px){.about-skill-wrap{grid-template-columns:1fr}}.about-skill-canvas{width:100%;display:block;height:540px!important}@media (width<=800px){.about-skill-canvas{height:420px!important}}.skill-panel{border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;gap:2rem;min-height:0;padding:2.5rem 2.25rem;display:flex;overflow-y:auto}@media (width<=800px){.skill-panel{border-top:1px solid #ffffff0f;border-left:none;padding:2rem 1.75rem}}.skill-group{flex-direction:column;gap:.75rem;transition:opacity .25s;display:flex}.skill-group--dimmed{opacity:.2}.skill-group--active .skill-group-category{letter-spacing:.28em}.skill-group-category{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.7rem;transition:letter-spacing .25s}.skill-group-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.skill-group-tag{color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:2px;padding:.45rem 1rem;font-size:.875rem;transition:color .25s,background .25s,border-color .25s}.skill-group--active .skill-group-tag{color:#ffffffe6;background:#ffffff0f}.works{z-index:1;color:#fff;background:#05060c;border-top:1px solid #ffffff0f;min-height:100vh;padding:5rem 5vw 8rem;position:relative}.works-header{margin-bottom:4rem}.works-label{letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;margin:0 0 .5rem;font-size:.65rem}.works-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1}.works-subtitle{letter-spacing:.3em;text-transform:uppercase;color:#ffffffbf;margin:0 0 1.25rem;font-size:.65rem}.works-subtitle--more{color:#ffffffbf;margin:0}.works-other-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:4rem;margin-bottom:1.5rem;display:flex}.works-filters{gap:.4rem;display:flex}.works-filter{appearance:none;color:#ffffff8c;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff1f;padding:.4rem .85rem;font-family:inherit;font-size:.65rem;transition:color .2s,border-color .2s,background .2s}.works-filter:hover{color:#fff;border-color:#ffffff4d}.works-filter--active{color:#fff;background:#ff7a2a14;border-color:#ff7a2ab3}.works-group{margin-top:2.5rem}.works-group:first-of-type{margin-top:0}.works-group-title{letter-spacing:.25em;text-transform:uppercase;color:#ffffff80;border-left:2px solid #ff7a2a99;margin:0 0 1rem;padding:.2rem 0 .2rem .75rem;font-size:.7rem}.works-card-image{position:relative}.works-card-tags{z-index:2;pointer-events:none;gap:.35rem;display:flex;position:absolute;top:.6rem;right:.6rem}.works-card-tag{letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);color:#ffffffd9;background:#05060cb3;border:1px solid #ffffff26;padding:.22rem .5rem;font-size:.55rem}.works-card-tag--exhibited{color:#ffb482f2;border-color:#ff7a2a8c}.works-grid{background:#05060c;border:1px solid #ffffff0f;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.works-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.works-grid--compact .works-card-footer{padding:.9rem 1.1rem}.works-grid--compact .works-card-title{font-size:.875rem}.works-grid--compact .works-card-meta{font-size:.62rem}.works-card{cursor:pointer;opacity:0;background:#05060c;flex-direction:column;transition:opacity .55s,transform .55s,background .2s;display:flex;transform:translateY(20px)}.works-card:hover{background:#ffffff0a}.works-card-image{aspect-ratio:16/9;background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.works-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.works-card:hover .works-card-image img{transform:scale(1.04)}.works-card-image-placeholder{color:#ff7a2a40;letter-spacing:.1em;font-size:1.5rem;font-weight:300}.works-card-footer{align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.works-card-body{flex:1;min-width:0}.works-card-title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:1rem;font-weight:400;overflow:hidden}.works-card-meta{letter-spacing:.1em;gap:.75rem;margin:0;font-size:.7rem;display:flex}.works-card-category{color:#ffffff59}.works-card-year{color:#fff3;font-variant-numeric:tabular-nums}.works-card-arrow{color:#ffffff26;flex-shrink:0;font-size:1rem;transition:color .2s,transform .2s}.works-card:hover .works-card-arrow{color:#ff7a2acc;transform:translate(2px,-2px)}@media (width<=768px){.works-card-arrow{display:none}}.works-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);background:#05060cd9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.works-modal{background:#0d0e18;border:1px solid #ffffff1a;width:100%;max-width:680px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.works-modal-close{z-index:10;color:#ffffff8c;cursor:pointer;background:#05060cb3;border:1px solid #ffffff26;border-radius:2px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:1rem;right:1rem}.works-modal-close svg{width:12px;height:12px}.works-modal-close:hover{color:#fff;background:#05060cf2}.works-modal-scroll{max-height:85vh;overflow-y:auto}.works-modal-image{aspect-ratio:16/9;background:#ffffff08;border-bottom:1px solid #ffffff0f;width:100%;overflow:hidden}.works-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.works-modal-body{padding:1.75rem 2rem 2.5rem}.works-modal-meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.works-modal-id{letter-spacing:.2em;color:#ff7a2a99;font-variant-numeric:tabular-nums;font-size:.65rem}.works-modal-year{letter-spacing:.1em;color:#fff3;font-variant-numeric:tabular-nums;font-size:.65rem}.works-modal-title{letter-spacing:-.01em;color:#fff;margin:0 0 .5rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:300}.works-modal-category{letter-spacing:.12em;color:#ffffff4d;margin:0 0 1.5rem;font-size:.7rem}.works-modal-desc{color:#ffffff80;margin:0 0 2rem;font-size:.9rem;line-height:1.85}.works-modal-links{flex-wrap:wrap;gap:.75rem;display:flex}.works-modal-link{letter-spacing:.12em;text-transform:uppercase;color:#ff7a2acc;border:1px solid #ff7a2a40;padding:.55rem 1.25rem;font-size:.7rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.works-modal-link:hover{color:#ff7a2a;background:#ff7a2a0d;border-color:#ff7a2a8c}.works-modal-link--primary{color:#ff7a2af2;background:#ff7a2a1a;border-color:#ff7a2a66}.works-modal-link--primary:hover{color:#ff7a2a;background:#ff7a2a2e;border-color:#ff7a2ab3}.contact{z-index:1;color:#fff;background:#05060c;border-top:1px solid #ffffff0f;padding:5rem 5vw 8rem;position:relative}.contact-header{opacity:0;margin-bottom:4rem;transition:opacity .6s,transform .6s;transform:translateY(20px)}.contact--visible .contact-header{opacity:1;transform:none}.contact-label{letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;margin:0 0 .5rem;font-size:.65rem}.contact-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1}.contact-body{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=860px){.contact-body{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}.contact-left{opacity:0;flex-direction:column;gap:1.5rem;transition:opacity .6s .15s,transform .6s .15s;display:flex;transform:translateY(20px)}.contact--visible .contact-left{opacity:1;transform:none}.contact-desc{color:#ffffff73;margin:0;font-size:.875rem;line-height:1.85}.contact-email{color:#ff7a2ad9;border-bottom:1px solid #ff7a2a40;padding-bottom:.15rem;font-size:1rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.contact-email:hover{color:#ff7a2a;border-color:#ff7a2a99}.contact-links{opacity:0;border:1px solid #ffffff0f;margin:0;padding:0;list-style:none;transition:opacity .6s .25s,transform .6s .25s;transform:translateY(20px)}.contact--visible .contact-links{opacity:1;transform:none}.contact-link-item+.contact-link-item{border-top:1px solid #ffffff0f}.contact-link{color:#fff9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.contact-link:hover{color:#fff;background:#ffffff0a}.contact-link-label{letter-spacing:.04em;font-size:.875rem}.contact-link-icon{color:#ffffff26;font-size:1rem;transition:color .2s,transform .2s}.contact-link:hover .contact-link-icon{color:#ff7a2acc;transform:translate(2px,-2px)}@media (width<=768px){.contact-link-icon,.works-modal-link-arrow{display:none}}