:root{--ink: #0a0a0a;--paper: #ffffff;--line: #0a0a0a;--grey: #6f6f6f;--faint: #d8d8d8;--accent: #0a0a0a;--hair: 1px;--gut: clamp(16px, 3vw, 40px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}.mono,nav,.meta,.tag,.price,.idx,.corner,footer,.kicker{font-family:SF Mono,JetBrains Mono,IBM Plex Mono,Menlo,Consolas,monospace}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.frame{position:fixed;inset:10px;border:var(--hair) solid var(--line);pointer-events:none;z-index:5}.frame:before,.frame:after{content:"✛";position:absolute;font-size:11px;line-height:1}.frame:before{top:-7px;left:-7px}.frame:after{bottom:-7px;right:-7px}header.nav{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:var(--hair) solid var(--line);display:flex;align-items:stretch;justify-content:space-between;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.nav .brand{display:flex;align-items:center;gap:10px;padding:14px var(--gut);border-right:var(--hair) solid var(--line);font-weight:700;white-space:nowrap}.nav .brand .blink{font-size:14px}.nav .links{display:flex}.nav .links a{display:flex;align-items:center;padding:14px 18px;border-left:var(--hair) solid var(--line)}.nav .links a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.nav .links a.active{background:var(--ink);color:var(--paper)}.nav .cart{font-weight:700}.wrap{padding:var(--gut)}.rule{border-top:var(--hair) solid var(--line)}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--grey)}.display{font-family:Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:.86;margin:0;text-transform:uppercase}footer{border-top:var(--hair) solid var(--line);text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:var(--grey);display:grid;grid-template-columns:repeat(4,1fr)}footer>div{padding:22px var(--gut);border-right:var(--hair) solid var(--faint)}footer>div:last-child{border-right:none}footer a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:10px;font-family:SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:12px 18px;border:var(--hair) solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.btn:hover{background:var(--ink);color:var(--paper);text-decoration:none}.btn.solid{background:var(--ink);color:var(--paper)}.btn.solid:hover{background:var(--paper);color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:6px;border:var(--hair) solid var(--line);padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.15em}.tag .ico{width:12px;height:12px}.pico{width:40%;height:40%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;color:var(--ink);opacity:.22}.filters .ico{width:13px;height:13px;margin-right:7px;vertical-align:-.18em}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}::selection{background:var(--ink);color:var(--paper)}body{padding:0}main{min-height:50vh}@media(max-width:720px){.nav .brand .tagline{display:none}footer{grid-template-columns:repeat(2,1fr)}footer>div:nth-child(2){border-right:none}}.post-crumb{padding:12px var(--gut);border-bottom:var(--hair) solid var(--line);font-family:SF Mono,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey)}.post-crumb a:hover{color:var(--ink)}.post-head{padding:clamp(28px,5vw,66px) var(--gut) clamp(22px,3vw,40px);border-bottom:var(--hair) solid var(--line);position:relative}.post-head .cat{display:inline-flex;align-items:center;gap:7px;border:var(--hair) solid var(--line);padding:4px 10px;font-family:SF Mono,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}.post-head .cat .ico{width:13px;height:13px}.post-head h1{font-size:clamp(32px,6vw,82px);max-width:18ch}.post-head .meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:clamp(18px,3vw,32px);font-family:SF Mono,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey)}.post-head .meta b{color:var(--ink);font-weight:700}.post-head .no{position:absolute;top:clamp(28px,5vw,66px);right:var(--gut);font-family:SF Mono,Menlo,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}.post-hero{aspect-ratio:2 / 1;border-bottom:var(--hair) solid var(--line);position:relative;overflow:hidden;background-image:repeating-linear-gradient(45deg,#f2f2f2 0 16px,#fff 16px 32px)}.post-hero .stamp{position:absolute;bottom:14px;left:var(--gut);font-family:SF Mono,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}.post-body{max-width:70ch;margin:0 auto;padding:clamp(30px,4vw,60px) var(--gut) clamp(20px,3vw,40px);font-size:17px;line-height:1.62}.post-body .lead{font-size:21px;line-height:1.45;font-weight:500;margin:0 0 1.4em}.post-body p{margin:0 0 1.15em}.post-body h2{font-family:Helvetica Neue,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(20px,2.4vw,26px);line-height:1.05;margin:1.9em 0 .5em;padding-top:.7em;border-top:var(--hair) solid var(--line)}.post-body h2 .idx{font-family:SF Mono,Menlo,monospace;font-size:13px;color:var(--grey);margin-right:12px;vertical-align:3px}.post-body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--ink);font-size:clamp(21px,3vw,27px);font-weight:600;letter-spacing:-.01em;line-height:1.2}.post-body ul{margin:0 0 1.2em;padding-left:0;list-style:none}.post-body li{padding:8px 0 8px 24px;border-bottom:var(--hair) solid var(--faint);position:relative}.post-body li:before{content:"→";position:absolute;left:0;font-family:SF Mono,Menlo,monospace;color:var(--grey)}.post-body code{font-family:SF Mono,Menlo,monospace;font-size:.85em;background:#f1f1f1;padding:1px 5px}.post-body .figure{margin:1.9em 0;border:var(--hair) solid var(--line)}.post-body .figure .box{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(-45deg,#efefef 0 12px,#fff 12px 24px)}.post-body .figure .box .pico{width:12%;height:12%}.post-body .figure figcaption{padding:9px 14px;border-top:var(--hair) solid var(--line);font-family:SF Mono,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey)}.post-body .bom{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:14px}.post-body .bom td,.post-body .bom th{border-bottom:var(--hair) solid var(--faint);padding:9px 8px;text-align:left}.post-body .bom th{font-family:SF Mono,Menlo,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);border-bottom:var(--hair) solid var(--line)}.post-body .bom td:last-child,.post-body .bom th:last-child{text-align:right;font-family:SF Mono,Menlo,monospace}.post-nav{display:grid;grid-template-columns:1fr 1fr;border-top:var(--hair) solid var(--line)}.post-nav a{padding:clamp(18px,3vw,30px) var(--gut);border-right:var(--hair) solid var(--line);font-family:SF Mono,Menlo,monospace;font-size:12px}.post-nav a:last-child{border-right:none;text-align:right}.post-nav a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.post-nav .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-bottom:6px}.post-nav a:hover .lbl{color:var(--paper)}.post-nav .ttl{text-transform:uppercase;letter-spacing:.02em}@media(max-width:640px){.post-head .no{position:static;display:block;margin-bottom:14px}.post-nav{grid-template-columns:1fr}.post-nav a,.post-nav a:last-child{border-right:none;text-align:left;border-bottom:var(--hair) solid var(--line)}}