/* Photo Galleries — extracted from html/cricbun-photo-galleries.html */
.hero{padding:38px 0 24px}
.herohead{display:flex;justify-content:space-between;align-items:end;gap:20px}
.eyebrow{font-size:.58rem;color:var(--cyan-d);letter-spacing:.11em;text-transform:uppercase;font-weight:800}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.94;letter-spacing:-.075em;margin-top:6px}
.hero p{font-size:.68rem;color:var(--muted);margin-top:10px}
.search{width:300px;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 11px}
.mosaic{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:210px 210px;gap:2px;margin-top:25px;background:var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.feature{grid-row:1/3;position:relative;background:var(--navy);color:var(--paper);overflow:hidden;display:block;text-decoration:none}
.tile{position:relative;background:var(--navy);color:var(--paper);overflow:hidden;display:block;text-decoration:none}
.scene{position:absolute;inset:0;width:100%;height:100%}
.shade{position:absolute;inset:0;background:linear-gradient(to top,oklch(15% .025 238/.88),transparent 65%)}
.copy{position:absolute;left:0;right:0;bottom:0;padding:20px}
.tag{font-size:.52rem;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.copy h2{font-size:1.7rem;line-height:1.08;letter-spacing:-.04em;margin-top:7px;max-width:20ch}
.tile .copy{padding:14px}
.tile .copy h2{font-size:.78rem;line-height:1.3}
.meta{font-size:.5rem;color:oklch(75% .015 230);margin-top:6px}
.count{position:absolute;top:12px;right:12px;border-radius:7px;background:var(--paper);color:var(--navy);padding:5px 7px;font-size:.5rem;font-weight:800}
.filters{background:var(--paper);border-block:1px solid var(--line);margin-top:25px}
.filterin{height:52px;display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}
.filter{flex:none;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--paper);color:var(--muted);font-size:.59rem}
.filter.on{background:var(--navy);color:var(--paper);border-color:var(--navy)}
main{padding:24px 0 80px}
.head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:14px}
.head h2{font-size:1rem}
.sort{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-size:.55rem;padding:0 9px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.album{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 220ms var(--ease);text-decoration:none;color:inherit}
.album:hover{transform:translateY(-3px)}
.albumart{height:205px;position:relative;background:var(--navy);overflow:hidden}
.albumart img{width:100%;height:100%;object-fit:cover}
.albumcopy{padding:13px}
.albumcopy h3{font-size:.72rem;line-height:1.35}
.albumcopy p{font-size:.52rem;color:var(--muted);margin-top:6px}
.load{display:block;width:220px;height:42px;margin:22px auto 0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--cyan-d);font-size:.59rem;font-weight:700}
.state{display:none;padding:40px;text-align:center;color:var(--muted);font-size:.61rem}
@media(max-width:900px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:360px 190px 190px}.feature{grid-column:1/3;grid-row:auto}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.herohead{display:grid}.search{width:100%}.hero h1{font-size:2.7rem}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:360px 170px}.feature{grid-column:1/3}.tile:nth-of-type(n+4){display:none}.copy h2{font-size:1.45rem}.tile .copy h2{font-size:.68rem}.grid{grid-template-columns:1fr 1fr;gap:9px}.albumart{height:150px}.albumcopy{padding:10px}}
@media(max-width:390px){.grid{grid-template-columns:1fr}.albumart{height:220px}}