.hero{border-bottom:1px solid var(--rule);padding:100px 0 60px}.hero .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:32px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.hero .eyebrow:before{content:"";background:var(--orange);width:24px;height:1px;display:inline-block}.hero h1{letter-spacing:-.045em;text-transform:uppercase;color:var(--ink);margin:0 0 32px;font-family:Familjen Grotesk,sans-serif;font-size:clamp(56px,9vw,160px);font-weight:700;line-height:.88}.hero h1 em{color:var(--orange);text-transform:none;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.hero .sub{max-width:620px;color:var(--ink-2);margin:0 0 16px;font-family:Familjen Grotesk,sans-serif;font-size:18px;line-height:1.45}.filters{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:56px;padding:22px 0;display:flex}.filters .label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-right:8px;font-family:IBM Plex Mono,monospace;font-size:11px}.filters button{border:1px solid var(--rule-2);color:var(--ink-2);letter-spacing:.04em;background:0 0;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:background .2s,color .2s,border-color .2s}.filters button.active{background:var(--orange);color:var(--bg);border-color:var(--orange)}.filters button:hover:not(.active){border-color:var(--orange);color:var(--orange)}.filters .right{color:var(--ink-3);letter-spacing:.08em;margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px}.filters .right b{color:var(--ink);font-weight:500}.featured{border-bottom:1px solid var(--rule);color:inherit;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;margin-bottom:64px;padding:48px 0 64px;transition:background .25s;display:grid}.featured:hover{background:var(--bg-2)}.featured .badge{background:var(--orange);color:var(--bg);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.featured h2{letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;color:var(--ink);margin:0 0 20px;font-family:Familjen Grotesk,sans-serif;font-size:clamp(36px,4.5vw,64px);font-weight:700;line-height:1}.featured h2 em{color:var(--orange);text-transform:none;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.featured .meta{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;gap:16px;margin-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.featured .meta .cat{color:var(--orange);font-weight:600}.featured p{color:var(--ink-2);margin:0 0 24px;font-family:Familjen Grotesk,sans-serif;font-size:16px;line-height:1.5}.featured .read{background:var(--orange);color:var(--bg);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;padding:14px 22px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:background .2s,color .2s,gap .25s;display:inline-flex}.featured:hover .read{background:var(--ink);color:var(--bg);gap:18px}.featured .visual{background:var(--orange);height:320px;position:relative;overflow:hidden}.featured .visual:after{content:"";background:repeating-linear-gradient(45deg,#0000 0 18px,#00000014 18px 19px);position:absolute;inset:0}.featured .visual .glyph{color:var(--bg);letter-spacing:-.06em;justify-content:center;align-items:center;font-family:Familjen Grotesk,sans-serif;font-size:180px;font-weight:700;display:flex;position:absolute;inset:0}.featured .visual .tag{letter-spacing:.14em;text-transform:uppercase;color:var(--bg);border:1px solid var(--bg);z-index:2;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;top:16px;left:16px}.grid-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);align-items:baseline;gap:12px;margin-bottom:28px;padding-bottom:16px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.grid-label b{color:var(--orange);font-weight:600}.posts-grid{grid-template-columns:repeat(3,1fr);gap:56px 32px;padding-bottom:100px;display:grid}.post{color:inherit;transition:transform .25s}.post:hover{transform:translateY(-4px)}.post .cover{border:1px solid var(--rule);height:220px;margin-bottom:20px;transition:border-color .2s;position:relative;overflow:hidden}.post:hover .cover{border-color:var(--orange)}.post .cover .pattern{letter-spacing:-.05em;text-transform:uppercase;justify-content:center;align-items:center;font-family:Familjen Grotesk,sans-serif;font-size:110px;font-weight:700;display:flex;position:absolute;inset:0}.post.c-1 .cover{background:var(--orange)}.post.c-1 .cover .pattern{color:var(--bg)}.post.c-2 .cover{background:var(--bg-2);border-color:var(--rule-2)}.post.c-2 .cover .pattern{color:var(--orange)}.post.c-3 .cover{background:var(--olive)}.post.c-3 .cover .pattern{color:var(--bg)}.post.c-4 .cover{background:var(--bg-3);border-color:var(--rule-2)}.post.c-4 .cover .pattern{color:var(--ink)}.post.c-5 .cover{background:var(--orange)}.post.c-5 .cover .pattern{color:var(--ink)}.post.c-6 .cover{background:var(--bg-2);border-color:var(--rule-2)}.post.c-6 .cover .pattern{color:var(--orange)}.post .cover .stripes{background:repeating-linear-gradient(45deg,#0000 0 14px,#00000014 14px 15px);position:absolute;inset:0}.post .cover .num{letter-spacing:.12em;text-transform:uppercase;background:var(--bg);color:var(--ink);padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;position:absolute;top:14px;left:14px}.post .meta{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);gap:12px;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.post .meta .cat{color:var(--orange);font-weight:600}.post h3{letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;color:var(--ink);margin:0 0 10px;font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:700;line-height:1.1}.post .excerpt{color:var(--ink-2);margin:0;font-family:Familjen Grotesk,sans-serif;font-size:14px;line-height:1.5}.post .read-more{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:color .2s,transform .25s;display:inline-block}.post:hover .read-more{color:var(--orange);transform:translate(4px)}.post-body p{color:var(--ink-2);margin:0 0 1.4em}.post-body p:last-child{margin-bottom:0}.post-body strong{color:var(--ink);letter-spacing:-.005em;font-weight:700}.post-body em{color:var(--orange);font-family:Instrument Serif,serif;font-style:italic}.post-body a{color:var(--orange);border-bottom:1px solid var(--orange);transition:opacity .2s}.post-body a:hover{opacity:.7}.post-body code{background:var(--bg-2);border:1px solid var(--rule);color:var(--ink);letter-spacing:0;word-break:break-word;overflow-wrap:anywhere;white-space:normal;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:.88em}.post-body pre{background:var(--bg-2);border:1px solid var(--rule);margin:1.6em 0;padding:18px 22px;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.55;overflow-x:auto}.post-body pre code{background:0 0;border:0;padding:0}.post-body ol,.post-body ul{counter-reset:post-counter;margin:1.4em 0;padding-left:0;list-style:none}.post-body ol>li,.post-body ul>li{color:var(--ink-2);margin-bottom:1em;padding-left:56px;position:relative}.post-body ol>li:before{counter-increment:post-counter;content:counter(post-counter, decimal-leading-zero);letter-spacing:.12em;color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:.7em;font-weight:600;position:absolute;top:.15em;left:0}.post-body ul>li:before{content:"+";color:var(--orange);font-family:IBM Plex Mono,monospace;font-weight:700;position:absolute;top:0;left:18px}.post-body h2,.post-body h3{text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);margin:2em 0 .8em;font-family:Familjen Grotesk,sans-serif;font-weight:700;line-height:1}.post-body h2{font-size:32px}.post-body h3{font-size:22px}.post-body blockquote{border-left:2px solid var(--orange);color:var(--ink-2);margin:1.6em 0;padding:4px 0 4px 24px;font-style:italic}.post-body hr{border:0;border-top:1px solid var(--rule);margin:2em 0}footer.bot{border-top:1px solid var(--rule);color:var(--ink-3);letter-spacing:.06em;padding:40px 0 32px;font-family:IBM Plex Mono,monospace;font-size:11px}footer.bot .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer.bot a{transition:color .2s}footer.bot a:hover{color:var(--orange)}@media (max-width:1100px){.featured{grid-template-columns:1fr;gap:32px;margin-bottom:48px;padding:40px 0 48px}.featured .visual{height:220px}.featured .visual .glyph{font-size:120px}.posts-grid{grid-template-columns:1fr;gap:48px;padding-bottom:80px}.post .cover{height:180px}.post .cover .pattern{font-size:80px}.filters{margin-bottom:40px;padding:18px 0}.filters .right{width:100%;margin-left:0;padding-top:4px}.hero{padding:80px 0 48px}.hero h1{font-size:clamp(48px,11vw,96px)}.post-body ol>li,.post-body ul>li{padding-left:36px}.post-body ul>li:before{left:10px}.post-body h2{font-size:clamp(24px,6vw,32px)}.post-body h3{font-size:clamp(18px,4.5vw,22px)}}
