.games-catalogue { color:#fff; padding-block:40px; }
.catalogue-wrap { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.catalogue-header { max-width:800px; margin-bottom:28px; }
.catalogue-eyebrow { color:var(--axe-blue); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; margin:0 0 12px; }
.catalogue-header h1 { font-size:clamp(36px,4vw,54px); font-weight:700; line-height:1.15; margin:0 0 18px; }
.catalogue-header h1 span { color:var(--axe-blue); }
.catalogue-header>p:last-child { color:rgba(255,255,255,.8); font-size:16px; line-height:1.75; margin:0; }
.catalogue-formats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:30px; }
.catalogue-format { display:flex; align-items:center; gap:14px; padding:18px; min-height:84px; border:1px solid #ffffff26; border-radius:8px; background:rgba(15,15,35,.88); color:#fff; text-decoration:none; }
.catalogue-format>i { font-size:28px; color:var(--axe-blue); }
.catalogue-format>span:nth-child(2) { flex:1; min-width:0; }
.catalogue-format strong { display:block; font-size:16px; line-height:1.5; }
.catalogue-format small { display:block; margin-top:3px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.5; }
.catalogue-format-count { color:rgba(255,255,255,.8); font-size:12px; padding:4px 8px; border-radius:4px; background:#ffffff0a; }
.catalogue-format:hover { color:#fff; border-color:var(--axe-blue); background:rgba(26,26,46,.95); }
.catalogue-format.is-selected { border-color:var(--axe-blue); box-shadow:inset 0 0 0 1px var(--axe-blue); background:rgba(28,62,91,.9); }
.games-catalogue a:focus-visible { outline:3px solid var(--axe-blue); outline-offset:4px; }
.catalogue-results-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:20px; }
.catalogue-results-heading h2 { font-size:26px; font-weight:700; margin:0 0 10px; }
.catalogue-results-heading p { color:rgba(255,255,255,.75); font-size:14px; line-height:1.7; margin:0; max-width:800px; }
.catalogue-results-count { flex-shrink:0; color:rgba(255,255,255,.7); font-size:12px; }
.catalogue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.catalogue-card { min-width:0; overflow:hidden; border:1px solid #ffffff20; border-radius:10px; background:rgba(15,15,35,.92); scroll-margin-top:85px; }
.catalogue-photo { display:block; aspect-ratio:16/9; background:var(--axe-darker); }
.catalogue-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.catalogue-photo--scoring { aspect-ratio:4/5; padding:12px; background:#090e19; }
.catalogue-photo--scoring img { object-fit:contain; }
.catalogue-photo--wide,
.catalogue-grid[data-catalogue-venue="projected"] .catalogue-photo--scoring { aspect-ratio:16/9; }
.catalogue-card--landscape { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:center; }
.catalogue-card-body { padding:20px; }
.catalogue-card h3 { color:#fff; font-size:23px; font-weight:700; margin:0 0 12px; line-height:1.3; }
.catalogue-card p { color:rgba(255,255,255,.75); font-size:14px; line-height:1.7; margin:0 0 18px; }
.catalogue-card ul { display:grid; gap:10px; list-style:none; margin:0; padding:0; }
.catalogue-card li { display:flex; align-items:start; gap:8px; color:rgba(255,255,255,.85); font-size:13px; line-height:1.6; }
.catalogue-card li i { color:var(--axe-blue); flex-shrink:0; }
.catalogue-imagery-note { margin:16px 0 28px; color:rgba(255,255,255,.55); font-size:11px; }
.catalogue-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px; border:1px solid #ffffff20; border-radius:10px; background:linear-gradient(135deg,rgba(42,42,78,.8),rgba(26,26,46,.85)); }
.catalogue-cta h2 { font-size:25px; margin:0 0 10px; }
.catalogue-cta p { margin:0; color:rgba(255,255,255,.75); font-size:14px; line-height:1.7; }
.catalogue-cta>div:last-child { display:flex; flex-shrink:0; flex-direction:column; align-items:center; gap:8px; }
.catalogue-cta .btn { min-height:46px; padding:11px 20px; }
.catalogue-contact { display:inline-flex; align-items:center; min-height:44px; gap:12px; font-size:12px; color:#fff; text-decoration:none; }
.catalogue-contact:hover { color:var(--axe-blue); }
@media(max-width:1000px) {
    .catalogue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
    .catalogue-format { padding:14px; gap:10px; }
    .catalogue-format strong { font-size:14px; }
    .catalogue-format>i { font-size:24px; }
}
@media(max-width:760px) {
    .games-catalogue { padding-block:28px; }
    .catalogue-wrap { width:calc(100% - 40px); }
    .catalogue-formats { grid-template-columns:1fr; gap:10px; }
    .catalogue-format { min-height:72px; }
    .catalogue-format strong { font-size:16px; }
    .catalogue-header>p:last-child { font-size:15px; }
    .catalogue-results-heading { align-items:start; flex-direction:column; gap:8px; }
    .catalogue-results-heading h2 { font-size:24px; }
    .catalogue-cta { align-items:start; flex-direction:column; padding:22px; gap:20px; }
    .catalogue-cta>div:last-child { align-items:start; }
    .catalogue-card--landscape { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .catalogue-grid { grid-template-columns:1fr; }
    .catalogue-card-body { padding:18px; }
}
