*{-webkit-font-smoothing:antialiased}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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{font-family:Space Grotesk,sans-serif;color-scheme:light;color:#202321;background:#f0f1ed;font-synthesis:none;text-rendering:optimizeLegibility;--color-background: #f0f1ed;--color-foreground: #202321;--color-muted: #656a64;--color-border: #c9ccc5;--color-accent: #304db5;--color-media-surface: #dfe2dc}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#eceee8;background:#1a1c1a;--color-background: #1a1c1a;--color-foreground: #eceee8;--color-muted: #b5b9b1;--color-border: #424640;--color-accent: #a0b0ff;--color-media-surface: #2d312c}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;margin:0;background:var(--color-background);color:var(--color-foreground)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}::selection{color:var(--color-background);background:var(--color-accent)}.site-shell{min-height:100dvh;background:var(--color-background)}.page-width{width:min(1240px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-160%);padding:10px 14px;color:var(--color-background);background:var(--color-foreground)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 88px));min-height:76px;margin-inline:auto;border-bottom:1px solid var(--color-border)}.wordmark,.footer-mark{font-size:17px;font-weight:700;letter-spacing:-.7px}.wordmark span{color:var(--color-accent)}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px}.main-nav a{transition:color .16s ease}.main-nav a:hover{color:var(--color-accent)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:9%;min-height:540px;padding-block:46px 66px}.hero-copy{padding:12px 0 0 2.5%}.hero-role{margin:0 0 24px;color:var(--color-muted);font-size:14px}.hero h1{margin:0;font-size:78px;font-weight:600;line-height:.99;letter-spacing:-5px;text-wrap:balance}.hero h1 span{color:var(--color-accent)}.hero-intro{max-width:390px;margin:25px 0 24px;color:var(--color-muted);font-size:16px;line-height:1.65}.hero-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid var(--color-foreground);padding:0 0 7px;font-size:13px;font-weight:600;transition:color .16s ease,border-color .16s ease}.hero-link span{color:var(--color-accent);font-size:17px}.hero-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.hero-image{width:100%;aspect-ratio:1.08;margin:0;overflow:hidden;background:var(--color-media-surface)}.hero-image img,.project-image img{display:block;width:100%;height:100%;object-fit:cover}.hero-image img{object-position:center}.work-section{padding-top:43px;padding-bottom:122px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading h2,.about-section h2,.corner-section h2,.contact-copy h2{margin:0;font-size:42px;font-weight:500;line-height:1.08;letter-spacing:-2px;text-wrap:balance}.project-filters{display:flex;flex-wrap:wrap;align-items:center;gap:21px}.filter-button{border:0;border-bottom:1px solid transparent;padding:0 0 6px;background:transparent;color:var(--color-muted);font-size:12px;cursor:pointer;transition:color .16s ease,border-color .16s ease}.filter-button:hover,.filter-button.is-active{color:var(--color-foreground)}.filter-button.is-active{border-color:var(--color-accent)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:26px;row-gap:90px}.project-item{min-width:0}.project-item-reading{grid-column:1 / span 7}.project-item-studio{grid-column:9 / span 4;margin-top:126px}.project-item-sound{grid-column:3 / span 7;margin-top:4px}.project-image{width:100%;margin:0 0 19px;overflow:hidden;background:var(--color-media-surface)}.project-item-reading .project-image{aspect-ratio:1.16}.project-item-studio .project-image{aspect-ratio:.82}.project-item-sound .project-image{aspect-ratio:1.58}.project-image img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-item:hover .project-image img{transform:scale(1.025)}.project-category{margin:0 0 8px;color:var(--color-accent);font-size:12px}.project-details h3{margin:0;font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.7px}.project-description{max-width:43ch;margin:9px 0 13px;color:var(--color-muted);font-size:13px;line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;color:var(--color-muted);font-size:11px}.project-grid>.project-item:only-child{grid-column:2 / span 10;margin:0}.project-grid>.project-item:only-child .project-image{aspect-ratio:1.55}.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid var(--color-border);padding-top:75px;padding-bottom:87px}.about-section h2{font-size:35px}.about-copy p{max-width:59ch;margin:0;color:var(--color-muted);font-size:16px;line-height:1.75}.skill-list{display:flex;flex-wrap:wrap;gap:9px 22px;margin:23px 0 0;padding:0;list-style:none;font-size:13px}.skill-list li{color:var(--color-foreground)}.corner-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;border-top:1px solid var(--color-border);padding-top:34px;padding-bottom:77px}.corner-section h2{font-size:23px;letter-spacing:-.7px}.corner-section p{max-width:56ch;margin:0;color:var(--color-muted);font-size:14px;line-height:1.7}.contact-section{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--color-border);padding-top:48px;padding-bottom:58px}.contact-copy h2{font-size:36px}.contact-copy p{margin:11px 0 0;color:var(--color-muted);font-size:14px}.email-button{display:flex;align-items:center;gap:18px;border:0;border-bottom:1px solid var(--color-accent);padding:0 0 8px;background:transparent;color:var(--color-accent);cursor:pointer;font-size:13px;transition:transform .16s ease,color .16s ease}.email-button:hover{transform:translateY(-2px)}.email-address{color:var(--color-foreground)}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:70px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:11px}.footer-mark{color:var(--color-foreground)}@media(max-width:980px){.page-width,.site-header{width:calc(100% - 56px)}.hero{min-height:490px;grid-template-columns:1fr .88fr;gap:6%}.hero h1{font-size:66px;letter-spacing:-4px}.project-grid{column-gap:18px;row-gap:70px}.project-item-studio{margin-top:98px}}@media(max-width:720px){.page-width,.site-header{width:calc(100% - 40px)}.site-header{min-height:68px;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid var(--color-border);padding:8px 11px;background:transparent;font-size:12px;cursor:pointer}.main-nav{display:none;flex-basis:100%;order:3;gap:0;padding:4px 0 10px}.main-nav.nav-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding:12px 0;border-top:1px solid var(--color-border)}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-block:54px 73px}.hero-copy{padding:0}.hero-role{margin-bottom:18px;font-size:13px}.hero h1{font-size:62px;letter-spacing:-3.8px}.hero-intro{margin-top:18px;font-size:15px}.hero-image{aspect-ratio:1.45}.work-section{padding-top:0;padding-bottom:83px}.section-heading{align-items:start;flex-direction:column;gap:23px;margin-bottom:34px}.section-heading h2,.about-section h2{font-size:34px}.project-filters{gap:16px}.filter-button{font-size:11px}.project-grid{grid-template-columns:1fr;row-gap:44px}.project-item-reading,.project-item-studio,.project-item-sound,.project-grid>.project-item:only-child{grid-column:1;margin:0}.project-item-reading .project-image,.project-item-studio .project-image,.project-item-sound .project-image,.project-grid>.project-item:only-child .project-image{aspect-ratio:1.24}.project-image{margin-bottom:14px}.project-details h3{font-size:21px}.about-section{grid-template-columns:1fr;gap:19px;padding-top:51px;padding-bottom:57px}.about-copy p{font-size:15px}.corner-section{grid-template-columns:1fr;gap:13px;padding-top:29px;padding-bottom:51px}.contact-section{align-items:start;flex-direction:column;gap:27px;padding-top:37px;padding-bottom:42px}.contact-copy h2{font-size:32px}.email-button{flex-wrap:wrap;justify-content:flex-start;gap:12px;font-size:12px}.site-footer{min-height:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}