.class-gallery{background:#fff;padding:100px 5vw}.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin:0 2vw 48px}.gallery-heading h2,.moments-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,4.2vw,4.6rem);line-height:1.06;margin:0}.gallery-heading>p:last-child,.moments-copy>p:last-child{color:#64707d;line-height:1.75;margin:0}.gallery-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:12px}.gallery-mosaic figure,.moments-grid figure{position:relative;margin:0;overflow:hidden;background:#071322}.gallery-mosaic figure.gallery-wide{grid-column:span 2}.gallery-mosaic figure:first-child{grid-row:span 2}.gallery-mosaic img,.moments-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.gallery-mosaic figure:hover img,.moments-grid figure:hover img{transform:scale(1.025)}.gallery-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;color:#fff;font-size:.82rem;font-weight:700;background:linear-gradient(transparent,rgba(4,12,22,.8))}.community-moments{background:#f6f1e7;padding:100px 7vw}.moments-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:42px}.moments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.moments-grid figure{height:390px}.moments-grid figure:nth-child(even){transform:translateY(22px)}@media(max-width:850px){.class-gallery,.community-moments{padding:70px 5vw}.gallery-heading,.moments-copy{grid-template-columns:1fr;gap:22px;margin-left:0;margin-right:0}.gallery-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery-mosaic figure.gallery-wide{grid-column:span 2}.gallery-mosaic figure:first-child{grid-row:span 1}.moments-grid{grid-template-columns:1fr 1fr}.moments-grid figure{height:300px}.moments-grid figure:nth-child(even){transform:none}}@media(max-width:520px){.gallery-mosaic{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.gallery-mosaic figure,.gallery-mosaic figure.gallery-wide{min-width:84vw;height:420px;scroll-snap-align:start}.moments-grid{grid-template-columns:1fr 1fr}.moments-grid figure{height:250px}}