@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.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}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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{--ink: #14181a;--ink-soft: rgba(20, 24, 26, .9);--line: rgba(20, 24, 26, .34);--inset: clamp(10px, 2.2vw, 36px);--pad: clamp(22px, 3.6vw, 52px);--measure: 640px;--room: calc(100vw - (2*max(var(--inset), env(safe-area-inset-left), env(safe-area-inset-right)))) ;--ease: cubic-bezier(.2, .7, .2, 1);--display: "Fraunces Variable", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--text: "Instrument Sans Variable", ui-sans-serif, system-ui, sans-serif;color-scheme:light;-webkit-text-size-adjust:100%}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;overflow:hidden;background:#e6e5e1}body{height:100%;overflow:hidden;margin:0;color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:#14181a29}a{-webkit-tap-highlight-color:transparent}.glass{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;display:block;opacity:0;pointer-events:none}.glass.ready{animation:clear 1.4s var(--ease) forwards}@keyframes clear{to{opacity:1}}.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:max(var(--inset),env(safe-area-inset-top)) max(var(--inset),env(safe-area-inset-right)) max(var(--inset),env(safe-area-inset-bottom)) max(var(--inset),env(safe-area-inset-left));pointer-events:none}.sheet{pointer-events:auto;display:flex;flex-direction:column;max-width:100%;max-height:100%;overflow:hidden;background:#faf9f6b8;box-shadow:0 0 0 1px #14181a0f;transition:background-color .8s ease,box-shadow .8s ease}.glass-ready .sheet{background-color:transparent;box-shadow:none}.scroller{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(20,24,26,.22) transparent}.page{width:max-content;max-width:var(--room);display:flex;flex-direction:column;gap:clamp(22px,4.2vh,52px);padding:clamp(22px,4.6vh,48px) var(--pad)}.page.is-project{width:min(calc(var(--measure) + 2 * var(--pad)),var(--room))}.who h1{margin:0;font-size:19px;font-weight:620;letter-spacing:-.01em;line-height:1.3}.who p{margin:1px 0 0;color:var(--ink-soft)}.work{list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,3.4vh,40px)}.work a{display:block;width:fit-content;color:inherit;text-decoration:none;border-radius:6px;outline-offset:8px}.work a:focus-visible{outline:2px solid var(--ink)}.name{display:block;width:fit-content;margin:0;text-transform:lowercase;font-family:var(--display);font-size:clamp(32px,min(4.5vw,calc(15.2vh - 70px)),92px);font-weight:380;font-variation-settings:"opsz" 144;line-height:1.04;letter-spacing:-.022em;padding-bottom:.06em}.work .name{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 max(1.5px,.03em);transition:background-size .45s var(--ease),opacity .15s ease}.work .name:after{content:"";display:inline-block;width:.22em;height:.22em;margin-left:.32em;vertical-align:.3em;border-top:max(1.5px,.03em) solid currentColor;border-right:max(1.5px,.03em) solid currentColor;rotate:45deg;opacity:.55;transition:translate .45s var(--ease),opacity .2s ease}.what{display:block;margin:6px 0 0;max-width:44ch;color:var(--ink-soft);text-wrap:balance}.state{color:var(--ink);font-weight:600}@media(hover:hover){.work a:hover .name{background-size:100% max(1.5px,.03em)}.work a:hover .name:after{opacity:1;translate:.12em 0}}.work a:focus-visible .name{background-size:100% max(1.5px,.03em)}.work a:active .name,a:active{opacity:.6}.project:not([hidden]),.missing:not([hidden]){animation:settle .55s var(--ease) .12s both}.work:not([hidden]){animation:settle .5s var(--ease) both}@keyframes settle{0%{opacity:0;translate:0 8px}}.project .name,.missing .name{margin-top:clamp(18px,3vh,34px);outline:none}.project .what,.missing .what{max-width:52ch;font-size:1.12em;margin-top:10px}.story{max-width:62ch;margin-top:clamp(20px,3.4vh,36px);color:var(--ink-soft);text-wrap:pretty}.story p{margin:0}.story>*+*{margin-top:14px}.story img,.story video{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 1px 2px #14181a14,0 12px 32px -12px #14181a47}.shot,.film{margin:clamp(22px,3.4vh,36px) 0 0}.film video{aspect-ratio:16 / 9;background:#eef0f2}.shot figcaption,.film figcaption{margin-top:10px;font-size:.9em;color:var(--ink-soft)}.site{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:max(1.5px,.03em);text-underline-offset:.14em;border-radius:6px;transition:text-decoration-color .2s ease,opacity .15s ease}.site:after{content:"";display:inline-block;width:.3em;height:.3em;margin-left:.24em;vertical-align:.42em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1.6h7.4V9M10.4 1.6 1.6 10.4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1.6h7.4V9M10.4 1.6 1.6 10.4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.55;transition:translate .45s var(--ease),opacity .2s ease}.back,.contact a{color:var(--ink);font-weight:560;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1.5px;text-underline-offset:5px;display:inline-block;padding:10px 0;margin:-10px 0;transition:text-decoration-color .2s ease,opacity .15s ease}.back:before{content:"";display:inline-block;width:.42em;height:.42em;margin-right:.5em;vertical-align:.06em;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;rotate:45deg}@media(hover:hover){.back:hover,.contact a:hover,.site:hover{text-decoration-color:currentColor}.site:hover:after{opacity:1;translate:.06em -.06em}}.site:focus-visible{outline:2px solid var(--ink);outline-offset:6px;text-decoration-color:currentColor}.back:focus-visible,.contact a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px;text-decoration-color:currentColor}.contact{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px}.credit{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--ink-soft)}.contact .credit a{font-weight:480}@media(orientation:portrait){body{font-size:15px}.stage{justify-content:center}.sheet{width:100%}.page,.page.is-project{width:auto;max-width:none;gap:clamp(20px,3.4vh,40px)}.work{gap:clamp(16px,2.8vh,30px)}.name{font-size:clamp(30px,8.6vw,60px)}.what{margin-top:4px;line-height:1.42}.project .name,.missing .name{font-size:clamp(36px,11vw,64px)}.film video[data-poster-upright]{aspect-ratio:4 / 5}}@media(forced-colors:active){.glass{display:none}}@media(prefers-reduced-motion:reduce){.glass.ready{animation:none;opacity:1}.name,.name:after,.back,.site,.site:after,.contact a{transition:none}.project:not([hidden]),.missing:not([hidden]),.work:not([hidden]){animation:none}}
