.home-grid{grid-gap:1.5rem;grid-template-columns:repeat(1,1fr);grid-auto-flow:dense;margin-bottom:4.5rem;line-height:0;list-style:none;display:grid}.home-grid li{--cols:1;--rows:1;background:#000;line-height:0;position:relative;overflow:hidden}.home-grid li:first-child{--cols:2;--rows:2}.home-grid li:nth-child(5){--cols:2}.home-grid li:nth-child(6){--rows:2}.home-grid li:nth-child(7){--cols:2}.home-grid a{height:10rem;display:block}.home-grid img{object-fit:cover;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}.home-grid figcaption{color:#fff;text-align:center;background:#00000080;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}@media screen and (width>=45em){.home-grid{grid-template-columns:repeat(3,1fr)}.home-grid li{grid-column-start:span var(--cols);grid-row-start:span var(--rows)}.home-grid a{padding-bottom:52.65%}}.homepage-hero{justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.homepage-hero .hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg-layer{opacity:0;will-change:opacity;background-position:50%;background-size:cover;transition:opacity .7s ease-in-out;position:absolute;inset:0}.hero-bg-layer:first-child{opacity:1}.homepage-hero .hero-overlay{z-index:2;width:100%;height:100%;position:relative}.hero-randomize{cursor:pointer;z-index:3;background:#fffffff2;border:none;padding:.6rem 1rem;position:absolute;bottom:2rem;right:2rem;box-shadow:0 6px 18px #0003}@media screen and (width<=45em){.homepage-hero{min-height:40vh}.hero-randomize{bottom:1rem;right:1rem}}