.social-share-demo{--social-coral:#d6565f;--social-coral-deep:#b9404a;--social-cream:#fff9ee;position:relative;isolation:isolate;width:100%;min-height:clamp(360px, 27.5vw, 400px);overflow:clip;color:#fff;background:radial-gradient(circle at 71% 45%,rgba(255,255,255,.17),transparent 31%),radial-gradient(circle at 13% 13%,rgba(255,225,205,.13),transparent 30%),linear-gradient(118deg,#c94f58 0%,var(--social-coral) 46%,var(--social-coral-deep) 100%)}.social-share-demo,.social-share-demo *{box-sizing:border-box}.social-share-demo::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.26;background:linear-gradient(16deg,transparent 44%,rgba(255,255,255,.12) 44.2%,transparent 45.2%),linear-gradient(-11deg,transparent 55%,rgba(115,18,30,.12) 55.2%,transparent 57%);pointer-events:none}.social-share-demo__ambient{position:absolute;z-index:-1;width:30rem;aspect-ratio:1;border-radius:50%;filter:blur(80px);pointer-events:none}.social-share-demo__ambient--one{top:-20rem;left:19%;background:rgba(255,224,197,.16)}.social-share-demo__ambient--two{right:-19rem;bottom:-19rem;background:rgba(104,5,19,.2)}.social-share-demo__inner{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;width:min(100% - clamp(42px, 7vw, 120px), 1400px);min-height:inherit;margin-inline:auto}.social-share-demo__content{position:relative;z-index:4;align-self:center;padding:clamp(28px, 2.7vw, 40px) clamp(20px, 3.5vw, 56px) clamp(28px, 2.7vw, 40px) 0;transform:translateX(clamp(36px, 4.5vw, 78px))}.social-share-demo__eyebrow{display:flex;align-items:center;gap:clamp(13px, 1.5vw, 24px);margin:0 0 clamp(14px, 1.3vw, 20px);color:rgba(255,255,255,.94);font-family:"Montserrat","Open Sans",sans-serif;font-size:clamp(11px, 0.85vw, 14px);font-weight:700;letter-spacing:.2em;line-height:1;text-transform:uppercase}.social-share-demo__eyebrow span{width:clamp(34px, 5vw, 78px);height:1px;background:rgba(255,255,255,.72)}.social-share-demo__title{margin:0;color:#fff;font-family:"Montserrat","Open Sans",sans-serif;font-size:clamp(48px, 5.25vw, 78px);font-weight:800;letter-spacing:-.065em;line-height:.89;text-transform:uppercase;text-shadow:0 5px 32px rgba(104,14,25,.13)}.social-share-demo__title span{display:block}.social-share-demo__subtitle{margin:clamp(15px, 1.7vw, 24px) 0 0;color:#171310;font-family:"Marcellus",Georgia,serif;font-size:clamp(19px, 1.85vw, 28px);line-height:1.15}.social-share-demo__description{display:none;max-width:530px;margin:14px 0 0;color:rgba(24,17,16,.82);font-family:"Open Sans",Arial,sans-serif;font-size:clamp(14px, 1.08vw, 18px);line-height:1.55}.social-share-demo__method-list,.social-share-demo__icon-list{padding:0;list-style:none}.social-share-demo__method-list{display:flex;flex-wrap:wrap;gap:0;margin:clamp(16px, 1.8vw, 24px) 0 0}.social-share-demo__method-list li{display:flex;align-items:center;gap:6px;min-height:24px;padding:0 clamp(8px, 0.85vw, 14px);border-left:1px solid rgba(255,255,255,.32);color:rgba(255,255,255,.94);font-family:"Open Sans",Arial,sans-serif;font-size:clamp(10px, 0.72vw, 12px);font-weight:700;white-space:nowrap}.social-share-demo__method-list li:first-child{padding-left:0;border-left:0}.social-share-demo__method-list svg,.social-share-demo__icon-tile svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-share-demo__method-list svg{width:21px;height:21px}.social-share-demo__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:42px;margin-top:16px;padding:10px 18px;border:1px solid rgba(24,17,16,.82);color:#171310;font-family:"Montserrat","Open Sans",sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1;text-decoration:none;text-transform:uppercase;transition:color 180ms ease,background-color 180ms ease,transform 180ms ease}.social-share-demo__cta:hover,.social-share-demo__cta:focus-visible{color:var(--social-coral);background:#171310;transform:translateY(-2px)}.social-share-demo__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.social-share-demo__cta span{font-size:17px;line-height:0}.social-share-demo__stage{position:relative;z-index:2;align-self:stretch;min-width:0;min-height:clamp(360px, 27.5vw, 400px);transform:translateX(clamp(-78px, -4.5vw, -36px))}.social-share-demo__arrow{position:absolute;top:1%;left:3%;z-index:2;width:clamp(88px, 7.5vw, 116px);overflow:visible;fill:none;stroke:rgba(255,249,238,.86);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(255,245,226,.58));transform:rotate(6deg)}.social-share-demo__sparkle{position:absolute;z-index:3;color:var(--social-cream);font-family:Georgia,serif;line-height:1;text-shadow:0 0 12px rgba(255,247,230,.6)}.social-share-demo__sparkle--one{top:12%;left:36%;font-size:19px}.social-share-demo__sparkle--two{top:72%;left:31%;font-size:16px}.social-share-demo__sparkle--three{top:14%;right:16%;font-size:18px}.social-share-demo__motion-svg,.social-share-demo__share-paths{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.social-share-demo__motion-svg{display:none;z-index:2}.social-share-demo__motion-glow,.social-share-demo__motion-path{fill:none;stroke-linecap:round}.social-share-demo__motion-glow{stroke:rgba(255,244,224,.48);stroke-width:11;filter:blur(8px)}.social-share-demo__motion-path{stroke:rgba(255,250,240,.82);stroke-width:2.2;stroke-dasharray:7 10;filter:drop-shadow(0 0 4px rgba(255,248,234,.58))}.social-share-demo__strip{position:absolute;top:5%;left:17%;z-index:6;display:block;width:clamp(90px, 8.4vw, 120px);height:auto;border-radius:3px;box-shadow:0 20px 35px rgba(66,5,13,.31);transform:rotate(-7deg);transform-origin:50% 50%;will-change:transform,opacity}.social-share-demo__phone{position:absolute;top:4%;left:50%;z-index:5;width:184px;aspect-ratio:.53;transform:translateX(-50%) rotate(2.5deg);transform-origin:50% 82%;will-change:transform,opacity}.social-share-demo__phone-shadow{position:absolute;right:-21%;bottom:-5%;left:-21%;height:12%;border-radius:50%;background:rgba(68,6,13,.44);filter:blur(18px);transform:skewX(-16deg)}.social-share-demo__phone-shell{position:relative;width:100%;height:100%;padding:4.75%;border:1px solid rgba(255,243,222,.52);border-radius:20% / 10.6%;background:linear-gradient(105deg,#0a0a0b 0%,#414044 6%,#070708 15%,#0b0b0d 78%,#4c4848 92%,#09090a 100%);box-shadow:0 36px 46px rgba(65,5,12,.38),inset 2px 0 2px rgba(255,255,255,.24),inset -3px 0 3px rgba(255,220,194,.18),0 0 0 2px rgba(15,12,12,.55)}.social-share-demo__phone-shell::after{content:"";position:absolute;top:8%;bottom:12%;left:3px;width:2px;border-radius:2px;background:linear-gradient(transparent,rgba(255,255,255,.7),transparent);opacity:.5}.social-share-demo__phone-button{position:absolute;left:-4px;width:3px;border-radius:3px 0 0 3px;background:#202023}.social-share-demo__phone-button--top{top:23%;height:8%}.social-share-demo__phone-button--bottom{top:34%;height:13%}.social-share-demo__phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18% / 9.2%;background:linear-gradient(180deg,#1b1718 0%,#09090a 76%,#020203 100%)}.social-share-demo__phone-screen::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(110deg,rgba(255,255,255,.13),transparent 22%,transparent 78%,rgba(255,255,255,.05));pointer-events:none}.social-share-demo__phone-image{position:absolute;inset:9% 5% 25%;z-index:1;width:90%;height:66%;border:4px solid rgba(255,247,235,.93);object-fit:cover;object-position:center;box-shadow:0 0 20px rgba(214,86,95,.52)}.social-share-demo__phone-notch{position:absolute;top:1.5%;left:50%;z-index:6;width:38%;height:5%;border-radius:0 0 18px 18px;background:#050506;transform:translateX(-50%)}.social-share-demo__phone-notch span{position:absolute;top:45%;left:50%;width:22%;height:3px;border-radius:3px;background:#28282b;transform:translate(-50%,-50%)}.social-share-demo__phone-flash{position:absolute;inset:0;z-index:5;background:rgba(255,250,240,.72);opacity:0;pointer-events:none}.social-share-demo__confirmation{position:absolute;right:0;bottom:5.2%;left:0;z-index:3;display:grid;justify-items:center;gap:3.2px;color:#fff;font-family:"Montserrat","Open Sans",sans-serif;font-size:clamp(3.6px, 0.288vw, 4.8px);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.social-share-demo__confirmation svg{width:clamp(15.6px, 1.44vw, 22px);height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,255,255,.36))}.social-share-demo__share-paths{z-index:3}.social-share-demo__share-path,.social-share-demo__share-path-glow{fill:none;stroke-linecap:round;stroke-dasharray:5 10}.social-share-demo__share-path{stroke:rgba(255,246,230,.72);stroke-width:1.7}.social-share-demo__share-path-glow{stroke:rgba(255,247,232,.36);stroke-width:7;filter:blur(4px)}.social-share-demo__icon-list{position:absolute;top:8%;right:0;bottom:5%;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:clamp(52px, 4.6vw, 66px);margin:0}.social-share-demo__icon-item{display:grid;justify-items:center;gap:6px;color:rgba(255,255,255,.93)}.social-share-demo__icon-tile{display:grid;place-items:center;width:clamp(40px, 3.5vw, 50px);aspect-ratio:1;border:1px solid rgba(255,255,255,.36);border-radius:clamp(11px, 1vw, 16px);background:rgba(255,255,255,.11);box-shadow:0 0 18px rgba(255,241,222,.14),inset 0 0 16px rgba(255,255,255,.06);backdrop-filter:blur(3px)}.social-share-demo__icon-tile svg{width:49%;height:49%}.social-share-demo__icon-label{font-family:"Open Sans",Arial,sans-serif;font-size:clamp(8px, 0.6vw, 10px);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.social-share-demo.is-ready:not(.is-complete) .social-share-demo__phone-image,.social-share-demo.is-ready:not(.is-complete) .social-share-demo__confirmation,.social-share-demo.is-ready:not(.is-complete) .social-share-demo__icon-item{opacity:0}.social-share-demo.is-looping .social-share-demo__eyebrow,.social-share-demo.is-looping .social-share-demo__title span,.social-share-demo.is-looping .social-share-demo__subtitle,.social-share-demo.is-looping .social-share-demo__description,.social-share-demo.is-looping .social-share-demo__method-list,.social-share-demo.is-looping .social-share-demo__cta,.social-share-demo.is-looping .social-share-demo__icon-item,.social-share-demo.is-looping .social-share-demo__confirmation{opacity:1!important;transform:none!important}.social-share-demo.is-looping .social-share-demo__phone{opacity:1!important;filter:none!important;transform:translateX(-50%) rotate(2.5deg)!important}.social-share-demo.is-looping .social-share-demo__cta:hover,.social-share-demo.is-looping .social-share-demo__cta:focus-visible{transform:translateY(-2px)!important}.social-share-demo.is-looping .social-share-demo__share-path-glow{opacity:0.25!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.social-share-demo.is-looping .social-share-demo__share-path{stroke-dasharray:6 13!important;animation:social-share-connector-flow 1.65s linear infinite}.social-share-demo.is-looping:not(.is-motion-active) .social-share-demo__share-path,body.cbc-scroll-active .social-share-demo.is-looping .social-share-demo__share-path{animation-play-state:paused}.social-share-demo.is-looping .social-share-demo__share-path:nth-of-type(2){animation-delay:-0.1s}.social-share-demo.is-looping .social-share-demo__share-path:nth-of-type(4){animation-delay:-0.48s}.social-share-demo.is-looping .social-share-demo__share-path:nth-of-type(6){animation-delay:-0.86s}.social-share-demo.is-looping .social-share-demo__share-path:nth-of-type(8){animation-delay:-1.24s}@keyframes social-share-connector-flow{to{stroke-dashoffset:-38}}@media (max-width:1120px){.social-share-demo{min-height:380px}.social-share-demo__inner{grid-template-columns:minmax(0,45%) minmax(0,55%);width:min(100% - 54px, 1100px)}.social-share-demo__content{padding-block:28px}.social-share-demo__title{font-size:clamp(44px, 6vw, 64px)}.social-share-demo__phone{left:43%}.social-share-demo__strip{top:11%;left:12%;width:clamp(84px, 10vw, 102px)}.social-share-demo__stage{min-height:380px}.social-share-demo__method-list li{padding-inline:10px}}@media (min-width:768px) and (max-width:820px){.social-share-demo__method-list{display:none}.social-share-demo__cta{margin-top:17px}.social-share-demo__phone{left:36%}}@media (max-width:767px){.social-share-demo{min-height:auto}.social-share-demo__inner{display:block;width:100%}.social-share-demo__content{padding:32px 22px 8px;text-align:center;transform:none}.social-share-demo__eyebrow{justify-content:center;margin-bottom:14px;font-size:11px}.social-share-demo__eyebrow span{width:38px}.social-share-demo__title{font-size:clamp(44px, 14vw, 56px);line-height:.9}.social-share-demo__subtitle{margin-top:15px;font-size:clamp(19px, 5.5vw, 24px)}.social-share-demo__description{max-width:390px;margin:10px auto 0;font-size:14px}.social-share-demo__method-list{display:none}.social-share-demo__stage{min-height:clamp(350px, 96vw, 410px);margin-top:2px;transform:none}.social-share-demo__arrow{top:-1%;left:12%;width:80px;transform:rotate(21deg)}.social-share-demo__sparkle--one{top:15%;left:18%}.social-share-demo__sparkle--two{top:58%;left:10%}.social-share-demo__sparkle--three{display:none}.social-share-demo__phone{top:4%;left:50%;width:clamp(150px, 43vw, 184px)}.social-share-demo__strip{top:10%;left:7%;width:clamp(58px, 17vw, 74px);transform:rotate(-7deg)}.social-share-demo__share-paths{display:none}.social-share-demo__icon-list{top:auto;right:20px;bottom:12px;left:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto}.social-share-demo__icon-tile{width:clamp(39px, 10.5vw, 46px)}.social-share-demo__icon-label{font-size:8px}}@media (max-width:390px){.social-share-demo__content{padding-inline:20px}.social-share-demo__title{font-size:clamp(42px, 13.5vw, 52px)}.social-share-demo__stage{min-height:345px}}@media (max-width:390px) and (max-height:680px){.social-share-demo__content{padding-top:38px}.social-share-demo__description{display:none}.social-share-demo__stage{min-height:320px}.social-share-demo__phone{width:146px}}@media (max-width:767px){.social-share-demo__stage{overflow:hidden;overflow:clip}}@media (prefers-reduced-motion:reduce){.social-share-demo *,.social-share-demo *::before,.social-share-demo *::after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}.social-share-demo__strip{opacity:1}.social-share-demo__phone-image,.social-share-demo__confirmation,.social-share-demo__icon-item{opacity:1!important;transform:none!important}.social-share-demo__motion-glow,.social-share-demo__motion-path{opacity:0}}@media (max-width:767px){.social-share-demo__stage{min-height:clamp(318px, 86vw, 360px)}.social-share-demo__phone{top:5%;width:clamp(126px, 36vw, 150px)}.social-share-demo__strip{width:clamp(50px, 14vw, 62px)}}@media (max-width:390px) and (max-height:680px){.social-share-demo__stage{min-height:306px}.social-share-demo__phone{width:126px}}