/* Saloon Stock Cars (2026 refresh): the old site's lime and charcoal colours kept, in a cleaner layout: white logo strip, charcoal menu bar with a lime marker, a photo across the top of the home page, content on a white card over a light grey page, rounded news cards, dark tables with lime headings. Colours from the old site: green #C2F956, yellow #EFD125, grey #7F7F7F, pink #FBA5EC. */
:root{--ink:#222;--head:#111;--page:#eef0f2;--paper:#fff;--charcoal:#171a1e;--radius:10px;--shadow:0 2px 10px rgba(20,24,28,.10);--lime:#c2f956;--lime-ink:#3d5a00;--pink:#fba5ec;--yellow:#efd125;--slate:#2b3038;--slate-2:#4f565e;--accent:#4d7a00;--accent-2:#4d7a00;--grey:#f2f2f2;--line:#e5e5e5;--muted:#6a6a6a;--title:#1e1e1e;--post:#363636;--foot:#262626;
  --body:"Open Sans",system-ui,"Segoe UI",Arial,sans-serif;--cond:"Open Sans",system-ui,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 15px/1.6 var(--body)}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--lime);color:#14210a;border:0;border-radius:6px;padding:10px 22px;font:700 13px var(--body);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.btn:hover{background:#d4ff77;text-decoration:none;color:#14210a;transform:translateY(-1px)}
