@font-face{font-family:editorial;src:url(../media/bricolage_grotesque_latin_standard_normal-s.p.1zacozkvj86kq.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:editorial Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}.editorial_2fe16553-module__fpJGQW__className{font-family:editorial,editorial Fallback}.editorial_2fe16553-module__fpJGQW__variable{--font-editorial:"editorial", "editorial Fallback"}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.25_05y-blbp24.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.20ixcot5hpnm-.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(../media/ibm-plex-mono-latin-700-normal.4297h2yzxl-t8.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-700-normal.39hlac8pcrcj4.woff)format("woff")}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f5ef;--surface:#ecefe6;--surface-alt:#e3e8dd;--border:#d0d4ca;--foreground:#203d35;--secondary:#4c5750;--muted:#626c63;--accent:#285c46;--accent-hover:#194631;--accent-pressed:#103b27;--radius:2px;--font-sans:"Manrope Variable", Arial, sans-serif;--font-mono:"IBM Plex Mono", monospace;--gutter:clamp(1.25rem, 8.333vw, 7.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--background);color:var(--foreground);font:400 1.0625rem/1.7 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[tabindex="-1"]:focus{outline:none}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.14;font-family:var(--font-editorial), Georgia, serif;font-optical-sizing:auto;font-weight:400}h1{letter-spacing:-.045em;font-size:clamp(3.5rem,6.1vw,5.5rem)}h2{letter-spacing:-.025em;font-size:clamp(2rem,3.1vw,2.75rem)}h3{letter-spacing:-.02em;font-size:2rem}p{color:var(--secondary)}.container{width:min(100% - var(--gutter) * 2, 72.5rem);margin-inline:auto}.section{padding-block:4.5rem}.section-heading{margin-bottom:2.5rem}.eyebrow,.caption{color:var(--secondary);font:400 .875rem/1.6 var(--font-sans);margin-bottom:.625rem}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;min-height:6.5rem;display:flex}.brand{align-items:center;min-height:44px;font-size:1rem;font-weight:700;display:inline-flex}.desktop-navigation{align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.desktop-navigation>a{padding-block:.75rem}.desktop-navigation>a:hover,.site-footer a:hover{color:var(--accent);text-underline-offset:.25em;text-decoration:underline}.button{background:var(--accent);min-height:46px;color:var(--on-accent);border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;padding:.8125rem 1.125rem;font-size:.9375rem;font-weight:600;line-height:1.35;transition:background-color .2s,color .2s;display:inline-flex}.button:hover{background:var(--accent-hover)}.button:active{background:var(--accent-pressed)}.button-outline{color:var(--accent);border-color:var(--border);background:0 0}.button-outline:hover{background:var(--surface)}.arrow-link{min-height:44px;color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:.3em;align-items:center;gap:.5rem;padding-block:.625rem;font-size:.9375rem;font-weight:600;line-height:1.4;transition:color .2s;display:inline-flex}.arrow-link:hover{color:var(--accent-hover);text-decoration-color:currentColor}.arrow-link>span{transition:transform .2s}.arrow-link:is(:hover,:focus-visible)>span{transform:translate(2px,-2px)}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.hero{grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);align-items:start;gap:5rem;padding-block:5rem 4.5rem;display:grid}.hero .actions{margin-top:1.5rem}.project{border-block:1px solid var(--border);padding-block:2.5rem}.project h3{margin-bottom:1rem;font-size:clamp(2.25rem,4vw,3.25rem)}.project .actions{margin-top:1.25rem}.experience{border-top:1px solid var(--border)}.timeline,.timeline ul{margin:0;padding:0;list-style:none}.timeline-company{border-bottom:1px solid var(--border);grid-template-columns:13rem minmax(0,1fr);gap:3rem;padding-block:1.75rem;display:grid}.timeline-company h3{font:600 1rem/1.6 var(--font-sans)}.timeline-role{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.timeline-role+.timeline-role{margin-top:1rem}.timeline-role>p:first-child{color:var(--foreground);font-weight:500}.period{white-space:nowrap;font-size:.8125rem}.experience-description{max-width:65ch;margin-top:.75rem;font-size:.9375rem}.trajectory-foot{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin-top:2.5rem;display:grid}.education>p:not(.caption){margin-top:.5rem;font-size:.875rem}.site-footer{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-block:2rem;display:grid}.site-footer nav{gap:1.5rem;display:flex}.site-footer nav a{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.site-footer p{grid-column:1/-1;font-size:.8125rem}.skip-link{z-index:10;background:var(--accent);color:var(--on-accent);padding:.75rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.mobile-navigation{display:none}.mobile-menu{background:var(--surface);color:var(--foreground);border:0;width:100%;max-width:none;max-height:100dvh;margin:0;padding:0}.mobile-menu::backdrop{background:#00000080}.mobile-menu-heading{background:var(--background);justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.mobile-menu nav{flex-direction:column;gap:.75rem;padding:1rem 1.25rem 2rem;display:flex}.mobile-menu nav>a:not(.button){min-height:44px;padding:.75rem 0}.mobile-menu .button{justify-content:flex-start;margin-top:.5rem}.menu-toggle{width:44px;height:44px;color:var(--foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:10px;display:flex}.menu-icon{flex-direction:column;gap:6px;width:22px;display:flex}.menu-icon span{background:currentColor;width:100%;height:1.5px}.close-icon{width:22px;height:22px;position:relative}.close-icon:before,.close-icon:after{content:"";background:currentColor;width:24px;height:1.5px;position:absolute;top:10px;left:0;transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.case-study{max-width:48rem;padding-block:4rem}.case-study h1{margin-block:1.5rem;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.12}.case-study h2{margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.case-study section{margin-top:3rem}.case-study p+p,.case-study ul{margin-top:1rem}.case-study li{margin-bottom:.75rem}.case-study ul{padding-left:1.25rem}.case-study a:not(.button):not(.arrow-link){color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.case-study .actions{margin-top:2rem}.case-study pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);font:.9375rem/1.6 var(--font-mono);margin-top:1rem;padding:1.25rem}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.theme-toggle{min-width:44px;min-height:44px;color:var(--secondary);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1.15rem;line-height:1;display:inline-flex}.theme-toggle:hover,.theme-toggle[aria-pressed=true]{color:var(--accent)}.theme-toggle>span[aria-hidden]{transition:transform .3s}.theme-toggle[aria-pressed=true]>span[aria-hidden]{transform:rotate(180deg)}.language-switch{white-space:nowrap;align-items:center;gap:.125rem;font-size:.8125rem;display:flex}.language-switch a{min-width:44px;min-height:44px;color:var(--secondary);justify-content:center;align-items:center;display:inline-flex}.language-switch a[aria-current],.language-switch a:hover{color:var(--accent);text-underline-offset:.3em;text-decoration:underline}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header:has(.desktop-navigation) .header-controls{flex-wrap:nowrap;flex-shrink:0;gap:.25rem}@media (max-width:74.99rem){:root{--gutter:3rem}.hero{gap:3rem}.timeline-company{grid-template-columns:10rem minmax(0,1fr);gap:2rem}.timeline-role{flex-direction:column;gap:.25rem}.site-header{flex-wrap:wrap;gap:.5rem 1rem;padding-block:1rem}.desktop-navigation{order:3;justify-content:space-between;width:100%}}@media (max-width:59.99rem){.hero{grid-template-columns:1fr;gap:2rem}.trajectory-foot{column-gap:2rem}}@media (max-width:47.99rem){:root{--gutter:1.25rem}body{font-size:1rem}.site-header{flex-wrap:nowrap;gap:.5rem;min-height:5.5rem}.brand{font-size:.875rem}.desktop-navigation{display:none}.mobile-navigation{display:block}.hero{gap:1.75rem;padding-block:3rem}.hero h1{max-width:10ch;font-size:clamp(3.25rem,14vw,4.5rem)}.section{padding-block:3rem}.section-heading{margin-bottom:1.5rem}.project{padding-block:1.75rem}.trajectory-foot,.timeline-company{grid-template-columns:1fr}.project .actions{flex-direction:column;align-items:flex-start;gap:0}.timeline-company{gap:.5rem;padding-block:1.5rem}.trajectory-foot{gap:2rem}.site-footer{grid-template-columns:1fr}.case-study{padding-block:2.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.arrow-link:is(:hover,:focus-visible)>span{transform:none}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--lightningcss-light,#f5f2ea)var(--lightningcss-dark,#191a16);--surface:var(--lightningcss-light,#e9e5da)var(--lightningcss-dark,#22231e);--surface-alt:var(--lightningcss-light,#ded9cc)var(--lightningcss-dark,#2c2d27);--foreground:var(--lightningcss-light,#22231f)var(--lightningcss-dark,#ecebe3);--secondary:var(--lightningcss-light,#595b52)var(--lightningcss-dark,#bdbeb2);--muted:var(--lightningcss-light,#64665e)var(--lightningcss-dark,#a9ab9f);--border:var(--lightningcss-light,#cdcbbf)var(--lightningcss-dark,#3f403a);--accent:var(--lightningcss-light,#a83213)var(--lightningcss-dark,#ff8a62);--accent-hover:var(--lightningcss-light,#792309)var(--lightningcss-dark,#ffa585);--accent-pressed:var(--lightningcss-light,#60200f)var(--lightningcss-dark,#ffbca3);--on-accent:var(--lightningcss-light,#f5f2ea)var(--lightningcss-dark,#191a16);--signal:#ff764b;--ink:var(--lightningcss-light,#22231f)var(--lightningcss-dark,#0e0f0c);--on-ink:#f5f2ea;--tint:var(--lightningcss-light,#e7e1f0)var(--lightningcss-dark,#27222f);--tint-strong:var(--lightningcss-light,#d8cbe9)var(--lightningcss-dark,#352d42);--tint-text:var(--lightningcss-light,#76509b)var(--lightningcss-dark,#c7a6ea);--line:var(--lightningcss-light,#22231f55)var(--lightningcss-dark,#ecebe355);--gutter:clamp(1.25rem, 5vw, 5rem)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-size:1rem}h1,h2,h3{letter-spacing:-.025em;font-variation-settings:"opsz" 96, "wdth" 95;font-weight:650}h1{line-height:.95}h2{white-space:pre-line;font-size:clamp(2.4rem,4vw,4rem);line-height:1.04}h3{font-size:2rem}.container{width:min(100% - var(--gutter) * 2, 80rem)}.kicker{font:400 .72rem/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--secondary)}.site-header{border-bottom:1px solid var(--foreground);flex-wrap:nowrap;min-height:6.5rem;padding-block:0}.brand{gap:.65rem}.brand-mark{font-family:var(--font-editorial), sans-serif;letter-spacing:-.09em;font-size:2.7rem;font-weight:750;line-height:1}.brand-mark>span{color:var(--accent)}.brand-name{font-size:.72rem;font-weight:600;line-height:1.25}.desktop-navigation{order:0;gap:2rem;width:auto;font-size:.875rem}.desktop-navigation a{position:relative}.desktop-navigation a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s;position:absolute;inset:auto 0 .5rem;transform:scaleX(0)}.desktop-navigation a:hover{text-decoration:none}.desktop-navigation a:is(:hover,[aria-current]):after{transform:scaleX(1)}.desktop-navigation a[aria-current]{color:var(--foreground);font-weight:650}.language-switch{font-family:var(--font-mono)}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:4.5rem;padding-block:4.5rem 5rem}.hero h1{letter-spacing:-.055em;margin-block:2rem;font-size:clamp(5rem,8.6vw,8.5rem);line-height:.9}.hero h1>span{animation:.7s cubic-bezier(.2,.7,.2,1) both type-arrive;display:block}.hero h1>span:nth-child(2){animation-delay:90ms}.name-period{color:var(--accent)}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:.45rem;display:inline-block}.hero-statement{font:550 clamp(1.3rem, 2vw, 1.8rem)/1.3 var(--font-editorial), sans-serif;letter-spacing:-.025em;color:var(--foreground);max-width:24ch}.hero-description{max-width:45ch;margin-top:1.25rem;font-size:.9375rem}.text-link{min-height:44px;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:.3em;align-items:center;gap:1rem;padding-block:.5rem;font-size:.9rem;font-weight:650;display:inline-flex}.text-link>span{transition:transform .25s;display:inline-block}.text-link:hover{color:var(--accent);text-decoration-color:currentColor}.text-link:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}.hero .text-link{margin-top:1.4rem}.layer-explorer{background:var(--ink);color:var(--on-ink);box-shadow:8px 8px 0 var(--surface-alt);padding:1.5rem;position:relative}.explorer-heading{justify-content:space-between;gap:1rem;display:flex}.explorer-heading .kicker{color:#d5d5c9}.explorer-count{font:.7rem/1.6 var(--font-mono);color:var(--signal)}.layer-stage{perspective:900px;height:270px;margin-block:1rem .5rem;position:relative;overflow:hidden}.layer-lines{background-image:linear-gradient(#ffffff0c 1px,#0000 1px),linear-gradient(90deg,#ffffff0c 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.layer{width:76%;height:140px;transform-style:preserve-3d;color:#22231f;border:1px solid #22231f;padding:1rem 1.5rem;transition:transform .65s cubic-bezier(.2,.7,.2,1),background .4s,opacity .4s;position:absolute;top:55px;left:12%;box-shadow:0 16px 24px #0003}.layer>span{font:.65rem var(--font-mono)}.layer strong{font:650 1.8rem/1 var(--font-editorial), sans-serif;letter-spacing:-.04em;margin-top:.25rem;display:block}.layer-back{background:#ced8a9;transform:translateY(54px)rotateX(45deg)rotate(-13deg)}.layer-middle{background:#c8b9f2;transform:translateY(11px)rotateX(45deg)rotate(-13deg)}.layer-front{background:var(--signal);transform:translateY(-35px)rotateX(45deg)rotate(-13deg)}.layer>i{background:#22231f22;width:70%;height:8px;margin-top:1rem;display:block}.mini-interface{gap:8px;margin-top:1rem;display:flex}.mini-interface i{border:1px solid;width:20%;height:17px}.mini-interface i:first-child{background:#22231f;width:40%}.layer-explorer[data-active="1"] .layer-front{opacity:.25;transform:translate(95px,-75px)rotateX(45deg)rotate(-13deg)}.layer-explorer[data-active="1"] .layer-middle{transform:translateY(-25px)rotateX(20deg)rotate(-5deg)}.layer-explorer[data-active="2"] .layer-front{opacity:.12;transform:translate(160px,-85px)rotateX(45deg)rotate(-13deg)}.layer-explorer[data-active="2"] .layer-middle{opacity:.25;transform:translate(100px,-55px)rotateX(45deg)rotate(-13deg)}.layer-explorer[data-active="2"] .layer-back{transform:translateY(-15px)rotateX(10deg)rotate(0)}.layer-controls{border-block:1px solid #74756c;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.layer-controls button{border:0;color:#e8e8df;text-align:left;background:0 0;border-right:1px solid #74756c;min-height:57px;padding:.5rem .35rem;font-size:.72rem}.layer-controls button:last-child{border:0}.layer-controls button span{font:.6rem var(--font-mono);margin-bottom:.15rem;display:block}.layer-controls button[aria-pressed=true]{color:#22231f;background:var(--signal);padding-left:.65rem}.layer-controls button:not([aria-pressed=true]):hover{color:#fff;background:#4a4b43}.layer-controls button:focus-visible{outline-color:var(--signal);outline-offset:3px;z-index:2;position:relative}.layer-detail{min-height:193px;padding-top:1.3rem}.layer-detail h2{letter-spacing:-.025em;font-size:1.45rem}.layer-detail p{color:#d5d5c9;margin-top:.5rem;font-size:.8rem;line-height:1.65}.layer-detail code{font:.67rem/1.5 var(--font-mono);color:#fda788;overflow-wrap:anywhere;margin-top:1rem;display:block}.layer-explorer noscript p{color:#d5d5c9;font-size:.8rem}.section-title{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.section-title h2{margin-top:.7rem}.home-work{padding-block:3rem 6rem}.project-preview{border-block:1px solid var(--foreground);grid-template-columns:1.4fr 1fr;text-decoration:none;display:grid}.project-art{color:#22231f;background:#ced8a9;flex-direction:column;justify-content:space-between;min-height:360px;padding:1.5rem 2rem;display:flex;overflow:hidden}.art-topline,.art-bottom{font:.65rem/1.6 var(--font-mono);justify-content:space-between;display:flex}.hevy-word{font:750 clamp(5rem, 10vw, 10rem)/1 var(--font-editorial), sans-serif;letter-spacing:-.085em;align-items:center;gap:1rem;display:flex}.hevy-word>span{font-size:.75em;font-weight:400;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:inline-block}.art-flow{font:.72rem var(--font-mono);align-items:center;width:90%;margin-block:1rem;display:flex}.art-flow>span{text-align:center;border:1px solid #22231f80;min-width:60px;padding:.5rem}.art-flow i{background:#22231f80;flex:1;height:1px;position:relative}.art-flow i:after{content:"";border-top:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.project-preview-copy{flex-direction:column;justify-content:space-between;align-items:start;gap:2rem;padding:2.5rem 0 2.5rem 3rem;display:flex}.project-preview-copy h3{margin-block:.8rem 1.2rem;font-size:clamp(2rem,3.5vw,3.2rem)}.project-preview-copy p:not(.kicker){max-width:34ch}.round-arrow{border:1px solid var(--foreground);border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.7rem;transition:transform .3s,background .3s;display:grid}.project-preview:is(:hover,:focus-visible) .round-arrow{background:var(--signal);transform:rotate(45deg)}.project-preview:is(:hover,:focus-visible) .hevy-word>span{transform:translate(12px,-12px)rotate(8deg)}.home-journal{background:var(--tint);border-block:1px solid var(--foreground);padding-block:5rem}.journal-grid{grid-template-columns:1fr 1fr;gap:6rem;display:grid}.journal-grid h2{margin-block:.75rem 1.5rem}.journal-grid>div>p:not(.kicker){max-width:35ch}.journal-grid>div>.text-link{margin-top:1rem}.journal-feature{border-left:1px solid var(--line);padding:1.5rem 0 0 2rem;display:block}.check-art{height:160px;font:650 8rem/1 var(--font-editorial);letter-spacing:-.1em;align-items:center;gap:.5rem;display:flex}.check-art span:first-child{transition:transform .4s;display:inline-block;transform:rotate(-12deg)}.check-art span:last-child{color:var(--tint-text)}.journal-feature:hover .check-art span:first-child{transform:rotate(5deg)translateY(-6px)}.journal-feature h3{margin-block:.5rem 1rem;font-size:clamp(1.8rem,3vw,2.8rem)}.site-footer{background:var(--ink);color:var(--on-ink);border:0;margin:0;padding-block:3.5rem 1.5rem;display:block}.footer-top{border-bottom:1px solid #65665d;grid-template-columns:1fr 2fr;align-items:start;padding-bottom:3rem;display:grid}.footer-top .kicker{color:#c4c7b8;margin-top:1rem}.footer-invite{font:650 clamp(3.5rem, 8vw, 8rem)/1 var(--font-editorial), sans-serif;letter-spacing:-.04em;justify-content:space-between;gap:1rem;display:flex}.footer-invite>span{color:var(--signal);transition:transform .3s}.footer-invite:hover>span{transform:translate(6px,-6px)}.site-footer a:hover{color:var(--signal);text-decoration:none}.footer-bottom{grid-template-columns:1fr 1fr 1fr;gap:2rem;padding-block:2rem;display:grid}.footer-bottom p{color:var(--on-ink);font-size:.95rem}.footer-bottom p span{color:#c4c7b8;font-size:.75rem}.footer-bottom nav,.footer-social{flex-direction:column;align-items:start;gap:0;display:flex}.footer-social a{align-items:center;min-height:44px;font-size:.875rem;display:flex}.site-footer .colophon{font:.65rem/1.6 var(--font-mono);color:#c4c7b8}.page-intro{padding-block:4.5rem 4rem}.page-intro h1{white-space:pre-line;max-width:14ch;margin-block:1.5rem 2rem;font-size:clamp(3.75rem,8vw,8rem)}.page-intro p:not(.kicker){max-width:55ch;font-size:1.125rem}.project-afterword{grid-template-columns:1fr 1fr;gap:5rem;padding-block:5rem;display:grid}.project-afterword h2{font-size:2.7rem}.project-afterword .text-link{margin-top:1rem}.about-copy{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.about-intro h1{max-width:16ch}.experience{border-top:1px solid var(--foreground)}.experience .section-heading .eyebrow,#charlas .eyebrow{font:400 .72rem/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}#charlas{padding-bottom:5rem}.blog-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:0 4rem;display:grid}.blog-intro>.kicker{grid-column:1/-1}.blog-intro h1{margin-bottom:0}.blog-intro>div>.text-link{margin-top:1rem}.blog-list{padding-bottom:5rem}.blog-entry{border-block:1px solid var(--foreground);grid-template-columns:180px minmax(0,1fr);gap:3rem;padding-block:3rem;display:grid}.entry-number{font:650 6rem/1 var(--font-editorial);color:var(--accent);letter-spacing:-.07em}.post-meta{font:.7rem/1.6 var(--font-mono);color:var(--secondary);flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.blog-entry h2{max-width:26ch;margin-block:1rem;font-size:clamp(2rem,4vw,3.6rem)}.blog-entry h2 a>span{color:var(--accent);margin-left:.5rem;transition:transform .3s;display:inline-block}.blog-entry h2 a:hover>span{transform:translate(5px,-5px)}.blog-entry h2 a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.blog-entry p{max-width:65ch}.post-tags{flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.post-tags li{font:.7rem/1.6 var(--font-mono);color:var(--secondary)}.post-tags li:before{content:"#";color:var(--accent)}.article-page{max-width:65rem;padding-block:3rem 5rem}.article-heading h1{max-width:19ch;margin-block:1.5rem;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1.02}.article-heading .post-meta{margin-top:2rem}.article-deck{max-width:57ch;font-size:1.2rem}.article-cover{background:var(--tint);justify-content:center;align-items:center;gap:2rem;min-height:240px;margin-block:2.5rem 3.5rem;display:flex;overflow:hidden}.article-cover>span{font:500 .9rem var(--font-mono);border:1px solid;padding:1rem}.article-cover>i{font-size:2rem;font-style:normal}.article-cover>strong{font:650 7rem/1 var(--font-editorial);letter-spacing:-.12em;transform:rotate(-8deg)}.article-cover em{color:var(--tint-text);font-style:normal}.render-diagram{margin-block:2.5rem 3.5rem}.render-diagram figcaption{margin-top:.75rem}.render-grid{--build:16.667%;--server:50%;--browser:83.333%;background:var(--tint);font:500 .75rem var(--font-mono);grid-template-columns:minmax(6.5rem,auto) repeat(3,1fr);align-items:center;row-gap:1.25rem;padding:2rem clamp(1rem,4vw,3rem);display:grid}.render-column{text-align:center;color:var(--secondary);text-transform:uppercase;letter-spacing:.06em}.render-row{display:contents}.render-row p{margin:0;display:grid}.render-row strong{font-size:.95rem}.render-row small{color:var(--secondary);font-size:.7rem}.render-track{grid-column:2/-1;height:2.5rem;position:relative}.render-track:before{content:"";inset:50% calc(100% - var(--browser)) auto var(--build);border-top:1px dashed var(--line);position:absolute}.render-track>*{position:absolute;top:50%;translate:-50% -50%}.render-track>i{border:1px solid var(--foreground);background:var(--tint);width:.6rem;height:.6rem}.render-track>i:first-child{left:var(--build)}.render-track>i:nth-child(2){left:var(--server)}.render-track>i:nth-child(3){left:var(--browser)}.render-work{border:2px solid var(--tint-text);width:2rem;height:2rem;left:var(--build);border-radius:50%}.render-ssr .render-work,.render-revalidate{left:var(--server)}.render-csr .render-work{left:var(--browser)}.render-page{border:2px solid var(--foreground);background:var(--foreground);width:.9rem;height:1.15rem;left:var(--browser)}.render-fresh{border-color:var(--accent);background:var(--accent);left:var(--server)}.render-request{background:var(--accent);width:.5rem;height:.5rem;left:var(--server);opacity:0;border-radius:50%}.render-track>b{animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.render-ssg .render-work,.render-isr .render-work:not(.render-revalidate){animation-name:render-build}.render-ssg .render-page,.render-isr .render-page:not(.render-fresh){animation-name:render-cached}.render-ssr .render-request{animation-name:render-request}.render-ssr .render-work{animation-name:render-on-request}.render-ssr .render-page{animation-name:render-late}.render-revalidate{animation-name:render-revalidate}.render-fresh{animation-name:render-fresh}.render-csr .render-work{animation-name:render-in-browser}.render-csr .render-page{animation-name:render-shell}@keyframes render-build{0%,20%{opacity:1;scale:1}10%{scale:1.25}24%,to{opacity:0}}@keyframes render-cached{0%,6%{left:var(--build);opacity:0}10%{left:var(--build);opacity:1}20%,32%{left:var(--server)}42%,to{left:var(--browser)}}@keyframes render-request{0%,28%{left:var(--browser);opacity:0}30%{left:var(--browser);opacity:1}40%{left:var(--server);opacity:1}42%,to{left:var(--server);opacity:0}}@keyframes render-on-request{0%,38%,66%,to{opacity:0}42%,62%{opacity:1}52%{scale:1.25}}@keyframes render-late{0%,62%{left:var(--server);opacity:0}64%{left:var(--server);opacity:1}74%,to{left:var(--browser)}}@keyframes render-revalidate{0%,46%,72%,to{opacity:0}50%,68%{opacity:1}59%{scale:1.25}}@keyframes render-fresh{0%,68%{opacity:0}72%,to{opacity:1}}@keyframes render-in-browser{0%,42%,70%,to{opacity:0}46%,66%{opacity:1}56%{scale:1.25}}@keyframes render-shell{0%,28%{left:var(--server);opacity:0;background:0 0}30%{left:var(--server);opacity:1}40%,66%{left:var(--browser);background:0 0}70%,to{left:var(--browser);background:var(--foreground)}}.article-body{max-width:43rem;margin-inline:auto;font-size:1.1rem;line-height:1.85}.article-body h2{letter-spacing:-.025em;margin-block:3rem 1.2rem;font-size:2rem}.article-body h3{margin-block:2rem 1rem;font-size:1.5rem}.article-body p+p{margin-top:1.3rem}.article-body a{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere;text-decoration:underline}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:var(--on-ink);padding:1.5rem;font-size:.85rem}.article-body img{max-width:100%;height:auto}.article-body blockquote{border-left:3px solid var(--accent);margin-inline:0;padding-left:1.5rem}.article-end{border-top:1px solid var(--border);max-width:43rem;margin:3rem auto 0;padding-top:2rem}.case-study{max-width:52rem;padding-block:4rem}.case-study h1{font-size:clamp(3rem,6vw,5rem)}.case-study h2{letter-spacing:-.025em}@keyframes type-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-old(root){animation:.18s both page-out}::view-transition-new(root){animation:.3s both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:74.99rem){.hero{gap:2.5rem}.hero h1{font-size:clamp(4.5rem,8.6vw,7rem)}.desktop-navigation{gap:1.25rem}.layer{width:84%;left:8%}.layer-explorer{padding:1.25rem}.layer-detail{min-height:220px}}@media (max-width:59.99rem){.hero{grid-template-columns:1fr;padding-block:3rem 4rem}.hero-editorial{grid-template-columns:1fr 1fr;align-items:start;column-gap:2rem;display:grid}.hero-kicker,.hero h1{grid-column:1/-1}.hero h1{margin-block:1.75rem;font-size:clamp(5rem,13vw,8rem)}.hero h1>span{display:inline}.hero h1>span+span{margin-left:.12em}.hero-description{margin:0}.hero .text-link{grid-column:1/-1;margin-top:1rem}.layer-explorer{justify-self:center;width:100%;max-width:36rem}.layer-detail{min-height:180px}.journal-grid{gap:3rem}.project-preview-copy{padding-left:2rem}.blog-intro{grid-template-columns:1fr;gap:2rem}.blog-entry{grid-template-columns:90px minmax(0,1fr);gap:2rem}.entry-number{font-size:4.5rem}.project-afterword{gap:2rem}}@media (max-width:47.99rem){.site-header{min-height:5.5rem}.brand-name{display:none}.brand-mark{font-size:2.5rem}.desktop-navigation{display:none}.hero-editorial{display:block}.hero h1{max-width:none;margin-block:1.5rem;font-size:clamp(4.5rem,17vw,6.5rem)}.hero h1>span{display:block}.hero h1>span+span{margin:0}.hero-statement{max-width:23ch;font-size:1.6rem}.hero-description{margin-top:1rem}.hero{gap:2.5rem}.layer-stage{height:235px}.layer{height:125px;padding:1rem}.layer strong{font-size:1.5rem}.layer-detail{min-height:215px}.layer-controls button{font-size:.63rem}.layer-controls button[aria-pressed=true]{padding-left:.35rem}.layer-explorer{box-shadow:5px 5px 0 var(--surface-alt);padding:1rem}.section-title{flex-direction:column;align-items:start;gap:1rem;margin-bottom:1.5rem}.home-work{padding-block:1rem 3rem}.project-preview{grid-template-columns:1fr}.project-art{min-height:275px;padding:1.25rem}.hevy-word{font-size:clamp(5rem,23vw,7rem)}.project-preview-copy{flex-direction:row;align-items:end;gap:.75rem;padding:1.5rem 0}.project-preview-copy h3{font-size:2rem}.project-preview-copy .kicker{font-size:.6rem}.project-preview-copy p:not(.kicker){font-size:.9rem}.round-arrow{flex-shrink:0;width:40px;height:40px;font-size:1.3rem}.journal-grid{grid-template-columns:1fr;gap:2rem}.home-journal{padding-block:3rem}.journal-feature{border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0}.check-art{height:125px;font-size:7rem}.footer-top{grid-template-columns:1fr;gap:1.5rem;padding-bottom:2rem}.footer-invite{font-size:clamp(2.8rem,12vw,4.5rem)}.footer-bottom{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-bottom>p{grid-column:1/-1}.site-footer{padding-top:2rem}.page-intro{padding-block:3rem}.page-intro h1{font-size:clamp(3.3rem,13vw,5rem)}.page-intro p:not(.kicker){font-size:1rem}.about-copy,.project-afterword{grid-template-columns:1fr;gap:1.5rem}.project-afterword{padding-block:3rem}.project-afterword h2{font-size:2.2rem}.blog-entry{grid-template-columns:1fr;gap:1.25rem;padding-block:2rem}.entry-number{font-size:3rem}.blog-list{padding-bottom:3rem}.article-heading h1{font-size:clamp(2.5rem,10vw,3.8rem)}.article-deck{font-size:1.05rem}.render-grid{grid-template-columns:minmax(4.75rem,auto) repeat(3,1fr);column-gap:.25rem;padding-inline:.75rem;font-size:.6rem}.render-column{letter-spacing:0;font-size:.5rem}.render-row small{font-size:.6rem}.article-cover{gap:.5rem;min-height:180px;margin-block:2rem}.article-cover>span{padding:.5rem;font-size:.6rem}.article-cover>i{font-size:1rem}.article-cover>strong{font-size:4.5rem}.article-body{font-size:1rem}.article-body h2{font-size:1.75rem}.article-page{padding-block:2rem 3rem}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.hero h1>span{animation:none}.layer,.round-arrow,.hevy-word>span,.check-art span,.text-link>span,.footer-invite>span{transition:none}.project-preview:is(:hover,:focus-visible) .round-arrow,.project-preview:is(:hover,:focus-visible) .hevy-word>span,.journal-feature:hover .check-art span:first-child,.text-link:is(:hover,:focus-visible)>span,.footer-invite:hover>span{transform:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}@media (scripting:none){@view-transition{navigation:none}}.layer-explorer[data-active="1"] .layer-front>*,.layer-explorer[data-active="2"] .layer-front>*,.layer-explorer[data-active="2"] .layer-middle>*{visibility:hidden}.site-header>.brand{view-transition-name:site-brand}::view-transition-group(*){animation-duration:.35s}.teaching-preview,.teaching-event{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:5rem;display:grid}.teaching-preview p:not(.kicker),.teaching-event p:not(.kicker){max-width:55ch;margin-block:1.5rem}.teaching-preview .teaching-photo{justify-self:end;width:100%;max-width:380px}.teaching-photo{margin:0}.teaching-photo img{border-radius:2px;width:100%;height:auto;display:block}.teaching-photo figcaption{margin-top:.75rem}.teaching-session-link{width:fit-content;margin-top:1rem;display:flex}.teaching-intro h1{font-size:clamp(2.7rem,7vw,7rem)}.teaching-intro>p:last-child{max-width:58ch;margin-top:2rem}.teaching-classroom,.teaching-live{border-top:1px solid var(--foreground);grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:2rem;padding-block:4rem;display:grid}.teaching-classroom>div>p:not(.teaching-lead),.teaching-live>div>p{max-width:65ch;margin-block:1.5rem}.teaching-lead{margin-block:1.5rem;font-size:clamp(1.3rem,2.5vw,2rem)}.teaching-topics{flex-wrap:wrap;gap:.65rem;margin:2rem 0;padding:0;list-style:none;display:flex}.teaching-topics li{border:1px solid var(--border);font-family:var(--font-mono);padding:.5rem .9rem;font-size:.8rem}.teaching-video-link{background:var(--tint);color:var(--foreground);align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;text-decoration:none;display:flex}.teaching-video-link>span:last-child{margin-left:auto}.teaching-video-link small{margin-top:.4rem;display:block}.play-symbol{font-size:2rem}.teaching-video-link:hover{background:var(--tint-strong)}.teaching-event{border-top:1px solid var(--foreground);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}@media (max-width:700px){.teaching-preview,.teaching-event,.teaching-classroom,.teaching-live{grid-template-columns:1fr;padding-block:3rem}.teaching-preview .teaching-photo{max-width:none}.teaching-event>.teaching-photo{order:2}}.fabrics-cover{margin:0}.fabrics-cover img{width:100%;height:auto;display:block}.fabrics-cover figcaption{margin-top:.75rem}.article-page>.fabrics-cover{margin-block:2rem 4rem}@media (max-width:700px){.teaching-event>.fabrics-cover{order:2}}
