.moments{padding:100px 5vw;background:#eaf3f4;color:#061e30;scroll-margin-top:24px}
.moments-heading{max-width:1440px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:end;gap:36px}
.moments-label{margin:0 0 22px;font:400 12px/1.5 'DM Mono',monospace;letter-spacing:2px;color:#4d6875}
.moments h2{font:500 clamp(42px,5.2vw,76px)/1.1 'Playfair Display',serif;letter-spacing:-2px;margin:0}
.moments h2 em{font-weight:500}
.moments-intro h3{font:500 18px/1.7 'Noto Sans KR',sans-serif;margin:0 0 10px;word-break:keep-all}
.moments-intro p{font:400 16px/1.9 'Noto Sans KR',sans-serif;margin:0;color:#4d6875;word-break:keep-all}
.moments-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.moment-card{margin:0;min-width:0;background:#061e30}
.moment-card a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;outline-offset:3px}
.moment-card img{display:block;width:100%;height:100%;object-fit:contain}
.moment-card a:focus-visible{outline:3px solid #006994}
.moments-more{max-width:1440px;margin:28px auto 0}
.moments-more summary{display:flex;align-items:center;justify-content:center;gap:24px;width:fit-content;max-width:100%;margin:0 auto;padding:14px 24px;border:1px solid #72939e;cursor:pointer;list-style:none;font:400 14px/1.7 'Noto Sans KR',sans-serif}
.moments-more summary::-webkit-details-marker{display:none}
.moments-more summary:hover{background:#dcebee}
.moments-more summary:focus-visible{outline:3px solid #006994;outline-offset:3px}
.moments-more .when-open{display:none}
.moments-more[open] .when-closed{display:none}
.moments-more[open] .when-open{display:inline}
.moments-more[open] summary{margin-bottom:28px}
.moments-more[open] summary>span:last-child{transform:rotate(45deg)}
@media(max-width:1050px){.moments-heading{display:block}.moments-intro{margin-top:24px}.moments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.moments{padding:64px 4vw}.moments-heading{margin:0 3vw 28px}.moments h2{font-size:42px;letter-spacing:-1.5px}.moments-intro h3{font-size:17px}.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}