/* Customer Stories page: page-specific layout layered over shared resource cards and carousel. */
.customer-stories-page{
  --hero-stage-w:clamp(380px,calc(28px + 33vw),680px);
  --hero-content-gap:clamp(40px,4vw,64px);
  --header-h:114px;
}
.customer-stories-page .hero__inner{
  max-width:calc(100% - var(--hero-stage-w) - var(--hero-content-gap));
  margin-top:0;
}
.customer-stories-page .hero .lead{max-width:none;}
.customer-stories-page .hstage{width:var(--hero-stage-w);}
.customer-stories-page .bhero__title,
.customer-stories-page .h2,
.customer-stories-page .bcard__title,
.customer-stories-page .stories__quote{letter-spacing:0;}
.customer-stories-page .h2{letter-spacing:-0.018em;}

@media (min-width:961px){
  .customer-stories-page .bhero{
    min-height:clamp(560px,calc(100dvh - var(--header-h) - clamp(80px,9vh,128px)),900px);
  }
}
@media (max-width:960px){
  .customer-stories-page .hero__inner{max-width:100%;margin:0;text-align:left;}
  .customer-stories-page .hero h1{margin-bottom:24px;}
  .customer-stories-page .bhero .hstage{width:100%;height:clamp(260px,68vw,330px);margin-top:32px;}
}

.customer-stories-page .csvideo-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(64% 70% at 78% 6%,rgba(0,171,82,.16),transparent 66%),
    radial-gradient(44% 50% at 8% 94%,rgba(172,212,0,.10),transparent 68%),
    linear-gradient(180deg,#F7FCFA 0%,#FFFFFF 60%);
}
.customer-stories-page .csvideo-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:radial-gradient(circle at 1.5px 1.5px,rgba(15,24,34,.05) 1.5px,transparent 0);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(58% 62% at 50% 42%,#000 0%,transparent 76%);
  mask-image:radial-gradient(58% 62% at 50% 42%,#000 0%,transparent 76%);
}
.customer-stories-page .csvideo-section .wrap{position:relative;z-index:1;}
.customer-stories-page .csvideo-section .stories__frame{border:1px solid var(--line);box-shadow:var(--shadow-lift);}
.customer-stories-page .csvideo-section .stories__peek{opacity:.85;box-shadow:var(--shadow);}
.customer-stories-page .csvideo-section .stories__peek:hover,
.customer-stories-page .csvideo-section .stories__peek:focus-visible{opacity:1;}
.customer-stories-page .stories__frame iframe{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  border:0;
  border-radius:inherit;
  background:#000;
}
.customer-stories-page .stories__counter--nav{display:none;}
.customer-stories-page .stories__foot{max-width:920px;margin:26px auto 0;}
.customer-stories-page .stories__cta{white-space:nowrap;}
.customer-stories-page .stories__arrow:hover{border-color:var(--green);color:var(--green-ink);}
.customer-stories-page .stories__arrow:focus-visible{outline:2px solid var(--green);outline-offset:2px;}

@media (min-width:1081px){
  .customer-stories-page .stories__center{max-width:920px;}
}
@media (max-width:1080px){
  .customer-stories-page .stories__peek{display:none;}
  .customer-stories-page .stories__row{display:block;}
  .customer-stories-page .stories__center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;}
  .customer-stories-page .stories__frame{flex-basis:100%;}
  .customer-stories-page .stories__arrow{position:static;transform:none;width:44px;height:44px;}
  .customer-stories-page .stories__arrow:hover{transform:scale(1.06);}
  .customer-stories-page .stories__counter--nav{display:inline-flex;align-items:center;padding:0 2px;}
  .customer-stories-page #storyCounter,
  .customer-stories-page .stories__foot-divider{display:none;}
  .customer-stories-page .stories__foot{max-width:none;margin-top:16px;flex-wrap:wrap;}
}
@media (max-width:640px){
  .customer-stories-page .stories__frame{aspect-ratio:4/3;max-height:min(480px,62vh);}
  .customer-stories-page .stories__playbtn{align-items:flex-start;padding-top:14%;}
  .customer-stories-page .stories__playring{width:52px;height:52px;}
  .customer-stories-page .stories__playring svg{width:16px;height:16px;}
  .customer-stories-page .stories__panel{padding:16px 20px;}
  .customer-stories-page .stories__quote{
    display:-webkit-box;
    overflow:hidden;
    margin-bottom:10px;
    font-size:16px;
    line-height:1.3;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .customer-stories-page .stories__avatar{width:34px;height:34px;}
  .customer-stories-page .stories__idtext b{font-size:13px;}
  .customer-stories-page .stories__idtext span{font-size:11px;}
}

.customer-stories-page .csvideo-section .shead,
.customer-stories-page .csmore-section .shead{max-width:none;}
.customer-stories-page .csvideo-section .shead{
  margin-right:auto;
  margin-bottom:clamp(20px,2.6vw,32px);
  margin-left:auto;
  text-align:center;
}
.customer-stories-page .csvideo-section .shead h2,
.customer-stories-page .csmore-section .shead h2{text-wrap:balance;}

.customer-stories-page .bgrid-section{
  border-top:0;
  background:
    radial-gradient(54% 58% at 10% 6%,rgba(0,171,82,.11),transparent 64%),
    radial-gradient(46% 52% at 94% 92%,rgba(172,212,0,.10),transparent 66%),
    linear-gradient(180deg,#FFFFFF 0%,#F3F8F4 52%,#FFFFFF 100%);
}
.customer-stories-page .bcard__meta b{color:var(--ink);font-weight:600;}
.customer-stories-page .csmore-section .bcard .customer-story-media--casino{
  background-image:url('../img/customer-stories/live-casino-customer-story.jpg');
  background-position:center 22%;
}
.customer-stories-page .csmore-section .bcard .customer-story-media--evans{
  background-image:url('../img/customer-stories/evans-delivery-customer-story.jpg');
  background-position:center 20%;
}
.customer-stories-page .csmore-section .bcard .customer-story-media--lending{
  background-image:url('https://images.unsplash.com/photo-1763729805496-b5dbf7f00c79?w=1000&h=625&q=80&auto=format&fit=crop');
}
.customer-stories-page .csmore-section .bcard .customer-story-media--marketplace{
  background-image:url('https://images.unsplash.com/photo-1749244768351-2726dc23d26c?w=1000&h=625&q=80&auto=format&fit=crop');
}
.customer-stories-page .bcard__cat--tax1099{border-color:rgba(0,71,187,.22);color:var(--tax1099-300);}
.customer-stories-page .bcard__cat--compliancely{border-color:var(--compliancely-200);color:var(--compliancely-700);}

.customer-stories-page .close .btn--primary{background:var(--yellow);color:var(--ink);}
.customer-stories-page .close .h2{width:100%;max-width:none;}