/* V74: daily public event memories on the homepage */
.home-memories{position:relative;overflow:hidden}
.home-memories::before{
  content:"";
  position:absolute;
  inset:22px 0 auto;
  height:210px;
  border-radius:28px;
  background:linear-gradient(110deg,rgba(73,225,238,.075),rgba(255,91,59,.045));
  pointer-events:none;
}
.home-memories-head{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:22px;
  margin-bottom:20px;
  padding:30px 30px 0;
}
.home-memories-head>div{max-width:650px}
.home-memories-head h2{margin:4px 0 8px;max-width:15ch}
.home-memories-head>div>p:last-child{margin:0;color:var(--muted);line-height:1.6}
.home-memories-head .btn{flex:0 0 auto;text-decoration:none;white-space:nowrap}
.home-memories-grid{
  position:relative;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:repeat(2,clamp(175px,19vw,245px));
  gap:14px;
  padding:0 30px 30px;
}
.home-memory{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  border:1px solid rgba(112,126,174,.45);
  border-radius:18px;
  background:rgba(14,18,42,.92);
  color:#fff;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 8px 0 rgba(7,9,22,.7);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.home-memory:first-child{grid-row:1/3}
.home-memory:hover,.home-memory:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(73,225,238,.8);
  box-shadow:0 11px 0 rgba(7,9,22,.72);
}
.home-memory:focus-visible{outline:3px solid rgba(73,225,238,.34);outline-offset:3px}
.home-memory-media{min-height:0;background:rgba(255,255,255,.045);overflow:hidden}
.home-memory-media img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover;transition:transform .3s ease}
.home-memory:hover .home-memory-media img{transform:scale(1.025)}
.home-memory-copy{display:grid;gap:3px;padding:12px 13px 13px}
.home-memory-copy strong{overflow:hidden;color:#fff;font-size:.92rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.home-memory-copy small{color:#aeb7cc;font-size:.72rem;line-height:1.4}
.home-memory:first-child .home-memory-copy{padding:16px 17px 17px}
.home-memory:first-child .home-memory-copy strong{font-size:1.1rem}

@media(max-width:900px){
  .home-memories-head{padding-inline:20px}
  .home-memories-grid{grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(3,clamp(155px,22vw,190px));padding-inline:20px}
  .home-memory:first-child{grid-row:1/3}
  .home-memory:nth-child(4){grid-column:1}
  .home-memory:nth-child(5){grid-column:2}
}

@media(max-width:620px){
  .home-memories::before{inset:12px 0 auto;height:180px;border-radius:20px}
  .home-memories-head{display:grid;align-items:start;gap:16px;padding:23px 14px 0}
  .home-memories-head h2{max-width:13ch;font-size:clamp(2rem,10vw,2.65rem);line-height:1.02}
  .home-memories-head .btn{width:100%;min-height:48px;text-align:center}
  .home-memories-grid{
    display:flex;
    gap:11px;
    padding:0 14px 26px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .home-memories-grid::-webkit-scrollbar{display:none}
  .home-memory{flex:0 0 78vw;height:320px;min-height:320px;scroll-snap-align:start}
  .home-memory:nth-child(n+4){display:none}
  .home-memory-media img{min-height:218px}
  .home-memory:first-child .home-memory-copy{padding:12px 13px 13px}
  .home-memory:first-child .home-memory-copy strong{font-size:.92rem}
}

@media(max-width:360px){
  .home-memory{flex-basis:82vw}
}

@media(prefers-reduced-motion:reduce){
  .home-memory,.home-memory-media img{transition:none}
  .home-memory:hover,.home-memory:focus-visible{transform:none}
}