@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/libre-franklin-cyrillic-ext-wght-normal.BbRulJFC.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/libre-franklin-cyrillic-wght-normal.se3OnFSl.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/libre-franklin-vietnamese-wght-normal.DTJpi3oK.woff2) format("woff2-variations");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:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/libre-franklin-latin-ext-wght-normal.CeZZaleV.woff2) format("woff2-variations");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:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/libre-franklin-latin-wght-normal.CLTz0ja0.woff2) format("woff2-variations");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{--ground: #f4f2ed;--ground-centre: #fbfaf7;--ground-edge: #e8e5de;--ink: #1b1a17;--ink-2: #45433e;--mute: #69655e;--charcoal: #58554f;--hair: rgba(27, 26, 23, .1);--shadow-rgb: 27, 26, 23;--font: "Libre Franklin Variable", "Libre Franklin", "Franklin Gothic", "Helvetica Neue", Arial, sans-serif;--gutter: 64px;--gutter-top: 64px;--gutter-bottom: 64px;--axis: 32px;--ggap: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .24s}@media(max-width:799px),(orientation:portrait){:root{--gutter: 16px;--gutter-top: 88px;--gutter-bottom: 16px;--axis: 16px;--ggap: 8px}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);font-size:16px;line-height:1.45;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-feature-settings:"kern" 1}body{margin:0;min-height:100dvh;background:radial-gradient(120% 95% at 50% 46%,var(--ground-centre) 0%,var(--ground) 55%,var(--ground-edge) 100%);display:grid;grid-template-rows:minmax(0,1fr)}body.frame-page{height:100dvh;overflow:hidden}::selection{background:var(--ink);color:var(--ground-centre)}a{color:inherit;text-decoration:none;transition:color var(--dur) var(--ease-out)}:focus{outline:none}:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px}svg{display:block}.chrome{position:fixed;top:0;left:calc(var(--axis) - 10px);height:64px;z-index:5;display:flex;align-items:center;gap:14px;white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.0625rem;font-weight:500;line-height:1;letter-spacing:-.006em;color:var(--ink)}.brand svg{height:13px;width:auto;color:var(--ink);transition:color var(--dur) var(--ease-out)}.brand:hover,.brand:hover svg{color:var(--mute)}.role{margin:0;font-size:.875rem;line-height:1;color:var(--mute);padding-top:1px}.socials{position:fixed;top:calc(var(--gutter-top) - 6px);left:calc(var(--axis) - 16px);z-index:5;display:flex;flex-direction:column}.soc{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;color:var(--charcoal)}.soc svg{width:calc(20px * var(--s, 1));height:calc(20px * var(--s, 1))}.soc:hover,.soc:focus-visible{color:var(--ink)}.socials{gap:16px}.soc-label{position:absolute;top:calc(100% - 3px);left:50%;transform:translate(-50%);font-size:.6875rem;line-height:1;letter-spacing:.02em;white-space:nowrap;color:var(--charcoal);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.soc:hover .soc-label,.soc:focus-visible .soc-label{opacity:1}.soc:focus-visible{outline:none}.soc:after{content:"";position:absolute;inset:-4px -14px -13px;border:1.5px solid var(--ink);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.soc:focus-visible:after{opacity:1}.frame-main{display:grid;min-height:0}.frame{margin:0;min-height:0;padding:var(--gutter-top) var(--gutter) var(--gutter-bottom) var(--gutter);display:grid}.stage{position:relative;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:100%;grid-template-rows:100%;grid-auto-rows:0;align-content:start;place-items:center;touch-action:pan-y}.stage img,.stage .zone{grid-area:1 / 1}.stage picture{display:contents}.stage source{display:none}.stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;box-shadow:0 0 0 1px rgba(var(--shadow-rgb),.06),0 1px 2px rgba(var(--shadow-rgb),.1),0 12px 32px -16px rgba(var(--shadow-rgb),.3);background:var(--ground-edge)}.zone{position:absolute;top:0;bottom:0;width:50%;z-index:1;cursor:default}.zone-prev{left:0}.zone-next{right:0}.zone:focus-visible{outline-offset:-8px}@media(max-width:799px),(orientation:portrait){.chrome{top:16px;left:var(--gutter);height:auto;flex-direction:column;align-items:flex-start;gap:7px}.brand{font-size:1rem;gap:10px}.brand svg{height:12px}.role{font-size:.75rem;padding:0 0 0 29px}.socials{flex-direction:row;top:4px;left:auto;right:calc(var(--gutter) - 10px);gap:6px}.soc{width:40px;height:40px}.soc svg{width:calc(20px * var(--s, 1));height:calc(20px * var(--s, 1))}.soc-label{top:calc(100% - 6px)}.soc:last-child .soc-label{left:auto;right:10px;transform:none}.soc:last-child:after{left:-24px;right:-4px}.soc:after{top:-3px}.frame{padding:68px var(--gutter) calc(16px + 6dvh)}.stage{align-items:center}}body.works-page{min-height:100dvh;scrollbar-width:thin;scrollbar-color:var(--hair) transparent}body.works-page .chrome{position:absolute}.works{padding:var(--gutter-top) var(--gutter) calc(var(--gutter) * 2) var(--gutter);display:flex;flex-direction:column;gap:var(--ggap)}.row{display:grid;gap:var(--ggap);align-items:start}.thumb{display:block;min-width:0}.thumb picture{display:contents}.thumb source{display:none}.thumb img{display:block;width:100%;height:auto;aspect-ratio:var(--ar);object-fit:contain;box-shadow:0 0 0 1px rgba(var(--shadow-rgb),.06),0 1px 2px rgba(var(--shadow-rgb),.1),0 8px 20px -12px rgba(var(--shadow-rgb),.28);background:var(--ground-edge);transition:opacity var(--dur) var(--ease-out)}.works:hover .thumb:not(:hover) img{opacity:.86}.thumb:focus-visible{outline-offset:3px}::view-transition-group(.photo){animation-duration:.56s;animation-timing-function:cubic-bezier(.2,.7,.15,1)}::view-transition-old(.photo),::view-transition-new(.photo){animation-duration:.22s;animation-timing-function:ease;mix-blend-mode:plus-lighter}::view-transition-old(.photo),::view-transition-new(.photo){height:100%;width:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}