.cr{--cr-card:240px;--cr-poster:336px}
.cr-hero{padding:40px 0 46px;background:radial-gradient(ellipse at 90% 10%,#183659 0,transparent 58%);border-bottom:1px solid var(--line)}
.cr-hero-grid{display:block}.cr h1{font-size:clamp(32px,4.4vw,56px);line-height:1.04;margin:15px 0 22px;letter-spacing:-.035em}
.cr-intro{max-width:740px;color:#c1c7d0}
.cr-actions{display:flex;gap:12px;flex-wrap:wrap}
.cr-scope{font-size:12px;color:#a2a6ad;margin-top:22px}
.cr-month-nav{margin:0;padding:22px 0;display:flex;gap:8px;flex-wrap:wrap;scroll-margin-top:90px;border-bottom:1px solid var(--line)}
.cr-month-nav a{padding:9px 15px;border-radius:7px;background:var(--panel);border:1px solid var(--line);color:#d1d6dd}
.cr-month-nav a:hover{border-color:var(--blue);color:#fff}
.cr-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:24px}
.cr-filters label{display:grid;gap:6px;color:#b9bec7;font-size:12px}
.cr-filters label:first-child{flex:1;min-width:210px}
.cr-filters input[type=search],.cr-filters select{min-height:46px;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;font-size:16px}
.cr-filters .cr-check{display:flex;gap:9px;align-items:center;min-height:46px;font-size:14px}
.cr-check input{width:18px;height:18px;accent-color:var(--blue)}
.cr-filters button{height:46px;padding:0 16px;border-radius:8px;background:transparent;border:1px solid var(--line);color:#cbd2dc;cursor:pointer}
.cr-status{font-size:12px;color:var(--muted)}
.cr-month{margin:24px 0;padding:24px 24px 8px;background:#101318;border:1px solid #2b313b;border-radius:16px;scroll-margin-top:90px;overflow:hidden}
.cr-month-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #2b313b}
.cr-month-number{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em}.cr h2{font:500 32px/1.2 Oswald,system-ui;text-transform:uppercase;margin:5px 0}
.cr-month-heading h2 span{font-weight:400;color:#818c9b}
.cr-month-count{margin:4px 0;color:var(--muted);font-size:12px}
.cr-arrows{display:flex;gap:8px}
.cr-arrows button{height:44px;width:44px;background:#181b20;color:#fff;border:1px solid var(--line);border-radius:50%;font-size:20px;cursor:pointer}
.cr-arrows button:disabled{opacity:.35;cursor:default}
.cr-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#414b5c transparent;padding:2px 2px 18px;align-items:stretch}
.cr-card{flex:0 0 var(--cr-card);width:var(--cr-card);scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}
.cr-card:hover{border-color:#4c6484}
.cr-poster{display:block;box-sizing:border-box;flex:0 0 var(--cr-poster);width:100%;height:var(--cr-poster);min-height:var(--cr-poster);max-height:var(--cr-poster);position:relative;background:#efede7;overflow:hidden}
.cr-poster img{box-sizing:border-box;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;display:block;padding:10px;background:#efede7}
.cr-poster>span:last-child{position:absolute;bottom:10px;left:10px;background:#08090beb;padding:5px 9px;border-radius:5px;color:#e5eaf1;font-size:11px}
.cr-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;background:linear-gradient(145deg,#1c2531,#11151b)}
.cr-placeholder-year{font:500 68px/1 Oswald;color:#40536d}
.cr-placeholder-place{font:500 24px/1.2 Oswald;text-transform:uppercase;margin-top:20px;color:#b4c3d7}
.cr-card-copy{padding:16px;display:flex;flex-direction:column;flex:1}
.cr-card time{font-size:12px;color:#72b4ff;font-weight:700}
.cr-card h3{font:500 22px/1.2 Oswald;text-transform:uppercase;margin:8px 0}
.cr-country{color:var(--muted);font-size:11px;margin:0 0 14px}
.cr-names{font-size:13px;line-height:1.6;margin:0 0 10px;color:#e4e8ee}
.cr-ranch{font-size:12px;color:#a4acb8;margin:0 0 18px}
.cr-event-link{font-size:12px;color:#91c2ff;font-weight:600;margin-top:auto;padding-top:8px}
.cr-origin{font-size:11px;color:#a2a6ad;padding-top:10px}
.cr-no-month{color:var(--muted);padding:16px 0}
.cr-about{margin:35px 0 50px;padding-top:30px;border-top:1px solid var(--line);max-width:820px}
.cr-about p{color:#adb5c2;line-height:1.7;font-size:14px}
.cr-about details{border-bottom:1px solid var(--line);padding:16px 0}
.cr-about summary{cursor:pointer;font-weight:600;font-size:14px}.cr [hidden]{display:none!important}.cr a:focus-visible,.cr button:focus-visible,.cr input:focus-visible,.cr select:focus-visible,.cr-rail:focus-visible{outline:2px solid #79baff;outline-offset:3px}
@media(max-width:800px){.cr-hero-grid{grid-template-columns:1fr}
.cr-hero{padding:24px 0}
.cr-month-nav{gap:6px}
.cr-month-nav a{padding:8px 11px}.cr h2{font-size:28px}}
@media(max-width:450px){.cr{--cr-card:216px;--cr-poster:302.4px}
.cr-filters select{max-width:100%}
.cr-filters label{flex:1}
.cr-month{padding:18px 14px 2px;margin:18px 0;border-radius:12px}
.cr-month-heading{gap:10px}
.cr-arrows{gap:4px}
.cr-arrows button{width:40px;height:44px}
.cr-month-heading h2 span{display:block;font-size:18px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.cr-rail{scroll-behavior:auto}}