/* SNS first view only: real videos on a curved film composition. */
.tbd-svcpage--effect .sns-hero {
  isolation:isolate; overflow:clip; padding:76px 5vw 84px;
  background:radial-gradient(ellipse at 3% 2%,#46416b 0,transparent 38%),linear-gradient(108deg,#111a30 0%,#1d2640 48%,#ede7f1 48.2%,#faf8fa 100%);
}
.sns-hero .tbd-svtex,.sns-hero .tbd-svglow,.sns-hero .tbd-svwedge{display:none}
.sns-hero::before,.sns-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #bd78df80;border-radius:50%;width:260px;height:260px}
.sns-hero::before{left:-160px;bottom:-130px;background:#61538133}
.sns-hero::after{left:37%;top:-190px}
.sns-hero .tbd-svhero__grid{max-width:1600px;grid-template-columns:44% 56%;gap:0;min-height:440px;animation:none}
.sns-hero .tbd-svhero__col{position:relative;z-index:4;padding-right:28px;gap:22px}
.sns-hero .tbd-sveyebrow{color:#e7e2f2;font-weight:500}
.sns-hero .tds-gradient-heading{font-size:clamp(30px,3.7vw,60px);letter-spacing:-.04em;white-space:nowrap;background-image:linear-gradient(100deg,#ff079f,#b993fa)}
.sns-hero .tbd-svhero__h1{color:#fff;font-size:clamp(19px,1.65vw,27px);letter-spacing:0}
.sns-hero .tbd-svhero__p{color:#f1eff6;font-size:15px;letter-spacing:0}
.sns-hero .tbd-svhero__cta{gap:12px;flex-wrap:nowrap}
.sns-hero .tds-pill{min-width:0;flex:1;padding-inline:16px;font-size:16px;white-space:nowrap}
.sns-hero .tds-pill--solid-dark{border:1px solid #e6deef;background:#232633}
.sns-hero .sns-film{position:relative;display:block;height:490px;perspective:1100px;margin-right:-5vw;isolation:isolate}
.sns-film::before{content:"";position:absolute;inset:35px -20px 15px 12px;border:18px solid #fff;border-left-width:10px;border-radius:45% 26% 43% 29%;transform:rotate(10deg);box-shadow:0 30px 55px #53426430;z-index:-1}
.sns-hero .sns-film>video{position:absolute;width:35%;height:92%;aspect-ratio:9/16;object-fit:cover;border:7px solid #fff;border-radius:28px;box-shadow:0 22px 45px #36234040;background:#272738;cursor:pointer;transition:filter .2s}
.sns-hero .sns-film>video:nth-child(1){left:0;top:-5px;transform:rotate(-8deg) rotateY(-9deg);z-index:3}
.sns-hero .sns-film>video:nth-child(2){left:33%;top:18px;transform:rotate(8deg) rotateY(-12deg);z-index:2}
.sns-hero .sns-film>video:nth-child(3){left:64%;top:44px;transform:rotate(14deg) rotateY(-22deg) scale(.9);z-index:1}
.sns-film>video:focus-visible{outline:4px solid #ff149d;outline-offset:4px}
.sns-film>video[aria-pressed="false"]{filter:saturate(.8)}
@media(max-width:1000px) and (min-width:701px){
 .tbd-svcpage--effect .sns-hero{padding:50px 4vw 65px}
 .sns-hero .tbd-svhero__cta{flex-wrap:wrap}.sns-hero .tds-pill{flex-basis:100%}
 .sns-hero .sns-film{height:400px}
}
@media(max-width:700px){
 .tbd-svcpage--effect .sns-hero{padding:34px 22px 28px;background:radial-gradient(ellipse at 0 0,#453b66,transparent 55%),linear-gradient(170deg,#141d32 0%,#20273d 61%,#ece4f0 61.2%,#faf7fa 100%)}
 .sns-hero .tbd-svhero__grid{display:flex;flex-direction:column;gap:30px;min-height:0}
 .sns-hero .tbd-svhero__col{padding:0;width:100%;gap:15px}
 .sns-hero .tds-gradient-heading{font-size:clamp(27px,7.7vw,42px)}
 .sns-hero .tbd-svhero__h1{font-size:20px;max-width:22em}
 .sns-hero .tbd-svhero__p{font-size:13px;line-height:1.8}
 .sns-hero .tbd-svhero__cta{gap:9px;padding-top:5px}
 .sns-hero .tds-pill{font-size:13px;padding:0 10px;min-height:48px}
 .sns-hero .sns-film{width:calc(100% + 44px);height:340px;margin:0;perspective:none}
 .sns-film::before{inset:40px -65px 20px;border-width:12px}
 .sns-hero .sns-film>video:nth-child(n){width:180px;height:320px;top:4px;left:calc(50% - 90px);border-width:5px;border-radius:21px;transition:transform .45s,filter .2s}
 .sns-hero .sns-film>video[data-slot="0"]{transform:translateX(0) rotate(-3deg);z-index:3}
 .sns-hero .sns-film>video[data-slot="1"]{transform:translateX(160px) rotate(12deg) scale(.82);z-index:2}
 .sns-hero .sns-film>video[data-slot="2"]{transform:translateX(-160px) rotate(-13deg) scale(.82);z-index:1}
}
@media(prefers-reduced-motion:reduce){.sns-hero .sns-film>video{transition:none}}