/*! grid */
:root{--bg:#0e0f12;--fg:#eceff4;--muted:#9aa0ab;--accent:#e2b714}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,'Times New Roman',serif}
header{display:flex;align-items:center;gap:24px;padding:14px 22px;border-bottom:1px solid #1c1e24;position:sticky;top:0;background:rgba(14,15,18,.92);backdrop-filter:blur(8px);z-index:5}
header nav{display:flex;flex-wrap:wrap;gap:14px}header nav a{color:var(--muted);text-decoration:none;font-size:14px;text-transform:capitalize}header nav a:hover{color:var(--accent)}
main{max-width:1180px;margin:0 auto;padding:26px 20px}h1{font-size:26px;font-weight:400;letter-spacing:.3px;margin:6px 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{display:block;overflow:hidden;border-radius:8px;background:#15171d;aspect-ratio:3/2;position:relative}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .4s;opacity:0}
.card img.rd{opacity:1}.card:hover img{transform:scale(1.06)}
.card .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 8px;font-size:12px;color:#d6dae2;background:linear-gradient(transparent,rgba(0,0,0,.72))}
footer{max-width:1180px;margin:30px auto;padding:20px;color:var(--muted);border-top:1px solid #1c1e24}
.g-g0{grid-column:span 1;aspect-ratio:3/2}
.g-g1{grid-column:span 2;aspect-ratio:4/2}
.g-g2{grid-column:span 3;aspect-ratio:3/2}
.g-g3{grid-column:span 4;aspect-ratio:4/2}
.g-g4{grid-column:span 1;aspect-ratio:3/2}
.g-g5{grid-column:span 2;aspect-ratio:4/2}
.g-g6{grid-column:span 3;aspect-ratio:3/2}
.g-g7{grid-column:span 4;aspect-ratio:4/2}
.g-g8{grid-column:span 1;aspect-ratio:3/2}
.g-g9{grid-column:span 2;aspect-ratio:4/2}
.g-g10{grid-column:span 3;aspect-ratio:3/2}
.g-g11{grid-column:span 4;aspect-ratio:4/2}
.g-g12{grid-column:span 1;aspect-ratio:3/2}
.g-g13{grid-column:span 2;aspect-ratio:4/2}
.g-g14{grid-column:span 3;aspect-ratio:3/2}
.g-g15{grid-column:span 4;aspect-ratio:4/2}
.g-g16{grid-column:span 1;aspect-ratio:3/2}
.g-g17{grid-column:span 2;aspect-ratio:4/2}
.g-g18{grid-column:span 3;aspect-ratio:3/2}
.g-g19{grid-column:span 4;aspect-ratio:4/2}
.g-g20{grid-column:span 1;aspect-ratio:3/2}
.g-g21{grid-column:span 2;aspect-ratio:4/2}
.g-g22{grid-column:span 3;aspect-ratio:3/2}
.g-g23{grid-column:span 4;aspect-ratio:4/2}
.g-g24{grid-column:span 1;aspect-ratio:3/2}
.g-g25{grid-column:span 2;aspect-ratio:4/2}
.g-g26{grid-column:span 3;aspect-ratio:3/2}
.g-g27{grid-column:span 4;aspect-ratio:4/2}
.g-g28{grid-column:span 1;aspect-ratio:3/2}
.g-g29{grid-column:span 2;aspect-ratio:4/2}
.g-g30{grid-column:span 3;aspect-ratio:3/2}
.g-g31{grid-column:span 4;aspect-ratio:4/2}
.g-g32{grid-column:span 1;aspect-ratio:3/2}
.g-g33{grid-column:span 2;aspect-ratio:4/2}
.g-g34{grid-column:span 3;aspect-ratio:3/2}
.g-g35{grid-column:span 4;aspect-ratio:4/2}
.g-g36{grid-column:span 1;aspect-ratio:3/2}
.g-g37{grid-column:span 2;aspect-ratio:4/2}
.g-g38{grid-column:span 3;aspect-ratio:3/2}
.g-g39{grid-column:span 4;aspect-ratio:4/2}
.g-g40{grid-column:span 1;aspect-ratio:3/2}
.g-g41{grid-column:span 2;aspect-ratio:4/2}
.g-g42{grid-column:span 3;aspect-ratio:3/2}
.g-g43{grid-column:span 4;aspect-ratio:4/2}
.g-g44{grid-column:span 1;aspect-ratio:3/2}
.g-g45{grid-column:span 2;aspect-ratio:4/2}
.g-g46{grid-column:span 3;aspect-ratio:3/2}
.g-g47{grid-column:span 4;aspect-ratio:4/2}
.g-g48{grid-column:span 1;aspect-ratio:3/2}
.g-g49{grid-column:span 2;aspect-ratio:4/2}
.g-g50{grid-column:span 3;aspect-ratio:3/2}
.g-g51{grid-column:span 4;aspect-ratio:4/2}
.g-g52{grid-column:span 1;aspect-ratio:3/2}
.g-g53{grid-column:span 2;aspect-ratio:4/2}
.g-g54{grid-column:span 3;aspect-ratio:3/2}
.g-g55{grid-column:span 4;aspect-ratio:4/2}
.g-g56{grid-column:span 1;aspect-ratio:3/2}
.g-g57{grid-column:span 2;aspect-ratio:4/2}
.g-g58{grid-column:span 3;aspect-ratio:3/2}
.g-g59{grid-column:span 4;aspect-ratio:4/2}
.g-g60{grid-column:span 1;aspect-ratio:3/2}
.g-g61{grid-column:span 2;aspect-ratio:4/2}
.g-g62{grid-column:span 3;aspect-ratio:3/2}
.g-g63{grid-column:span 4;aspect-ratio:4/2}
.g-g64{grid-column:span 1;aspect-ratio:3/2}
.g-g65{grid-column:span 2;aspect-ratio:4/2}
.g-g66{grid-column:span 3;aspect-ratio:3/2}
.g-g67{grid-column:span 4;aspect-ratio:4/2}
.g-g68{grid-column:span 1;aspect-ratio:3/2}
.g-g69{grid-column:span 2;aspect-ratio:4/2}
.g-g70{grid-column:span 3;aspect-ratio:3/2}
.g-g71{grid-column:span 4;aspect-ratio:4/2}
.g-g72{grid-column:span 1;aspect-ratio:3/2}
.g-g73{grid-column:span 2;aspect-ratio:4/2}
.g-g74{grid-column:span 3;aspect-ratio:3/2}
.g-g75{grid-column:span 4;aspect-ratio:4/2}
.g-g76{grid-column:span 1;aspect-ratio:3/2}
.g-g77{grid-column:span 2;aspect-ratio:4/2}
.g-g78{grid-column:span 3;aspect-ratio:3/2}
.g-g79{grid-column:span 4;aspect-ratio:4/2}
.g-g80{grid-column:span 1;aspect-ratio:3/2}
.g-g81{grid-column:span 2;aspect-ratio:4/2}
.g-g82{grid-column:span 3;aspect-ratio:3/2}
.g-g83{grid-column:span 4;aspect-ratio:4/2}
.g-g84{grid-column:span 1;aspect-ratio:3/2}
.g-g85{grid-column:span 2;aspect-ratio:4/2}
.g-g86{grid-column:span 3;aspect-ratio:3/2}
.g-g87{grid-column:span 4;aspect-ratio:4/2}
.g-g88{grid-column:span 1;aspect-ratio:3/2}
.g-g89{grid-column:span 2;aspect-ratio:4/2}
.g-g90{grid-column:span 3;aspect-ratio:3/2}
.g-g91{grid-column:span 4;aspect-ratio:4/2}
.g-g92{grid-column:span 1;aspect-ratio:3/2}
.g-g93{grid-column:span 2;aspect-ratio:4/2}
.g-g94{grid-column:span 3;aspect-ratio:3/2}
.g-g95{grid-column:span 4;aspect-ratio:4/2}
.g-g96{grid-column:span 1;aspect-ratio:3/2}
.g-g97{grid-column:span 2;aspect-ratio:4/2}
.g-g98{grid-column:span 3;aspect-ratio:3/2}
.g-g99{grid-column:span 4;aspect-ratio:4/2}
.g-g100{grid-column:span 1;aspect-ratio:3/2}
.g-g101{grid-column:span 2;aspect-ratio:4/2}
.g-g102{grid-column:span 3;aspect-ratio:3/2}
.g-g103{grid-column:span 4;aspect-ratio:4/2}
.g-g104{grid-column:span 1;aspect-ratio:3/2}
.g-g105{grid-column:span 2;aspect-ratio:4/2}
.g-g106{grid-column:span 3;aspect-ratio:3/2}
.g-g107{grid-column:span 4;aspect-ratio:4/2}
.g-g108{grid-column:span 1;aspect-ratio:3/2}
.g-g109{grid-column:span 2;aspect-ratio:4/2}
.g-g110{grid-column:span 3;aspect-ratio:3/2}
.g-g111{grid-column:span 4;aspect-ratio:4/2}
.g-g112{grid-column:span 1;aspect-ratio:3/2}
.g-g113{grid-column:span 2;aspect-ratio:4/2}
.g-g114{grid-column:span 3;aspect-ratio:3/2}
.g-g115{grid-column:span 4;aspect-ratio:4/2}
.g-g116{grid-column:span 1;aspect-ratio:3/2}
.g-g117{grid-column:span 2;aspect-ratio:4/2}
.g-g118{grid-column:span 3;aspect-ratio:3/2}
.g-g119{grid-column:span 4;aspect-ratio:4/2}
.g-g120{grid-column:span 1;aspect-ratio:3/2}
.g-g121{grid-column:span 2;aspect-ratio:4/2}
.g-g122{grid-column:span 3;aspect-ratio:3/2}
.g-g123{grid-column:span 4;aspect-ratio:4/2}
.g-g124{grid-column:span 1;aspect-ratio:3/2}
.g-g125{grid-column:span 2;aspect-ratio:4/2}
.g-g126{grid-column:span 3;aspect-ratio:3/2}
.g-g127{grid-column:span 4;aspect-ratio:4/2}
.g-g128{grid-column:span 1;aspect-ratio:3/2}
.g-g129{grid-column:span 2;aspect-ratio:4/2}
.g-g130{grid-column:span 3;aspect-ratio:3/2}
.g-g131{grid-column:span 4;aspect-ratio:4/2}
.g-g132{grid-column:span 1;aspect-ratio:3/2}
.g-g133{grid-column:span 2;aspect-ratio:4/2}
.g-g134{grid-column:span 3;aspect-ratio:3/2}
.g-g135{grid-column:span 4;aspect-ratio:4/2}
.g-g136{grid-column:span 1;aspect-ratio:3/2}
.g-g137{grid-column:span 2;aspect-ratio:4/2}
.g-g138{grid-column:span 3;aspect-ratio:3/2}
.g-g139{grid-column:span 4;aspect-ratio:4/2}
@media(max-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}}