.btn-quiet{background:#fff;color:#222;border:1px solid #c9ced3}
.btn-quiet:hover{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
:focus-visible{outline:3px solid var(--charcoal);outline-offset:2px}
.announcement-bar{background:var(--slate);color:#fff;text-align:center;padding:8px 16px;font-weight:600}
.announcement-bar a{color:#fff;text-decoration:underline}

/* Header: white strip with the logo and social buttons, a lime menu bar, then (home page) a full-width rotating photo */
.site-head{background:#fff;color:var(--ink);position:relative;z-index:20;box-shadow:0 1px 0 var(--line)}
.head-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;min-height:96px}
.logo{display:block}
.logo img{display:block;width:clamp(200px,26vw,330px);height:auto}
.social{display:flex;gap:10px}
.social a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:38px;padding:0 18px;background:var(--charcoal);border-radius:999px;color:#fff;font:700 13px var(--body);letter-spacing:.4px}
.social a:hover{background:var(--lime);color:#14210a;text-decoration:none}
.nav-bar{background:var(--charcoal);border-bottom:4px solid var(--lime)}
.nav-bar .wrap{position:relative}
.menu-btn{display:none}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav>ul{display:flex;flex-wrap:wrap;gap:0}
.main-nav li{position:relative}
.main-nav a{display:block;color:#f2f4f6;font:600 14px/1.2 var(--body);letter-spacing:.3px;padding:18px 14px}
.main-nav>ul>li>a{border-bottom:3px solid transparent;margin-bottom:-1px}
.main-nav a:hover{text-decoration:none;color:var(--lime)}
.main-nav>ul>li.active>a{color:var(--lime);border-bottom-color:var(--lime)}
.main-nav .submenu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:var(--charcoal);border-top:3px solid var(--lime);border-radius:0 0 8px 8px;z-index:30;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.main-nav li:hover>.submenu,.main-nav li:focus-within>.submenu{display:block}
.main-nav .submenu a{padding:10px 16px;font:400 14px/1.3 var(--body);border-bottom:1px solid rgba(255,255,255,.08)}
.main-nav .submenu a:hover{background:rgba(194,249,86,.12);color:var(--lime)}
.main-nav .submenu .submenu{left:100%;top:-2px}
.main-nav>ul>li:last-child>.submenu,.main-nav>ul>li:nth-last-child(2)>.submenu,.main-nav>ul>li:nth-last-child(3)>.submenu{left:auto;right:0}
.main-nav>ul>li:last-child .submenu .submenu,.main-nav>ul>li:nth-last-child(2) .submenu .submenu{left:auto;right:100%}
.hero{position:relative;width:100%;height:clamp(220px,32vw,470px);overflow:hidden;background:#000}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:0;transition:opacity 1.2s ease}
.hero img.on{opacity:1}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(10,12,14,.55));pointer-events:none}

/* Page: a white card on a light grey page; on the home page it rises over the bottom of the photo */
.page{padding:28px 0 56px;background:var(--page)}
.page .wrap{background:var(--paper);padding-top:30px;padding-bottom:38px;border-radius:var(--radius);box-shadow:var(--shadow)}
.hero + .page{padding-top:0}
.hero + .page .wrap{margin-top:-44px;position:relative;z-index:2}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}
.content,.side{min-width:0}
.block{margin:0 0 34px}
.block-title{font:800 22px/1.15 var(--body);text-transform:uppercase;letter-spacing:.3px;color:var(--title);margin:0 0 20px;padding:2px 0 2px 14px;border-left:6px solid var(--lime)}
h1.block-title{font-size:30px}
.lead{font-size:16px;color:#444;margin:-6px 0 18px}
.more-link{margin:18px 0 0}
.empty{color:var(--muted)}

/* News rows */
.post{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.post-pic{display:flex;align-items:flex-start;justify-content:center;background:#fafafa;min-height:90px}
.post-pic img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}
.post h3{font:700 27px/1.2 var(--cond);margin:0 0 6px}
.post h3 a{color:var(--post)}
.post h3 a:hover{color:var(--accent);text-decoration:none}
.post-date{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--muted);font-size:13px}
.post-date svg{width:14px;height:14px}
.post-summary{margin:0 0 8px}
.more{font:700 12px var(--body);text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-bottom:2px solid currentColor}
.more:hover{text-decoration:none;color:#000}

/* Next events (side) */
.block--side{background:var(--grey);padding:18px 18px 20px;border-radius:var(--radius);border-top:4px solid var(--lime)}
.block--side .block-title{font-size:18px;border-left:0;padding-left:0}
.events{list-style:none;margin:0;padding:0}
.ev{margin:0 -18px;padding:0}
.ev:nth-child(odd){background:rgba(0,0,0,.035)}
.ev a{display:block;padding:10px 18px;color:#222;text-decoration:none}
.ev a:hover{background:#e9e9e9}
.ev-when,.ev-where{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5}
.ev-where{font-weight:600}
.ev svg{width:14px;height:14px;flex:none;color:#555}
.ev--off a{opacity:.6}
.ev--empty{padding:10px 18px;color:var(--muted)}
.flag{display:inline-block;background:var(--accent-2);color:#fff;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;vertical-align:middle}

.side-news{list-style:none;margin:0 -18px;padding:0}
.side-news li:nth-child(odd){background:rgba(0,0,0,.035)}
.side-news a{display:block;padding:9px 18px;color:#222;font-weight:600;line-height:1.35}
.side-news a:hover{background:#e9e9e9;text-decoration:none}
.side-news small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:2px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}
.contact-grid .notice{background:var(--grey);padding:16px 18px;align-self:start}
.contact-grid .notice h3{margin:0 0 6px;font:700 20px var(--cond)}
.contact-grid label{display:block;font-weight:600;margin:12px 0 4px}
.contact-grid input,.contact-grid select,.contact-grid textarea{width:100%;padding:9px 10px;border:1px solid #bbb;font:inherit;background:#fff}
.contact-grid textarea{min-height:140px}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr}}
.years{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.year{display:inline-block;padding:4px 14px;border:1px solid #bbb;color:#222;font:700 17px/1.4 var(--cond);background:#fff}
.year:hover{background:#f2f2f2;text-decoration:none}
.year[aria-current=true]{background:var(--slate);color:#fff;border-color:var(--slate)}
/* The year in a roll of honour table is an ordinary cell, not a year button */
table td.year{display:table-cell;padding:6px 10px;border:0;border-bottom:1px solid var(--line);font:inherit;color:inherit;background:transparent}
table td.year:hover{background:transparent}
.sub-title{font:700 22px/1.1 var(--cond);text-transform:uppercase;margin:26px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--line)}
.plain{list-style:none;padding:0;margin:0}
.plain li{padding:5px 0;border-bottom:1px solid var(--line)}
.plain small{color:var(--muted)}
.months{columns:2;column-gap:30px}
.months li{break-inside:avoid}
@media (max-width:760px){.months{columns:1}}

/* Fixtures */
.fixtures{list-style:none;margin:0;padding:0}
.fx{display:grid;grid-template-columns:132px 160px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.fx-pic{display:block;width:132px;aspect-ratio:3/2;background:#eee;overflow:hidden}
.fx-pic img{display:block;width:100%;height:100%;object-fit:cover}
.fx-date strong{display:block;font:700 18px var(--cond);color:var(--title)}
.fx-date span{color:var(--muted);font-size:13px}
.fx-main h3{margin:0;font:700 22px/1.2 var(--cond)}
.fx-main h3 a{color:var(--post)}
.fx-main p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.chip{display:inline-block;background:#222;color:#fff;border-radius:3px;padding:0 7px;font-size:12px;font-weight:700}
.fx-links{display:flex;gap:12px;font-size:13px;font-weight:700}
.fx--off .fx-main h3 a{text-decoration:line-through;opacity:.7}

/* Articles and tables */
.article h1{font:700 32px/1.15 var(--body);text-transform:uppercase;margin:0 0 6px;color:var(--title)}
.crumb{margin:0 0 10px;font-size:13px}
.lead-img{max-width:100%;height:auto}
.facts{list-style:none;padding:0;margin:8px 0 16px;display:flex;flex-wrap:wrap;gap:6px 22px}
.facts b{color:var(--muted);font-weight:600;margin-right:4px}
.actions{margin-top:22px}
.article-body{overflow-wrap:anywhere}
.article-body img{max-width:100%;height:auto}
.article-body h2,.article-body h3{font-family:var(--cond);color:var(--title)}
.article-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.table-scroll > table{margin:0}
.table-scroll{margin:14px 0}
.grade-change{margin:0 0 22px}
.grade-change .article-body table{margin:0}
.points-chart__updated{margin:4px 0 16px;font-size:.85rem;color:#6b7280}
.article-body th,.article-body td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:left}
.article-body thead th,.article-body tr:first-child th{background:var(--lime);color:#222;font-weight:600;border-bottom:0}
.article-body tbody tr:nth-child(even){background:#f7f7f7}
.article-body .table-wrap,.article-body .table-scroll{overflow-x:auto}
.pager{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:20px 0 0}
.pager a,.pager span{display:block;min-width:36px;text-align:center;padding:6px 10px;border:1px solid var(--line);color:#222}
.pager .active a,.pager .active span,.pager .page-item.active .page-link{background:var(--slate);color:#fff;border-color:var(--slate)}
.pager .page-link{display:block;padding:6px 10px;border:1px solid var(--line);color:#222}

/* Footer and cookie banner */
.site-foot{background:var(--charcoal);border-top:4px solid var(--lime);color:#bfc4c9;padding:28px 0 20px;font-size:13px}
.site-foot a{color:#fff}
.foot-note{margin:0 0 16px;font-size:14px}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid #3a3a3a;padding-top:14px}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#111;color:#fff;padding:14px 0}
.cookie-banner .wrap{background:none;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;box-shadow:none;padding:0 20px}
.cookie-banner p{margin:0}

/* Smaller screens */
@media (max-width:960px){
  .two-col{grid-template-columns:minmax(0,1fr)}
  .post{grid-template-columns:150px 1fr}
}
@media (max-width:760px){
  .head-top{min-height:0}
  .logo img{width:200px}
  .hero + .page .wrap{margin-top:-24px}
  .page{padding-top:16px}
  .page .wrap{border-radius:0}
  .menu-btn{display:flex;align-items:center;gap:8px;background:none;color:#fff;border:0;padding:14px 4px;font:700 15px var(--body);cursor:pointer}
  .menu-btn svg{width:22px;height:22px}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .main-nav>ul{display:block}
  .main-nav a{padding:12px 6px;border-top:1px solid rgba(0,0,0,.12);font-size:16px}
  /* each level is closed until its parent is tapped (site.js toggles .open; the branch holding the current page starts open) */
  .main-nav .submenu,.main-nav li:hover>.submenu,.main-nav li:focus-within>.submenu{display:none;position:static;border:0;box-shadow:none;background:#1b1b1b;min-width:0}
  .main-nav li.open>.submenu{display:block}
  .main-nav li:has(> .submenu) > a::after{content:"\25BE";float:right;margin-left:12px;transition:transform .2s}
  .main-nav li.open > a::after{transform:rotate(180deg)}
  .main-nav .submenu a{padding-left:24px;font-size:15px}
  .main-nav .submenu .submenu a{padding-left:42px}
  .post{grid-template-columns:1fr}
  .post-pic img{max-height:240px}
  .fx{grid-template-columns:96px 1fr;gap:4px 14px}
  .fx-pic{width:96px;grid-row:1 / span 3}
  .fx-links{grid-column:2}
  .article h1{font-size:28px}
}

/* The months of the season (results and galleries), down the side */
.side-months{list-style:none;margin:0 -18px;padding:0}
.side-months li:nth-child(odd){background:rgba(0,0,0,.035)}
.side-months a{display:block;padding:8px 18px;color:#222;font-weight:600}
.side-months a:hover{background:#e9e9e9;text-decoration:none}
.side-months .current a{background:var(--lime);color:#000}
.block--side .more-link .btn{margin:0 6px 6px 0}

/* Tables that are wider than the screen scroll sideways instead of running off the page */
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body table.results{font-size:14px}
.article-body table.results th.title{position:sticky;left:0}
@media (max-width:760px){
  .article-body table{font-size:13px}
  .article-body th,.article-body td{padding:5px 7px;white-space:nowrap}
}

/* Fixtures calendar */
.fixture-cal{margin:0 0 8px}
.cal__head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.cal__title{font:700 24px var(--cond);margin:0;text-transform:uppercase}
.cal__nav{font-size:20px;line-height:1;padding:5px 12px;border:1px solid #bbb;color:#222;background:#fff}
.cal__nav:hover{background:#f2f2f2;text-decoration:none}
.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cal__dow{background:var(--lime);color:#222;font:700 14px var(--cond);text-align:center;padding:5px 0;text-transform:uppercase}
.cal__day{min-height:78px;padding:4px 5px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;min-width:0}
.cal__day--other{background:#f6f6f6;color:#aaa}
.cal__day--today{background:#fff6dc}
.cal__num{display:block;font-weight:700;color:#555;margin-bottom:2px}
.cal__event{display:block;background:var(--slate);color:#fff;padding:2px 5px;margin:2px 0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px}
.cal__event:hover{background:var(--accent);color:#fff;text-decoration:none}
.cal__event--cancelled,.cal__event--postponed{background:#777;text-decoration:line-through}
@media (max-width:760px){.cal__day{min-height:56px;padding:2px 3px;font-size:11px}.cal__event{font-size:10px;padding:1px 3px}.cal__dow{font-size:12px}}

/* A small arrow on menu items that open a list */
.main-nav li:has(> .submenu) > a::after{content:"\25BE";margin-left:6px;font-size:.8em;opacity:.85}
.main-nav .submenu li:has(> .submenu) > a::after{content:"\25B8";float:right;margin-left:14px}

/* Fixtures: preview link, calendar subscribe */
.fx-links{flex-wrap:wrap;justify-content:flex-end}
.fx-preview{color:var(--accent-2);font-weight:700}
.cal-feed{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 16px}
.cal-feed small{color:var(--muted);flex-basis:100%}

/* Share buttons under articles ({{{share.buttons}}}); the icons are left out, the names are enough */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:26px}
.share__label{font:700 18px var(--cond);text-transform:uppercase;margin-right:6px}
.share__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #bbb;border-bottom-width:3px;background:#fff;color:#222;font:700 13px var(--body);letter-spacing:.5px;text-decoration:none;cursor:pointer}
.share__btn:hover,.share__btn:focus-visible{background:var(--slate);color:#fff;border-color:var(--slate);text-decoration:none;outline:none}
.share__btn[hidden]{display:none}
.share__btn i{display:none}

/* Results tables stay readable in a narrower window: the cells never wrap, the table scrolls inside its own box instead */
.article-body table.results{width:auto;min-width:100%}
.article-body table.results th,.article-body table.results td{white-space:nowrap}
.article-body table.results th.title{white-space:normal}

/* A narrower desktop window: a little less room round each menu item so the whole menu stays on one line */
@media (min-width:761px) and (max-width:1260px){
  .main-nav a{padding-left:9px;padding-right:9px;font-size:14px}
  .main-nav li:has(> .submenu) > a::after{margin-left:4px}
}
/* Race results made by Content > Race results: a black venue bar, a grey header row per formula, then a row per race. Scrolls inside its own box in a narrow window */
.race-results-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0}
.article-body table.race-results{width:auto;min-width:100%;margin:0}
.article-body table.race-results th,.article-body table.race-results td{white-space:nowrap}
.article-body table.race-results th.race-results__venue{background:var(--lime);color:#222;font-weight:600;text-align:left;white-space:normal;position:sticky;left:0}
.race-results__date{font-weight:400;margin-left:8px;opacity:.8}
.article-body table.race-results tr.race-results__formula th{background:var(--slate);color:#fff;border-bottom:1px solid #555;text-align:center;font-weight:400}
.article-body table.race-results tr.race-results__formula th:first-child{text-align:left}
.article-body table.race-results tr.race-results__race th{background:transparent;color:#fff;font-weight:400;text-align:left}
.article-body table.race-results tr.race-results__race td{color:#fff;text-align:center}
.article-body table.race-results tr.race-results__race{background:var(--slate-2)}
.article-body table.race-results tr.race-results__race:nth-child(even){background:var(--slate)}
.article-body table.race-results th,.article-body table.race-results td{border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}

/* Points tables and older results tables made by hand (imported): lime heading row, dark rows, as on the old site */
.article-body table#pointsTable tbody td,.article-body table.results tbody td{color:#fff;border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}
.article-body table#pointsTable tbody tr,.article-body table.results tbody tr{background:var(--slate-2)}
.article-body table#pointsTable tbody tr:nth-child(even),.article-body table.results tbody tr:nth-child(even){background:var(--slate)}

/* Home page: the latest news as cards, and the next events across the page */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.card{display:flex;flex-direction:column;border:1px solid #e3e6e9;border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(20,24,28,.16)}
.card-pic{display:flex;align-items:center;justify-content:center;background:#f4f5f6;aspect-ratio:16/9;overflow:hidden}
.card-pic img{display:block;width:100%;height:100%;object-fit:contain}
.card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px;border-top:4px solid var(--lime)}
.card h3{font:700 19px/1.25 var(--body);margin:0 0 8px}
.card h3 a{color:var(--title)}
.card h3 a:hover{color:var(--accent);text-decoration:none}
.card-text{margin:0 0 10px}
.card-date{margin:0 0 14px;color:var(--muted);font-size:13px}
.card .btn{margin-top:auto;align-self:flex-start}
.events--wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.events--wide .ev{margin:0;background:var(--grey);border-radius:8px;border-left:5px solid var(--lime);overflow:hidden}
.events--wide .ev:nth-child(odd){background:var(--grey)}
.events--wide .ev a{padding:12px 14px}
.events--wide .ev a:hover{background:#e3e6e9}
@media (max-width:960px){.cards,.events--wide{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cards,.events--wide{grid-template-columns:1fr}}

/* A fixture with no track picture: the date, the details and the links only */
.fx--nopic{grid-template-columns:160px 1fr auto}
.fx-pic img{object-fit:contain;background:#fff}
@media (max-width:760px){.fx--nopic{grid-template-columns:1fr;gap:4px}.fx--nopic .fx-links{grid-column:1}}

/* galleries index: a card per month with its first picture */
.gallery-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.gallery-months li.month-card{padding:0;border:0}
.month-card a{display:block;position:relative;overflow:hidden;border-radius:6px;background:var(--head);color:#fff;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.month-card a:hover,.month-card a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.month-card__pic{display:block;aspect-ratio:3/2;background:linear-gradient(135deg,var(--head),var(--accent))}
.month-card__pic .gallery-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.month-card a:hover .gallery-cover{transform:scale(1.06)}
.month-card__title{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 22px;font-family:var(--cond);font-size:1.35rem;font-weight:700;text-transform:uppercase;line-height:1.1;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.month-card__count{position:absolute;right:10px;bottom:6px;font-size:.8rem;opacity:.9}