.sketch-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.sketch-gallery figure{margin:0;min-width:0}
.sketch-player{display:block;position:relative;width:100%;aspect-ratio:16/27;overflow:hidden;border:0;padding:0;background:var(--paper);cursor:pointer}
.sketch-strip{display:block;width:300%;max-width:none;height:100%;object-fit:fill;transition:none!important;mix-blend-mode:multiply}
.sketch-gallery figcaption{font:italic 20px var(--serif);padding:18px 0}
.sketch-instruction{text-align:center;font:10px/1.6 Arial,sans-serif;letter-spacing:.12em;color:var(--muted);margin-top:24px}
@media(max-width:700px){.sketch-gallery{grid-template-columns:1fr;max-width:340px;margin:35px auto 0;gap:28px}.sketch-player{aspect-ratio:16/27}}

.sketch-player{aspect-ratio:896/1520;border-radius:2px}
.sketch-strip{mix-blend-mode:multiply}
.sketch-player:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px 10px var(--paper)}
.sketch-play-icon{position:absolute;bottom:12px;right:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--champagne);border-radius:50%;font:20px Georgia;background:var(--paper);z-index:1;opacity:.65}
.is-playing .sketch-play-icon{opacity:1;border-color:var(--ink)}
@media(max-width:700px){.sketch-player{aspect-ratio:896/1520}.sketch-instruction{font-size:9px;letter-spacing:.06em}}

.story-section .sketch-gallery{margin-top:0}