:root{--ink:#090909;--paper:#e9e9e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}[hidden]{display:none!important}main{padding:clamp(28px,6vw,96px)}.paper{width:min(1320px,100%);min-height:100vh;margin:0 auto;background:var(--paper);padding:clamp(18px,3.2vw,48px)}.masthead{border-bottom:1px solid var(--ink)}.name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.name{font-size:clamp(3.25rem,8.25vw,8.25rem);font-weight:500;line-height:.78;letter-spacing:-.075em;white-space:nowrap}.menu{border:1px solid var(--ink);padding:8px 12px;font-size:11px}.menu:hover,.menu:focus-visible{background:var(--ink);color:var(--paper)}.rule{border-top:1px solid var(--ink);margin-top:24px}.intro-grid{min-height:390px;padding:12px 0;display:grid;grid-template-columns:.78fr 1.22fr;align-items:end;gap:5%}.intro-art{position:relative;height:245px;overflow:hidden;background:#d4d4d0}.orb{position:absolute;border-radius:50%;mix-blend-mode:multiply}.orb-a{width:180px;height:180px;background:#ef473f;left:9%;top:16%}.orb-b{width:150px;height:150px;background:#1c74d9;right:13%;top:-13%}.orb-c{width:145px;height:145px;background:#f1cc25;right:22%;bottom:-21%}.orb-d{width:68px;height:68px;background:#111;left:45%;top:42%}.manifesto{margin:0;max-width:800px;font-size:clamp(1.9rem,3.5vw,4.2rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}.micro-row,.card-foot,.meta,.footer-line{text-transform:uppercase;font-size:9px}.micro-row{border-top:1px solid var(--ink);padding:8px 0 10px;display:grid;grid-template-columns:1fr 1fr 1fr}.micro-row span:nth-child(2){text-align:center}.micro-row span:last-child{text-align:right}.section{padding:70px 0 92px;border-bottom:1px solid var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-head h1{margin:0;font-size:clamp(2.5rem,6vw,7rem);line-height:.8;letter-spacing:-.065em;font-weight:500}.section-head p{margin:0;font-size:10px;text-transform:uppercase}.featured-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink)}.featured-card{background:var(--paper);padding:10px;display:flex;flex-direction:column;min-height:480px}.mark{height:220px;position:relative;overflow:hidden;background:#d8d8d4}.mark span{position:absolute;top:9px;left:11px;z-index:2;font-size:11px}.mark i,.mark b{position:absolute;display:block}.mark i{width:65%;aspect-ratio:1;border-radius:50%;left:8%;top:23%;background:var(--shape-a)}.mark b{width:55%;height:45%;right:3%;bottom:7%;transform:rotate(-12deg);background:var(--shape-b);mix-blend-mode:multiply}.mark-red{--shape-a:#ef4c40;--shape-b:#182ec4}.mark-blue{--shape-a:#2f67dc;--shape-b:#f0d01f}.mark-green{--shape-a:#28a56d;--shape-b:#ed635b}.mark-yellow{--shape-a:#f0cc24;--shape-b:#7b55ca}.mark-violet{--shape-a:#7657b5;--shape-b:#ef5a46}.mark-orange{--shape-a:#f58436;--shape-b:#3a72d8}.mark-pink{--shape-a:#e65b83;--shape-b:#1d8064}.mark-cyan{--shape-a:#29a8bc;--shape-b:#e4b521}.featured-copy{display:flex;flex-direction:column;flex:1;padding:12px 2px 0}.meta,.card-foot{display:flex;justify-content:space-between}.featured-copy h2{font-size:clamp(1.7rem,2.6vw,3.1rem);line-height:.9;letter-spacing:-.045em;font-weight:500;margin:32px 0 12px;text-transform:uppercase}.featured-copy h2 a:hover,.post-row h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.featured-copy p{font-size:13px;line-height:1.25;margin:0 0 30px;max-width:36ch}.card-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--ink)}.writing{padding-bottom:32px}.writing-head{margin-bottom:34px}.filters{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:20px}.filters button{border:1px solid var(--ink);border-radius:999px;background:transparent;padding:7px 13px 6px;cursor:pointer;font-size:10px;text-transform:uppercase}.filters button:hover,.filters button:focus-visible,.filters button.active{background:var(--ink);color:var(--paper)}.post-list{border-top:1px solid var(--ink)}.post-row{display:grid;grid-template-columns:44px 120px minmax(0,1fr) 130px;gap:18px;padding:18px 0 20px;border-bottom:1px solid var(--ink)}.post-number,.post-tag,.post-data{font-size:9px;text-transform:uppercase}.post-row h2{font-size:clamp(1.55rem,3vw,3.7rem);font-weight:500;letter-spacing:-.045em;line-height:.9;margin:0 0 8px;text-transform:uppercase}.post-row p{max-width:62ch;margin:0;font-size:12px;line-height:1.35}.post-data{display:flex;flex-direction:column;text-align:right;justify-content:space-between}footer{padding:72px 0 16px}.eyebrow{text-transform:uppercase;font-size:10px}footer h2{font-size:clamp(3rem,8.5vw,9rem);line-height:.78;letter-spacing:-.07em;font-weight:500;margin:48px 0}footer form{width:min(760px,100%);margin-left:auto}footer label{display:block;font-size:10px;text-transform:uppercase;margin-bottom:6px}.email-row{display:flex;border-bottom:1px solid var(--ink)}.email-row input{width:100%;border:0;background:transparent;padding:12px 0;outline:none;font-size:13px}.email-row button{border:0;background:transparent;padding:12px;cursor:pointer}.email-row button:hover{background:var(--ink);color:var(--paper)}.footer-line{margin-top:90px;padding-top:9px;border-top:1px solid var(--ink);display:flex;justify-content:space-between}.article-nav,.article-meta,.article-footer{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px}.article-nav{border-bottom:1px solid var(--ink);padding-bottom:10px}.article-meta{margin-top:80px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.article h1{font-size:clamp(4rem,11vw,11rem);line-height:.78;letter-spacing:-.075em;text-transform:uppercase;font-weight:500;margin:55px 0;max-width:8ch}.article-dek{font-size:clamp(1.5rem,3vw,3.4rem);line-height:1;max-width:28ch;margin-left:auto;text-wrap:balance}.article-body{width:min(680px,100%);margin:100px auto;font-family:Georgia,serif;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.55}.article-body h2,.article-body h3,.article-body h4{font-family:inherit;font-weight:500;line-height:1.15;margin:1.8em 0 .6em}.article-body a{text-decoration:underline;text-underline-offset:.15em}.article-body blockquote{margin:1.5em 0;padding-left:1em;border-left:2px solid var(--ink);font-style:italic}.article-body ul,.article-body ol{padding-left:1.2em}.article-body figure{margin:2em 0}.article-body img{display:block;width:100%;height:auto}.article-body figcaption{margin-top:8px;font-family:inherit;font-size:.65em;text-transform:uppercase}.article-body hr{border:0;border-top:1px solid var(--ink);margin:2em 0}.article-body pre{overflow-x:auto;font-size:.7em}.article-footer{border-top:1px solid var(--ink);padding-top:10px}.error-page{display:flex;flex-direction:column;justify-content:space-between}.error-page h1{font-size:clamp(5rem,17vw,17rem);line-height:.7;letter-spacing:-.08em;font-weight:500;margin:auto 0}@media(max-width:850px){main{padding:14px}.name{font-size:clamp(2.55rem,10.7vw,5rem);white-space:normal}.menu{display:none}.intro-grid{grid-template-columns:1fr;min-height:auto;padding:20px 0}.intro-art{width:65%;height:180px}.manifesto{margin-left:18%}.micro-row{grid-template-columns:1fr 1fr}.micro-row span:nth-child(2){text-align:right}.micro-row span:last-child{display:none}.featured-grid{grid-template-columns:1fr}.featured-card{min-height:auto}.mark{height:260px}.featured-copy{min-height:240px}.post-row{grid-template-columns:34px 80px 1fr}.post-data{display:none}}@media(max-width:520px){.paper{padding:14px}.section{padding:50px 0}.intro-art{width:78%;height:145px}.manifesto{margin-left:8%}.post-row{grid-template-columns:28px 1fr;gap:10px}.post-tag{text-align:right}.post-row>div{grid-column:1/-1;padding-left:38px}.footer-line{gap:12px;flex-wrap:wrap}.article-meta{grid-template-columns:1fr 1fr;gap:8px}.article-dek{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
