@font-face{font-family:Geo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geo-latin-400-normal-BU9eHXgU.woff2) format("woff2"),url(/assets/geo-latin-400-normal-BtnXcsGN.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}:root{--paper: #eeeee2;--paper-soft: #eeeee2;--paper-rgb: 238, 238, 226;--grain-wash: rgba(242, 242, 229, .9);--paper-texture: url(/assets/plaster-texture-ddddd4-v1.webp);--paper-surface: linear-gradient(var(--grain-wash), var(--grain-wash)), var(--paper-texture);--blue: #111fa1;--blue-soft: rgba(17, 31, 161, .74);--email-blue: #479cc0;--social-green: #52c392;--site-cursor: url(/assets/cursor-arrow-green-32.png) 2 2;color:var(--blue);background:var(--paper);font-family:Geo,Arial Narrow,Avenir Next Condensed,sans-serif;font-style:normal;font-weight:400;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}html{background:var(--paper)}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;isolation:isolate;background:transparent;color:var(--blue);font-size:1rem;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:var(--site-cursor),default}#root{min-height:100vh}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--paper);background-image:var(--paper-surface);background-position:center;background-repeat:no-repeat;background-size:auto,cover;content:"";pointer-events:none}button,a{color:inherit}a[href],button:not(:disabled),summary,select:not(:disabled),label[for],input[type=button]:not(:disabled),input[type=submit]:not(:disabled),input[type=reset]:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),[role=button]:not([aria-disabled=true]),[role=link]:not([aria-disabled=true]),video[controls]{cursor:pointer}button:disabled,select:disabled,input:disabled,[role=button][aria-disabled=true],[role=link][aria-disabled=true]{cursor:default}button{font:inherit}a{text-decoration:none}i,em,cite{font-style:normal}img,video{display:block;max-width:100%}main:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{color:var(--paper-soft);background:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:500;padding:9px 12px;background:var(--blue);color:var(--paper-soft);font-size:.875rem;transform:translateY(-170%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;inset:0 0 auto;z-index:150;display:flex;min-height:62px;padding:20px clamp(16px,3vw,46px);align-items:flex-start;justify-content:space-between;gap:24px;background:rgba(var(--paper-rgb),.82);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.site-name,.primary-nav a,.filters button,.email-link,.social-links a,footer a,.lightbox-actions button{display:inline-block;transition:transform .17s ease,opacity .12s ease}.site-name{display:inline-flex;width:clamp(104px,9vw,132px);aspect-ratio:1827 / 292;flex:0 0 auto;align-items:center;white-space:nowrap}.site-signature{display:block;width:100%;height:100%;background:var(--blue);-webkit-mask:url(/assets/juyeon-kim-signature-tight.png) center / contain no-repeat;mask:url(/assets/juyeon-kim-signature-tight.png) center / contain no-repeat}.primary-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px);font-size:.95rem;line-height:1.15;letter-spacing:.015em}.primary-nav a,.filters button{white-space:nowrap}.primary-nav a[aria-current=page]{opacity:.52}.site-name:active,.primary-nav a:active,.filters button:active,.email-link:active,.social-links a:active,footer a:active,.lightbox-actions button:active,.work-open:active{opacity:.64}.bud-banner{display:flex;width:100%;min-height:clamp(220px,33.27vw,659px);align-items:center;justify-content:center}.bud-banner img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1981 / 659;object-fit:contain}.work-section{padding:clamp(44px,5vw,80px) clamp(16px,4vw,68px) clamp(100px,11vw,170px)}.work-tools{display:flex;align-items:center;justify-content:flex-end}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-heading h1{margin:0;font-size:1.5rem;font-weight:400;line-height:1.1;letter-spacing:0}.filters{display:flex;align-items:center;gap:clamp(8px,1.8vw,24px)}.filters button{min-height:34px;padding:5px 0;border:0;background:transparent;font-size:.9rem;font-weight:400}.filters button[aria-pressed=true]{opacity:.48;transform:translateY(3px)}.work-layout{display:flex;padding-top:clamp(48px,7vw,112px);flex-direction:column;gap:clamp(86px,12vw,190px)}.work-pair-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,2.2vw,36px)}.work-pair-row.work-pair-row--painting{grid-template-columns:minmax(0,1.2766fr) minmax(0,1.495fr)}.work-pair-row.work-pair-row--final{grid-template-columns:minmax(0,1.52224fr) minmax(0,.64304fr)}.ink-work-row{min-width:0}.work-row-label{margin:0 0 16px;font-size:1rem;font-weight:400;line-height:1.3}.ink-work-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(10px,1.6vw,26px)}.work-feature-row{width:100%}.work-feature-row--portrait .work-tile{width:min(52vw,700px);margin:0 auto}.work-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;transition:opacity .12s ease}.work-image{position:relative;display:block;width:100%}.work-image img,.work-image video{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.work-feature-row--animation,.work-feature-row--animation .work-tile,.work-feature-row--animation .work-open,.work-feature-row--animation .work-image{width:100%}.work-feature-row--animation .work-image img,.work-feature-row--animation .work-image video{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.work-caption{display:block;padding-top:10px;font-size:.95rem;font-weight:400;line-height:1.4;transition:transform .17s ease,opacity .12s ease}.sketch-page{min-height:100svh;padding-top:96px}.contact-page{min-height:100svh;padding-top:62px}.sketch-section{padding:30px clamp(16px,4vw,68px) clamp(90px,10vw,150px)}.sketch-gallery{width:100%;max-width:1480px;margin:46px auto 0;column-count:4;column-fill:balance;column-gap:0}.sketch-photo{display:block;width:100%;height:auto;margin:0;-webkit-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;border:0;object-fit:contain;vertical-align:top}.contact-section{padding-bottom:clamp(96px,10vw,150px)}.contact-signature-hero{display:flex;width:100%;padding:1cm clamp(16px,3vw,46px);align-items:center;justify-content:center}.contact-signature{display:block;width:100%;max-width:none;aspect-ratio:1827 / 292;margin:0 auto;background:var(--blue);-webkit-mask:url(/assets/juyeon-kim-signature-tight.png) center / contain no-repeat;mask:url(/assets/juyeon-kim-signature-tight.png) center / contain no-repeat}.contact-grid{display:grid;padding:0 clamp(16px,4vw,68px);grid-template-columns:minmax(0,5fr) minmax(260px,5fr);align-items:start;gap:clamp(36px,7vw,110px)}.contact-portrait{margin:0}.contact-portrait img{width:100%;height:auto;object-fit:contain;object-position:left top}.contact-copy{max-width:500px}.about-bio,.contact-block{max-width:42ch;font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:400;line-height:1.58}.about-bio p{margin:0 0 1em}.contact-block{margin-top:48px}.contact-block>p{margin:0}.email-link{margin:15px 0 18px;color:var(--email-blue);font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:400;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}.social-links{display:flex;gap:18px}.social-links a{min-height:34px;color:var(--social-green);font-size:.875rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}footer{display:flex;padding:24px clamp(16px,4vw,68px) 32px;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--blue-soft);font-size:.8rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.footer-email{color:var(--email-blue)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;padding:14px;align-items:center;justify-content:center;background:#111fa1e6}.lightbox-panel{display:flex;width:min(96vw,1480px);min-width:0;max-width:100%;height:min(95svh,1000px);padding:12px;flex-direction:column;overflow:hidden;background-color:var(--paper);background-image:var(--paper-surface);background-position:center;background-repeat:no-repeat;background-size:auto,cover}.lightbox-actions{display:grid;width:100%;min-width:0;flex:0 0 auto;padding-bottom:8px;grid-template-columns:1fr 1fr 1fr}.lightbox-actions button{min-height:34px;padding:5px;border:0;background:transparent;font-size:.78rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.lightbox-actions button:first-child{justify-self:start}.lightbox-actions button:nth-child(2){justify-self:center}.lightbox-actions button:last-child{justify-self:end}.lightbox-stage{display:grid;min-width:0;min-height:0;flex:1 1 auto;grid-template-columns:clamp(52px,5vw,80px) minmax(0,1fr) clamp(52px,5vw,80px);align-items:stretch}.lightbox-media{display:grid;width:100%;min-height:0;grid-column:2;grid-row:1;place-items:center;overflow:hidden}.lightbox-edge{display:grid;min-width:44px;min-height:44px;padding:0;grid-row:1;place-items:center;border:0;background:transparent;color:var(--blue);touch-action:manipulation;transition:opacity .12s ease}.lightbox-edge--previous{grid-column:1}.lightbox-edge--next{grid-column:3}.lightbox-edge span{font-size:1.5rem;font-weight:400;line-height:1;opacity:.42;transition:opacity .12s ease,transform .17s ease}.lightbox-edge:active{opacity:.56}.lightbox-edge:focus-visible{outline-offset:-4px}.lightbox-media img,.lightbox-media video{width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain}.series-gallery{display:grid;width:100%;min-width:0;max-width:100%;flex:0 0 auto;padding:10px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.series-gallery button{display:grid;min-width:0;padding:5px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-align:left;transition:transform .17s ease,opacity .12s ease}.series-gallery button.is-current{opacity:.46}.series-gallery button:active{opacity:.64}.series-gallery img{width:48px;height:62px;object-fit:contain}.series-gallery span{font-size:.78rem;font-weight:400;line-height:1.3}.lightbox-caption{display:flex;flex:0 0 auto;padding-top:10px;justify-content:space-between;gap:22px}.lightbox-caption h2,.lightbox-caption p{margin:0;font-size:.9rem;font-weight:400;line-height:1.45}.lightbox-caption p{color:var(--blue-soft);text-align:right}@media(hover:hover)and (pointer:fine){.site-name:hover,.primary-nav a:hover,.filters button:hover,.email-link:hover,.social-links a:hover,footer a:hover,.lightbox-actions button:hover,.lightbox-edge:hover span,.series-gallery button:hover{transform:translateY(3px)}.lightbox-edge:hover span{opacity:1}.work-open:hover .work-caption{transform:translateY(3px)}}@media(max-width:760px){.site-header{min-height:56px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));align-items:center;gap:10px}.site-name{width:96px;min-height:44px;justify-content:center}.primary-nav{min-width:0;gap:clamp(8px,3vw,16px);font-size:.8rem}.primary-nav a{display:inline-flex;min-height:44px;align-items:center}.bud-banner{min-height:0;padding-top:56px}.work-section{padding:38px 16px 96px}.work-tools{align-items:center}.filters{width:100%;justify-content:space-between;gap:6px}.filters button{min-height:44px;padding:8px 2px}.work-tile,.work-open,.work-caption{min-width:0}.work-caption{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.work-layout{padding-top:44px;gap:76px}.work-pair-row{gap:12px}.series-gallery::-webkit-scrollbar{display:none}.work-feature-row--portrait .work-tile{width:100%}.work-caption{font-size:.9rem}.sketch-page{padding-top:72px}.contact-page{padding-top:56px}.sketch-section{padding:20px 16px 74px}.sketch-gallery{margin-top:34px;column-count:2;column-gap:clamp(2px,.5vw,4px)}.sketch-photo{margin-bottom:clamp(2px,.5vw,4px)}.contact-signature-hero{padding:1cm 16px}.contact-grid{display:flex;padding:0 16px;flex-direction:column;gap:30px}.contact-portrait,.contact-copy{width:100%;max-width:none}.about-bio,.contact-block{max-width:none;font-size:1.05rem}.social-links a,.lightbox-actions button{display:inline-flex;min-height:44px;align-items:center}footer{padding-right:16px;padding-left:16px;overflow-wrap:anywhere}.lightbox{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.lightbox-panel{width:100%;height:calc(100dvh - 12px);max-height:calc(100svh - 12px);padding:8px;overflow-y:auto;overscroll-behavior:contain}.lightbox-stage{position:relative;display:block;min-height:min(52dvh,420px);flex:1 0 auto}.lightbox-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lightbox-edge{position:absolute;top:0;bottom:0;z-index:2;width:44px;min-width:44px}.lightbox-edge--previous{left:0}.lightbox-edge--next{right:0}.lightbox-edge span{font-size:1.375rem;opacity:.68}.lightbox-stage--video .lightbox-edge{bottom:max(64px,env(safe-area-inset-bottom))}.series-gallery{display:flex;padding-bottom:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity}.series-gallery button{min-width:144px;scroll-snap-align:start}.lightbox-caption{flex-direction:column;gap:3px}.lightbox-caption p{text-align:left}}@media(max-width:560px){.work-pair-row,.work-pair-row.work-pair-row--painting,.work-pair-row.work-pair-row--final{grid-template-columns:minmax(0,1fr);gap:58px}.work-row-label{margin-bottom:12px}.ink-work-grid{grid-template-columns:none;grid-auto-columns:min(72vw,280px);grid-auto-flow:column;padding-bottom:12px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.ink-work-grid::-webkit-scrollbar{display:none}.ink-work-grid .work-tile{scroll-snap-align:start}.contact-block{margin-top:36px}footer{flex-direction:column;align-items:flex-start;gap:8px}}@media(min-width:600px)and (max-width:760px){.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:28px}}@media(max-width:390px){.site-name{display:inline-flex;width:66px}.primary-nav{width:auto;flex:1 1 auto;justify-content:space-between;gap:6px;font-size:.75rem}.work-section,.sketch-section,.contact-grid{padding-right:12px;padding-left:12px}.ink-work-grid{grid-auto-columns:min(78vw,250px)}.work-caption{font-size:.875rem}.lightbox-actions button{font-size:.75rem}.lightbox-caption h2,.lightbox-caption p{font-size:.85rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
