.memories{padding:56px 26px;background:#fff}.memories-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.memories h2{font-size:clamp(32px,5vw,46px);line-height:1.15;color:#2f6ea4;margin:0 0 12px}.memories p{color:#496068;margin:0;max-width:600px}.memories-controls{display:flex;gap:10px}.memories button{cursor:pointer}.memories-arrow{width:48px;height:48px;border:1px solid #c6d7e4;border-radius:50%;background:white;color:#2f6ea4;font-size:24px}.memories-track{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2f6ea4 #eaf1f6;padding-bottom:18px}.memory-photo{flex:0 0 82%;aspect-ratio:4/3;scroll-snap-align:start;border:0;border-radius:16px;overflow:hidden;background:#eef4f8;padding:0}.memory-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.memory-photo:hover img{transform:scale(1.03)}.memories-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:13px;color:#496068}.memories-bottom a{color:#2f6ea4}.memory-viewer{max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#0a1e2cf5;padding:60px 20px;color:white}.memory-viewer::backdrop{background:#0a1e2c}.memory-viewer img{display:block;width:100%;height:calc(100% - 45px);object-fit:contain}.memory-viewer button{position:absolute;border:1px solid #ffffff65;border-radius:50%;width:46px;height:46px;background:#123b5bd9;color:white;font-size:26px;cursor:pointer}.memory-close{top:12px;right:18px}.memory-prev{left:16px;top:50%}.memory-next{right:16px;top:50%}.memory-count{text-align:center;padding-top:16px;font-size:14px}@media(min-width:768px){.memory-photo{flex-basis:43%}}@media(min-width:1024px){.memories{padding:76px max(48px,calc((100vw - 1280px)/2))}.memory-photo{flex-basis:calc((100% - 32px)/3)}}@media(prefers-reduced-motion:reduce){.memory-photo img{transition:none}}

.memories-track{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);gap:10px}.memory-photo{width:100%;min-width:0;aspect-ratio:4/3;border-radius:10px}.memory-viewer img{height:100%}@media(min-width:768px){.memories-track{grid-auto-columns:calc((100% - 24px)/3);gap:12px}}@media(min-width:1024px){.memories-track{grid-auto-columns:calc((100% - 36px)/4)}}

@media(min-width:1024px){.memories-controls{display:none}}