:root{--ink: #191512;--ink-muted: #6b5d52;--paper: #f5efe6;--paper-warm: #efe5d6;--clay: #c4815c;--clay-dark: #8e5d45;--mint: #6f8f80;--frame: rgba(25, 21, 18, .12);--shadow: 0 18px 40px rgba(25, 21, 18, .15);--mono: "Space Mono", "Courier New", monospace;--serif: "Fraunces", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--serif);color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(196,129,92,.15),transparent 55%),radial-gradient(circle at 80% 0%,rgba(111,143,128,.18),transparent 45%),linear-gradient(180deg,var(--paper) 0%,var(--paper-warm) 100%);position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(120deg,#ffffff26,#00000008),repeating-linear-gradient(0deg,rgba(0,0,0,.015),rgba(0,0,0,.015) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{position:relative;z-index:1;padding:5rem clamp(1.5rem,4vw,4.5rem) 6rem}.hero{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:end;margin-bottom:4rem}.hero-title{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.02em}.hero-subtitle{font-family:var(--mono);font-size:.95rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted);margin-bottom:.8rem}.hero-copy{font-size:1.05rem;line-height:1.7;color:var(--ink-muted);margin:0 0 1.6rem;max-width:46ch}.hero-note{border-left:2px solid var(--clay);padding-left:1rem;font-size:1.05rem;line-height:1.65;color:var(--ink)}.hero-course{border:1px solid var(--frame);border-radius:14px;padding:.9rem 1.1rem;background:#ffffffb3;display:grid;gap:.4rem;margin-bottom:1.4rem}.hero-course p{margin:0;font-size:.95rem;color:var(--ink)}.hero-course a{font-family:var(--mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--clay-dark)}.hero-card{background:#ffffffad;border:1px solid var(--frame);padding:1.5rem;border-radius:18px;box-shadow:var(--shadow);display:grid;gap:1rem}.hero-illustration{width:100%;border-radius:14px;border:1px solid var(--frame);box-shadow:0 14px 30px #1915121f;aspect-ratio:16 / 9;object-fit:cover}.hero-card h3{margin:0;font-size:1.1rem}.hero-card a{font-family:var(--mono);font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--clay-dark)}.hero-card a span{font-size:1.1rem}.divider{height:1px;background:linear-gradient(90deg,#19151233,#19151200);margin:2rem 0 1.5rem}.archive-meta{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.85rem;color:var(--ink-muted)}.badge{border:1px solid var(--frame);padding:.25rem .55rem;border-radius:999px;background:#fff9}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin:2rem 0 1.5rem}.section-title{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0}.section-note{font-family:var(--mono);font-size:.85rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.2em}.grid{columns:3 280px;column-gap:1.6rem}.card{break-inside:avoid;margin-bottom:1.6rem;background:#fffc;border:1px solid var(--frame);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #1915121f;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #19151233}.card img{width:100%;height:auto}.card-body{padding:1.1rem 1.3rem 1.4rem;display:grid;gap:.6rem}.card-title{margin:0;font-size:1.1rem}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--mono);font-size:.75rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--frame);background:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.card-engagement{display:flex;gap:1rem;font-family:var(--mono);font-size:.75rem;color:var(--clay-dark);margin-top:.2rem}.card-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.75rem;color:var(--ink-muted)}.card-links{display:inline-flex;gap:.7rem}.card-link{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--clay-dark)}.footer{margin-top:4rem;font-family:var(--mono);font-size:.85rem;color:var(--ink-muted);display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}.footer a{color:var(--clay-dark)}@media(max-width:720px){.page{padding-top:3.5rem}.hero{margin-bottom:3rem}.section-header{flex-direction:column;align-items:flex-start}}