:root{--maxw:1000px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{flex-direction:column;min-height:100vh;margin:0;display:flex}img{max-width:100%}a{color:inherit}.skip-link{z-index:1000;color:#fff;background:#111;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.site-header{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;width:100%;margin:0 auto;padding:1.25rem;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.4rem;text-decoration:none;display:inline-flex}.logo-img{width:auto;height:2.2rem;display:block}.nav{flex-wrap:wrap;align-items:baseline;gap:.2rem 1.2rem;display:flex}.nav a{padding:.2rem .1rem;text-decoration:none}.main{max-width:var(--maxw);flex:1;width:100%;margin:0 auto;padding:1rem 1.25rem 4rem}.site-footer{max-width:var(--maxw);width:100%;margin:0 auto;padding:1.5rem 1.25rem 3rem;font-size:.9rem}.site-footer p{margin:.3rem 0}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.tile-grid li{margin:0;padding:0}.tile{aspect-ratio:1;background:#e8e6e0;text-decoration:none;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-placeholder{text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.tile-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#00000040 30%,#000000d9);flex-direction:column;justify-content:flex-end;gap:.3rem;padding:.8rem;font-size:.85rem;line-height:1.35;transition:opacity .15s;display:flex;position:absolute;inset:0}.tile:hover .tile-overlay,.tile:focus-visible .tile-overlay{opacity:1}.tile-overlay strong{font-size:.95rem;line-height:1.2}.prose{max-width:66ch;line-height:1.65}.prose p{margin:0 0 1.1rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:start;gap:1.75rem;margin:1.5rem 0;display:grid}.card{flex-direction:column;text-decoration:none;display:flex}.card-media{aspect-ratio:4/3;text-align:center;justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative;overflow:hidden}.stamp{text-transform:uppercase;letter-spacing:.08em;max-width:80%;font-size:.8rem}.card-body{padding:.7rem .25rem 0}.card-title{margin:0 0 .3rem;font-size:1.15rem;line-height:1.2}.card-meta{opacity:.8;margin:0 0 .5rem;font-size:.85rem}.tag{text-transform:uppercase;letter-spacing:.09em;padding:.15rem .6rem;font-size:.7rem;display:inline-block}.btn{cursor:pointer;font:inherit;border:none;margin:.25rem .25rem .25rem 0;padding:.55rem 1.1rem;font-size:.95rem;text-decoration:none;display:inline-block}.section-title{text-transform:uppercase;letter-spacing:.12em;margin:2.5rem 0 .75rem;font-size:1rem}.meta{opacity:.75;font-size:.85rem}.page-title{margin:.5rem 0 1rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.detail-media{aspect-ratio:4/3;background:#eee;border:1px solid #0003;margin:1.5rem 0}.detail-media.photo{aspect-ratio:auto;background:0 0;border:none;padding:0}.detail-media.photo img{width:auto;max-width:100%;height:auto;display:block}.card-media:has(img){aspect-ratio:auto;padding:0;overflow:visible}.card-media img{width:auto;max-width:100%;height:auto;display:block}.detail-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start}.detail-figure{margin:0}.detail-figure img{width:auto;max-width:100%;height:auto;display:block}.detail-figure figcaption{opacity:.75;margin-top:.4rem;font-size:.85rem}.tags{flex-wrap:wrap;gap:.5rem;max-width:66ch;margin-top:2rem;display:flex}.tags a.tag{text-decoration:none}.tags a.tag:hover{text-decoration:underline}.tag-count{opacity:.7;font-size:.7rem}body[data-skin=brutalist]{--ink:#000;--paper:#fff;--muted:#555;background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;font-size:16px;line-height:1.6}body[data-skin=brutalist] .site-header{border-bottom:2px solid var(--ink);align-items:center}body[data-skin=brutalist] .logo{text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;font-weight:700}body[data-skin=brutalist] .nav a{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid #0000;padding:.25rem .5rem;font-size:.8rem}body[data-skin=brutalist] .nav a:hover{color:var(--ink);border-color:var(--ink)}body[data-skin=brutalist] .page-title{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.8rem,5vw,3rem);font-weight:700}body[data-skin=brutalist] .hero-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.9rem}body[data-skin=brutalist] .section-title{text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--ink);padding-bottom:.4rem;font-size:.75rem}body[data-skin=brutalist] .card{border:1px solid var(--ink);background:0 0;padding:8px}body[data-skin=brutalist] .card:hover{background:#f2f2f2}body[data-skin=brutalist] .card-media:not(:has(img)){border:1px solid var(--ink);background:var(--paper)}body[data-skin=brutalist] .stamp{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem}body[data-skin=brutalist] .card-title{text-transform:uppercase;font-size:1rem;font-weight:700}body[data-skin=brutalist] .card-meta{color:var(--muted);font-size:.78rem}body[data-skin=brutalist] .tag{border:1px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}body[data-skin=brutalist] .btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}body[data-skin=brutalist] .btn:hover{background:var(--paper);color:var(--ink)}body[data-skin=brutalist] .site-footer{border-top:1px solid var(--ink);font-size:.8rem}body[data-skin=brutalist] .prose a{color:var(--ink);text-underline-offset:3px;text-decoration:underline 1px}body[data-skin=brutalist] .detail-media:not(.photo){border:1px solid var(--ink);background:var(--paper)}