@font-face{font-family:SohneMono;src:url('./assets/06bc87431b58ebd49b1b3348.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:SohneMono;src:url('./assets/e2112094a3ea26eab27be8ab.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Sohne;src:url('./assets/1dd2bb6f3622d26cecb2913b.otf') format('opentype');font-weight:400;font-display:swap}
:root{--paper:#f2f2f2;--ink:#0a0b0c;--blue:#1675e8;--line:#cececa;--mono:SohneMono,monospace;--sans:Sohne,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}button,input,select{font:inherit;color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:0;left:0;background:#fff;padding:20px;z-index:300}h1,h2,h3,p,figure{margin:0}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin:0 2.5vw;padding:24px 0 22px;border-bottom:1px solid var(--ink)}.mast-brand{position:relative;background:#fff;font:24px/1 var(--mono);padding:0 38px 10px 0}.edition{font:10px/1.3 var(--mono);display:block;margin-top:13px;color:#656565}.masthead nav{display:flex;gap:30px;align-items:center;font:13px var(--mono);padding-top:5px}.masthead nav button{background:var(--ink);color:#fff;padding:11px 16px}.masthead sup{font-size:9px;color:#777}.masthead nav a:hover{color:var(--blue)}main{margin:0 2.5vw}.intro{padding:20px 0 48px}.intro-meta{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.intro h1{font:clamp(65px,10.7vw,178px)/.98 var(--mono);letter-spacing:-.07em;margin:65px 0 48px}.intro h1 em{font-style:normal;background:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-right:.15em}.intro-bottom{display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:40px;align-items:end}.intro-bottom p{font-size:clamp(18px,1.65vw,26px);line-height:1.25;max-width:440px}.begin{font:13px var(--mono);border-bottom:1px solid;padding:0 0 10px;display:flex;justify-content:space-between}.begin span{font-size:30px}.local-label{font:10px/1.5 var(--mono);color:#777;justify-self:end}.signature{background:#fff;margin:20px 0 65px}.signature-label{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;font:11px var(--mono);border-bottom:1px solid var(--paper)}.signature .preview{height:min(48vw,600px);min-height:250px}.hero-controls{display:flex;align-items:center;gap:20px;padding:18px 22px;border-top:1px solid var(--paper);font:11px var(--mono)}.hero-controls button{padding:10px 0;min-width:75px}.hero-controls label{display:flex;align-items:center;gap:20px;flex:1}.hero-controls input{flex:1;min-width:30px}.toolbar{display:flex;align-items:center;gap:25px;padding:16px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:11px var(--mono);position:sticky;top:0;background:var(--paper);z-index:5}.toolbar>span{min-width:95px}.filter-group{display:flex;gap:5px;flex:1;flex-wrap:wrap}.filter-group button{padding:9px 12px;border:1px solid transparent}.filter-group [aria-pressed=true]{background:var(--ink);color:#fff}.filter-group button:hover{border-color:var(--ink)}#compare-open{padding:9px;border:1px solid var(--ink)}.study-section{padding:70px 0 0}.section-heading{display:grid;grid-template-columns:.55fr 1.25fr 1fr;gap:30px;align-items:start;margin-bottom:40px}.section-heading>span{font:11px/1.4 var(--mono);text-transform:uppercase;padding-top:8px}.section-heading h2{font:clamp(27px,3.4vw,54px)/1.07 var(--mono);letter-spacing:-.055em}.section-heading p{max-width:330px;font-size:17px;line-height:1.4;color:#656565;padding-top:6px}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}.study{background:#fff;min-width:0;scroll-margin-top:90px}.study-top{display:flex;align-items:flex-start;gap:12px;padding:22px 22px 0;min-height:75px}.number{font:11px var(--mono);padding-top:5px;min-width:24px;color:#696965}.study h3{font:clamp(18px,1.8vw,26px)/1.12 var(--mono);letter-spacing:-.04em;flex:1}.favorite{font:25px var(--mono);line-height:1;padding:0 3px}.favorite[aria-pressed=true]{color:var(--blue)}.study-description{font-size:14px;line-height:1.4;color:#666;padding:9px 22px 0 58px;min-height:65px;max-width:530px}.preview{position:relative;width:100%;background:#fff;overflow:hidden;isolation:isolate}.preview svg,.preview canvas{display:block;width:100%;height:100%;overflow:visible}.study>.preview{aspect-ratio:2;height:auto;margin:0 auto}.study>.preview.mobile{aspect-ratio:430/580;max-width:265px}.study[data-dark=true]>.preview{background:#111;color:#fff}.preview-caption{position:absolute;left:20px;bottom:12px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#777;pointer-events:none}.preview svg text{font-family:var(--mono)}.timeline{padding:10px 22px 15px;display:grid;grid-template-columns:auto auto 1fr 40px;gap:12px;align-items:center;font:10px var(--mono)}.timeline button{padding:7px 0;min-height:32px}.timeline output{text-align:right}.timeline input{width:100%;min-width:20px}input[type=range]{accent-color:var(--ink);height:25px;cursor:ew-resize}.study-foot{display:flex;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid var(--paper);padding:12px 22px;font:10px var(--mono)}.study-foot label{display:flex;align-items:center;gap:5px;cursor:pointer}.study-foot button{padding:6px 0}.study-foot [aria-pressed=true]{color:var(--blue)}input[type=checkbox]{accent-color:var(--ink);width:15px;height:15px}.review{border-top:1px solid var(--paper);font:11px var(--mono);padding:12px 22px}.review summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.review summary:after{content:'+'}.review[open] summary:after{content:'−'}.scores{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:18px 0 4px}.scores label{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px var(--mono)}.scores select{background:#f3f3f0;border:0;border-bottom:1px solid #999;padding:5px}.tags{font:9px/1.4 var(--mono);color:#777;text-transform:uppercase;letter-spacing:.06em}.responsive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.responsive-grid .study>.preview{aspect-ratio:430/580}.responsive-grid .study-description{padding-left:22px}.responsive-grid .study-top{min-height:90px}.responsive-grid .timeline{padding:10px 14px;gap:7px}.responsive-grid .study-foot{padding:12px 14px}.closing{display:grid;grid-template-columns:1fr auto;gap:40px;border-top:1px solid var(--ink);margin-top:90px;padding:35px 0 30px;font:11px/1.4 var(--mono)}.closing p{font:clamp(30px,4vw,64px)/1.1 var(--mono);letter-spacing:-.05em;grid-column:1/-1}.closing a{align-self:end}.compare-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;background:var(--ink);color:#fff;display:flex;gap:20px;align-items:center;padding:14px 20px;width:max-content;max-width:calc(100% - 24px);box-shadow:0 5px 35px #0003;font:11px var(--mono)}.compare-dock button{color:#fff;white-space:nowrap}.compare-dock #compare-clear{font-size:22px}.compare-dock #compare-names{max-width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:calc(100% - 48px);max-width:1600px;max-height:calc(100dvh - 48px);overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.viewer-bar{position:sticky;top:0;z-index:8;background:var(--paper);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 24px;font:12px var(--mono)}.viewer-bar>div{display:flex;gap:20px}.viewer-bar button{padding:6px;min-height:32px}#viewer-content{padding:25px}#viewer-content .study{max-width:1300px;margin:auto}#viewer-content .study>.preview{height:55vh;aspect-ratio:auto}#viewer-content .study>.preview.mobile{max-width:390px;height:55vh}#viewer-content .study-description{max-width:800px;min-height:50px}#comparison-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.sync-controls{display:flex;gap:20px;align-items:center;padding:18px 24px;font:11px var(--mono);border-bottom:1px solid var(--line)}.sync-controls label{display:flex;gap:8px;align-items:center}.sync-controls input[type=range]{flex:1;min-width:30px}.empty-state{font:14px var(--mono);padding:50px 20px;border:1px dashed #999;grid-column:1/-1}.body-dialog{overflow:hidden}
@media(max-width:900px){.masthead nav{gap:15px;font-size:11px}.section-heading{grid-template-columns:1fr 2fr}.section-heading p{grid-column:2}.intro-bottom{grid-template-columns:1fr 1fr}.local-label{display:none}.study-description{padding-left:22px}.responsive-grid{grid-template-columns:1fr 1fr}.responsive-grid .study:last-child{grid-column:1/-1;max-width:500px;width:100%;justify-self:center}.toolbar{gap:10px}.toolbar>span{min-width:70px}.filter-group button{padding:8px}.study-foot{gap:8px;padding:12px}.scores{grid-template-columns:1fr}.study-top{padding:18px 14px 0}.timeline{padding:10px 14px}.signature-label{font-size:10px}}
@media(max-width:600px){html{scroll-padding-top:110px}.masthead{margin:0 16px;padding:18px 0;gap:12px}.mast-brand{font-size:20px;padding-right:15px;flex:none}.edition{font-size:9px}.masthead nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding-top:0;font-size:10px}.masthead nav button{padding:8px}.masthead nav a{white-space:nowrap}.masthead sup{font-size:8px}main{margin:0 16px}.intro-meta{font-size:8px;line-height:1.4;gap:18px}.intro-meta span:last-child{text-align:right}.intro h1{font-size:clamp(47px,12vw,72px);margin:45px 0 35px;letter-spacing:-.065em}.intro-bottom{grid-template-columns:1fr;gap:25px}.intro-bottom p{font-size:18px;max-width:350px}.intro{padding-bottom:25px}.signature{margin-bottom:35px}.signature .preview{height:370px;min-height:0}.signature-label{padding:14px;font-size:9px}.signature-label span:last-child{display:none}.hero-controls{padding:12px 14px;gap:12px;font-size:9px}.hero-controls label{font-size:0;gap:0}.hero-controls button{min-width:50px}.toolbar{flex-wrap:wrap;padding:10px 0;row-gap:7px}.toolbar>span{flex:1;font-size:10px}.filter-group{order:3;flex-basis:100%;justify-content:space-between}.filter-group button{font-size:9px;padding:8px 7px}.toolbar #compare-open{font-size:10px;padding:6px}.section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:25px}.section-heading p{grid-column:auto;font-size:16px;max-width:350px}.section-heading h2{font-size:34px}.section-heading>span{font-size:10px}.study-section{padding-top:45px}.study-grid,.responsive-grid{grid-template-columns:1fr;gap:18px}.responsive-grid .study:last-child{grid-column:auto;max-width:none}.study-top{min-height:65px;padding:20px 18px 0}.study h3{font-size:22px}.study-description{min-height:60px;padding:10px 18px 0;font-size:14px}.study>.preview{min-height:195px}.study>.preview.mobile{min-height:0;max-width:290px}.timeline{padding:12px 18px;gap:12px}.study-foot{padding:12px 18px;font-size:10px;gap:12px}.scores{grid-template-columns:1fr 1fr}.scores label{font-size:9px}.review{padding:14px 18px}.closing{margin-top:50px;gap:25px;font-size:10px}.closing p{font-size:32px}.compare-dock{bottom:10px;gap:12px;padding:12px;font-size:10px}.compare-dock #compare-names{display:none}dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.viewer-bar{padding:10px 12px;font-size:10px}.viewer-bar>div{gap:8px}#viewer-content{padding:10px}#viewer-content .study>.preview{height:48vh;min-height:240px}#viewer-content .study>.preview.mobile{height:48vh}#comparison-content{grid-template-columns:1fr;padding:10px;gap:12px}#comparison-content .study-description{display:none}#comparison-content .study>.preview{height:180px;min-height:0}#comparison-content .study>.preview.mobile{height:210px}#comparison-content .review{display:none}.sync-controls{flex-wrap:wrap;padding:12px;gap:10px;font-size:10px}.sync-controls input[type=range]{flex-basis:60%}.responsive-grid .study>.preview{max-width:360px;margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.presentation .study-description,.presentation .study-foot,.presentation .review{display:none}.presentation .study-top{min-height:70px}.presentation #viewer-content .study>.preview{height:65vh}.presentation .favorite{display:none}
@media(max-width:350px){.masthead nav{font-size:9px;gap:10px 8px}.masthead nav sup{font-size:7px}.mast-brand{font-size:18px;padding-right:10px}.edition{font-size:8px}.masthead{gap:9px}.scores{grid-template-columns:1fr}}
#comparison .study-foot label:has([data-scroll]),#comparison .study-foot label:has([data-compare]){display:none}
@media(max-width:600px){.masthead nav{min-width:0}.masthead nav a{white-space:normal;line-height:1.4}}
@media(max-width:600px){.study-foot{flex-wrap:wrap}.study h3{min-width:0;overflow-wrap:anywhere}.study-top{min-width:0}.timeline{gap:8px}}
/* Research archive shares the preview shell; it is not a second website. */
.collection-return{position:sticky;top:0;z-index:30;background:#fde703;color:#301568;padding:16px 2.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font:600 18px/1.4 var(--sans);border-bottom:1px solid #301568}
.collection-return a{padding:8px 14px;border:1px solid currentColor;border-radius:28px}.collection-return span{font-size:16px}.intro h1{font-size:clamp(38px,6vw,92px);line-height:1.3;letter-spacing:-.045em;margin:32px 0}.intro h1 em{display:inline-block;padding:0 .12em}.masthead nav{flex-wrap:wrap}.masthead{flex-wrap:wrap}.toolbar{top:89px}
@media(max-width:600px){.collection-return{padding:10px 16px;display:block;font-size:16px}.collection-return a{display:block;text-align:center}.collection-return span{display:block;font-size:13px;margin-top:6px;text-align:center}.intro h1{font-size:clamp(30px,7vw,44px);line-height:1.35;margin:24px 0}.toolbar{position:relative;top:auto}}