/* Client stories: the existing Figtree, warm ivory and gold system. */
#testimonials .t-lead{color:#dedfd4}
.story-gallery{margin:2.25rem 0 1.5rem;color:#fff;min-width:0}
.story-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.story-gallery-heading h3{font-size:clamp(1.8rem,3.4vw,3rem);font-weight:400;line-height:1.12;margin:0 0 .65rem;letter-spacing:-.035em}
.story-gallery-heading h3 em{font-weight:400}.story-gallery-heading p{font-size:.94rem;line-height:1.5;max-width:35rem;color:#e0e0d5;margin:0}
.story-motion,.story-arrow{border:1px solid #ffffff70;background:transparent;color:inherit;border-radius:99rem;cursor:pointer;min-height:2.75rem;flex-shrink:0;transition:background .18s ease-out,transform .18s ease-out}
.story-motion{padding:.65rem 1rem;font-size:.84rem;white-space:nowrap}.story-motion:hover,.story-arrow:hover{background:#ffffff19}.story-motion:active,.story-arrow:active{transform:scale(.97)}.story-motion:disabled{opacity:.7;cursor:default}
.story-row-shell{position:relative;margin:0 0 .9rem;min-width:0}
.story-row{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;scroll-behavior:auto;padding:.35rem .15rem .6rem;position:relative;-webkit-overflow-scrolling:touch}
.story-row::-webkit-scrollbar{display:none}
.story-card{position:relative;display:block;flex:0 0 clamp(13.75rem,24vw,17rem);aspect-ratio:4/5;border-radius:1.15rem;overflow:hidden;color:#fff!important;text-decoration:none;background:#2e3830;isolation:isolate}
.story-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--poster-position,50% 36%);transform:scale(var(--poster-zoom,1));transform-origin:var(--poster-origin,50% 50%);transition:transform .25s ease-out}
.story-card[data-story-id="charlene"] img,.story-card[data-story-id="anisa"] img{object-position:50% 100%}
.story-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 35%,#000b 100%);z-index:1;pointer-events:none}
.story-card:hover img{transform:scale(calc(var(--poster-zoom,1) * 1.035))}
.story-card-meta{position:absolute;left:1rem;right:1rem;bottom:1.1rem;z-index:2;display:grid;gap:.22rem;text-shadow:0 1px 6px #0008}
.story-card-meta strong{font-size:1.35rem;line-height:1.15;font-weight:600;letter-spacing:-.02em}.story-card-meta span{font-size:.88rem;line-height:1.35;font-weight:400}.story-card-meta small{font-size:.66rem;color:#eee5d2;margin-top:.2rem;letter-spacing:.03em}
.story-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}.story-play span{width:3.3rem;height:3.3rem;display:grid;place-items:center;background:#faf7efed;color:#26372c;border-radius:50%;font-size:1.25rem;padding-left:.12rem;box-shadow:0 3px 20px #0003}
.story-duration{position:absolute;top:.8rem;right:.8rem;z-index:2;background:#17281fd9;color:#fff;font-size:.75rem;border-radius:99rem;padding:.32rem .55rem}
.story-row-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .15rem .35rem;font-size:.75rem;color:#e1e1d9}.story-row-nav>div{display:flex;gap:.45rem}.story-arrow{width:2.75rem;font-size:1.25rem;line-height:1}
.story-gallery :focus-visible{outline:3px solid #f5ca51;outline-offset:3px}.story-card:focus-visible{outline-offset:-4px}
.story-context{color:#dedfd4;font-size:.81rem;line-height:1.6;max-width:58rem;margin:1.1rem 0 0}
.story-more{font-size:.85rem;line-height:1.6;color:#dedfd4;margin:.75rem 0}.story-more a{color:#f0d697;text-decoration:underline;text-underline-offset:.2em;display:inline-block;padding:.45rem .3rem}
.story-dialog{border:0;border-radius:1.3rem;background:#faf8f3;color:#25382e;padding:0;width:min(56rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;box-shadow:0 2rem 6rem #0005}
.story-dialog::backdrop{background:#07170de8;backdrop-filter:blur(6px)}
.story-dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.15rem 1.4rem}.story-dialog-head h3{font-size:1.4rem;line-height:1.2;margin:0 0 .25rem;font-weight:600}.story-dialog-head p{font-size:.8rem;line-height:1.4;margin:0;color:#586558}
.story-close{min-width:2.75rem;min-height:2.75rem;border:1px solid #768374;border-radius:50%;background:transparent;color:#25382e;font-size:1.5rem;cursor:pointer;flex-shrink:0}
.story-player{background:#090d0a;display:grid;place-items:center;min-height:14rem}.story-player video{display:block;width:100%;height:min(60dvh,36rem);object-fit:contain}.story-player iframe{display:block;width:100%;height:min(60dvh,32rem);border:0}
.story-dialog-body{padding:1.2rem 1.4rem 1.5rem}.story-dialog-body>p{font-size:.9rem;line-height:1.55;margin:0 0 .8rem}.story-dialog-body a{color:#264c32;text-decoration:underline;text-underline-offset:.2em;font-size:.85rem}.story-dialog-body details{margin:.8rem 0;border-top:1px solid #d8dcd0;padding-top:.8rem}.story-dialog-body summary{cursor:pointer;font-size:.9rem;padding:.2rem 0}.story-dialog-body details p{font-size:.92rem;line-height:1.65;margin:.7rem 0 0}.story-dialog :focus-visible{outline:3px solid #8b6615;outline-offset:3px}
@media(max-width:600px){.story-gallery-heading{align-items:flex-start;flex-direction:column;gap:.9rem}.story-card{flex-basis:64vw;max-width:16rem}.story-row{gap:.75rem}.story-card-meta{left:.85rem;right:.85rem;bottom:.9rem}.story-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:.8rem}.story-dialog-head,.story-dialog-body{padding:1rem}.story-player video{height:min(56dvh,32rem)}.story-player iframe{height:52dvh}.story-context{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.story-card img,.story-motion,.story-arrow{transition:none}.story-card:hover img{transform:scale(var(--poster-zoom,1))}}

/* Match the portrait windows while preserving complete footage in the player. */
.story-card[data-story-id="carleen"]{--poster-zoom:1.45;--poster-origin:48% 53%}
.story-card[data-story-id="kernisha"]{--poster-position:50% 50%}
.story-card[data-story-id="michelle"]{--poster-position:50% 20%}
.story-card[data-story-id="chloe"]{--poster-zoom:1.25;--poster-origin:50% 65%}
.story-player video::cue{font-family:Arial,sans-serif;font-size:1rem;line-height:1.4;color:#fff;background:#102218e8;text-shadow:0 1px 2px #000}
