/* Photography-style hero and two columns of native-ratio, looping previews. */
.narrative-story{overflow-anchor:none}.narrative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,4vw,64px);align-items:start}.narrative-tile{margin:0 0 30px;width:min(100%,418px);min-width:0}.narrative-tile{justify-self:end}.narrative-tile[data-side="2"]{justify-self:start}.narrative-media{position:relative;width:100%;background:#fff;overflow:hidden}.narrative-media iframe,.narrative-poster{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;display:block}.narrative-media iframe{opacity:0}.narrative-media.is-playing iframe{opacity:1}.narrative-media.is-playing .narrative-poster{opacity:0}.narrative-select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.narrative-select:focus-visible{outline:2px solid #222;outline-offset:-3px}.narrative-tile.is-main{width:100%;height:70svh;min-height:260px;display:grid;place-items:center;justify-self:stretch;margin:0}.narrative-tile.is-main .narrative-media{width:min(100%,calc(70svh * var(--native-ratio)))}.narrative-tile.is-main .narrative-select{cursor:zoom-in}.narrative-tile figcaption{font:10px/1.5 Arial,sans-serif;color:#999;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:12px}.narrative-tile.is-main figcaption{display:none}.narrative-carousel-controls{grid-area:2 / 1 / 3 / 3;display:flex;justify-content:center;align-items:center;gap:28px;margin:18px 0 48px;position:relative}.narrative-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#222;cursor:pointer}.narrative-count,.enlarged-count{font:11px Arial,sans-serif;color:#777;font-variant-numeric:tabular-nums}.narrative-carousel-controls .narrative-pause{position:absolute;right:0;width:auto;font:10px Arial,sans-serif;color:#777}.narrative-carousel-controls button:focus-visible{outline:2px solid #222;outline-offset:5px}.narrative-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:white;color:#151515;overflow:auto}.narrative-viewer::backdrop{background:white}.narrative-viewer-stage{height:calc(100dvh - 190px);min-height:180px;padding:20px 4vw;display:grid;place-items:center}.narrative-viewer-stage .narrative-media{width:min(100%,calc((100dvh - 230px) * var(--native-ratio)))}.narrative-viewer .narrative-select{display:none}.narrative-viewer .viewer-close{border:1px solid #ddd;border-radius:50%;background:white;cursor:pointer}.narrative-viewer .narrative-carousel-controls{margin:0 0 22px}
@media(max-width:600px){.narrative-tile.is-main{height:55svh;min-height:220px}.narrative-tile.is-main .narrative-media{width:min(100%,calc(55svh * var(--native-ratio)))}.narrative-carousel-controls{gap:18px;margin-bottom:28px;padding-bottom:30px}.narrative-carousel-controls .narrative-pause{bottom:0;right:50%;transform:translateX(50%);height:24px}.narrative-tile{margin-bottom:20px}.narrative-viewer-stage{height:calc(100dvh - 170px);padding:15px 4vw}.narrative-viewer-stage .narrative-media{width:min(100%,calc((100dvh - 200px) * var(--native-ratio)))}.narrative-viewer .narrative-carousel-controls{padding-bottom:0}}