@font-face{font-family:Martian;src:url('01-touchy-coffee/fonts/martian-mono-latin.woff2') format('woff2');font-display:swap;font-weight:100 800;font-stretch:75% 112.5%}
@font-face{font-family:Bricolage;src:url('02-ragged-edge/fonts/bricolage-grotesque-latin-var.woff2') format('woff2');font-display:swap;font-weight:200 800}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeeDE9;color:#121212;font-family:Martian,ui-monospace,monospace}.masthead{min-height:72px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #121212;position:sticky;top:0;z-index:10;background:#eeede9}.brand{font:800 22px/1 Bricolage,sans-serif;color:inherit;text-decoration:none}.masthead p,footer p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.02em}.intro{min-height:64vh;padding:clamp(28px,5vw,72px) 20px;display:grid;grid-template-columns:minmax(80px,18vw) 1fr;align-items:end;background:#121212;color:#eeede9}.count{margin:0;font:700 clamp(70px,16vw,230px)/.75 Bricolage,sans-serif}.intro h1{margin:0;font:700 clamp(42px,8vw,122px)/.88 Bricolage,sans-serif;letter-spacing:-.055em;max-width:12ch}.intro div>p{max-width:68ch;margin:28px 0 0;font-size:14px;line-height:1.55}.directions{display:block}.direction{display:grid;grid-template-columns:72px minmax(180px,.8fr) minmax(260px,1.2fr) minmax(200px,.8fr) auto;gap:18px;align-items:center;min-height:138px;padding:24px 20px;border-bottom:1px solid #121212;color:#121212;text-decoration:none;transition:padding .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s}.direction:hover,.direction:focus-visible{padding-left:32px;outline:none}.direction:focus-visible{box-shadow:inset 0 0 0 4px #121212}.number,.type,.open{font-size:11px;text-transform:uppercase}.title{font:700 clamp(26px,4vw,58px)/.9 Bricolage,sans-serif;letter-spacing:-.045em}.device{font-size:13px;line-height:1.45;max-width:54ch}.open{text-align:right}.touchy{background:#9fdcc0}.ragged{background:#cf303a;color:#fff}.ragged:focus-visible{box-shadow:inset 0 0 0 4px #fff}.tiger{background:#1c46c9;color:#eef0f3}.tiger:focus-visible{box-shadow:inset 0 0 0 4px #eef0f3}.raw{background:#d0f53b}.escape{background:#eeede9}footer{padding:26px 20px;display:flex;justify-content:space-between;gap:20px;background:#121212;color:#eeede9}@media(max-width:900px){.masthead p{display:none}.intro{grid-template-columns:1fr;align-content:end;gap:28px;min-height:70svh}.count{font-size:86px}.direction{grid-template-columns:48px 1fr;gap:12px;min-height:0;padding:26px 18px}.title{font-size:40px}.device,.type{grid-column:2}.open{grid-column:2;text-align:left;margin-top:10px}.direction:hover,.direction:focus-visible{padding-left:24px}footer{display:grid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.direction{transition:none}}