@charset "UTF-8";:root{--paper: #fcf6e8;--ink: #141414;--grid-line: rgba(20, 20, 20, .05);--shadow: 6px 6px 0 var(--ink);--shadow-pop: 9px 9px 0 var(--ink);--shadow-pressed: 3px 3px 0 var(--ink);--radius: 12px;--border: 3px solid var(--ink);--status-live: #16a34a;--status-wip: #f59e0b;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(var(--grid-line) 1.5px,transparent 1.5px);background-size:22px 22px;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}.page{max-width:1140px;margin:0 auto;padding:clamp(1.5rem,5vw,4.5rem) clamp(1.1rem,4vw,2.5rem) 5rem}.masthead{margin-bottom:clamp(2.5rem,6vw,4rem);position:relative}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;background:var(--ink);color:var(--paper);padding:.3rem .7rem;border-radius:6px;transform:rotate(-2deg);margin-bottom:1.1rem}.masthead h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.5vw,3.9rem);line-height:1.02;letter-spacing:-.02em;max-width:16ch;margin:0 0 1.2rem}.masthead h1 .mark{background:linear-gradient(transparent 58%,#ffd45e 0) no-repeat;background-size:100% 100%;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.intro{max-width:46ch;font-size:1.05rem;margin:0}.intro a{color:var(--ink);font-weight:700;text-decoration:none;background:linear-gradient(transparent 62%,#ffd45e 0) no-repeat;background-size:100% 100%;padding:0 .15em;box-decoration-break:clone;transition:background-size .2s var(--ease-spring)}.intro a:hover{background-size:100% 130%}.section-label{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;opacity:.55;margin:clamp(2.4rem,5vw,3.6rem) 0 1.2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(1.1rem,2.5vw,1.6rem)}.card{--card: #fff;background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.4rem 1.3rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .16s var(--ease-spring),box-shadow .16s var(--ease-spring);animation:pop-in .5s var(--ease-spring) both}.card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-pop)}.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.card__title{font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.1;letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:.5rem}.status-dot{font-size:.62em;line-height:1;flex:none}.status-live{color:var(--status-live)}.status-wip{color:var(--status-wip)}.card__date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;white-space:nowrap;opacity:.65;padding-top:.35rem}.card__desc{margin:0;font-size:.97rem;flex:1 1 auto}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--font-mono);font-size:.7rem;text-transform:lowercase;background:#1414140f;border:1.5px solid var(--ink);border-radius:999px;padding:.12rem .55rem}.card__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}.btn{font-family:var(--font-body);font-weight:700;font-size:.92rem;text-decoration:none;color:var(--paper);background:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:.45rem 1rem;box-shadow:var(--shadow-pressed);transition:transform .12s var(--ease-spring),box-shadow .12s var(--ease-spring)}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn--ghost{color:var(--ink);background:var(--paper)}.btn__arrow{display:inline-block;transition:transform .16s var(--ease-spring)}.btn:hover .btn__arrow{transform:translate(2px,-2px)}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.16s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.24s}.card:nth-child(7){animation-delay:.28s}.card:nth-child(8){animation-delay:.32s}.card:nth-child(9){animation-delay:.36s}.card:nth-child(10){animation-delay:.4s}.card:nth-child(11){animation-delay:.44s}.card:nth-child(12){animation-delay:.48s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}}@media(max-width:600px){:root{--shadow: 4px 4px 0 var(--ink);--shadow-pop: 6px 6px 0 var(--ink);--border: 2.5px solid var(--ink)}body{font-size:16px}.grid{grid-template-columns:1fr}}