.activity-showcase{text-align:center;padding:32px 0 100px}.activity-showcase>h2{font-size:clamp(30px,3.5vw,46px);line-height:1.4;margin:16px 0 48px;letter-spacing:-.04em}
.moments-gallery{--gallery-blue:#3e55c4;text-align:left}.moments-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:28px;background:#eef3ff;isolation:isolate;touch-action:pan-y}.moments-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .75s ease;pointer-events:none}.moments-slide.is-active{opacity:1}.moments-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.moments-controls{position:absolute;z-index:2;right:24px;bottom:24px;display:flex;align-items:center;gap:18px;padding:8px;border-radius:50px;background:#17345ed9;color:white;backdrop-filter:blur(10px)}.moments-controls button{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1a;color:white;cursor:pointer;font-size:22px;transition:background .25s}.moments-count{font-size:13px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.moments-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 4px 32px}.moments-category{font-size:13px;font-weight:700;color:var(--gallery-blue);margin:0 0 8px}.moments-caption h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;margin:0 0 10px;color:#17345e}.moments-description{font-size:16px;line-height:1.7;color:#617086;margin:0;word-break:keep-all}.moments-link{display:inline-flex;gap:24px;align-items:center;flex-shrink:0;border:1px solid #d6def6;border-radius:50px;padding:14px 22px;color:var(--gallery-blue);font-size:14px;font-weight:700;background:white}.moments-link span{transition:transform .3s}.moments-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.moments-thumb{font:inherit;cursor:pointer;padding:5px;border:2px solid transparent;border-radius:20px;background:transparent;color:#617086;text-align:left;transition:border-color .3s,background .3s,color .3s}.moments-thumb img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;border-radius:13px;filter:saturate(.65);transition:filter .4s}.moments-thumb span{display:block;padding:12px 8px 7px;font-size:14px;font-weight:700}.moments-thumb[aria-pressed=true]{border-color:var(--gallery-blue);background:#f4f7ff;color:var(--gallery-blue)}.moments-thumb[aria-pressed=true] img{filter:none}.moments-gallery :focus-visible{outline:3px solid #ff5e10;outline-offset:4px}.detail-grid article[id]{scroll-margin-top:120px}
@media(hover:hover){.moments-thumb:hover{background:#f4f7ff;color:var(--gallery-blue)}.moments-thumb:hover img{filter:none}.moments-controls button:hover{background:#3e55c4}.moments-link:hover span{transform:translate(3px,-3px)}}
@media(max-width:600px){.activity-showcase{padding:24px 0 60px}.activity-showcase>h2{margin-bottom:30px}.moments-stage{aspect-ratio:4/3;border-radius:20px}.moments-controls{right:12px;bottom:12px;padding:5px;gap:12px}.moments-controls button{width:32px;height:32px;font-size:19px}.moments-caption{align-items:flex-start;flex-direction:column;padding:24px 0;gap:18px}.moments-description{font-size:14px}.moments-link{padding:11px 18px}.moments-thumbnails{gap:6px}.moments-thumb{padding:3px;border-radius:12px}.moments-thumb img{aspect-ratio:1;border-radius:7px}.moments-thumb span{font-size:11px;padding:8px 0 4px;text-align:center;word-break:keep-all}.moments-count{font-size:11px}}
@media(prefers-reduced-motion:reduce){.moments-gallery *{transition:none!important}}
.renewal .moments-thumb{border:2px solid transparent}.renewal .moments-thumb[aria-pressed=true]{border-color:#3e55c4}