:root{--focus:#ff9c65;color-scheme:dark;font-family:Manrope,sans-serif;background:#131313;color:#f1eee7}body{max-width:1680px;margin:auto;padding:0 clamp(22px,4vw,72px)}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #42413e;gap:20px}.wordmark{font-weight:800;text-decoration:none;font-size:22px}.wordmark span{font-weight:400;color:#bab7b0}header p,.kind,footer{font-size:14px;color:#bab7b0}.intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:64px 0 48px}h1{font-size:clamp(52px,6.2vw,92px);letter-spacing:-.065em;line-height:1.02;margin:0;font-weight:500}.intro p{max-width:430px;font-size:18px;line-height:1.6;color:#d4d0c8}.directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.preview{position:relative;display:block;overflow:hidden;aspect-ratio:1;text-decoration:none}.preview img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.preview:hover img{transform:scale(1.035)}.preview span{position:absolute;bottom:22px;left:24px;font-size:clamp(24px,3vw,42px);letter-spacing:-.05em;font-weight:700}.signal .preview{background:#090b0c;color:#ff8b4c}.workbench .preview{background:#071923;color:#a0f5eb}.workbench .preview span{font-family:'IBM Plex Sans',sans-serif}.editorial .preview{background:#e9e5dd;color:#272621}.editorial .preview span{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(32px,3.8vw,52px)}.detail{padding:20px 0 28px}.kind{margin:0 0 12px;font-size:13px}h2{font-size:26px;font-weight:500;margin:0 0 12px}h2 a{display:flex;align-items:center;justify-content:space-between;min-height:44px;text-decoration:none}h2 a:hover{text-decoration:underline;text-underline-offset:7px}.detail>p:last-child{color:#d4d0c8;font-size:16px;line-height:1.6;max-width:35ch;margin:0}footer{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid #42413e;line-height:1.6;margin-top:32px}@media(max-width:800px){.intro{align-items:start;flex-direction:column;margin:42px 0 28px;gap:20px}.intro p{margin:0}.directions{grid-template-columns:1fr;gap:28px}.preview{aspect-ratio:1.25}.preview span{font-size:40px}.editorial .preview span{font-size:48px}footer{flex-direction:column;gap:0}footer p{margin:4px 0}header p{max-width:8ch;text-align:right}.wordmark{font-size:20px}}
