:root{color-scheme:light;--paper:#fbfbf9;--paper-deep:#f1f2ed;--ink:#18211f;--muted:#5b6864;--rule:#c9d0cb;--teal:#006d68;--teal-bright:#08a69b;--measure:min(100% - 40px, 1120px);background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--teal-bright);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link{z-index:30;color:var(--paper);background:var(--ink);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{width:var(--measure);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:84px;margin:0 auto;display:flex}.wordmark{color:var(--ink);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700;text-decoration:none}.wordmark span{color:var(--teal)}.site-header nav{align-items:center;gap:23px;display:flex}.site-header nav a{color:var(--muted);font-size:14px;text-decoration:none}.site-header nav a[aria-current=page],.site-header nav a:hover{color:var(--ink)}.site-footer{width:var(--measure);border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:30px 0 42px;font-size:13px;display:flex}.site-footer a{color:var(--ink)}.eyebrow{color:var(--teal);letter-spacing:1.35px;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;line-height:1.4}.text-link{color:var(--teal);font-size:14px;font-weight:650}.empty-copy{color:var(--muted)}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.section-intro{max-width:500px;color:var(--muted);margin:-6px 0 20px;font-size:14px;line-height:1.5}.section-count{color:var(--muted);font-size:12px}.authorship-label--qz{color:var(--teal)}.authorship-label--agent{color:#7b5f1c}.home-intro{width:var(--measure);max-width:1120px;margin:0 auto;padding:112px 0 88px}.home-intro h1{letter-spacing:0;max-width:770px;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(43px,6vw,77px);font-weight:400;line-height:1.02}.home-intro>p:not(.eyebrow){max-width:550px;color:var(--muted);margin:0;font-size:18px;line-height:1.58}.home-intro>p.home-orientation{max-width:640px;margin-top:22px;font-size:15px;line-height:1.62}.home-orientation strong{color:var(--ink);font-weight:600}.home-section{width:var(--measure);margin:0 auto 88px}.home-section--empty .empty-copy{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0;padding:18px 0;font-size:15px}.entry-list,.index-list{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.entry-card{border-bottom:1px solid var(--rule);min-height:244px;padding:26px 26px 25px 0}.entry-card:nth-child(odd){border-right:1px solid var(--rule);padding-right:28px}.entry-card:nth-child(2n){padding-left:28px}.entry-card__meta{color:var(--muted);text-transform:capitalize;margin:0;font-size:12px}.entry-card__meta .authorship-label{letter-spacing:.8px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700}.entry-card__separator{padding:0 6px}.entry-card__taxonomy{color:var(--muted);letter-spacing:.55px;text-transform:uppercase;margin:9px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.entry-card--portrait{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:21px;display:grid}.entry-card__portrait{aspect-ratio:1;border:1px solid var(--rule);background:var(--paper-deep);width:112px;display:block;overflow:hidden}.entry-card__portrait img{object-fit:contain;object-position:center;background:var(--paper-deep);filter:saturate(.82);width:100%;height:100%;transition:filter .18s;display:block}.entry-card__portrait:hover img,.entry-card__portrait:focus-visible img{filter:saturate()}.entry-card__body{min-width:0}.entry-card h2{max-width:430px;margin:15px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;line-height:1.1}.entry-card h2,.entry-card h2 a,.entry-card__body>p{overflow-wrap:anywhere}.entry-card h2 a{text-decoration:none}.entry-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--teal)}.entry-card__body>p:not(.entry-card__meta):not(.entry-card__taxonomy){max-width:470px;color:var(--muted);margin:0;font-size:14px;line-height:1.52}.entry-card__bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:26px;font-size:12px;display:flex}.index-header{width:var(--measure);border-bottom:1px solid var(--rule);margin:0 auto;padding:92px 0 64px}.index-header h1{margin:14px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,73px);font-weight:400;line-height:1}.index-header>p:last-child{max-width:490px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.index-list{width:var(--measure);margin:0 auto 100px}.archive-controls{width:var(--measure);border-bottom:1px solid var(--rule);margin:0 auto;padding:22px 0 17px}.filter-nav{flex-wrap:wrap;align-items:baseline;gap:8px 23px;display:flex}.filter-nav__link{color:var(--muted);font-size:14px;text-decoration:none}.filter-nav__link:hover,.filter-nav__link.is-selected{color:var(--ink);text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:7px;text-decoration-thickness:2px}.filter-status{color:var(--muted);margin:16px 0 0;font-size:12px}.entry-card[hidden]{display:none}.article-shell{width:min(100% - 40px,970px);margin:0 auto;padding:102px 0 104px}.article-header{max-width:740px;margin-bottom:58px}.article-kicker{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-size:12px;display:flex}.article-kicker .eyebrow{display:inline}.article-kicker time{color:var(--muted)}.article-header h1{letter-spacing:0;margin:17px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.8vw,72px);font-weight:400;line-height:1.02}.article-dek{max-width:690px;color:var(--muted);margin:0;font-size:20px;line-height:1.5}.article-byline{margin:20px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.article-byline--qz{color:var(--teal)}.article-byline--agent{color:#7b5f1c}.article-meta{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin-top:24px;font-size:13px;display:flex}.article-preview{border:1px solid var(--rule);background:var(--paper-deep);margin:0 0 58px}.article-preview img{object-fit:contain;width:100%;height:auto;max-height:640px;display:block}.article-preview figcaption{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.article-body{max-width:680px;margin-left:122px;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.7}.article-body>:first-child{margin-top:0}.article-body h2{margin:54px 0 16px;font-family:Inter,ui-sans-serif,sans-serif;font-size:24px;line-height:1.2}.article-body h3{margin:36px 0 12px;font-family:Inter,ui-sans-serif,sans-serif;font-size:18px;line-height:1.3}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin:0 0 23px}.article-body li{margin:7px 0}.article-body a{color:var(--teal)}.article-body blockquote{border-left:3px solid var(--teal);color:var(--muted);padding-left:20px}.article-body code{background:var(--paper-deep);padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}.article-body pre{color:#eff5ef;background:#202b28;padding:18px;font-size:14px;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body hr{border:0;border-top:1px solid var(--rule);margin:42px 0}.article-body .build-media{margin:38px 0}.article-body .build-media video{border:1px solid var(--rule);background:#202b28;width:100%;height:auto;display:block}.article-body .build-media figcaption,.article-body .build-checks figcaption{color:var(--muted);margin-top:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.article-body .build-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:38px 0;display:grid}.article-body .build-checks figure{margin:0}.article-body .build-checks img{border:1px solid var(--rule);background:var(--paper-deep);width:100%;height:auto;display:block}.receipt,.margin-note{margin:35px 0;font-family:Inter,ui-sans-serif,sans-serif;font-size:14px;line-height:1.52}.receipt{border:1px solid var(--rule);background:#f4f6f2;padding:18px 20px}.receipt .eyebrow{margin-bottom:8px}.receipt__content>:last-child,.margin-note>div>:last-child{margin-bottom:0}.margin-note{float:left;clear:left;width:190px;color:var(--muted);margin-left:-236px;font-family:Inter,ui-sans-serif,sans-serif;font-size:13px;position:relative}.margin-note__label{color:var(--teal);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:block}.project-links{flex-wrap:wrap;gap:10px 14px;margin:28px 0 0;display:flex}.project-links a{border:1px solid var(--teal);color:var(--teal);gap:6px;padding:9px 13px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.project-links a:hover{color:var(--paper);background:var(--teal)}.project-links--none{color:var(--muted);font-size:13px}.live-demo{border:1px solid var(--teal);color:var(--teal);margin:7px 0 30px;padding:11px 15px;font-family:Inter,ui-sans-serif,sans-serif;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.live-demo:hover{color:var(--paper);background:var(--teal)}.project-record,.article-objectives,.related-entries{border-top:1px solid var(--rule);max-width:680px;margin:62px 0 0 122px;padding-top:24px}.project-record dl{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:16px 0 0;display:grid}.project-record dl>div{border-bottom:1px solid var(--rule);gap:6px;min-width:0;padding:15px 18px 16px 0;display:grid}.project-record dl>div:nth-child(odd){border-right:1px solid var(--rule);padding-right:22px}.project-record dl>div:nth-child(2n){padding-left:22px}.project-record dl>div:last-child{border-right:0;grid-column:1/-1;padding-right:0}.project-record dt{color:var(--teal);letter-spacing:1.1px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;line-height:1.4}.project-record dd{color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.48}.article-objectives ul{color:var(--muted);margin:14px 0 0;padding-left:19px;line-height:1.6}.related-entries__list{gap:10px;margin-top:14px;display:grid}.related-entries__list a{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:20px}.related-entries__list a span{color:var(--teal)}.about-shell{width:min(100% - 40px,780px);margin:0 auto;padding:110px 0 130px}.about-shell h1{margin:15px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,7vw,80px);font-weight:400;line-height:1}.about-headline{max-width:640px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.35}.about-copy{max-width:620px;color:var(--muted);margin-top:50px;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.65}.about-focus{border-top:1px solid var(--rule);margin-top:54px;padding-top:24px}.about-focus ul{flex-wrap:wrap;gap:9px;margin:17px 0 0;padding:0;list-style:none;display:flex}.about-focus li{border:1px solid var(--rule);padding:7px 10px;font-size:13px}.about-links{flex-wrap:wrap;gap:17px;margin-top:30px;display:flex}.about-links a{color:var(--teal);font-size:14px;font-weight:650}.showcase-grid{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:36px 26px;padding-top:26px;display:grid}.showcase-grid--featured{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-card{min-width:0;color:var(--ink);flex-direction:column;gap:6px;text-decoration:none;display:flex}.showcase-card img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--rule);background:var(--paper-deep);filter:saturate(.85);width:100%;height:auto;margin-bottom:8px;transition:filter .18s}.showcase-card:hover img,.showcase-card:focus-visible img{filter:saturate()}.showcase-card>a{text-decoration:none}.showcase-card__theme{color:#7b5f1c;letter-spacing:.8px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.showcase-card__title{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.15}.showcase-card:hover .showcase-card__title{text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:3px}.showcase-card__description{color:var(--muted);font-size:13px;line-height:1.5}.showcase-card__record{color:var(--teal);font-size:12px;font-weight:650}.archive-jump{flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:14px;display:flex}.archive-jump a{color:var(--teal);font-weight:650}.archive-section{width:var(--measure);margin:0 auto 110px;scroll-margin-top:24px}.archive-section .section-heading{padding-top:20px}.about-site{border-top:1px solid var(--rule);margin-top:54px;padding-top:24px}.about-site dl{gap:16px;margin:17px 0 0;display:grid}.about-site dt{color:var(--ink);font-size:15px;font-weight:650}.about-site dd{color:var(--muted);margin:4px 0 0;font-size:15px;line-height:1.6}.not-found{width:var(--measure);margin:0 auto;padding:110px 0 130px}.not-found h1{margin:14px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,73px);font-weight:400;line-height:1}.not-found>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:17px;line-height:1.55}.not-found nav{flex-wrap:wrap;gap:12px 24px;margin-top:30px;display:flex}.not-found nav a{color:var(--teal);font-size:15px;font-weight:650}.research-label{color:#dec67f;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;border:1px solid #bb9d57;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700}@media (width<=820px){:root{--measure:min(100% - 30px, 1120px)}.site-header{min-height:70px}.home-intro{padding:76px 0 64px}.entry-list,.index-list{grid-template-columns:1fr}.entry-card,.entry-card:nth-child(odd),.entry-card:nth-child(2n){border-right:0;min-height:auto;padding:24px 0}.entry-card--portrait{grid-template-columns:88px minmax(0,1fr);gap:17px}.entry-card__portrait{width:88px}.showcase-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section{margin-bottom:64px}.article-shell{padding-top:72px}.article-body,.project-record,.article-objectives,.related-entries{margin-left:0}.project-record dl{grid-template-columns:1fr}.project-record dl>div,.project-record dl>div:nth-child(odd),.project-record dl>div:nth-child(2n){border-right:0;padding:14px 0}.margin-note{float:none;clear:none;border-left:2px solid var(--teal);width:auto;margin:30px 0;padding-left:14px}}@media (width<=580px){.site-header nav{gap:15px}.site-header nav a{font-size:13px}.site-footer{flex-direction:column;align-items:flex-start}.home-intro h1{font-size:45px}.index-header{padding:70px 0 52px}.article-body{font-size:18px}.article-header h1{font-size:44px}.article-dek{font-size:18px}.article-body .build-checks{grid-template-columns:1fr}.showcase-grid,.showcase-grid--featured{grid-template-columns:1fr;gap:30px}.section-heading{flex-wrap:wrap;gap:6px 18px}}.home-feature{border-bottom:1px solid var(--rule);grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px;padding:28px 0 36px;display:grid}.home-feature__copy{min-width:0}.home-feature h2{margin:12px 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.15}.home-feature h2 a{color:inherit}.home-feature__copy>p:not(.eyebrow){margin:0 0 20px}.home-feature figure{min-width:0;margin:0}.home-feature video{aspect-ratio:4/3;object-fit:contain;background:#000;width:100%;height:auto;display:block}.home-feature figcaption{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5}@media (width<=700px){.home-feature{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}