@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.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{--color-bg: oklch(.945 .003 258);--color-ink: oklch(.15 .006 258);--color-ink-muted: oklch(.44 .008 258);--color-inverse: oklch(.95 0 0);--color-accent: oklch(.73 .14 57);--color-line: oklch(.15 .006 258 / .3);--color-line-strong: oklch(.15 .006 258 / .5);--color-line-inverse: oklch(.95 0 0 / .5);--color-noise: oklch(.15 .006 258 / .12);--color-orbit-muted: oklch(.15 .006 258 / .16);--color-grid: oklch(.15 .006 258 / .08);--color-grid-inverse: oklch(.95 0 0 / .2);--font-display: "Archivo Variable", ui-sans-serif, system-ui, sans-serif;--font-body: "Archivo Variable", ui-sans-serif, system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);color:var(--color-ink);background:var(--color-bg);font-family:var(--font-body);font-synthesis:none;font-kerning:normal}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-bg)}a{color:inherit}button{font:inherit}main{overflow:hidden;position:relative}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.noise{background-image:radial-gradient(var(--color-noise) .65px,transparent .8px);background-size:5px 5px;inset:0;opacity:.22;pointer-events:none;position:fixed;z-index:5}.site-nav{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr 1fr;left:0;padding:24px clamp(20px,4vw,64px);position:absolute;top:0;width:100%;z-index:4}.wordmark{align-items:center;display:inline-flex;font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:-.04em;line-height:.75;min-height:44px;text-decoration:none}.wordmark span{font-size:.45rem;letter-spacing:0;margin-left:3px;vertical-align:top}.site-nav p,.nav-links{font-size:.68rem;font-weight:700;letter-spacing:.035em;line-height:1.35;margin:0}.nav-links{display:flex;gap:clamp(12px,2.6vw,40px);justify-content:flex-end}.nav-links a{align-items:center;display:inline-flex;min-height:44px;text-decoration:none;transition:opacity .25s var(--ease-out)}.nav-links a:hover{opacity:.5}.hero{align-items:end;display:grid;gap:24px;grid-template-columns:1.25fr .75fr;isolation:isolate;min-height:min(860px,100svh);padding:132px clamp(20px,4vw,64px) 48px;position:relative}.hero:before{border:1px solid var(--color-orbit-muted);border-radius:50%;content:"";height:min(77vw,920px);position:absolute;right:-16vw;top:-22vw;width:min(77vw,920px)}.hero-grid{background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:58px 58px;height:63%;left:-22%;-webkit-mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent);mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent);opacity:.75;pointer-events:none;position:absolute;top:31%;transform:perspective(740px) rotateX(68deg) scale(1.55);transform-origin:center top;width:144%;z-index:-1;animation:grid-advance 4.4s linear infinite}.hero-copy{max-width:810px;position:relative;z-index:2}.status,.section-stamp{font-size:.63rem;font-weight:800;letter-spacing:.12em;margin:0}.status{align-items:center;display:flex;gap:8px;margin-bottom:clamp(24px,6vw,76px)}.status span{animation:blink 1.6s ease-in-out infinite;background:var(--color-accent);border-radius:50%;height:8px;width:8px}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance}h1{font-size:clamp(3.35rem,7vw,6rem);font-weight:720;letter-spacing:-.038em;line-height:.88}h1 span{display:block}h1 .indent{margin-left:clamp(16px,8vw,150px)}h1 .hollow{color:transparent;-webkit-text-stroke:1.5px var(--color-ink)}.hero-note{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.55;margin:clamp(28px,5vw,72px) 0 20px clamp(12px,8vw,150px);max-width:34ch}.arrow-link{align-items:center;border-bottom:1px solid currentColor;display:inline-flex;font-size:.875rem;font-weight:720;gap:24px;margin-left:clamp(12px,8vw,150px);min-height:44px;padding-bottom:6px;text-decoration:none}.arrow-link span{font-size:1.2rem;transition:transform .3s var(--ease-out)}.arrow-link:hover span{transform:translateY(5px)}.hero-motion{align-self:center;height:min(39vw,470px);justify-self:end;margin-bottom:14px;position:relative;width:min(39vw,470px);z-index:1}.motion-fallback{align-items:center;background:var(--color-ink);border-radius:50%;color:var(--color-accent);display:flex;font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-weight:800;height:100%;justify-content:center;letter-spacing:-.08em;width:100%}.hero-side{bottom:48px;font-size:.56rem;font-weight:800;letter-spacing:.13em;position:absolute;right:17px;transform:rotate(-90deg) translate(100%);transform-origin:right bottom}.pulse-stage{background:var(--color-ink);border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.pulse-grid{background-image:linear-gradient(var(--color-grid-inverse) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-inverse) 1px,transparent 1px);background-size:36px 36px;height:100%;left:0;-webkit-mask-image:linear-gradient(to bottom,transparent,black 26%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 26%,black 82%,transparent);position:absolute;top:17%;transform-origin:center top;width:100%}.orbit{border:1px solid var(--color-line-inverse);border-radius:50%;left:50%;position:absolute;top:50%;transform-origin:center;white-space:nowrap}.orbit span{color:var(--color-inverse);display:block;font-family:var(--font-body);font-size:8px;font-weight:700;letter-spacing:.18em;position:absolute;top:-4px}.orbit-one{height:80%;width:80%}.orbit-one span{left:20%}.orbit-two{border-color:var(--color-accent);height:53%;width:53%}.orbit-two span{color:var(--color-accent);left:12%}.pulse-core{align-items:center;background:var(--color-accent);border-radius:50%;display:flex;height:38%;justify-content:center;left:50%;position:absolute;top:50%;width:38%}.pulse-core i{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-style:normal;font-weight:900;letter-spacing:-.08em}.pulse-marks{height:100%;left:0;position:absolute;top:0;width:100%}.pulse-marks b{background:var(--color-inverse);height:8px;left:calc(50% - 1px);position:absolute;top:50%;transform-origin:1px 1px;width:2px}.pulse-caption{bottom:15%;color:var(--color-inverse);font-size:8px;font-weight:700;left:50%;letter-spacing:.15em;position:absolute;transform:translate(-50%)}.manifesto{border-top:1px solid var(--color-line);display:grid;grid-template-columns:1fr 2fr;margin:0 clamp(20px,4vw,64px);padding:clamp(24px,4vw,64px) 0 clamp(90px,16vw,230px)}.manifesto-copy{font-size:clamp(2rem,4.7vw,5.4rem);font-weight:620;letter-spacing:-.038em;line-height:.98;max-width:14ch;position:relative}.manifesto-copy p{margin:0}.manifesto em{color:var(--color-accent);font-style:normal}.bent-arrow{font-size:clamp(3rem,6vw,7rem);position:absolute;right:-12vw;top:65%;transform:rotate(18deg)}.work{background:var(--color-ink);color:var(--color-inverse);padding:clamp(68px,10vw,160px) clamp(20px,4vw,64px)}.work-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:clamp(48px,7vw,100px)}.work h2,.contact h2{font-size:clamp(3rem,6vw,6rem);font-weight:720;letter-spacing:-.038em;line-height:.9}.work-list{border-top:1px solid var(--color-line-inverse)}.project{align-items:center;border-bottom:1px solid var(--color-line-inverse);display:grid;gap:20px;grid-template-columns:2fr 1fr auto;min-height:152px;transition:color .3s var(--ease-out)}.project:hover{color:var(--color-accent)}.project span,.project p{font-size:.7rem;font-weight:700;letter-spacing:.05em}.project p{margin:0;opacity:.7}.project h3{font-size:clamp(1.65rem,3vw,3.6rem);letter-spacing:-.03em}.project a{align-items:center;display:flex;font-size:2rem;height:44px;justify-content:center;text-decoration:none;transition:transform .3s var(--ease-out);width:44px}.project:hover a{transform:translate(4px,-4px)}.ticker{background:var(--color-accent);color:var(--color-ink);font-family:var(--font-display);font-size:clamp(1.6rem,3.7vw,4.3rem);font-weight:800;letter-spacing:-.038em;overflow:hidden;padding:14px 0;white-space:nowrap}.ticker div{animation:marquee 18s linear infinite;width:max-content}.ticker b{font-family:var(--font-body);font-size:.65em;padding-inline:.22em}.contact{min-height:78vh;padding:clamp(68px,10vw,150px) clamp(20px,12vw,190px) 28px;position:relative}.contact h2{margin:clamp(30px,7vw,90px) 0 20px}.contact h2 span{color:transparent;-webkit-text-stroke:1.5px var(--color-ink)}.contact>p:not(.section-stamp){font-size:1.1rem;line-height:1.5;max-width:30ch}.email-button{align-items:center;border-bottom:2px solid var(--color-ink);color:inherit;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2.5rem);font-weight:800;gap:28px;letter-spacing:-.03em;margin-top:clamp(40px,7vw,90px);min-height:52px;padding:0 0 10px;text-align:left;text-decoration:none;transition:color .25s var(--ease-out)}.email-button:hover{color:var(--color-accent)}.email-button span{font-family:var(--font-body)}footer{align-items:end;bottom:28px;display:grid;font-size:.58rem;font-weight:800;gap:20px;grid-template-columns:1fr auto 1fr;left:clamp(20px,4vw,64px);letter-spacing:.1em;position:absolute;right:clamp(20px,4vw,64px)}footer>span:last-child{text-align:right}.nordik-link{align-items:center;display:inline-flex;min-height:44px;text-decoration:none;transition:color .25s var(--ease-out)}.nordik-link:hover{color:var(--color-accent)}@keyframes blink{50%{opacity:.2;transform:scale(.6)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes grid-advance{to{background-position:0 58px,0 58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:760px){.site-nav{grid-template-columns:1fr 1fr}.site-nav p{display:none}.hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:760px;padding-top:116px}.hero-motion{height:min(70vw,380px);margin:0;width:min(70vw,380px)}.hero-side{display:none}.hero-note,.arrow-link{margin-left:0}.manifesto{display:block}.manifesto .section-stamp{margin-bottom:42px}.bent-arrow{right:4vw}.work-heading{align-items:flex-start;flex-direction:column;gap:32px}.project{grid-template-columns:1fr auto;min-height:120px}.project p{display:none}.contact{min-height:700px;padding-inline:20px}footer{align-items:start;bottom:22px;gap:10px;grid-template-columns:1fr;left:20px;right:20px}footer>span:last-child{text-align:left}}
