/* Home page: 4 tall photo/video tiles, each linked, with a black overlay, optional logo and a title */
.home-tiles{width:100%;margin:0;padding:0}
.home-tiles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,.6vw,10px)}
.home-tile{position:relative;display:block;overflow:hidden;background:#111;aspect-ratio:9/16;max-height:92vh;color:#fff;text-decoration:none}
.home-tile__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.home-tile__overlay{position:absolute;inset:0;background:rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:clamp(18px,3vw,42px) 16px;text-align:center;transition:background .3s ease}
.home-tile__logo{width:clamp(70px,8vw,130px);height:auto;display:block}
.home-tile__title{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(14px,1.25vw,20px);line-height:1.2}
.home-tile:hover .home-tile__media,.home-tile:focus-visible .home-tile__media{transform:scale(1.04)}
.home-tile:hover .home-tile__overlay,.home-tile:focus-visible .home-tile__overlay{background:rgba(0,0,0,.42)}
/* Desktop: tiles sit in one row and the hovered / focused tile widens while the others narrow */
@media (min-width:992px){
  .home-tiles__grid{display:flex;height:clamp(480px,44vw,780px)}
  .home-tile{flex:1 1 0;min-width:0;aspect-ratio:auto;max-height:none;height:100%;transition:flex-grow .55s cubic-bezier(.4,0,.2,1)}
  .home-tile__media{transition:transform .8s ease}
  .home-tile__title{transition:transform .4s ease,letter-spacing .4s ease}
  .home-tiles__grid:hover .home-tile:hover,.home-tiles__grid:focus-within .home-tile:focus-visible{flex-grow:2.6}
  .home-tiles__grid:hover .home-tile:not(:hover) .home-tile__overlay{background:rgba(0,0,0,.5)}
  .home-tile:hover .home-tile__title,.home-tile:focus-visible .home-tile__title{transform:translateY(-6px);letter-spacing:.06em}
}
@media (max-width:991px){.home-tiles__grid{grid-template-columns:repeat(2,1fr)}.home-tile{aspect-ratio:3/4}}
@media (prefers-reduced-motion:reduce){.home-tile,.home-tile__media,.home-tile__title,.home-tile__overlay{transition:none!important}}