@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:optional;font-weight:400 700;src:url(/fonts/instrument-sans-latin-wght-normal.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}@layer reset{*,:before,:after{box-sizing:border-box}html,body,h1,h2,p,figure,dl,dd{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{max-width:100%;display:block}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0c0e12;--graphite:#20252d;--silver:#e2e6ec;--steel:#8f9ba9;--blue:#6c95d9;--gutter:clamp(20px, 4vw, 64px)}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);min-width:320px;color:var(--silver);-webkit-font-smoothing:antialiased;font-family:Instrument Sans Variable,Instrument Sans,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:var(--ink)}[id]{scroll-margin-top:96px}}@layer components{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--silver);color:var(--ink);padding:12px;position:fixed;top:12px;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.blue{color:var(--blue)}.eyebrow{color:var(--steel);letter-spacing:.11em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.5}.site-header{z-index:30;width:100%;height:72px;padding-inline:var(--gutter);background:var(--ink);border-bottom:1px solid #30353d;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.small-brand{letter-spacing:-.07em;align-items:baseline;padding-block:9px;font-size:25px;font-weight:650;display:flex}.brand-slash{color:var(--blue);margin-inline:7px 5px;font-weight:400}.brand-suffix{letter-spacing:-.03em;font-size:16px;font-weight:450}.site-header nav{align-items:center;gap:clamp(16px,2.1vw,30px);font-size:13px;display:flex}.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.site-header nav a:hover{color:var(--blue)}.hero-stage{min-height:100svh;overflow-x:clip}.hero-scene{min-height:100svh;padding:112px var(--gutter) 48px;background:var(--ink);grid-template-columns:minmax(0,1.5fr) minmax(250px,.92fr);align-items:center;gap:clamp(32px,5vw,84px);display:grid;position:relative}.hero-poster{aspect-ratio:1.13;place-items:center;width:100%;min-width:0;display:grid;position:relative}.hero-mark{z-index:2;color:var(--silver);will-change:transform;place-items:center;display:grid;position:absolute;inset:0}.wordmark{width:100%;overflow:visible}.hero-mark .wordmark{max-height:min(64vh,620px)}.z-diagonal{fill:var(--blue)}.hero-entry{place-items:center;width:100%;display:grid}.hero-seam{z-index:3;background:var(--blue);transform-origin:50%;pointer-events:none;will-change:transform;width:100%;height:2px;position:absolute;top:50%;left:0;transform:scaleY(.62)}.hero-aperture{z-index:0;background:var(--blue);clip-path:inset(100% 0% 0%);position:absolute;inset:50% 0 0;overflow:hidden}.hero-aperture>.project-art{object-fit:cover;object-position:50% 54%;pointer-events:none;width:100%;max-width:none;height:100%}.hero-aperture-label{color:var(--ink);background:var(--blue);padding:8px 12px;font-size:12px;position:absolute;inset:auto 0 0}.hero-intro{z-index:2;border-left:1px solid color-mix(in srgb, var(--silver) 22%, transparent);align-self:center;min-width:0;padding:10px 0 26px clamp(20px,2.4vw,40px);position:relative}.hero-statement{max-width:19ch;color:var(--silver);letter-spacing:-.045em;margin:22px 0 28px;font-size:clamp(1.2rem,1.8vw,1.75rem);font-weight:520;line-height:1.16}.hero-work-link{border-bottom:1px solid #0000;align-items:center;gap:14px;min-height:44px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-work-link:hover,.hero-work-link:focus-visible{border-color:var(--blue)}.arrow{flex-shrink:0;width:16px;height:16px;transition:transform .18s}.hero-work-link:hover .arrow,.hero-work-link:focus-visible .arrow{transform:translate(4px)}.hero-arrival{z-index:4;width:calc(100% - clamp(20px,2.4vw,40px));color:var(--silver);letter-spacing:.16em;opacity:0;visibility:hidden;justify-content:space-between;font-size:.75rem;font-weight:650;display:flex;position:absolute;bottom:-38px;left:clamp(20px,2.4vw,40px)}.hero-arrival span{color:var(--blue)}.hero-index{right:var(--gutter);color:var(--steel);letter-spacing:.12em;font-size:.75rem;position:absolute;bottom:22px}.work-chapter{min-height:100svh;padding:clamp(96px, 12vw, 180px) var(--gutter) 72px;background:var(--ink);color:var(--silver);grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);align-items:start;gap:52px clamp(34px,8vw,128px);display:grid;position:relative}.work-heading{padding-top:2vw}.work-heading h2{letter-spacing:-.08em;overflow-wrap:anywhere;margin:34px 0 15px;font-size:clamp(2.4rem,5.2vw,5.3rem);font-weight:560;line-height:.96}.project-summary{letter-spacing:-.025em;max-width:28ch;margin-bottom:34px;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.4}.project-facts{gap:14px;display:grid}.project-facts div{grid-template-columns:58px 1fr;gap:12px;font-size:.77rem;line-height:1.4;display:grid}.project-facts dt{color:var(--steel)}.project-figure{min-width:0;margin:0}.project-artwork{aspect-ratio:1.35;overflow:hidden}.project-artwork>.project-art{width:100%;height:100%}.project-figure figcaption{color:var(--steel);letter-spacing:.015em;margin-top:12px;font-size:.75rem}.chapter-mark{opacity:.28;grid-column:2;justify-self:end;width:min(240px,34%);margin-top:3px}.chapter-mark .wordmark{width:100%;display:block}.site-footer{margin:30px var(--gutter) 0;border-top:1px solid #343a43;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 48px;display:flex}.site-footer a{align-items:center;gap:14px;min-height:44px;display:inline-flex}.site-footer a:hover{color:var(--blue)}.error-page{min-height:100svh;padding:16vh var(--gutter);flex-direction:column;align-items:flex-start;gap:28px;display:flex}.error-page h1{letter-spacing:-.075em;max-width:12ch;font-size:clamp(3rem,9vw,8rem);line-height:.95}.text-link{border-bottom:1px solid #58616c;align-items:center;min-height:44px;display:inline-flex}.text-link:hover{border-color:var(--blue)}}@media (width>=761px) and (height>=700px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-stage{min-height:200svh}.hero-scene{height:100svh;min-height:700px;position:sticky;top:0}}@media (width<=1050px) and (width>=761px){.hero-scene{grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);gap:28px}.work-chapter{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);column-gap:42px}}@media (width<=760px){.site-header{height:64px}.small-brand{font-size:22px}.brand-suffix{display:none}.site-header nav{gap:18px;font-size:12px}.hero-scene{min-height:auto;padding:94px var(--gutter) 60px;grid-template-columns:minmax(0,1fr);gap:18px}.hero-poster{aspect-ratio:1.03;max-height:52svh}.hero-mark .wordmark{max-height:49svh}.hero-intro{margin-left:1px;padding:5px 0 3px 18px}.hero-statement{max-width:25ch;margin:14px 0 12px;font-size:clamp(1.18rem,5.4vw,1.55rem)}.hero-arrival{display:none}.hero-index{bottom:20px}.work-chapter{min-height:auto;padding:82px var(--gutter) 44px;grid-template-columns:minmax(0,1fr);row-gap:35px}.work-heading{padding-top:0}.work-heading h2{margin-top:23px;font-size:clamp(2.4rem,10vw,3.8rem)}.project-summary{margin-bottom:24px}.project-artwork{aspect-ratio:1.08}.chapter-mark{grid-column:1;width:34%}}@media (width<=380px){.site-header nav{gap:12px;font-size:11px}.hero-scene{padding-top:88px}.hero-poster{width:calc(100% + 10px);margin-inline:-5px}.hero-statement{font-size:1.16rem}.project-facts div{grid-template-columns:48px 1fr;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrow{transition:none}}@media (width<=760px){.hero-stage{min-height:auto}.hero-scene{height:auto;min-height:auto;position:relative;top:auto}}@media (width>=761px) and (height<=699px),(width>=761px) and (hover:none),(width>=761px) and (pointer:coarse),(width>=761px) and (prefers-reduced-motion:reduce){.hero-stage{min-height:100svh;overflow-x:clip}.hero-scene{height:auto;min-height:100svh;position:relative;top:auto}}