@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.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{--bg:#0a0a0b;--bg-2:#131315;--ink:#eceae4;--ink-dim:#a3a19a;--line:#eceae424;--line-soft:#eceae412;--signal-rgb:71 207 121;--signal:rgb(var(--signal-rgb));--signal-ink:#0a0a0b;--accent:var(--signal);--bone:#eceae4;--font-display:"Archivo Variable", "Archivo", Impact, sans-serif;--font-body:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-voice:"Newsreader Variable", "Newsreader", Georgia, serif;--gutter:clamp(20px, 4.5vw, 72px);--sec-pad:clamp(96px, 14vh, 190px);--flow-gap:calc(var(--sec-pad) * .6);--sec-pad-tight:calc(var(--sec-pad) * .5);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.77, 0, .175, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:no-preference;-webkit-text-size-adjust:100%}html.cursor-on,html.cursor-on *{cursor:var(--cursor-arrow,auto), auto}html.menu-open{overflow:hidden}html{overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:16px;font-stretch:100%;line-height:1.55;overflow-x:clip}img,svg,canvas,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0}ul,ol{list-style:none}::selection{background:var(--signal);color:var(--signal-ink)}:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2a2a2e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--signal)}.label{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:620;font-stretch:68%}.accent-arrow{color:var(--signal)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:200;background:var(--signal);color:var(--signal-ink);font-family:var(--font-display);transition:transform .3s var(--ease-out);padding:10px 16px;font-size:.8rem;font-stretch:68%;position:fixed;top:12px;left:12px;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}section,.footer{padding:var(--sec-pad) var(--gutter);position:relative}.sec-head{border-top:1px solid var(--line);margin-bottom:var(--flow-gap);justify-content:space-between;align-items:flex-start;gap:24px;padding-top:18px;display:flex}.sec-label{color:var(--ink-dim)}.sec-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-align:right;max-width:18ch;margin-inline-start:auto;font-size:clamp(2rem,4.6vw,4.4rem);font-weight:640;font-stretch:115%;line-height:.98}.progress{z-index:65;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.progress-bar{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.guides{z-index:1;pointer-events:none;position:fixed;inset:0}.guides i{background:var(--line-soft);width:1px;position:absolute;top:0;bottom:0}.guides i:first-child{left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * .25)}.guides i:nth-child(2){left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * .5)}.guides i:nth-child(3){left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * .75)}.noise{z-index:80;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:240px 240px;position:fixed;inset:0}.nav{z-index:60;padding:18px var(--gutter);transition:transform .5s var(--ease-out), background-color .4s ease, border-color .4s ease;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line-soft);background:#0a0a0bb8}.nav--hidden{transform:translateY(-101%)}.brand{color:var(--ink);white-space:nowrap}.nav-links{gap:clamp(20px,3vw,44px);display:flex}.nav-links a{font-family:var(--font-display);letter-spacing:.01em;padding:4px 0;font-size:.95rem;font-weight:560;position:relative}.nav-links a sup{color:var(--signal);margin-left:3px;font-size:.55rem}.nav-links a:after{content:"";background:var(--signal);transform-origin:100%;height:1px;transition:transform .4s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-right{color:var(--ink-dim);align-items:center;gap:20px;display:flex}.menu-btn{color:var(--ink);min-height:44px;margin-inline-end:-12px;padding-inline:12px;display:none}.menu{z-index:70;background:var(--bg);color:var(--ink);visibility:hidden;position:fixed;inset:0}.menu-inner{height:100%;padding:20px var(--gutter) 28px;flex-direction:column;display:flex}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-close{color:var(--ink-dim);min-height:44px;margin-inline-end:-12px;padding-inline:12px}.menu-links{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.menu-links a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;transition:color .3s var(--ease-out);align-items:baseline;gap:18px;font-size:clamp(3rem,13vw,7.5rem);font-weight:820;font-stretch:120%;line-height:1.02;display:flex}.menu-links a:hover,.menu-links a:focus-visible{color:var(--signal)}.menu-foot{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.menu-foot a{text-underline-offset:3px;text-decoration:underline}.hero{min-height:100svh;padding-top:120px;padding-bottom:var(--sec-pad-tight);flex-direction:column;justify-content:flex-end;display:flex;overflow:clip}#hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;--hero-gap:clamp(28px, 5vh, 64px);--title-size:clamp(3.4rem, 11.9vw, 13.5rem);gap:var(--hero-gap);flex-direction:column;display:flex;position:relative}.hero-eyebrow{color:var(--ink-dim);margin-bottom:calc(var(--title-size) * .09 - var(--hero-gap) - 6px)}.hero-title{font-family:var(--font-display);font-weight:880;font-stretch:125%;font-size:var(--title-size);letter-spacing:-.025em;text-transform:uppercase;opacity:.95;-webkit-user-select:none;user-select:none;line-height:.84}.hero-title ::selection{color:inherit;background:0 0}.hero-title::selection{color:inherit;background:0 0}.title-chip{background:rgb(var(--signal-rgb,71 207 121) / .9);color:var(--signal-ink);padding-inline:.08em}.hl{padding-block:.03em;display:block;overflow:hidden}.hl--2{margin-left:clamp(0px,6vw,120px)}.hli{will-change:transform;display:inline-block}.hero-foot{align-items:flex-end;display:flex}html.pre-anim #hero-canvas,html.pre-anim .hero-eyebrow,html.pre-anim .hero-foot{opacity:0}html.pre-anim .hli{transform:translateY(112%)}.hero-desc{font-family:var(--font-voice);font-optical-sizing:auto;max-width:26ch;color:var(--ink);text-wrap:balance;font-size:clamp(1.3rem,2vw,1.9rem);font-weight:380;line-height:1.32}.work{background:var(--bg-2)}.work-list{counter-reset:project}.work-row[data-project=sht]{--accent:#e8a356}.work-row[data-project=ekvall]{--accent:#d96c57}.work-row[data-project=coster]{--accent:#63bfae}.work-row[data-project=bankersclock]{--accent:#c1301f}.work-row{border-top:1px solid var(--line)}.work-row:last-child{border-bottom:1px solid var(--line)}.work-link{--row-pad:clamp(28px, 4.5vh, 54px);padding:var(--row-pad) 0;grid-template-columns:25% 25% 25% calc(25% - 3rem) 3rem;grid-template-areas:"cover main main meta arrow";align-items:center;gap:0;display:grid;position:relative}.work-main,.work-meta{padding-inline-start:clamp(14px,2vw,36px)}.work-main{padding-inline-end:clamp(14px,2vw,36px)}.work-cover{grid-area:cover}.work-main{grid-area:main;min-width:0}.work-meta{grid-area:meta}.work-arrow{grid-area:arrow}.work-title{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;transition:transform .45s var(--ease-out);font-size:clamp(1.7rem,3.8vw,3.7rem);font-weight:780;font-stretch:118%;line-height:1}.work-desc{max-width:52ch;color:var(--ink-dim);margin-top:12px;font-size:.95rem;transition:color .35s}.work-meta{color:var(--ink-dim);text-align:right;padding-inline-end:clamp(0px,6vw - 61px,28px)}.work-stack{letter-spacing:0}.work-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .35s,border-color .35s;display:grid;overflow:hidden}.work-arrow svg{width:18px;height:18px;transition:transform .4s var(--ease-out)}html:not(.loupe-live) .work-link:hover .work-title,.work-row.is-pointed .work-title,.work-link:focus-visible .work-title{transform:translate(14px)}html:not(.loupe-live) .work-link:hover .work-desc,.work-row.is-pointed .work-desc{color:var(--ink)}html:not(.loupe-live) .work-link:hover .work-arrow,.work-row.is-pointed .work-arrow,.work-link:focus-visible .work-arrow{background:var(--accent);border-color:var(--accent);color:var(--signal-ink)}html:not(.loupe-live) .work-link:hover .work-arrow svg,.work-row.is-pointed .work-arrow svg{transform:rotate(45deg)}.work-cover{border:1px solid var(--line);aspect-ratio:4/3;background:var(--bg);transition:border-color .4s var(--ease-out);position:relative;overflow:hidden}@media (width>=1024px) and (pointer:fine){.work-cover{max-height:220px}}@media (width>=1680px) and (pointer:fine){.work-link{grid-template-columns:25% 25% 25% max-content max-content}.work-cover{justify-self:end;margin-inline-end:var(--row-pad)}.work-main{padding-inline-start:var(--row-pad)}.work-meta{text-align:left;padding-inline:var(--row-pad) 1.25rem}.work-stack{white-space:nowrap}}.work-cover .cover-art{opacity:.9;width:100%;height:100%;transition:opacity .4s var(--ease-out), filter .4s var(--ease-out)}.work-cover .cover-shot{display:none}.cover-ghost{font-family:var(--font-display);letter-spacing:.02em;font-size:64px;font-weight:900;font-stretch:125%}.cover-tag{font-family:var(--font-display);letter-spacing:.08em;font-size:15px;font-stretch:68%;display:none}html:not(.loupe-live) .work-link:hover .work-cover,.work-row.is-pointed .work-cover,.work-link:focus-visible .work-cover{border-color:var(--accent)}html:not(.loupe-live) .work-link:hover .work-cover .cover-art,.work-row.is-pointed .work-cover .cover-art{opacity:.16;filter:saturate(.35)}.work-float{z-index:40;aspect-ratio:16/10;pointer-events:none;opacity:0;visibility:hidden;border:1px solid var(--line);background:var(--bg);will-change:transform;width:min(34vw,460px);position:fixed;top:0;left:0;overflow:hidden}.work-float .loupe{opacity:0;will-change:transform;width:100%;height:auto;transition:opacity .35s;position:absolute;top:0;left:0}.work-float .loupe.is-active{opacity:1}.work-float svg{width:100%;height:100%}.about-intro{font-family:var(--font-voice);font-optical-sizing:auto;letter-spacing:-.005em;max-width:24ch;margin-bottom:var(--flow-gap);font-size:clamp(1.5rem,2.9vw,2.7rem);font-weight:400;line-height:1.24}.about-intro .sl{display:block;overflow:hidden}.about-intro .sl--gap{margin-top:.55em}.about-intro .sli{will-change:transform;display:block}#about{padding-bottom:var(--sec-pad-tight)}.caps{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.cap,.footer-col{border-top:1px solid var(--line);padding-top:20px;padding-inline-end:clamp(14px,2vw,36px)}.cap-title,.footer-label{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--signal-ink);background:rgb(var(--signal-rgb,71 207 121) / .9);margin-bottom:16px;padding-inline:.08em;font-size:.8rem;font-weight:620;font-stretch:68%;line-height:1.1;display:inline-block}.cap-list li{color:var(--ink-dim);padding:9px 0;font-size:.95rem}.footer{padding-top:var(--sec-pad-tight);padding-bottom:24px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:0;padding-bottom:40px;display:grid}.footer-col{border-top-color:var(--signal)}.footer-col a,.footer-col p:not(.footer-label){width:fit-content;color:var(--ink);padding:3px 0;font-size:.95rem;display:block}.footer-col a{position:relative}.footer-col a:after{content:"";background:var(--signal);transform-origin:100%;height:1px;transition:transform .4s var(--ease-out);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.footer-col a:hover:after{transform-origin:0;transform:scaleX(1)}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;display:flex}.to-top{color:var(--ink)}.to-top:hover{color:var(--signal)}.brand,.to-top,.menu-foot a{position:relative}.brand:after,.to-top:after,.menu-foot a:after{content:"";height:max(24px,100%);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cursor-tag{z-index:90;pointer-events:none;transform-origin:0 0;background:var(--accent);color:var(--signal-ink);white-space:nowrap;opacity:0;transition:opacity .18s var(--ease-out), scale .18s var(--ease-out), background-color .3s ease;will-change:transform;border-radius:3px 12px 12px;margin:16px 0 0 14px;padding:5px 9px;font-size:.62rem;position:fixed;top:0;left:0;scale:.85}.cursor-tag.is-on{opacity:1;scale:1}@media (width<=1023px),(pointer:coarse){.caps,.footer-grid{grid-template-columns:repeat(2,1fr);row-gap:clamp(32px,5vh,56px)}.footer-grid{border-top:1px solid var(--signal);padding-top:20px}.footer-col{border-top:0;padding-top:0}.guides{display:none}.work-link{grid-template-columns:1fr 3rem;grid-template-areas:".arrow""cover cover""main main""meta meta";align-items:start;row-gap:22px}.work-cover{aspect-ratio:16/10}.work-cover .cover-art{display:none}.work-cover .cover-shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.work-cover .loupe-sm{opacity:0;will-change:transform;width:100%;height:auto;transition:opacity .45s;position:absolute;top:0;left:0}.work-cover .loupe-sm.is-ready{opacity:1}.work-cover.has-loupe .cover-shot{opacity:0}.work-meta{text-align:left}.work-float{display:none}.sec-title{text-align:left}.sec-head{flex-wrap:wrap}}@media (width<=767px){.nav-links{display:none}.menu-btn{display:block}.guides i:first-child,.guides i:nth-child(3){display:none}.hero{padding-top:96px}.hero-title{font-size:var(--title-size)}.hero-content{--title-size:min(clamp(2.5rem, 12.6vw, 5.5rem), calc((100vw - 2 * var(--gutter)) / 7.1))}.hl--2{margin-left:0}.work-link{grid-template-columns:1fr 3rem;grid-template-areas:".arrow""cover cover""main main""meta meta";row-gap:18px}.work-title{font-size:clamp(1.55rem,6.8vw,2.2rem)}.caps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}}