@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-condensed-vietnamese-300-normal-xnqTSUBZ.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-300-normal-Bu3vnVSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-condensed-latin-ext-300-normal-CvbRRNuI.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-300-normal-CkEF04xU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-condensed-latin-300-normal-Cnd1AN-G.woff2) format("woff2"),url(/assets/barlow-condensed-latin-300-normal-C2BQdy7F.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-vietnamese-400-normal-Dq9fsqrz.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-400-normal-BHpO_q_4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-ext-400-normal-DPMBkgfB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-400-normal-DN7qpd_C.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-400-normal-Dc2u_eUW.woff2) format("woff2"),url(/assets/barlow-condensed-latin-400-normal-BXL2z6Kg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dock-outer{position:relative;display:flex;width:270px;max-width:100%;align-items:flex-start;justify-content:flex-end}.dock-panel{position:absolute;top:0;right:0;display:flex;align-items:center;width:fit-content;gap:clamp(24px,2.4vw,38px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-primary);cursor:pointer;white-space:nowrap}.dock-item:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.dock-item.is-current{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.dock-icon{display:inline-block;color:inherit;font-size:.94rem;font-weight:400;line-height:1;letter-spacing:.2em;text-transform:uppercase;transform-origin:center}@media(prefers-reduced-motion:reduce){.dock-icon{transform:none!important}}:root{--page-background: #faf8f6;--surface-background: #f1eeea;--text-primary: #292622;--text-secondary: #68615a;--line-color: rgb(41 38 34 / 32%);--focus-color: #292622;--floating-control-background: rgb(250 248 246 / 94%);--viewer-background: rgb(12 12 11 / 96%);--viewer-text: #f0efeb;--page-content-top: clamp(104px, 9.4vw, 136px);--page-content-top-mobile: 144px;font-family:Barlow Condensed,Arial Narrow,sans-serif;color:var(--text-primary);background:var(--page-background);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;background:var(--page-background)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--page-background)}#root{min-height:100dvh;background:var(--page-background)}body,a{color:var(--text-primary)}a{text-decoration:none}a:focus-visible{outline:2px solid var(--focus-color);outline-offset:7px}img{display:block;max-width:100%}.hero{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:var(--page-background)}.route-page{position:relative;min-height:100dvh;background:var(--page-background)}.site-header{position:absolute;inset:42px 48px auto;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.site-nav a,.portfolio-section h1,.portfolio-section h2,.sketches-section h2,.contact-section h2{text-transform:uppercase;white-space:nowrap}.site-logo-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:clamp(14px,1.4vw,20px)}.site-logo{display:block;width:clamp(44.8px,3.84vw,57.6px);height:auto;flex:0 0 auto}.site-logo-text{font-size:clamp(1.45rem,2.1vw,2rem);font-weight:300;line-height:1;letter-spacing:.27em;text-transform:uppercase;white-space:nowrap}.site-nav{display:flex;gap:clamp(20px,2.6vw,42px);align-items:center}.dock-navigation{position:relative;width:270px;height:32px;flex:0 0 270px}.mobile-site-nav{display:none}.site-nav a{position:relative;padding-block:4px;font-size:.94rem;font-weight:400;line-height:1;letter-spacing:.2em}.site-nav a:after{content:"";position:absolute;right:.2em;bottom:-4px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .24s cubic-bezier(.16,1,.3,1)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.site-nav a.is-current:after{transform:scaleX(1)}.opening-artwork{position:absolute;top:51%;left:57%;z-index:2;width:min(38vw,560px);height:min(67dvh,720px);margin:0;transform:translate(-50%,-50%);pointer-events:none}.opening-artwork>img,.mobile-crossfade img{width:100%;height:100%;object-fit:contain}.introduction{position:absolute;bottom:42px;left:48px;z-index:4;width:min(430px,38vw);margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);font-weight:300;line-height:1.35;letter-spacing:.025em}.portfolio-section,.contact-section{padding:var(--page-content-top) 48px clamp(90px,12vw,180px);background:var(--page-background)}.portfolio-section h1,.portfolio-section h2,.sketches-section h2,.contact-section h2{margin:0 0 clamp(54px,8vw,110px);font-size:1rem;font-weight:400;letter-spacing:.2em}.works-overview{min-height:100dvh;padding:var(--page-content-top) 48px clamp(40px,6dvh,72px);background:var(--page-background)}.works-overview h1{margin:0 0 clamp(36px,5dvh,52px);font-size:1rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase}.category-grid{--category-cover-size: clamp( 220px, min(33.5vw, calc(100dvh - var(--page-content-top) - 156px)), 520px );display:grid;grid-template-columns:repeat(2,var(--category-cover-size));justify-content:center;gap:clamp(48px,6vw,96px)}.category-card{display:block;width:100%;min-width:0;color:var(--text-primary)}.category-image-frame{display:block;width:100%;aspect-ratio:1;overflow:hidden}.category-card-image{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transform:scale(1);transform-origin:center;transition:filter .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);will-change:transform}.category-title{display:block;width:100%;margin-top:28px;font-size:clamp(1.2rem,1.6vw,1.55rem);font-weight:300;line-height:1.15;letter-spacing:.08em;text-align:center;text-transform:uppercase}.category-card:focus-visible{outline:none}.category-card:focus-visible .category-card-image{filter:grayscale(0%);transform:scale(1.05)}.category-card:focus-visible .category-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.category-card:active .category-card-image{filter:grayscale(0%);transform:scale(.985);transition-duration:.12s}@media(hover:hover)and (pointer:fine){.category-card:hover .category-card-image{filter:grayscale(0%);transform:scale(1.05)}}@media(hover:none),(pointer:coarse){.category-card-image{filter:grayscale(0%)}}.works-painting-grid{display:grid;width:min(100%,1120px);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1px;column-gap:clamp(28px,3vw,56px);align-items:start}.works-painting-card{width:100%;margin:0 0 clamp(44px,5vw,80px);overflow:hidden;border-radius:3px;background:var(--surface-background);box-shadow:0 2px 12px #5f53481a,0 22px 58px #53483f29;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1)}.works-painting-card img{width:100%;height:auto;object-fit:contain}.works-painting-card-button{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;text-align:inherit;cursor:pointer}.works-painting-card-button:focus-visible{outline:1px solid var(--focus-color);outline-offset:-4px}.works-painting-card:hover,.works-painting-card:focus-within{transform:translateY(-2px);box-shadow:0 4px 16px #5f534821,0 28px 68px #53483f33}.works-painting-information{display:grid;gap:16px;padding-block:clamp(36px,4vw,52px);padding-inline:clamp(18px,2vw,26px);background:var(--surface-background)}.works-painting-title{margin:0;font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:300;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.works-painting-facts{display:grid;gap:9px;margin:0}.works-painting-facts>div{display:grid;grid-template-columns:minmax(74px,.22fr) 1fr;gap:18px}.works-painting-facts dt,.works-painting-facts dd{margin:0;font-size:.86rem;font-weight:300;line-height:1.35;letter-spacing:.08em}.works-painting-facts dt{color:var(--text-secondary);text-transform:uppercase}.works-painting-description{max-width:52ch;margin:0;color:var(--text-secondary);font-size:clamp(.95rem,1.1vw,1.08rem);font-weight:300;line-height:1.45;letter-spacing:.025em}.artwork-viewer{position:fixed;inset:0;z-index:100;display:grid;min-height:100dvh;place-items:center;padding:clamp(28px,4vw,64px);color:var(--viewer-text);background:var(--viewer-background)}.viewer-artwork{position:absolute;inset:clamp(28px,4vw,64px);display:flex;align-items:center;justify-content:center;pointer-events:none}.viewer-image{display:block;width:auto;height:auto;max-width:calc(100vw - 160px);max-height:calc(100dvh - 96px);object-fit:contain;pointer-events:auto}.viewer-close,.viewer-navigation{position:absolute;z-index:1;min-height:44px;padding:8px;border:0;background:none;color:var(--viewer-text);font:inherit;font-size:.95rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.viewer-close{top:20px;right:24px}.viewer-navigation{top:50%;transform:translateY(-50%)}.viewer-previous{left:20px}.viewer-next{right:20px}.viewer-close:focus-visible,.viewer-navigation:focus-visible{outline:1px solid var(--viewer-text);outline-offset:3px}.viewer-navigation:disabled{opacity:.25;cursor:default}.sketches-section{min-height:100dvh;padding:var(--page-content-top) 0 54px;overflow:hidden;background:var(--page-background)}.sketches-section h2{margin:0 48px clamp(48px,6vh,72px);font-size:1rem;font-weight:400;letter-spacing:.2em}.sketch-gallery-shell{position:relative}.sketch-gallery{width:100%;overflow-x:auto;overflow-y:hidden;margin-block:-32px -58px;padding:32px 48px 80px;overscroll-behavior-x:contain;cursor:grab;scrollbar-width:none;touch-action:pan-x pan-y}.sketch-gallery::-webkit-scrollbar{display:none}.sketch-gallery.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.sketch-gallery:focus-visible{outline:1px solid var(--focus-color);outline-offset:-1px}.sketch-gallery-row{display:flex;width:max-content;flex-wrap:nowrap;align-items:flex-start;gap:clamp(22px,2vw,34px)}.sketch-gallery-item{flex:0 0 auto;margin:0}.sketch-gallery-item-button{display:block;width:max-content;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.sketch-gallery-item-button:focus-visible{outline:1px solid var(--focus-color);outline-offset:7px}.sketch-gallery-item img{width:auto;max-width:none;height:clamp(420px,62vh,740px);object-fit:contain;box-shadow:0 2px 12px #5f53481a,0 22px 58px #53483f29;pointer-events:none;-webkit-user-select:none;user-select:none}.sketch-viewer{touch-action:pan-y}.sketch-viewer .viewer-artwork{pointer-events:auto}.sketch-information{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:16px;font-weight:300;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.sketch-title{font-size:1rem}.sketch-year{font-size:.88rem;color:var(--text-secondary)}.sketch-gallery-control{position:absolute;z-index:2;top:calc(clamp(420px,62vh,740px)/2);min-height:44px;padding:8px;border:0;background:var(--floating-control-background);color:var(--text-primary);font:inherit;font-size:.82rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;transform:translateY(-50%);cursor:pointer}.sketch-gallery-previous{left:10px}.sketch-gallery-next{right:10px}.sketch-gallery-control:focus-visible{outline:1px solid var(--focus-color);outline-offset:3px}.sketch-gallery-control:disabled{visibility:hidden;pointer-events:none}.contact-section{min-height:100dvh}.contact-section h2{margin-bottom:clamp(70px,7vw,110px)}.contact-layout{display:grid;grid-template-columns:minmax(0,min(47vw,880px)) minmax(280px,1fr);gap:clamp(64px,7vw,140px);align-items:start}.contact-image-frame{width:100%;margin:0;aspect-ratio:1;overflow:hidden}.contact-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:clamp(1.35rem,2.6vw,2.6rem);font-weight:300;letter-spacing:.04em}.contact-links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.contact-links p{margin:20px 0 0;color:var(--text-secondary);font-size:1.05rem;letter-spacing:.08em}.mobile-crossfade{position:relative;width:100%;height:100%}.mobile-crossfade img{position:absolute;inset:0;opacity:0;animation:artwork-crossfade 20s ease-in-out infinite;animation-delay:calc(var(--crossfade-index) * 5s)}@keyframes artwork-crossfade{0%,20%{opacity:1}25%,95%{opacity:0}to{opacity:1}}@media(max-width:767px){.hero{min-height:100dvh;overflow:hidden}.site-header{inset:24px 20px auto;display:grid;gap:22px}.dock-navigation{display:none}.mobile-site-nav{display:flex}.site-logo{width:44.8px}.site-logo-text{font-size:1.4rem}.site-nav{gap:clamp(16px,5vw,26px)}.site-nav a{font-size:.82rem;letter-spacing:.15em}.opening-artwork{top:49%;left:50%;width:calc(100vw - 40px);height:min(58dvh,570px)}.introduction{right:20px;bottom:24px;left:20px;width:auto;max-width:420px;font-size:1rem}.portfolio-section,.contact-section{padding:88px 20px}.route-page .portfolio-section,.route-page .contact-section{padding-top:var(--page-content-top-mobile)}.sketches-section{padding-top:var(--page-content-top-mobile);padding-bottom:38px}.sketches-section h2{margin:0 20px 48px}.sketch-gallery{padding-inline:20px}.sketch-gallery-item img{height:clamp(240px,min(48vh,72vw),440px)}.sketch-gallery-control{top:calc(clamp(240px,min(48vh,72vw),440px)/2);font-size:.75rem}.sketch-gallery-previous{left:2px}.sketch-gallery-next{right:2px}.works-overview{padding:var(--page-content-top-mobile) 20px 112px}.works-overview h1{margin-bottom:64px}.category-grid{grid-template-columns:1fr;gap:112px}.category-card-image{filter:grayscale(0%)}.works-painting-grid{grid-template-columns:1fr}.works-painting-card{margin-bottom:clamp(38px,12vw,56px)}.works-painting-information{padding:36px 18px}.artwork-viewer{padding:72px 20px 76px}.viewer-image{max-width:calc(100vw - 40px);max-height:calc(100dvh - 148px)}.viewer-artwork{inset:72px 20px 76px}.viewer-close{top:12px;right:12px}.viewer-navigation{top:auto;bottom:12px;transform:none}.viewer-previous{left:12px}.viewer-next{right:12px}.contact-section{min-height:60dvh}.contact-section h2{margin-bottom:64px}.contact-layout{grid-template-columns:1fr;gap:48px}.contact-links{font-size:clamp(1.35rem,7vw,2rem)}}@media(min-width:768px)and (max-width:1100px){.site-header{inset:34px 32px auto}.opening-artwork{left:58%;width:43vw}.introduction{bottom:34px;left:32px;width:36vw}.portfolio-section,.contact-section{padding-inline:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.category-card-image,.category-card:hover .category-card-image,.category-card:focus-visible .category-card-image,.category-card:active .category-card-image{transform:none;will-change:auto}}