.paddock-page [hidden] { display:none!important; }
.paddock-main { padding:calc(var(--header-height) + 32px) 0 48px; background:radial-gradient(ellipse at 5% 10%,#ffc70006,transparent 35%),#0a0a0b; }
.paddock-main .container { max-width:1280px; }
.paddock-main h1,.paddock-main h2,.paddock-main h3 { font-family:'Space Grotesk',sans-serif; color:#fff; }
.paddock-main a { text-decoration:none; }
.paddock-main a:focus-visible,.paddock-main button:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.paddock-main [tabindex='-1'] { scroll-margin-top:calc(var(--header-height) + 24px); }
.paddock-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.paddock-heading h1 { font-size:48px; line-height:1.16; letter-spacing:-.035em; text-transform:uppercase; margin:8px 0; }
.paddock-heading h1 span { color:var(--gold); }
.paddock-heading>div>p:last-child { color:var(--muted); font-size:16px; line-height:26px; margin:0; }
.paddock-kicker { font:600 12px/18px 'JetBrains Mono',monospace; color:var(--gold); text-transform:uppercase; letter-spacing:.04em; margin:0 0 8px; }
.paddock-sync { display:flex; align-items:center; gap:12px; background:#111214; padding:12px 16px; border-radius:3px; flex-shrink:0; }
.paddock-sync>span { color:var(--gold); font-size:24px; }
.paddock-sync small,.paddock-sync strong { display:block; font:500 12px/18px 'JetBrains Mono',monospace; }
.paddock-sync small { color:var(--subtle); text-transform:uppercase; }.paddock-sync strong { color:var(--green); }
.paddock-filters { display:flex; flex-wrap:wrap; gap:4px; background:#111214; padding:4px; border-radius:3px; margin-bottom:48px; }
.paddock-filters a { max-width:100%; overflow-wrap:anywhere; padding:10px 16px; color:var(--muted); font:600 16px/24px 'Space Grotesk',sans-serif; text-transform:uppercase; border-radius:2px; }
.paddock-filters a:hover { background:#202226; color:#fff; }.paddock-filters a.active { background:var(--gold); color:#251a00; }
.paddock-feature { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); min-height:480px; background:#111214; border-radius:8px; overflow:hidden; box-shadow:0 10px 25px #0003; margin-bottom:48px; }
.paddock-feature-image { position:relative; display:block; overflow:hidden; min-height:320px; background:#0a0a0b; }
.paddock-feature-image>img { width:100%; height:100%; position:absolute; object-fit:cover; }
.paddock-feature-image:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 45%,#111214); pointer-events:none; }
.paddock-feature-badges { position:absolute; top:16px; left:16px; right:16px; z-index:1; display:flex; flex-wrap:wrap; gap:6px; }
.paddock-feature-badges span { background:#17181be8; color:var(--gold); font:500 12px/18px 'JetBrains Mono',monospace; padding:4px 8px; text-transform:uppercase; }
.paddock-feature-badges span+span { background:#143721e8; color:var(--green); }
.paddock-feature-caption { position:absolute; bottom:16px; left:16px; z-index:1; max-width:calc(100% - 32px); background:#0a0a0be8; padding:12px 16px; }
.paddock-feature-caption small,.paddock-feature-caption strong { display:block; font:500 12px/18px 'JetBrains Mono',monospace; }.paddock-feature-caption small { color:var(--muted); }.paddock-feature-caption strong { color:var(--gold); }
.paddock-feature-body { display:flex; flex-direction:column; padding:32px; gap:20px; min-width:0; }
.paddock-feature-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.paddock-tag { color:var(--gold); background:#2b250de8; font:600 12px/18px 'Space Grotesk',sans-serif; padding:4px 8px; text-transform:uppercase; }
.paddock-feature-meta time { color:var(--muted); font:500 12px/18px 'JetBrains Mono',monospace; }
.paddock-feature h2 { font-size:32px; line-height:40px; letter-spacing:-.02em; margin:0; overflow-wrap:anywhere; }
.paddock-feature h2 a:hover,.paddock-card h3 a:hover { color:var(--gold); }
.paddock-perex { margin:0; color:var(--muted); font-size:16px; line-height:26px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.paddock-feature-facts { background:#17181b; padding:12px; margin:0; }
.paddock-feature-facts>div { display:flex; justify-content:space-between; gap:12px; padding:6px 0; font:500 12px/18px 'JetBrains Mono',monospace; }
.paddock-feature-facts dt { color:var(--muted); }.paddock-feature-facts dd { color:var(--gold); margin:0; text-align:right; }
.paddock-feature-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:auto; }
.paddock-feature-actions>span { font:500 12px/18px 'JetBrains Mono',monospace; color:var(--muted); }
.paddock-main .button { border-radius:3px; font-size:14px; min-height:44px; padding:12px 20px; cursor:pointer; }
.paddock-list-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin:0 0 24px; }
.paddock-list-heading h2 { font-size:22px; line-height:28px; text-transform:uppercase; margin:0; }.paddock-list-heading h2:before { content:''; display:inline-block; width:10px; height:10px; background:var(--gold); margin-right:12px; }
.paddock-list-heading p { font:500 12px/18px 'JetBrains Mono',monospace; color:var(--muted); margin:0; }
.paddock-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.paddock-card { display:flex; flex-direction:column; min-width:0; background:#111214; border-radius:4px; overflow:hidden; box-shadow:0 6px 16px #0003; transition:background .15s; }.paddock-card:hover { background:#17181b; }
.paddock-card-image { display:block; position:relative; height:192px; background:#0a0a0b; overflow:hidden; }
.paddock-card-image>img { width:100%; height:100%; object-fit:cover; transition:transform .2s; }.paddock-card-image:hover>img { transform:scale(1.035); }
.paddock-card-image .paddock-tag { position:absolute; top:12px; left:12px; max-width:calc(100% - 24px); background:#0a0a0be8; }
.paddock-card-image time { position:absolute; right:12px; bottom:12px; background:#111214e8; color:var(--muted); font:500 12px/18px 'JetBrains Mono',monospace; padding:4px 8px; }
.paddock-card-body { display:flex; flex-direction:column; flex:1; padding:16px; gap:12px; }.paddock-card h3 { font-size:18px; line-height:24px; margin:0; overflow-wrap:anywhere; }
.paddock-card-body>p { color:var(--muted); font-size:16px; line-height:25px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.paddock-card-actions { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:12px; padding-top:12px; margin-top:auto; }
.paddock-card-actions a,.paddock-recording { color:var(--gold); font:600 14px/22px 'Space Grotesk',sans-serif; text-transform:uppercase; }.paddock-card-actions a:hover,.paddock-recording:hover { text-decoration:underline; }
.paddock-card img.paddock-fallback,.paddock-feature img.paddock-fallback { object-fit:contain; padding:48px; }
.paddock-pagination { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin:48px 0; background:#111214; padding:16px; border-radius:4px; }
.paddock-pagination p { font:500 12px/18px 'JetBrains Mono',monospace; color:var(--muted); margin:0; }
.paddock-pagination nav { display:flex; gap:4px; flex-wrap:wrap; }.paddock-pagination nav>a,.paddock-pagination nav>span { display:grid; place-items:center; min-width:40px; min-height:40px; padding:4px 10px; font:500 14px/20px 'JetBrains Mono',monospace; background:#17181b; color:var(--muted); border-radius:3px; }
.paddock-pagination nav>a.active { color:#251a00; background:var(--gold); }.paddock-pagination nav>a:hover { outline:1px solid var(--gold); }.paddock-pagination .disabled { opacity:.4; }
.paddock-discord { display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); align-items:center; gap:24px; padding:32px; border-radius:8px; background:linear-gradient(110deg,#111214 55%,#26230f); margin-top:48px; }
.paddock-discord h2 { font-size:22px; line-height:28px; margin:8px 0; }.paddock-discord p:last-child { font-size:16px; line-height:26px; color:var(--muted); margin:0; }.paddock-discord>a { justify-self:end; }
.paddock-notice { padding:32px; background:#111214; margin-bottom:40px; color:var(--muted); }.paddock-notice h2 { font-size:24px; }.paddock-notice>a { color:var(--gold); }
@media(max-width:1050px) { .paddock-feature { grid-template-columns:1fr; }.paddock-feature-image { min-height:340px; }.paddock-feature-image:after { background:linear-gradient(0deg,#111214,transparent 70%); }.paddock-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.paddock-heading { flex-wrap:wrap; } }
@media(max-width:640px) { .paddock-heading h1 { font-size:32px; }.paddock-filters { margin-bottom:28px; }.paddock-filters a { font-size:14px; padding:8px 12px; }.paddock-feature-body { padding:20px; }.paddock-feature h2 { font-size:26px; line-height:34px; }.paddock-feature-image { min-height:250px; }.paddock-feature,.paddock-pagination { margin-bottom:32px; }.paddock-grid,.paddock-discord { grid-template-columns:1fr; }.paddock-card-image { height:auto; aspect-ratio:16/9; }.paddock-discord { padding:24px; }.paddock-discord>a { justify-self:start; }.paddock-heading { gap:16px; }.paddock-main { padding-top:calc(var(--header-height) + 24px); } }
@media(prefers-reduced-motion:reduce) { .paddock-card,.paddock-card-image>img { transition:none; } }