/* A second place in Swimmy's world. Reading stays on white paper. */
.beach-interlude{max-width:1060px;margin:0 auto 32px}
.beach-scene{position:relative;margin:0;aspect-ratio:2;overflow:hidden;background:#d8edef;isolation:isolate}
.beach-scene picture{display:block;width:100%;height:100%}
.beach-image,.beach-film,.beach-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.beach-film{visibility:hidden;pointer-events:none}
.beach-scene[data-video-ready=true] .beach-film{visibility:visible}
.beach-canvas{visibility:hidden;pointer-events:none}
.beach-scene[data-rendered=true] .beach-canvas{visibility:visible}
.beach-caption{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:52px;color:var(--muted);font-size:11px}
.beach-toggle{display:inline-flex;gap:8px;align-items:center;min-width:100px;min-height:44px;background:none;border:0;border-radius:0;color:var(--ink);padding:8px 0 8px 14px;font:500 12px Archivo,sans-serif}
.beach-toggle:hover{text-decoration:underline;text-underline-offset:5px}
.beach-toggle:focus-visible{outline:2px solid #103b2f;outline-offset:3px}
.beach-toggle i{width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:2px}
.beach-toggle[aria-pressed=false] i{background:none;outline:1px solid currentColor}
.archive-page .beach-interlude{margin-bottom:40px}
@media(max-width:760px){.beach-interlude{margin:0 -20px 24px}.beach-scene{aspect-ratio:1.25}.beach-image,.beach-film,.beach-canvas{object-position:84% 50%}.beach-caption{padding:0 20px;font-size:10px;gap:10px;min-height:48px}.archive-page .beach-interlude{margin-inline:-20px;margin-bottom:28px}.archive-page .beach-caption{padding-inline:20px}}
@media(max-width:359px){.archive-page .beach-interlude{margin-inline:-20px}.archive-page .beach-caption{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.beach-film,.beach-canvas{display:none}.beach-toggle{display:none}}