@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#272a27;font-synthesis:none;--muted:#71756e;--line:#dddfd9;--accent:#d9f99b;background:#fafaf9;font-family:Geist Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:7px;outline:2px solid #536b25}img{max-width:100%;height:auto;display:block}::selection{background:var(--accent);color:#20261a}.skip{background:var(--accent);z-index:20;padding:15px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.header{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:36px 32px;display:flex}.wordmark{letter-spacing:-1.8px;align-items:center;gap:5px;font-size:29px;font-weight:800;display:flex}.mark{color:#668231;font-size:29px;font-weight:400}.header nav{gap:30px;font-size:14px;display:flex}.header nav a{padding:6px 0}.header nav a:last-child{margin-left:15px}.header nav a:hover,.text-link:hover,.contact-links a:hover{color:#627a35}.narrow{max-width:650px;margin-left:auto;margin-right:auto}.identity{flex-direction:column;gap:4px;font-size:16px;display:flex}.name{font-weight:650}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1{letter-spacing:-2px;margin:48px 0 26px;font-size:46px;font-weight:500;line-height:1.2}.intro .background{color:var(--muted);margin-top:22px}.text-link{border-bottom:1px solid #babeb2;gap:18px;margin-top:28px;padding-bottom:5px;font-size:15px;display:inline-flex}.work{max-width:1000px;margin:0 auto;padding:0 20px}.section-label{justify-content:space-between;align-items:center;padding-bottom:23px;display:flex}.section-label h2{font-size:16px;font-weight:550}.section-label>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.project-grid{grid-template-columns:1fr 1fr;gap:50px 28px;display:grid}.project.featured{grid-column:1/-1}.project-image{aspect-ratio:1.34;background:#edf0e7;border-radius:16px;position:relative;overflow:hidden}.featured .project-image{aspect-ratio:1.8}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project:hover img{transform:scale(1.025)}.project-open{background:#ffffffed;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;transition:background .2s,transform .2s;display:grid;position:absolute;top:18px;right:18px}.project:hover .project-open{background:var(--accent);transform:rotate(45deg)}.project-caption{justify-content:space-between;gap:16px;padding:18px 2px 0;display:flex}.company{color:var(--muted);font-size:13px}.project h3{letter-spacing:-.4px;max-width:440px;margin-top:5px;font-size:18px;font-weight:550;line-height:1.45}.category{color:var(--muted);white-space:nowrap;align-self:flex-start;padding-top:3px;font-size:12px}.project:not(.featured) .category{display:none}.about{border-top:1px solid var(--line);margin-top:136px;padding-top:45px}.eyebrow{color:var(--muted);letter-spacing:.2px;font-size:13px;display:block}.about h2,.contact h2{letter-spacing:-1.5px;margin-top:24px;margin-bottom:24px;font-size:36px;font-weight:500;line-height:1.25}.portrait{aspect-ratio:1.69;object-fit:cover;border-radius:12px;width:100%;margin:36px 0}.contact{padding:105px 0 115px}.contact-email{letter-spacing:-.7px;border-bottom:1px solid #b1b9a4;margin-top:7px;padding-bottom:7px;font-size:24px;display:inline-block}.contact-links{color:var(--muted);gap:28px;margin-top:26px;font-size:14px;display:flex}.footer{border-top:1px solid var(--line);max-width:1060px;color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:28px 0 35px;font-size:12px;display:flex}.case-intro{padding-top:65px;padding-bottom:50px}.back{color:var(--muted);margin-bottom:60px;font-size:14px;display:inline-block}.case-intro h1{margin-top:20px;font-size:48px}.case-intro p{color:var(--muted);font-size:20px;line-height:1.6}.case-cover{object-fit:contain;background:#eee;border-radius:14px;width:min(100% - 40px,1000px);max-height:690px;margin:0 auto 65px}.prose{overflow-wrap:anywhere;font-size:17px;line-height:1.85}.prose h2{letter-spacing:-1px;margin:60px 0 20px;font-size:30px;font-weight:550;line-height:1.35}.prose h3,.prose h4,.prose h5,.prose h6{letter-spacing:-.5px;margin:35px 0 18px;font-size:22px;font-weight:550;line-height:1.4}.prose p{margin:0 0 22px}.prose img{object-fit:contain;border-radius:8px;max-height:900px;margin:30px auto}.prose a{color:#52692c;border-bottom:1px solid #a0ac8e}.prose ul,.prose ol{padding-left:24px}.prose blockquote{color:#5e6754;border-left:3px solid #a1b77b;margin:30px 0;padding:8px 0 8px 24px}.prose table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);text-align:left;min-width:180px;padding:12px}.next-project{border-top:1px solid var(--line);margin-top:80px;margin-bottom:100px;padding-top:35px;display:block}.next-project h2{letter-spacing:-1px;margin:15px 0;font-size:30px;font-weight:500;line-height:1.3}.next-project>span:last-child{color:var(--muted);font-size:14px}.intro{animation:.75s both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.intro{padding-top:112px}}@media (width<=760px){.header{padding:25px 22px}.header nav{gap:19px;font-size:13px}.header nav a:last-child{margin-left:0}.wordmark{font-size:26px}.narrow{margin-left:24px;margin-right:24px}.intro{padding-top:62px;padding-bottom:75px}h1{letter-spacing:-1.6px;margin-top:36px;font-size:37px}.intro p,.about p{font-size:17px}.work{padding:0 20px}.project-grid{grid-template-columns:1fr;gap:35px}.featured .project-image,.project-image{aspect-ratio:1.4;border-radius:12px}.category{display:none}.project h3{font-size:18px}.about{margin-top:85px}.about h2,.contact h2{font-size:32px}.contact{padding:75px 0}.contact-email{font-size:clamp(17px,4.9vw,24px)}.footer{flex-wrap:wrap;margin:0 24px;font-size:11px}.footer>span{display:none}.case-intro{padding-top:35px}.back{margin-bottom:40px}.case-intro h1{font-size:37px}.case-intro p{font-size:18px}.prose{font-size:16px}.prose h2{font-size:27px}.case-cover{margin-bottom:40px}.next-project{margin-bottom:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.work{--card-width:min(680px,82vw);--rail-gap:36px;max-width:none;padding:0}.work .section-label{max-width:650px;margin:0 auto;padding:0 0 25px}.gallery-controls{align-items:center;gap:12px;display:flex}.gallery-counter{color:var(--muted);font-variant-numeric:tabular-nums;min-width:49px;margin-right:10px;font-size:12px}.gallery-controls button{border:1px solid var(--line);width:32px;height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.gallery-controls button:hover{background:var(--accent);border-color:var(--accent)}.gallery-controls button:disabled{opacity:.3;cursor:default;border-color:var(--line);background:0 0}.gallery-controls button:focus-visible{outline-offset:4px;outline:2px solid #536b25}.work .project-grid{gap:var(--rail-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px calc((100% - var(--card-width))/2) 12px;cursor:grab;touch-action:pan-x pan-y;align-items:flex-start;display:flex;position:relative;overflow-x:auto}.work .project-grid::-webkit-scrollbar{display:none}.work .project-grid:focus-visible{outline-offset:-2px;outline:2px solid #536b25}.work .project{flex:0 0 var(--card-width);scroll-snap-align:center;scroll-snap-stop:normal;user-select:none;-webkit-user-drag:none;min-width:0}.work .project-image{aspect-ratio:1.42;border-radius:22px}.work .project-caption{gap:20px;padding:19px 2px 0}.work .project h3{max-width:490px;font-size:18px;font-weight:500}.work .project .category{display:none}.work .project-image img{-webkit-user-drag:none;user-select:none}.work .is-dragging{scroll-snap-type:none;cursor:grabbing}.work .is-dragging a{cursor:grabbing}.work .is-dragging img,.work .project:hover .project-open{transform:none}.intro{padding-bottom:78px}.intro h1{letter-spacing:-1.2px;margin-top:42px;font-size:34px;line-height:1.35}@media (width<=760px){.work{--card-width:84vw;--rail-gap:18px}.work .section-label{margin:0 24px;padding-bottom:20px}.work .project-image{aspect-ratio:1.22;border-radius:15px}.work .project h3{font-size:16px}.intro h1{letter-spacing:-1px;font-size:30px}.gallery-controls{gap:8px}.gallery-counter{margin-right:4px}}.arrow-icon{vertical-align:-.25em;flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.text-link{align-items:center}.project-open .arrow-icon{width:24px;height:24px}.gallery-controls .arrow-icon{width:20px;height:20px}:root{--font-mono:"Geist Mono Variable",monospace;--surface:#f0f1ed;--ink:#252824;--ease:cubic-bezier(.22,1,.36,1)}button{font-family:inherit}button:focus-visible{outline-offset:4px;outline:2px solid #536b25}.header{justify-content:center;padding-top:26px;padding-bottom:26px}.header .nav-pill{background:#efefec;border:1px solid #e7e8e2;border-radius:100px;gap:3px;padding:5px;box-shadow:inset 0 1px 2px #25282404}.header .nav-pill a{border-radius:100px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 18px;line-height:20px;transition:background .25s,box-shadow .25s,color .25s;display:inline-flex}.header .nav-pill a>span{align-items:center;display:inline-flex}.header .nav-pill a:hover,.header .nav-pill a[aria-current]{color:var(--ink);background:#fff;box-shadow:0 2px 5px #2528240c}.header .nav-pill .nav-contact{background:var(--ink);color:#fff;margin-left:4px}.header .nav-pill .nav-contact:hover{color:#fff;background:#40463a}.header .nav-pill .nav-home{justify-content:center;align-self:stretch;align-items:center;min-width:42px;padding:10px 12px;display:inline-flex}.header .nav-pill .nav-home[aria-current]{background:var(--accent);color:#40551f;box-shadow:inset 0 0 0 1px #536b2514,0 2px 4px #25282408}.nav-home svg{transition:transform .2s var(--ease);flex:none}.nav-home:hover svg{transform:translateY(-1px)rotate(-5deg)}.identity{letter-spacing:-.15px;flex-direction:row;align-items:center;gap:13px;font-size:14px}.identity>div{flex-direction:column;gap:4px;display:flex}.identity-avatar{object-fit:cover;object-position:50% 35%;border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 4px #eff0eb}.identity .name{font-weight:550}.intro{padding-top:82px;padding-bottom:80px}.intro h1{letter-spacing:-1.9px;max-width:640px;margin:30px 0 24px;font-size:clamp(34px,4.2vw,46px);font-weight:500;line-height:1.16}.intro p,.about p{letter-spacing:-.18px;font-size:17px;line-height:1.75}.text-link{transition:color .2s,border-color .2s}.text-link .arrow-icon,.contact-links .arrow-icon{transition:transform .3s var(--ease)}.text-link:hover .arrow-icon,.contact-links a:hover .arrow-icon{transform:translate(2px,-2px)}.button-primary{background:var(--ink);color:#fff;transition:transform .25s var(--ease),background .25s,box-shadow .25s;border:1px solid #282e22;border-radius:100px;gap:22px;padding:13px 17px 13px 22px;font-size:14px;box-shadow:inset 0 1px #ffffff25,0 3px 6px #25282412}.button-primary:hover{color:#fff;background:#40463a;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff25,0 6px 12px #25282418}.button-primary:active{transform:translateY(0)}.button-primary>span{background:#ffffff16;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.section-label h2,.eyebrow{align-items:center;gap:12px;display:flex}.section-number{font-family:var(--font-mono);color:#696e64;letter-spacing:-.3px;background:#eef0e8;border:1px solid #e0e4d7;border-radius:6px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:400;display:inline-grid}.gallery-counter,.company{font-family:var(--font-mono);letter-spacing:-.2px;font-size:11px}.gallery-controls{background:var(--surface);border:1px solid #e8e9e3;border-radius:100px;gap:5px;padding:5px 6px 5px 14px}.gallery-counter{margin-right:9px}.gallery-controls button{width:36px;height:36px;transition:transform .25s var(--ease),background .2s,box-shadow .2s;background:#fff;border-color:#e6e7e1;box-shadow:0 2px 3px #25282408}.gallery-controls button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #25282410}.gallery-controls button:active:not(:disabled){transform:scale(.94)}.gallery-controls button:disabled{box-shadow:none}.work .project-image{border:1px solid #2429220a;border-radius:24px}.work .project-caption{padding:20px 8px 0}.work .project h3{letter-spacing:-.5px;margin-top:7px;font-size:19px}.gallery-picker{background:var(--surface);border:1px solid #e8e9e3;border-radius:100px;justify-content:center;align-items:center;width:fit-content;margin:24px auto 0;padding:1px 8px;display:flex}.gallery-tick{cursor:pointer;background:0 0;border:0;border-radius:100px;place-items:center;width:32px;height:40px;padding:0;display:grid}.gallery-tick span{width:3px;height:12px;transition:height .3s var(--ease),background .3s,width .3s var(--ease);background:#aeb4a5;border-radius:5px}.gallery-tick:hover span{background:#68735b;height:20px}.gallery-tick[aria-pressed=true] span{background:#536b25;width:4px;height:24px}.about{margin-top:110px}.about h2,.contact h2{letter-spacing:-1.4px;font-size:38px;font-weight:500}.portrait{border-radius:22px}.contact{background:#f0f1ed;border:1px solid #e5e7df;border-radius:28px;margin-top:80px;margin-bottom:80px;padding:38px 40px 32px}.contact h2{margin-top:26px;margin-bottom:24px}.email-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contact-email{letter-spacing:-.6px;border:0;margin:0;padding:0;font-size:21px}.copy-email{cursor:pointer;background:#fff;border:1px solid #dfe3d7;border-radius:100px;justify-content:center;align-items:center;gap:7px;min-width:90px;min-height:38px;padding:8px 12px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 2px 3px #25282407}.copy-email:hover{background:#e4edda;transform:translateY(-1px)}.copy-email[data-copied]{background:var(--accent);border-color:#bed78f}.contact .copy-status{color:#526342;min-height:18px;margin-top:8px;font-size:12px;line-height:1.5}.contact-links{flex-wrap:wrap;gap:10px;margin-top:15px}.contact-links a{color:#535c4a;background:#e6e9e0;border-radius:100px;align-items:center;gap:10px;padding:9px 13px;font-size:12px;display:inline-flex}.back{background:var(--surface);border-radius:100px;padding:10px 14px;font-size:12px}.next-project{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:28px;transition:background .25s}.next-project:hover{background:#e9eddf}.footer{font-size:11px}@media (width<=760px){.header{padding:22px 20px}.wordmark{font-size:25px}.header .nav-pill a{padding:9px 12px;font-size:12px}.header .nav-pill .nav-contact{margin-left:0}.intro{padding-top:50px;padding-bottom:60px}.intro h1{letter-spacing:-1.5px;font-size:36px}.intro p,.about p{font-size:16px}.work .section-label{margin:0 24px}.section-label h2{gap:8px;font-size:14px}.gallery-controls{padding:4px 5px 4px 10px}.gallery-controls button{width:34px;height:34px}.gallery-counter{min-width:43px;margin-right:4px;font-size:10px}.work .project-image{border-radius:19px}.work .project h3{font-size:17px}.work .project-caption{padding-left:3px;padding-right:3px}.gallery-picker{margin-top:18px}.about{margin-top:75px}.about h2,.contact h2{letter-spacing:-1.2px;font-size:32px}.contact{border-radius:23px;margin:60px 16px;padding:28px 24px 24px}.contact-email{font-size:clamp(17px,4.6vw,21px)}.next-project{padding:24px}.section-number{width:22px;height:22px;font-size:9px}}@media (width<=370px){.header{padding-left:16px;padding-right:16px}.header .nav-pill a{padding:9px}.section-number{display:none}.intro h1{font-size:32px}}.portrait-tilt{perspective:1100px;margin:36px 0}.portrait-tilt-surface{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s var(--ease),box-shadow .55s var(--ease);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 8px 24px #20251b08}.portrait-tilt .portrait{border-radius:inherit;user-select:none;-webkit-user-drag:none;margin:0}.portrait-shade{pointer-events:none;border-radius:inherit;background:linear-gradient(var(--shade-angle,135deg),transparent 15%,#000 100%);opacity:var(--shade-opacity,0);transition:opacity .3s;position:absolute;inset:0}.portrait-tilt[data-tilting] .portrait-tilt-surface{transition:transform .16s ease-out,box-shadow .3s;box-shadow:0 22px 38px #20251b20}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.portrait-tilt-surface{box-shadow:none!important;transform:none!important}.portrait-shade{display:none}}.work .project-grid.is-cursor-driven{scroll-snap-type:none;scroll-behavior:auto}@media (hover:hover) and (pointer:fine){.work .project-grid{cursor:default}}.work .project-grid.is-dragging,.work .project-grid.is-dragging a{cursor:grabbing}
