:root{--paper:#eae8e0;--ink:#20211e;--red:#b90830;--line:#b9b9ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}.wrap{max-width:1600px;margin:auto;padding:0 5%}header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{letter-spacing:-1.5px;font-size:25px;font-weight:900}.brand span{color:var(--red)}nav{gap:30px;font-size:13px;font-weight:700;display:flex}.mono{letter-spacing:.07em;text-transform:uppercase;font-family:monospace;font-size:12px}.intro{justify-content:space-between;margin-top:32px;display:flex}.intro span:last-child{color:#67695e}.hero{padding:56px 0 46px;position:relative;overflow:hidden}.hero h1{z-index:1;letter-spacing:-.085em;pointer-events:none;margin:0;font-size:clamp(76px,12.5vw,190px);font-weight:900;line-height:.84;position:relative}.hero h1 span{display:block}.hero h1 .outline{color:var(--red);margin-left:14%}.hero h1 .last{margin-left:3%}.signal{opacity:.85;width:39%;height:95%;position:absolute;top:22px;right:1%;transform:rotate(12deg)}.hero-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding:30px 0 60px;display:grid}.descriptor{letter-spacing:-.5px;max-width:560px;margin:0;font-size:23px;line-height:1.45}.actions{justify-content:flex-end;align-items:center;gap:30px;display:flex}.button{background:var(--ink);color:var(--paper);padding:19px 24px;font-size:13px;font-weight:700;display:inline-block}.arrow{color:var(--red);margin-left:20px}.sectionhead{border-top:1px solid var(--ink);justify-content:space-between;align-items:start;padding:23px 0 30px;display:flex}.sectionhead h2{letter-spacing:-2px;margin:16px 0 0;font-size:42px}.index{color:var(--red)}.projects{grid-template-columns:1.35fr 1fr;gap:5%;padding-bottom:65px;display:grid}.project.secondary{padding-top:100px}.visual{background:var(--ink);height:330px;color:var(--paper);padding:25px;position:relative;overflow:hidden}.visual .topline{justify-content:space-between;display:flex}.visual svg{width:100%;height:240px}.visual.light{color:var(--ink);background:#cbcfc1;height:250px}.project .meta{justify-content:space-between;margin-top:22px;display:flex}.project h3{letter-spacing:-1.2px;margin:13px 0;font-size:33px}.project p{color:#55574f;max-width:520px;margin:0;line-height:1.6}.status{color:var(--red)}.notes{background:var(--ink);color:var(--paper);padding:45px 0 60px}.notes .sectionhead{border-color:#73766b}.notes .index{color:#ff8ba6}.note{border-top:1px solid #55584e;grid-template-columns:180px 1fr 35px;align-items:center;gap:20px;padding:26px 0;display:grid}.note h3{letter-spacing:-.5px;margin:0;font-size:25px;font-weight:400}.note .mono{color:#b7b9ac}.about{grid-template-columns:1fr 1.3fr;gap:10%;padding:75px 0;display:grid}.about h2{letter-spacing:-2.5px;margin:15px 0;font-size:52px;line-height:1}.about p{margin:0;font-size:21px;line-height:1.6}footer{border-top:1px solid var(--ink);justify-content:space-between;gap:20px;padding:25px 0;display:flex}.study{background:var(--red);color:#fff;padding:10px 5%;font-size:12px;line-height:1.5}.placeholder{opacity:.75;font-family:monospace;font-size:11px;position:absolute;bottom:16px;left:25px}@media (width>=1700px){.hero h1{font-size:190px}}@media (width<=700px){header{padding:22px 0}nav{gap:14px;font-size:11px}.intro{font-size:10px}.intro span:last-child{display:none}.hero{padding-top:45px}.hero h1{font-size:18vw}.signal{opacity:.6;width:55%;right:-12%}.hero-bottom{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.descriptor{font-size:19px}.actions{justify-content:flex-start;gap:20px}.projects{grid-template-columns:1fr;gap:35px}.project.secondary{padding-top:0}.visual{height:270px}.visual.light{height:230px}.sectionhead h2{font-size:32px}.note{grid-template-columns:1fr 25px;gap:12px}.note .mono{grid-column:1/-1}.note h3{font-size:21px}.about{grid-template-columns:1fr;gap:25px;padding:50px 0}.about h2{font-size:44px}.about p{font-size:19px}footer{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.preview{background:var(--ink);color:var(--paper);letter-spacing:.08em;justify-content:space-between;padding:9px 5%;font:11px monospace;display:flex}.preview span{opacity:.65}.skip{z-index:20;background:var(--paper);padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}nav a[aria-current=page]{color:var(--red)}.page-top{border-bottom:1px solid var(--line);margin-bottom:40px;padding:65px 0 45px}.page-top h1{letter-spacing:-.065em;max-width:1050px;margin:22px 0;font-size:clamp(45px,7vw,100px);line-height:1}.lead{color:#50534a;max-width:820px;font-size:clamp(20px,2.1vw,27px);line-height:1.5}.reading{max-width:780px;margin:0 auto;padding:20px 0 80px;font-size:19px;line-height:1.85}.reading h2{letter-spacing:-1px;margin-top:48px;font-size:31px;line-height:1.25}.reading h3{font-size:24px;line-height:1.4}.reading a,.sources a{color:var(--red);text-underline-offset:4px;text-decoration:underline}.reading blockquote{border-left:4px solid var(--red);margin:30px 0;padding:5px 25px;font-size:23px}.reading li{margin:10px 0}.sources{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:15px}.sources h2{font-size:22px}.entry-list{padding-bottom:60px}.entry{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr 35px;gap:25px;padding:35px 0;display:grid}.entry h2{letter-spacing:-1px;margin:0 0 12px;font-size:32px}.entry p{color:#55574f;max-width:750px;margin:0;line-height:1.65}.entry .mono{color:var(--red);padding-top:7px}.entry a{display:block}.entry:hover h2{color:var(--red)}.tag{border:1px solid var(--line);margin:0 8px 10px 0;padding:7px 10px;font:12px monospace;display:inline-block}.connect-grid{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:70px;display:grid}.connect-card{border:1px solid var(--line);padding:30px}.connect-card h2{margin:0 0 10px;font-size:30px}.connect-card p{line-height:1.6}.connect-card a{color:var(--red)}.empty{border-left:3px solid var(--red);background:#e1dfd5;padding:35px}.hero-bottom .descriptor{font-size:22px}.note a:hover{text-decoration:underline}.visual .placeholder{font-size:11px}.about a{color:var(--red);font-size:16px}.home-feature{grid-template-columns:1fr 1fr;gap:6%;padding:0 0 65px;display:grid}.home-feature h3{letter-spacing:-1px;font-size:34px;line-height:1.15}.home-feature p{color:#55574f;line-height:1.7}.home-feature .feature-second{padding-top:65px}.graphic{background:var(--ink);height:220px;padding:20px;overflow:hidden}.graphic svg{width:100%;height:100%}.graphic.light{background:#cbd0c3}.feature-link{color:var(--red);margin-top:20px;font-weight:700;display:block}.article-meta{flex-wrap:wrap;gap:20px;margin-top:25px;display:flex}.article-meta time{color:#55574f}footer{align-items:center;padding:35px 0;font-size:12px}footer p{margin-right:auto}.notfound{padding:100px 0}.notfound h1{letter-spacing:-8px;margin:20px 0;font-size:120px}.notes .note h3{font-size:24px}.notes{margin-top:0}.notes .sectionhead h2{margin-bottom:15px}@media (width<=700px){header{flex-wrap:wrap;gap:20px}nav{justify-content:space-between;gap:10px;width:100%;font-size:12px}.preview{font-size:10px}.preview span{display:none}.page-top{padding:40px 0 25px}.entry{grid-template-columns:1fr 25px;gap:15px}.entry .mono{grid-column:1/-1}.entry h2{font-size:26px}.reading{font-size:18px}.connect-grid,.home-feature{grid-template-columns:1fr}.home-feature .feature-second{padding-top:15px}footer{flex-wrap:wrap}footer p{order:2;width:100%}.hero-bottom .descriptor{font-size:19px}.note h3{font-size:20px}.about h2{font-size:41px}}.index,.r{color:var(--red)}.hero h1{font-size:clamp(70px,12vw,180px)}@media (width<=700px){.hero h1{font-size:18vw}}.project-callout{border-top:1px solid var(--line);max-width:100%;padding:35px 0 65px}.project-callout h3{letter-spacing:-1.5px;max-width:950px;margin:20px 0;font-size:clamp(28px,3.5vw,48px);line-height:1.1}.project-callout p{max-width:800px;font-size:19px;line-height:1.7}.project-callout .actions{color:var(--red);flex-wrap:wrap;justify-content:flex-start;margin-top:25px}
