/* Scoped centre-focus carousel. No pinned stage or document gesture handlers. */
.stories-carousel{--story-width:min(400px,43vw);--story-ease:cubic-bezier(.22,1,.36,1);padding:56px 0 112px;position:relative;overflow:hidden;background:#faf8f2}
.stories-carousel .stories-heading{width:min(90%,1200px);margin:0 auto 28px}.stories-carousel .stories-heading h2{margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:400}.stories-subheading{color:var(--muted,#696c62);font-size:14px;margin:14px 0 0;line-height:1.6}
.stories-chips{display:flex;gap:8px;width:min(90%,1200px);margin:0 auto 22px;overflow-x:auto;scrollbar-width:none}.stories-chip{flex:none;min-height:44px;border:1px solid #d9d9cf;border-radius:24px;padding:10px 18px;background:transparent;color:#535645;font:inherit;font-size:10px;letter-spacing:.13em}.stories-chip[aria-pressed=true]{background:#e5e7dc;border-color:#858974}
.stories-stage{height:calc(var(--story-width)*1.25 + 48px);position:relative;background:#f0f0e8;overflow:hidden;touch-action:pan-y;isolation:isolate}
.stories-face{position:absolute;left:calc(50% - var(--story-width)/2);top:24px;width:var(--story-width);height:calc(var(--story-width)*1.25);border:1px solid #d9d9cf;border-radius:12px;background:#e5e7dc;padding:0;overflow:hidden;display:flex;flex-direction:column;color:#30352e;cursor:pointer;text-align:left;font:inherit;transform-origin:center;transition:translate 600ms var(--story-ease);touch-action:pan-y}
.stories-face[hidden]{display:none}.stories-face:not(.is-centre):hover{translate:0 -4px}.stories-face-image,.stories-face-cover,.stories-face-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.stories-face-image{object-fit:contain;padding:20px}.stories-face-image.stories-alternate{opacity:0;transition:opacity 600ms var(--story-ease)}.stories-face.show-alternate .stories-alternate{opacity:1}
.stories-face-reviews{background:#e7e9df;padding:36px}.stories-face-label{font-size:10px;letter-spacing:.13em;line-height:1.6;text-transform:uppercase}.stories-face-stars{font-size:25px;letter-spacing:.1em;color:#858974;margin-top:28px}.stories-face-quote{font:400 clamp(23px,2.15vw,31px)/1.35 'DM Serif Display',Georgia,serif;margin-top:22px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.stories-face-byline{margin-top:auto;padding-top:20px;font-size:12px}.stories-face-blogs{background:#e7e1d6}.stories-draft-title{font:400 36px/1.2 'DM Serif Display',Georgia,serif;margin:auto 32px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.stories-face-products>.stories-face-label,.stories-face-videos>.stories-face-label{padding:32px}.stories-face-category{position:absolute;bottom:20px;left:20px;right:20px;padding:12px 16px;background:#faf8f2;color:#535645;font-size:10px;letter-spacing:.12em}.stories-face-videos{background:#303d3d;color:#faf8f2}.stories-face-play{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);display:grid;place-items:center;width:48px;height:48px;border:1px solid #faf8f2;border-radius:50%;background:#303d3d99;color:#faf8f2;font-size:24px}.stories-face.is-centre .stories-face-play{opacity:0}.stories-face-video{opacity:0}.stories-face.is-centre .stories-face-video{opacity:1}
.stories-details{width:var(--story-width);margin:24px auto 0;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.stories-info{grid-column:1/-1;height:220px;border:1px solid #d9d9cf;border-radius:12px;overflow:hidden;background:#efefe6;display:flex;flex-direction:column}.stories-info-copy{position:relative;padding:22px 24px;flex:1;min-height:0}.stories-info-tag{margin:0 0 9px;font-size:10px;letter-spacing:.14em;color:#696c62}.stories-info h3{font:400 26px/1.2 'DM Serif Display',Georgia,serif;margin:0;padding-right:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stories-info-secondary{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:#696c62;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stories-cta{width:100%;height:48px;min-height:44px;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#535645;color:#faf8f2;text-decoration:none;font:inherit;font-size:12px;letter-spacing:.04em}.stories-cta:disabled{background:#dedfd3;color:#626858;cursor:default}.stories-heart{position:absolute;right:12px;top:12px;width:44px;height:44px;padding:12px;border:0;background:transparent;color:#535645}.stories-heart svg,.stories-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stories-heart.saved svg{fill:#858974}
.stories-nav{position:absolute;top:86px;width:48px;height:48px;border-radius:50%;background:rgba(250,248,242,.28);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 #ffffff80;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);color:#30352e;display:grid;place-items:center;padding:0}.stories-prev{right:calc(100% + 32px)}.stories-next{left:calc(100% + 32px)}.stories-nav:active{opacity:.7}.stories-status{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:44px}.stories-position{font-size:10px;letter-spacing:.13em;color:#696c62}.stories-toggle{width:44px;height:44px;padding:0;border:0;background:transparent;font-size:21px;color:#535645}.stories-toggle:disabled{opacity:.5}.stories-meter{grid-column:1/-1;height:2px;background:#d9d9cf;position:relative;overflow:hidden}.stories-thumb{position:absolute;top:0;left:0;height:2px;background:#faf8f2;box-shadow:inset 0 0 0 1px #858974;transition:transform 600ms var(--story-ease)}.stories-timer{display:block;width:100%;height:100%;background:#30352e;transform:scaleX(0);transform-origin:left;transition:transform 100ms linear}
.stories-carousel :is(button,a):focus-visible{outline:2px solid #858974;outline-offset:4px}.stories-carousel .stories-face:focus-visible{outline-offset:-5px}.stories-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stories-lightbox{width:min(900px,90vw);max-height:90dvh;border:1px solid #d9d9cf;border-radius:12px;background:#faf8f2;padding:16px}.stories-lightbox::backdrop{background:#252922bb}.stories-lightbox video{display:block;width:100%;max-height:75dvh;background:#303d3d}.stories-lightbox-close{display:block;min-height:44px;margin:0 0 12px auto;border:1px solid #d9d9cf;background:transparent;padding:10px 16px;font:inherit;font-size:12px}
@media(max-width:600px){.stories-carousel{--story-width:72vw;padding:40px 0 112px}.stories-carousel .stories-heading{width:calc(100% - 32px)}.stories-carousel .stories-heading h2{font-size:32px}.stories-subheading{font-size:12px}.stories-chips{width:calc(100% - 32px)}.stories-stage{height:calc(var(--story-width)*1.25 + 32px)}.stories-face{top:16px;border-radius:10px}.stories-face-reviews{padding:24px}.stories-face-stars{font-size:21px;margin-top:18px}.stories-face-quote{font-size:23px;margin-top:14px}.stories-face-label{font-size:9px}.stories-face-byline{font-size:11px}.stories-draft-title{font-size:29px;margin:auto 24px}.stories-info{height:220px}.stories-info-copy{padding:20px}.stories-info h3{font-size:23px}.stories-info-secondary{font-size:10px;gap:6px}.stories-details{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:18px}.stories-info,.stories-status{grid-column:1/-1}.stories-status{justify-content:center}.stories-nav{position:static;width:44px;height:44px;grid-row:3}.stories-prev{grid-column:1}.stories-next{grid-column:3}.stories-meter{grid-column:2;grid-row:3}.stories-face-image{padding:12px}}
@media(prefers-reduced-motion:reduce){.stories-face{transition:none}.stories-face:not(.is-centre):hover{translate:none}.stories-face-image.stories-alternate{transition:opacity 250ms var(--story-ease)}.stories-thumb,.stories-timer{transition:none}.stories-face.is-centre .stories-face-video{opacity:0}}
