.site-page{--site-width:72rem;--site-gutter:clamp(16px, 4vw, 48px);background:radial-gradient(ellipse 80% 40rem at 50% -8rem, #28303c8c, transparent 70%), var(--background);flex-direction:column;min-height:100vh;display:flex}.site-page>.masthead,.site-page>main,.site-page>.site-footer{width:100%;max-width:calc(var(--site-width) + 2 * var(--site-gutter));padding-inline:var(--site-gutter);margin-inline:auto}.site-page>.masthead{padding-top:clamp(32px,9vh,104px);padding-bottom:clamp(32px,6vh,64px)}.catalogue-page .masthead h1{font-size:clamp(2.5rem,1.4rem + 4.2vw,4.25rem)}.catalogue-page .tagline{max-width:38rem;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem)}.catalogue{flex:1;padding-bottom:clamp(48px,8vh,96px)}.tag-filter{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.tag-chip{border:1px solid var(--line-strong);min-height:32px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;padding:4px 14px;font-size:.8125rem;font-weight:500;line-height:1.2;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.tag-chip:hover,.tag-chip:focus-visible{border-color:var(--accent);color:var(--text)}.tag-chip[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:#f5a52424}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow);flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.card-item[hidden]{display:none}.card-item:hover,.card-item:focus-within{border-color:#f5a52480;transform:translateY(-2px)}.card{color:var(--text);flex-direction:column;flex:1;text-decoration:none;display:flex}.card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card-cover{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 42%, #28303c8c, transparent 62%), linear-gradient(180deg, #0e1116, var(--background));display:block;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card-item:hover .card-cover img{transform:scale(1.03)}.card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 12px;display:flex}.card-eyebrow{color:var(--accent);font-size:.8125rem;font-weight:500}.card-title{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:650;line-height:1.2}.card-summary{color:var(--prose);font-size:.9375rem;line-height:1.6}.card-footer{padding:0 20px 18px}.card-tags{scrollbar-width:none;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.card-tags::-webkit-scrollbar{display:none}.card-tags .tag-chip{white-space:nowrap;border-color:var(--line);flex-shrink:0;min-height:24px;padding:1px 9px;font-size:.6875rem}.card-tags .tag-chip[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.card-placeholder{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:8rem;color:var(--muted);text-align:center;place-items:center;padding:24px;font-size:.9375rem;display:grid}@media (pointer:coarse){.tag-filter .tag-chip{min-height:40px}.card-tags .tag-chip{min-height:30px}}