.customer-stories{background:#fffefd;padding:36px 2.8% 46px}.stories-heading{grid-template-columns:1fr auto auto;align-items:center;gap:4.5%;margin-bottom:30px;padding:0 .8%;display:grid}.customer-stories .eyebrow{margin-bottom:24px;font-size:17px}.customer-stories h2{letter-spacing:-1.2px;margin:0 0 10px;font-size:clamp(34px,2.45vw,55px);font-weight:750;line-height:1.12}.customer-stories h2 span{color:var(--gold)}.stories-description{color:var(--muted);max-width:1020px;margin:0;font-size:clamp(17px,1.12vw,24px);line-height:1.35}.stories-cta{border:1px solid var(--gold);color:#785b2e;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:22px;min-height:66px;padding:16px 32px;font-size:18px;font-weight:700;display:flex}.stories-cta:hover{background:#f2ede5}.stories-controls{gap:22px;display:flex}.stories-controls button{color:#86602d;cursor:pointer;background:#fff;border:4px solid #eee5da;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.stories-controls button:first-child svg{transform:rotate(180deg)}.stories-controls button:disabled{opacity:.4;cursor:default}.stories-demo-note{color:#6c593b;background:#faf4e9;border-radius:5px;margin:0 .8% 20px;padding:9px 14px;font-size:12px;line-height:1.5}.stories-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;grid-auto-columns:calc(25% - 18px);grid-auto-flow:column;gap:24px;padding:2px 0 12px;display:grid;position:relative;overflow-x:auto}.story-card{scroll-snap-align:start;background:#fff;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 4px 12px #3024100a}.story-picture{background:#eee8df;display:block;position:relative;overflow:hidden}.story-picture>img{object-fit:cover;width:100%;height:100%}.story-video{aspect-ratio:2.17;background:#eae5dc;position:relative;overflow:hidden}.story-video>.story-picture{width:100%;height:100%}.story-play{color:#fff;cursor:pointer;background:#1c201cf5;border:4px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-play svg{width:29px;height:29px;margin-left:5px}.story-play:disabled{cursor:not-allowed}.story-duration{color:#fff;background:#1b201feb;border-radius:4px;padding:4px 7px;font-size:12px;line-height:1.5;position:absolute;bottom:9px;left:10px}.story-video video{object-fit:contain;background:#141414;width:100%;height:100%}.story-player-message{color:#07121b;background:#fffc;border-radius:6px;padding:12px;font-size:14px;line-height:1.5;position:absolute;inset:10% 5% auto}.story-player-message button{border:1px solid var(--gold);background:#fff;border-radius:5px;min-height:44px;margin-top:8px;padding:8px 12px;display:block}.story-card blockquote{color:#000;margin:14px 28px 20px;font-size:clamp(17px,1.03vw,23px);line-height:1.4}.story-video blockquote{quotes:"“" "”"}.story-card.story-video{aspect-ratio:auto;background:#fff;overflow:hidden}.story-card.story-video>blockquote:before{content:"“"}.story-card.story-video>blockquote:after{content:"”"}.story-person{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:6px 16px;margin-top:auto;padding:0 26px 22px;display:grid}.story-avatar{border-radius:50%;flex-shrink:0;grid-row:span 2;width:66px;height:66px}.story-identity h3{letter-spacing:-.3px;margin:0 0 5px;font-size:clamp(16px,.95vw,21px);font-weight:700;line-height:1.3}.story-identity p{color:var(--muted);margin:0;font-size:clamp(14px,.86vw,19px);line-height:1.35}.story-rating{color:#b57a00;white-space:nowrap;letter-spacing:1px;grid-column:2;font-size:24px;line-height:1.2}.story-written{box-shadow:none;background:#faf7f3;padding:24px 10px}.story-quote-mark{color:var(--gold);height:54px;margin:0 24px;font-family:Georgia,serif;font-size:98px;font-weight:700;line-height:1.1}.story-written blockquote{margin-top:6px;margin-bottom:28px}.story-written .story-person{padding-bottom:20px}.stories-index{background:#fffefd;padding:32px 3%}.stories-index>h1{margin:24px 0;font-size:42px;line-height:1.1}.stories-index>p{color:var(--muted);font-size:18px;line-height:1.6}.stories-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1250px;margin:30px auto;display:grid}.stories-index .button{margin:12px 16px 12px 0}.stories-pagination{align-items:center;gap:18px;margin:24px 0;display:flex}.stories-pagination a{border:1px solid var(--gold);border-radius:5px;min-height:44px;padding:12px}@media (min-width:1900px){.story-card.story-video .story-person{grid-template-columns:66px minmax(0,1fr) auto}.story-card.story-video .story-rating{grid-area:1/3/3;font-size:21px}.story-card.story-video .story-avatar{grid-row:1/3}}@media (max-width:1600px){.stories-heading{gap:3%}.stories-cta{min-height:56px;padding:14px 22px;font-size:16px}.stories-controls{gap:14px}.stories-controls button{width:48px;height:48px}.stories-track{grid-auto-columns:calc(25% - 15px);gap:20px}.story-card blockquote{margin:16px 18px 22px;font-size:17px}.story-person{grid-template-columns:50px minmax(0,1fr);gap:8px 12px;padding:0 18px 20px}.story-avatar{width:50px;height:50px}.story-written{padding:18px 0}.story-quote-mark{margin-left:18px}.story-identity h3{font-size:16px}.story-identity p{font-size:14px}.story-play{width:64px;height:64px}.story-duration{font-size:11px;bottom:5px;left:6px}.story-rating{font-size:22px}}@media (max-width:1200px){.stories-track{grid-auto-columns:calc(50% - 10px)}.stories-heading{grid-template-columns:1fr auto;gap:24px}.stories-heading>div:first-child{grid-column:1/-1}.stories-cta{justify-self:start}.stories-controls{justify-self:end}.story-card blockquote{font-size:19px}.story-person{grid-template-columns:64px minmax(0,1fr)}.story-avatar{width:64px;height:64px}.story-identity h3{font-size:18px}.story-identity p{font-size:16px}.story-play{width:74px;height:74px}.story-written blockquote{margin-bottom:30px}}@media (max-width:767px){.customer-stories{padding:36px 6%}.customer-stories h2{letter-spacing:-1px;font-size:32px}.customer-stories .eyebrow{font-size:12px}.stories-description{font-size:17px}.stories-cta{gap:12px;padding:13px 16px;font-size:14px}.stories-heading{column-gap:12px;padding:0}.stories-controls{gap:8px}.stories-controls button{border-width:3px;width:44px;height:44px}.stories-track{grid-auto-columns:100%;gap:18px}.story-card blockquote{margin:16px 20px 24px;font-size:17px}.story-person{grid-template-columns:54px minmax(0,1fr);gap:8px 12px;padding:0 20px 22px}.story-avatar{width:54px;height:54px}.story-identity h3{font-size:17px}.story-identity p{font-size:14px}.story-written{padding:24px 0}.story-written blockquote{margin-bottom:35px}.story-play{width:64px;height:64px}.stories-index>h1{font-size:34px}.stories-index-grid{grid-template-columns:1fr}.stories-demo-note{margin-inline:0}}
