@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,900;1,500;1,700&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f9f9f7;font-family:Lora,Georgia,serif}*{box-sizing:border-box}body{background-color:#f9f9f7;background-image:radial-gradient(#111 .6px,#0000 .6px);background-size:5px 5px;min-width:320px;margin:0}button,input{font:inherit}a{color:inherit}#root{background:#f9f9f7;width:min(100%,1440px);min-height:100vh;margin:0 auto}.masthead{border-bottom:4px solid #111;grid-template-columns:1fr auto 1fr;align-items:center;min-height:118px;padding:22px 5vw 16px;display:grid}.edition,.meta,.eyebrow,.aside-label,.footer-note,.nav,.read-link,.back-link,label{text-transform:uppercase;letter-spacing:.09em;font:500 11px/1.4 DM Mono,monospace}.edition span{color:#c00;padding:0 5px}.wordmark{letter-spacing:-.06em;font:900 clamp(30px,5vw,58px)/.85 Playfair Display,serif;text-decoration:none}.header-actions{justify-content:flex-end;gap:8px;display:flex}.icon-button{color:#111;cursor:pointer;background:0 0;border:1px solid #111;place-items:center;min-width:44px;min-height:44px;transition:all .2s ease-out;display:grid}.icon-button:hover{color:#f9f9f7;background:#111}.nav{border-bottom:1px solid #111;justify-content:center;gap:34px;padding:12px 24px;display:flex}.nav a,.read-link,.back-link,.footer-links a{text-decoration:none}.nav a:hover,.read-link:hover,.back-link:hover,.footer-links a:hover{color:#c00}.ticker{color:#f9f9f7;white-space:nowrap;background:#111;overflow:hidden}.ticker-track{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:25px;width:max-content;padding:9px 0;font:11px DM Mono,monospace;animation:34s linear infinite crawl;display:flex}.breaking{color:#111;background:#c00;padding:3px 7px}.ticker-dot{color:#c00;font-size:8px}main{padding:0 5vw}.hero-grid{border-bottom:1px solid #111;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);min-height:625px;display:grid}.hero-copy{border-right:1px solid #111;flex-direction:column;justify-content:center;align-items:flex-start;padding:66px 9% 70px 0;display:flex}.eyebrow{color:#c00;margin:0 0 18px}.eyebrow span{color:#111}h1,h2,p{margin-top:0}h1,h2,blockquote{font-family:Playfair Display,Georgia,serif}.hero-copy h1{letter-spacing:-.065em;margin-bottom:30px;font-size:clamp(58px,8.8vw,132px);font-weight:900;line-height:.87}h1 em{font-weight:500}.hero-dek{text-align:justify;max-width:420px;margin-bottom:31px;font-size:17px;line-height:1.65}.button{text-transform:uppercase;letter-spacing:.07em;cursor:pointer;border:1px solid #111;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:0 18px;font:500 11px DM Mono,monospace;text-decoration:none;transition:all .2s ease-out;display:inline-flex}.button-dark{color:#f9f9f7;background:#111}.button-dark:hover{color:#111;background:#f9f9f7}.hero-aside{padding:39px 0 50px 9%}.aside-rule{text-transform:uppercase;border-bottom:1px solid #111;justify-content:space-between;margin-bottom:22px;padding-bottom:12px;font:11px DM Mono,monospace;display:flex}.aside-rule span:first-child{color:#c00}.story-image-link{background:#e5e5e0;display:block;overflow:hidden}.story-image{aspect-ratio:1.45;object-fit:cover;filter:grayscale();width:100%;transition:filter .25s ease-out,transform .25s ease-out;display:block}.story-image-link:hover .story-image{filter:grayscale(30%);transform:scale(1.04)}.story-copy{padding-top:18px}.story-copy .eyebrow{margin-bottom:9px}.tag-list{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.tag{color:#525252;text-transform:uppercase;letter-spacing:.04em;border:1px solid #a3a3a3;padding:4px 7px;font:10px DM Mono,monospace}.story-card h2{letter-spacing:-.035em;margin-bottom:11px;font-size:clamp(23px,2.2vw,34px);line-height:1.03}.story-card h2 a{text-decoration:none}.story-card h2 a:hover{text-underline-offset:5px;-webkit-text-decoration:underline #c00;text-decoration:underline #c00;text-decoration-thickness:2px}.dek{margin-bottom:16px;font-size:15px;line-height:1.5}.meta{color:#737373;letter-spacing:.03em}.meta span{color:#c00;padding:0 5px}.read-link{color:#111;align-items:center;gap:9px;margin-top:22px;display:inline-flex}.section-block{border-bottom:1px solid #111;padding:56px 0 64px}.section-heading{border-bottom:4px solid #111;justify-content:space-between;align-items:baseline;margin-bottom:0;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0 0 14px;font-size:46px;line-height:1}.section-heading a{text-transform:uppercase;align-items:center;gap:8px;font:11px DM Mono,monospace;text-decoration:none;display:inline-flex}.post-count{color:#737373;text-transform:uppercase;font:11px DM Mono,monospace}.tag-filter{border-bottom:1px solid #111;flex-wrap:wrap;gap:7px;padding:18px 0;display:flex}.tag-filter-button{color:#111;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #111;min-height:32px;padding:0 10px;font:10px DM Mono,monospace;transition:all .2s ease-out}.tag-filter-button:hover,.tag-filter-button.active{color:#f9f9f7;background:#111}.Blogs-grid{grid-template-columns:1fr 1fr;display:grid;position:relative}.Blogs-grid:before{content:"";pointer-events:none;border-left:1px solid #111;position:absolute;inset:0 auto 0 50%}.Blogs-item{grid-template-columns:42px 1fr;gap:16px;padding:27px 6% 24px 0;display:grid}.Blogs-item:nth-child(2n){padding-left:6%;padding-right:0}.index{color:#c00;font:12px DM Mono,monospace}.Blogs-item .story-copy{padding-top:0}.Blogs-item .story-image{aspect-ratio:1.8}.Blogs-item .story-card h2{font-size:28px}.recommendations{background:0 0}.recommendation-grid,.projects-grid{grid-template-columns:1fr 1fr;display:grid;position:relative}.recommendation-grid:before,.projects-grid:before{content:"";pointer-events:none;border-left:1px solid #111;position:absolute;inset:0 auto 0 50%}.recommendation-item,.project-item{grid-template-columns:42px 1fr;gap:16px;padding:27px 6% 24px 0;display:grid}.recommendation-item:nth-child(2n),.project-item:nth-child(2n){padding-left:6%;padding-right:0}.recommendation-item .story-copy,.project-item .story-copy{padding-top:0}.recommendation-item .story-image,.project-item .story-image{aspect-ratio:1.8}.recommendation-item .story-card h2,.project-item .project-card h2{font-size:28px}.project-card{display:block}.project-card h2 a{text-decoration:none}.project-card h2 a:hover{text-underline-offset:5px;-webkit-text-decoration:underline #c00;text-decoration:underline #c00;text-decoration-thickness:2px}.quote-band{text-align:center;border-bottom:1px solid #111;padding:83px 13%}.quote-band .eyebrow{margin-bottom:25px}blockquote{letter-spacing:-.05em;max-width:840px;margin:0 auto 22px;font-size:clamp(34px,5vw,68px);line-height:.98}.quote-byline{text-transform:uppercase;font:11px DM Mono,monospace}.newsletter{border-bottom:1px solid #111;grid-template-columns:1fr 1fr;align-items:end;gap:10%;padding:55px 0 68px;display:grid}.newsletter h2{letter-spacing:-.05em;max-width:510px;margin:0;font-size:clamp(35px,4vw,58px);line-height:.94}.newsletter form{border-top:1px solid #111;padding-top:14px}.newsletter label{margin-bottom:12px;display:block}.form-row{display:flex}.form-row input{background:0 0;border:0;border-bottom:2px solid #111;outline:0;flex:1;min-width:0;padding:12px 0;font:15px Lora,serif}.form-row input:focus{background:#e5e5e0}.form-row .button{margin-left:14px}footer{color:#f9f9f7;background:#111;grid-template-columns:1fr auto;gap:40px;padding:34px 5vw 28px;display:grid}footer .wordmark{font-size:37px}.footer-brand p{color:#a3a3a3;margin-top:15px;font-size:14px}.footer-links{text-transform:uppercase;align-items:center;gap:21px;font:11px DM Mono,monospace;display:flex}.footer-note{color:#a3a3a3;border-top:1px solid #525252;grid-column:1/-1;margin:0;padding-top:17px}.article-page{padding-top:46px}.back-link{align-items:center;gap:8px;margin-bottom:55px;display:inline-flex}.back-arrow{transform:rotate(180deg)}.article-header{text-align:center;max-width:970px;margin:0 auto 48px}.article-header h1{letter-spacing:-.065em;margin-bottom:23px;font-size:clamp(52px,8vw,112px);line-height:.91}.article-dek{max-width:650px;margin:0 auto 23px;font-size:19px;line-height:1.55}.article-figure{max-width:1100px;margin:0 auto 54px}.article-figure img{object-fit:cover;width:100%;max-height:540px;display:block}figcaption{color:#737373;text-transform:uppercase;margin-top:10px;font:10px DM Mono,monospace}.article-layout{grid-template-columns:180px minmax(0,800px);justify-content:space-between;gap:10px;max-width:1100px;margin:0 auto 54px;padding-bottom:86px;display:grid}.article-layout aside{text-transform:uppercase;border-top:1px solid #111;flex-direction:column;gap:8px;padding-top:12px;font:12px DM Mono,monospace;display:flex}.article-layout aside strong{margin-bottom:20px;font-weight:500}.aside-label{color:#c00}.article-body{overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.78}.article-body p{margin-bottom:27px}.article-body img{width:auto;max-width:100%;height:auto;margin:32px 0;display:block}.article-body table{border-collapse:collapse;text-align:left;width:100%;margin:34px 0}.article-body th,.article-body td{vertical-align:top;border:1px solid #111;padding:12px 14px}.article-body th{background:#e5e5e0;font-weight:600}.article-body .markdown-figure{text-align:center;max-width:100%;margin:32px 0}.article-body .markdown-figure img{width:auto;margin:0 auto}.article-body .markdown-figure figcaption{margin-top:9px}.article-body p:first-child:first-letter{float:left;color:#c00;margin:8px 10px 0 0;font:900 86px/.68 Playfair Display,serif}.article-body h2{letter-spacing:-.04em;margin:48px 0 15px;font-size:35px}.article-body h2+p{margin-bottom:27px}.article-header>.tag-list{justify-content:center;margin-top:18px}.article-layout aside .tag-list{margin:0 0 12px}@keyframes crawl{to{transform:translate(-50%)}}@media (width<=700px){.masthead{grid-template-columns:1fr auto;min-height:96px;padding:17px 20px}.edition{grid-area:2/1/auto/-1;padding-top:10px;font-size:9px}.wordmark{font-size:35px}.nav{flex-direction:column;gap:0;padding:0;display:none}.nav-open{display:flex}.nav a{border-bottom:1px solid #111;padding:15px 20px}main{padding:0 20px}.hero-grid{min-height:0;display:block}.hero-copy{border-right:0;padding:55px 0 47px}.hero-copy h1{font-size:clamp(60px,17vw,100px)}.hero-aside{padding:35px 0 48px}.Blogs-grid,.recommendation-grid,.projects-grid,.newsletter{grid-template-columns:1fr}.Blogs-grid:before,.recommendation-grid:before,.projects-grid:before{display:none}.Blogs-item,.Blogs-item:nth-child(2n),.recommendation-item,.recommendation-item:nth-child(2n),.project-item,.project-item:nth-child(2n){border-bottom:1px solid #111;border-right:0;grid-template-columns:28px 1fr;padding:24px 0}.Blogs-item:last-child,.recommendation-item:last-child,.project-item:last-child{border-bottom:0}.quote-band{padding:64px 2%}.newsletter{gap:34px}.form-row{display:block}.form-row .button{width:100%;margin:13px 0 0}footer{grid-template-columns:1fr;gap:28px;padding:30px 20px 24px}.footer-links{flex-wrap:wrap}.article-page{padding-top:35px}.back-link{margin-bottom:40px}.article-header{text-align:left}.article-header h1{font-size:clamp(49px,14vw,80px)}.article-dek{font-size:17px}.article-layout{padding-bottom:56px;display:block}.article-layout aside{margin-bottom:37px}}@media (width>=700px){.icon-button{display:none}}
