:root{--paper: #f4f1ea;--ink: #333743;--red: #c41414;--gold: #cc9933;--bg: var(--paper);--bg2: #ebe6da;--fg: var(--ink);--muted: #75787f;--accent: var(--red);--line: #ddd6c6;--display: "Alfa Slab One", "Rockwell", "Courier Bold", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{font-family:var(--serif);font-size:16.5px;line-height:1.65;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--red) 0 34%,var(--gold) 34% 67%,var(--ink) 67% 100%)}::selection{background:var(--red);color:var(--paper)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem 4.5rem}header{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.5rem 1.5rem .9rem;border-bottom:4px double var(--ink)}.brand{display:block;line-height:0}.brand .mark{width:168px;height:auto;display:block;transition:transform .25s ease}.brand:hover .mark{transform:scale(1.03)}nav{display:flex;gap:1.35rem;flex-wrap:wrap;justify-content:center}nav a{font-family:var(--mono);color:var(--muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding-bottom:.15rem;border-bottom:2px solid transparent}nav a:hover{color:var(--ink)}nav a.active{color:var(--ink);border-bottom-color:var(--red)}h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--ink)}h1{font-size:2rem;line-height:1.15;letter-spacing:.01em;margin-bottom:.4rem}h2{font-size:1.3rem;margin:2.75rem 0 1rem;display:flex;align-items:center;gap:.65rem}h2:before{content:"";width:.5em;height:.5em;background:var(--red);flex:none}.prose p{margin-bottom:1rem;max-width:68ch}.prose a{color:var(--red);border-bottom:1px solid var(--gold)}.prose a:hover{border-bottom-color:var(--red)}.muted{color:var(--muted)}.grid{display:grid;gap:1.4rem 1.1rem;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.card{display:block}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg2);border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease}.card:hover img{transform:translateY(-3px);box-shadow:0 7px 0 -3px #33374338}.card:hover .t{color:var(--red)}.card .t{margin-top:.55rem;font-size:.95rem;font-weight:700;line-height:1.3;transition:color .15s ease}.card .a{font-family:var(--mono);color:var(--muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;margin-top:.15rem}.badge{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#8a6b1c;border:1px solid var(--gold);background:#cc99331a;padding:.1rem .4rem;margin-top:.4rem}.btn{display:inline-block;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.7rem 1.25rem;border:2px solid var(--ink);transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--red);border-color:var(--red);color:#fff}.btn.secondary{background:transparent;color:var(--ink)}.btn.secondary:hover{background:transparent;border-color:var(--red);color:var(--red)}footer{margin-top:auto;border-top:4px solid var(--gold);background:var(--ink);color:#cfccc2;padding:2.5rem 1.5rem 2rem;text-align:center}footer .seal{width:120px;height:auto;opacity:.9;margin-bottom:1rem}footer .tag{font-family:var(--display);color:var(--paper);font-size:1.05rem;letter-spacing:.04em;margin-bottom:.9rem}footer .social{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}footer .social a{color:#cfccc2;border-bottom:1px solid transparent;padding-bottom:.1rem}footer .social a:hover{color:var(--gold);border-bottom-color:var(--gold)}footer .fine{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:#8b8e98;margin-top:.9rem;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}header{padding:1.1rem 1rem .8rem}.brand .mark{width:128px}nav{gap:.9rem}h1{font-size:1.6rem}}
