#reels.chapter{display:block;padding-bottom:100px}
#reels>.side{position:static;display:flex;align-items:center;justify-content:space-between;margin:0 0 38px}
#reels>.side .number{margin-bottom:14px}
#reels>.side h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em}
#reels-motion{width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:transparent;display:grid;place-items:center}
#reels-motion svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
#reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:64px;align-items:start}
.mood-reel{min-width:0;margin:0;transform:translateY(0)}
.mood-reel:nth-child(4n+2){transform:translateY(32px)}
.mood-reel:nth-child(4n+3){transform:translateY(64px)}
.mood-reel:nth-child(4n+4){transform:translateY(20px)}
.mood-stage{position:relative;aspect-ratio:9/16;background:#151515;overflow:hidden}
.mood-open{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent}
.mood-open img,.mood-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mood-video{pointer-events:none;opacity:0;transition:opacity .35s}
.mood-stage.is-playing .mood-video{opacity:1}
.mood-sound{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:40px;height:40px;padding:10px;border:1px solid #ffffff75;border-radius:50%;background:#10101099;color:#fff}
.mood-sound svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mood-sound:hover,.mood-sound[aria-pressed=true]{background:#eee;color:#111}
.mood-open:focus-visible{outline:2px solid #c7b3ff;outline-offset:-4px}
@media(max-width:650px){#reels.chapter{margin:0 4vw;padding-bottom:48px}#reels>.side{margin-bottom:24px}#reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:28px}.mood-reel:nth-child(n){transform:none}.mood-reel:nth-child(2n){transform:translateY(28px)}.mood-sound{width:36px;height:36px;right:8px;bottom:8px;padding:8px}}
@media(prefers-reduced-motion:reduce){.mood-video{transition:none}}