:root{--paper:#e5e5e1;--ink:#152031;--green:#243bff;--red:#243bff;--blue:#243bff;--muted:#515d70;--line:#a8afc5;--electric:#243bff;--screen:#eeeeea}
.brand .brand-mark{font-size:0;width:34px;height:34px;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--paper) 9px 12px),repeating-linear-gradient(0deg,var(--electric) 0 9px,var(--paper) 9px 12px);position:relative}.brand .brand-mark:after{content:'';position:absolute;right:0;top:12px;width:10px;height:10px;background:var(--paper)}
body{background:var(--paper)}main,.mast,footer{width:min(1440px,calc(100% - 72px))}.proof{background:var(--electric);padding-inline:36px}.mast{border-color:var(--electric);padding:25px 0;color:var(--electric)}.brand-mark{font:52px/1 var(--mono);letter-spacing:0;width:46px;transform:none;color:var(--electric)}.brand{font-family:var(--sans);font-weight:600;letter-spacing:.06em}.mast nav a{padding:4px 9px;border:1px solid transparent}.mast nav a:hover,.mast nav a[aria-current]{border:1px solid var(--electric);box-shadow:3px 3px 0 var(--electric)}.mast .search-link{border:1px solid var(--electric);margin-left:0;padding:4px 14px}.desktop-banner{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--electric);font:13px/2.3 var(--mono);letter-spacing:.13em;color:var(--electric)}.desktop-banner span{display:block;word-spacing:15px}.issue-line{color:var(--electric);font-size:11px}.cover{position:relative;padding:52px 0 85px;grid-template-columns:1.1fr 1fr;gap:0;isolation:isolate}.desktop-art{position:absolute;inset:10px -15px 30px;z-index:-1;overflow:hidden;background-image:linear-gradient(#243bff20 1px,transparent 1px),linear-gradient(90deg,#243bff20 1px,transparent 1px);background-size:68px 68px;border:1px solid #243bff55}.desktop-art .ribbon{position:absolute;width:70%;bottom:-130px;left:5%;transform:rotate(-10deg);color:var(--electric)}.desktop-art .pixel-field{position:absolute;right:0;top:0;width:37%;fill:var(--electric)}.window-bar{font:11px/1.8 var(--mono),var(--sans);letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--electric);color:var(--electric);background:var(--screen);min-height:35px}.window-bar>span:first-child{display:flex;align-items:center;gap:9px}.window-sign{font:20px/1 var(--sans)}.pixel-icon{width:10px;height:10px;background:currentColor;display:inline-block;box-shadow:4px 4px 0 -2px var(--screen)}.window-bar.inverse{color:var(--screen);background:var(--electric);border-color:#b5bfff}.cover-copy{background:var(--electric);color:var(--screen);padding:0 36px 30px;border:1px solid var(--electric);box-shadow:9px 9px 0 #c6cce7,10px 10px 0 var(--electric);position:relative;margin-right:-30px;z-index:2}.cover-copy>.window-bar{margin:0 -36px 24px}.cover-copy .kicker{color:#d5d9ff;font-size:12px}.cover h1{font:500 clamp(50px,4.8vw,75px)/1.28 var(--serif);margin:20px 0 25px;letter-spacing:-.045em}.cover h1 span{display:block;color:var(--screen)}.cover-copy .deck{color:#fff;font-size:20px}.cover-copy .intro{color:#d8dcff;max-width:450px;font-size:14px}.cover-copy .cta{background:var(--screen);color:var(--electric);border:1px solid var(--screen);padding:10px 18px}.cover-copy .cta:hover{background:#cbd1ff}.cover-foot{color:#cdd3ff;font-size:10px;margin-top:22px}.plate{background:var(--screen);border:1px solid var(--electric);box-shadow:7px 7px 0 #c6cce7,8px 8px 0 var(--electric);transform:translateY(45px);z-index:3;display:block}.plate-top{padding:17px 22px 5px;color:var(--electric);font-size:10px}.mat{margin:12px 22px 0;padding:24px;background:#d7d9e0;border:1px solid #b2b8cc;box-shadow:none;background-image:none}.mat img{height:310px;border-color:#c9cbd0;box-shadow:none}.corner{border-color:var(--electric)}.plate figcaption{padding:0 22px 18px;font-size:11px}.plate figcaption strong{font:13px var(--mono)}.plate figcaption a{color:var(--electric)}.paths{border-top:0;padding-top:30px}.section-label{border-top:2px solid var(--electric);padding-top:18px;color:var(--electric)}.section-label h2{font-size:26px}.path-list{gap:22px}.path-list>a,.path-list>a:first-child{border:1px solid var(--electric);display:grid;grid-template-columns:45px 1fr 25px;gap:18px;padding:0 21px 26px;background:var(--screen);box-shadow:4px 4px 0 #243bff;transition:transform .18s,box-shadow .18s}.path-list>a>.window-bar{grid-column:1/-1;margin:0 -21px 7px;background:#d5daff}.path-list>a:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--electric);background:white}.path-no{color:var(--electric);font-size:35px}.path-list h3{font-size:22px}.path-list p{font-size:14px}.feature{padding:0 35px 0;background:var(--electric);border:1px solid var(--electric);box-shadow:7px 7px 0 #b4bddf;gap:25px}.feature>.window-bar{grid-column:1/-1;margin:0 -35px}.feature-copy{padding:20px 0 35px}.feature-art{color:#e0e3ff}.ribbon{display:block;width:100%;transition:transform .6s}.feature h2{font-size:60px}.feature-copy .kicker{color:#cbd3ff}.feature p{color:#e3e6ff}.cta.light{border-color:#cdd3ff;color:var(--screen)}.cta.light:hover{background:#1029d6}.feature-bottom{border-color:#9aa8ff;color:#dbe0ff}.journal-list{border:1px solid var(--electric);background:var(--screen);box-shadow:5px 5px 0 #bac3e4}.journal-list>a{padding:25px 22px;border-color:#a6afe3;grid-template-columns:150px 1fr 30px}.journal-list>a:hover{background:#dce0ff}.journal-list .window-bar{background:var(--electric);color:white}.lab-strip{border:1px solid var(--electric);background:var(--screen);box-shadow:5px 5px 0 var(--electric);padding:65px 30px 30px;position:relative;color:var(--electric)}.lab-strip>.window-bar{position:absolute;top:0;left:0;right:0;background:#d5daff}.lab-strip:after{background:repeating-linear-gradient(70deg,transparent 0 10px,#243bff50 10px 11px)}footer{color:var(--electric);border-color:var(--electric)}footer strong{color:var(--electric)}.title-block{position:relative;overflow:hidden;color:var(--electric)}.title-block .pixel-field{position:absolute;width:40%;right:10px;bottom:15px;opacity:.65;fill:var(--electric)}.title-block h1,.title-block p,.title-block .kicker{position:relative;z-index:1}.title-block .deck{color:var(--ink)}.topic-cover{border:1px solid var(--electric);background:var(--screen);color:var(--electric);box-shadow:5px 5px 0 var(--electric);padding:0 30px 25px}.topic-meta{border-bottom:1px solid var(--electric);margin:0 -30px;padding:10px 13px;background:#d5daff}.topic-cover .ribbon{position:absolute;right:-60px;top:45px;width:380px;opacity:.8}.topic-caption{margin-top:155px}.topic-caption h2{font-size:32px;display:inline;background:var(--screen)}.topic-caption p{background:var(--screen);width:fit-content}.topic-cover:hover{color:var(--electric)}.topic-cover:hover .ribbon{transform:rotate(12deg)}.tone-0{background:var(--electric);color:white}.tone-0 .topic-meta{background:var(--electric);color:white;border-color:#a6b0ff}.tone-0 .topic-caption h2,.tone-0 .topic-caption p{background:var(--electric)}.tone-0:hover{color:white}.history-note{border-color:var(--electric)}.topic-hero{padding:0 38px 35px;background:var(--electric);border:1px solid var(--electric);box-shadow:7px 7px 0 #b4bddf;gap:30px}.topic-hero>.window-bar{grid-column:1/-1;margin:0 -38px}.topic-hero .kicker{color:#cbd3ff}.topic-hero .deck{color:#e3e6ff}.period{color:#b7c2ff}.topic-graphic{color:#d6deff}.topic-intro{border-color:var(--electric)}.case-list{border:1px solid var(--electric);margin:35px 0;background:var(--screen);padding:0}.case-list>a{padding:30px 25px;grid-template-columns:200px 1fr 30px;border-color:#a6afe3}.case-year{color:var(--electric)}.case-list>a:hover{background:#dce0ff}.quotation p{color:var(--electric)}.work-cover{color:var(--ink)}.score-figure{border:1px solid var(--electric);box-shadow:6px 6px 0 var(--electric);background:var(--screen)}.score{background:var(--electric);color:#dfe4ff;border:0}.score-number{color:var(--screen);background:var(--electric);font-size:68px}.score-figure figcaption{padding:0 15px 15px;color:var(--electric)}.facts{border-color:var(--electric)}.facts dt{color:var(--electric)}.article-layout aside{border:1px solid var(--electric);padding:16px;background:var(--screen)}.article-layout aside a{border-color:#a6afe3}.prose{background:var(--screen);padding:30px 36px;border:1px solid #aeb5ce}.prose a{color:var(--electric)}.next-work{background:var(--electric);border:1px solid var(--electric);box-shadow:5px 5px 0 #b4bddf}.next-work:hover{color:#d3dcff}
@media(min-width:1500px){.cover-copy{padding-inline:45px}.cover-copy>.window-bar{margin-inline:-45px}.cover h1{font-size:80px}.mat img{height:365px}}
@media(max-width:1000px){.cover{grid-template-columns:1fr 1fr}.cover-copy{padding-inline:23px}.cover-copy>.window-bar{margin-inline:-23px}.cover h1{font-size:52px}.mat{padding:15px;margin-inline:15px}.mat img{height:290px}.path-list>a,.path-list>a:first-child{grid-template-columns:1fr 25px}.path-no{display:none}.path-list>a>.window-bar{grid-column:1/-1}.path-list h3{font-size:21px}.article-layout{grid-template-columns:175px minmax(0,1fr)}.prose{padding:23px}}
@media(max-width:700px){main,.mast,footer{width:calc(100% - 32px)}.proof{padding-inline:16px}.proof nav{gap:18px}.mast nav a{padding:4px 3px}.mast .search-link{padding:4px 7px}.desktop-banner{font-size:10px}.cover{grid-template-columns:1fr;padding:24px 0 38px;gap:25px}.desktop-art{inset:0 -6px 10px}.desktop-art .ribbon{display:none}.cover-copy{margin-right:12px;padding:0 22px 25px}.cover-copy>.window-bar{margin-inline:-22px;font-size:9px}.cover h1{font-size:53px}.cover-copy .deck{font-size:18px}.plate{transform:none;margin-left:17px}.mat img{height:260px}.plate-top{font-size:9px;padding-inline:15px}.plate figcaption{padding-inline:15px}.path-list{gap:22px}.path-list>a,.path-list>a:first-child{grid-template-columns:40px 1fr 20px;padding:0 18px 23px;gap:16px}.path-list>a>.window-bar{margin-inline:-18px}.path-no{display:block}.paths{padding-top:10px}.feature{padding:0 22px}.feature>.window-bar{margin-inline:-22px;order:0}.feature-copy{order:1;padding-top:0}.feature-art{order:2}.feature h2{font-size:42px}.journal-list>a{grid-template-columns:1fr 25px;padding:22px 18px}.lab-strip{padding:65px 22px 25px}.lab-strip>.mono{width:auto}.lab-strip h2{font-size:25px}.title-block .pixel-field{width:55%;opacity:.16}.topic-caption h2{font-size:30px}.topic-hero{padding:0 25px 25px;gap:25px}.topic-hero>.window-bar{margin-inline:-25px;font-size:9px}.topic-hero h1{font-size:49px}.topic-hero .deck{font-size:19px}.case-list>a{grid-template-columns:1fr 25px;gap:12px;padding:23px 18px}.case-year{font-size:42px}.article-layout{grid-template-columns:1fr}.article-layout aside{position:static}.prose{padding:24px 20px}.work-cover h1{font-size:41px}.score-number{font-size:58px}.work-cover .deck{font-size:19px}}