/* A single CMS-backed editorial reel. Ordinary articles remain the fallback. */
.story-slideshow{--story-turn:7deg;--story-image-height:clamp(240px,31vw,390px);isolation:isolate}
.story-slideshow .blog-stage{position:relative}
.story-slideshow .blog-slide{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;margin-bottom:56px}
.story-slideshow .blog-image{width:min(68%,820px);height:var(--story-image-height);aspect-ratio:auto;margin-inline:auto;border:1px solid var(--site-line);border-radius:20px;background:var(--site-surface);box-shadow:0 22px 55px #0002;z-index:2}
.story-slideshow .blog-image img{object-fit:contain;transform:none!important}
.story-slideshow .blog-image::after{inset:70% 0 0;background:linear-gradient(transparent,#071024b3)}
.story-slideshow .blog-image-caption{inset:auto 24px 18px;font-size:9px;letter-spacing:.16em}
.story-slideshow .blog-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(24px,5vw,80px);align-items:start;padding:0 2px}
.story-slideshow .blog-meta{grid-column:1/-1;margin:0 0 15px;gap:14px}
.story-slideshow .blog-slide .blog-copy h3{grid-column:1;grid-row:2/4;font-size:clamp(25px,2.8vw,42px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:26ch}
.story-slideshow .blog-copy>p{grid-column:2;grid-row:2;font-size:14px;line-height:1.75;margin:0 0 12px;-webkit-line-clamp:2}
.story-slideshow .blog-read{grid-column:2;grid-row:3;font-size:12px;padding:10px 0 0;border:0;gap:20px}
.story-slideshow .blog-read>span{width:38px;height:38px;flex-shrink:0}
.story-slideshow .blog-controls{margin-top:26px;padding-top:18px}
.story-slideshow .blog-controls[hidden],.story-slideshow .story-neighbour[hidden],.story-slideshow .story-preview-image img[hidden],.story-slideshow [data-story-preview-placeholder][hidden]{display:none}
.story-slideshow.is-enhanced .blog-stage{display:block}
.story-slideshow.is-enhanced .story-slides{display:grid}
.story-slideshow.is-enhanced .blog-slide{grid-area:1/1;margin:0;align-self:start;transition:opacity .42s ease,transform .65s cubic-bezier(.2,.7,.2,1),visibility .65s;transform:translateY(16px)}
.story-slideshow.is-enhanced .blog-slide.is-active{transform:none}
.story-neighbour{position:absolute;top:18px;width:22%;height:calc(var(--story-image-height) - 35px);min-height:180px;display:flex;flex-direction:column;gap:10px;background:var(--site-surface);color:var(--site-ink);border:1px solid var(--site-line);border-radius:16px;padding:12px;text-align:left;box-shadow:0 16px 40px #0002;z-index:1;opacity:.72;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .25s,border-color .25s;cursor:pointer;overflow:hidden}
.story-neighbour-previous{left:0;transform:perspective(1100px) rotateY(18deg) rotate(calc(-1 * var(--story-turn))) scale(.9);transform-origin:100% 50%}
.story-neighbour-next{right:0;transform:perspective(1100px) rotateY(-18deg) rotate(var(--story-turn)) scale(.9);transform-origin:0 50%}
.story-neighbour:hover,.story-neighbour:focus-visible{opacity:1;border-color:var(--site-accent);z-index:3}
.story-neighbour-previous:hover,.story-neighbour-previous:focus-visible{transform:perspective(1100px) rotateY(12deg) rotate(-3deg) scale(.94)}
.story-neighbour-next:hover,.story-neighbour-next:focus-visible{transform:perspective(1100px) rotateY(-12deg) rotate(3deg) scale(.94)}
.story-preview-image{position:relative;display:block;flex:1;min-height:0;overflow:hidden;border-radius:8px;background:var(--site-surface-soft)}
.story-preview-image img{width:100%;height:100%;object-fit:contain}
.story-preview-placeholder{display:grid;place-content:center;height:100%;font-size:clamp(24px,3vw,46px);line-height:1.1;color:var(--site-accent);background:radial-gradient(ellipse at 20% 30%,var(--site-line),transparent 80%)}
.story-preview-label{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted);flex-shrink:0}
.story-preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;flex-shrink:0}
.story-slideshow .blog-dots{flex-wrap:wrap;justify-content:center;max-width:52%}
.story-slideshow button:focus-visible,.story-slideshow a:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}
.story-slideshow .blog-arrows button{width:46px;height:46px}
.story-slideshow .blog-arrows button:disabled{opacity:.4;cursor:default}
.story-slideshow .blog-arrows [data-blog-play]{font-size:15px}
@media(min-width:1100px) and (min-height:850px){.story-slideshow{--story-image-height:clamp(320px,34vh,420px)}}
@media(max-width:900px){
 .story-slideshow{--story-image-height:clamp(220px,35vw,330px);--story-turn:5deg}
 .story-slideshow .blog-image{width:70%}
 .story-neighbour{width:23%;padding:9px;gap:8px;top:12px}
 .story-preview-title{font-size:11px;-webkit-line-clamp:2}.story-preview-label{font-size:8px}
 .story-slideshow .blog-copy{column-gap:24px}.story-slideshow .blog-slide .blog-copy h3{font-size:clamp(25px,3.4vw,36px)}
}
@media(max-width:600px){
 .story-slideshow{--story-image-height:clamp(200px,52vw,300px)}
 .story-slideshow .blog-image{width:100%;border-radius:14px;max-height:none}
 .story-slideshow .story-neighbour{display:none}
 .story-slideshow .blog-slide{gap:21px}
 .story-slideshow .blog-copy{display:block}
 .story-slideshow .blog-meta{font-size:9px;margin-bottom:12px}
 .story-slideshow .blog-slide .blog-copy h3{font-size:clamp(25px,6.3vw,35px);max-width:none;line-height:1.14}
 .story-slideshow .blog-copy>p{font-size:14px;margin:15px 0 12px;-webkit-line-clamp:2}
 .story-slideshow .blog-read{font-size:12px;padding-top:10px;border-top:1px solid var(--site-line)}
 .story-slideshow .blog-controls{gap:12px;flex-wrap:wrap;margin-top:21px;padding-top:17px}
 .story-slideshow .blog-counter{font-size:10px;letter-spacing:.05em}
 .story-slideshow .blog-arrows{margin-left:auto;gap:6px}.story-slideshow .blog-arrows button{width:44px;height:44px}
 .story-slideshow .blog-dots{order:3;flex-basis:100%;max-width:100%;justify-content:center;gap:3px}
 .story-slideshow .blog-dots button{width:27px}
 .story-slideshow .blog-image-caption{inset:auto 18px 15px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .story-slideshow .blog-slide,.story-neighbour{transition:none!important;transform:none!important}
}
body[data-motion-paused=true] .story-slideshow .blog-slide,body[data-motion-paused=true] .story-neighbour{transition:none!important;transform:none!important}