@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');@import url('normal-type.css');
:root{--ink:#181818;--paper:#f4f3ef;--muted:#777873;--line:#d6d6d0;--acid:#e8ff36;--red:#f05b45;--sans:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--body)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.back-link{position:fixed;z-index:30;left:24px;bottom:17px;font:10px var(--mono);text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;background:var(--paper)}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:250px 1fr;padding:22px 34px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font:700 14px/.9 var(--sans);letter-spacing:.02em}.brand small{font:9px var(--mono);letter-spacing:.06em;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--ink);color:var(--acid);font:700 21px var(--sans)}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;font:11px var(--mono);text-transform:uppercase}.site-nav a:hover,.site-nav a.active{color:var(--red)}.nav-submit{border:1px solid var(--ink);padding:9px 12px}.nav-submit span,.nav-signin span{font-size:14px;margin-left:4px}.nav-signin{color:var(--muted)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:760px;padding:144px 34px 34px;background:var(--acid)}.hero-intro{display:flex;flex-direction:column;align-items:flex-start;padding:30px 7vw 30px 0}.kicker{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 28px}.hero h1{font:600 clamp(64px,9vw,144px)/.82 var(--sans);letter-spacing:-.085em;margin:0;max-width:670px}.hero h1 em,.manifesto h2 em{font:400 1.06em/.8 var(--body);letter-spacing:-.08em}.hero-dek{max-width:320px;margin:42px 0 29px;font-size:16px}.outline-button,.solid-button{display:inline-flex;align-items:center;gap:10px;font:11px var(--mono);text-transform:uppercase;padding:13px 15px;border:1px solid var(--ink)}.outline-button span,.solid-button span{font-size:17px}.hero-feature{position:relative;min-height:500px;background:var(--ink);overflow:hidden}.hero-feature img{filter:grayscale(.35);transition:transform .8s}.hero-feature:hover img,.project-card:hover img{transform:scale(1.04)}.image-label,.image-credit{position:absolute;z-index:1;color:white;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.image-label{top:17px;left:18px}.image-credit{bottom:17px;left:18px;line-height:1.45}.section-pad{padding:105px 7vw 125px}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:40px}.section-head a,.text-link{font:10px var(--mono);text-transform:uppercase}.section-head span,.text-link span{font-size:16px}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;align-items:start}.project-card:nth-child(2){margin-top:100px}.project-card:nth-child(3){margin-top:50px}.project-image{height:31vw;max-height:440px;position:relative;overflow:hidden;background:#ddd}.project-card-tall .project-image{height:42vw;max-height:600px}.project-image span{position:absolute;left:14px;top:14px;color:white;font:10px var(--mono);text-transform:uppercase;text-shadow:0 1px 8px #0008}.project-card h2{font:500 clamp(21px,2.2vw,32px)/.95 var(--sans);letter-spacing:-.065em;margin:17px 0 8px}.project-card p{font:10px var(--mono);text-transform:uppercase;color:var(--muted);margin:0}.manifesto{background:var(--ink);color:var(--paper);padding:120px 7vw 125px}.manifesto .kicker{color:#a1a19b}.manifesto h2{font:500 clamp(54px,8vw,125px)/.86 var(--sans);letter-spacing:-.09em;max-width:1050px;margin:0}.manifesto-meta{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;border-top:1px solid #454542;margin-top:80px;padding-top:20px}.manifesto-meta span{font:10px var(--mono);color:#a1a19b}.manifesto-meta p{max-width:340px;margin:0}.manifesto .text-link{justify-self:end;align-self:end;color:var(--acid);border-bottom:1px solid var(--acid);padding-bottom:5px}.directory{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw}.directory-column>a{display:grid;grid-template-columns:1fr 1fr;align-items:baseline;padding:23px 0;border-bottom:1px solid var(--line)}.directory-column strong{font:500 clamp(32px,4.2vw,64px)/.9 var(--sans);letter-spacing:-.08em}.directory-column a:hover strong{color:var(--red)}.directory-column a span{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.directory-note{border-top:1px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;align-items:flex-start}.accent-square{width:45px;height:45px;background:var(--red);margin-bottom:35px}.directory-note p{font:500 clamp(28px,3.5vw,52px)/.95 var(--sans);letter-spacing:-.06em;max-width:390px}.solid-button{background:var(--ink);color:var(--paper);margin-top:auto}.footer{display:flex;justify-content:space-between;gap:20px;padding:21px 7vw;border-top:1px solid var(--line);font:10px var(--mono);text-transform:uppercase;color:var(--muted)}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:18px 20px}.site-nav{position:fixed;inset:0;background:var(--acid);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;gap:16px;font:500 32px/.95 var(--sans);text-transform:none;transform:translateY(-100%);transition:transform .3s}.site-nav.is-open{transform:none}.site-nav a{width:100%;padding-bottom:10px;border-bottom:1px solid #18181833}.site-nav .nav-submit{border:0;padding:10px 0}.site-nav .nav-signin{color:var(--ink)}.menu-toggle{position:relative;z-index:25;display:flex;align-items:center;gap:9px;border:0;background:none;font:10px var(--mono);text-transform:uppercase;padding:8px}.menu-toggle i{display:block;width:18px;border-top:1px solid var(--ink);transition:transform .25s}.menu-toggle i+i{margin-top:5px}.menu-toggle[aria-expanded=true] i:first-of-type{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-of-type{transform:translateY(-3px) rotate(-45deg)}.hero{display:block;padding:125px 20px 20px;min-height:900px}.hero-intro{padding:35px 0 48px}.hero h1{font-size:20vw}.hero-feature{height:52vw;min-height:300px}.section-pad{padding:75px 20px 90px}.project-grid{grid-template-columns:1fr 1fr}.project-card:nth-child(2),.project-card:nth-child(3){margin-top:0}.project-card-tall{grid-column:1/-1}.project-card-tall .project-image{height:75vw}.project-image{height:55vw}.manifesto{padding:80px 20px 90px}.manifesto h2{font-size:15vw}.manifesto-meta{grid-template-columns:1fr 2fr;margin-top:55px}.manifesto .text-link{grid-column:2;justify-self:start;margin-top:20px}.directory{display:block;padding-top:75px}.directory-note{margin-top:80px;min-height:300px}.footer{padding:18px 20px;flex-wrap:wrap}.back-link{left:20px;bottom:12px}}
@media(max-width:560px){.brand{font-size:12px}.hero{min-height:760px}.hero-feature{height:66vw;min-height:240px}.project-grid{display:block}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){margin:0 0 55px}.project-image,.project-card-tall .project-image{height:88vw}.directory-column>a{display:block}.directory-column a span{display:block;margin-top:10px}.footer span:nth-child(2){display:none}}