.moments{background:#162119;color:#fff;padding:110px clamp(24px,6vw,94px);display:grid;grid-template-columns:.72fr 1.55fr;gap:65px;align-items:start}
.moments-head{position:sticky;top:120px}
.moments-head h2{font:500 clamp(46px,5vw,74px)/.98 Georgia,serif;letter-spacing:-.05em;margin:25px 0}
.moments-head>p:last-child{color:#aeb7a7;max-width:410px}
.moments-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:320px 280px 300px;gap:16px}
.moment{position:relative;margin:0;overflow:hidden;min-height:0}
.moment-main,.moment-wide{grid-column:1/-1}
.moment img{width:100%;height:100%;object-fit:cover;transition:.5s transform}
.moment:hover img{transform:scale(1.035)}
.moment:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,10,.78),transparent 55%)}
.moment figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:flex;align-items:end;justify-content:space-between}
.moment b{font:600 22px Georgia,serif}
.moment span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#d9dfd4}
@media(max-width:1000px){.moments{grid-template-columns:1fr}.moments-head{position:static}.moments-grid{grid-template-rows:310px 260px 290px}}
@media(max-width:650px){.moments{padding:80px 20px}.moments-grid{grid-template-columns:1fr;grid-template-rows:240px 220px 220px 240px}.moment-main,.moment-wide{grid-column:auto}.moment figcaption{align-items:flex-start;flex-direction:column;gap:4px}.moment b{font-size:20px}}