.sx-wrap{max-width:1440px;margin:auto;padding:65px 5%}.sx-stories{border-top:1px solid #443039}.sx-wrap h2{font-size:clamp(35px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em;margin:20px 0;color:#f4f1eb}.sx-stories header>p:last-child{color:#beb0b9;font-size:17px}.sx-story-choices{display:flex;gap:0;margin:30px 0 0;border-bottom:1px solid #5e3c4c}.sp-ui .sx-story-choices button{flex:1;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:20px;background:none;color:#baacb4;border:0;border-bottom:3px solid transparent;font-size:17px}.sp-ui .sx-story-choices button[aria-pressed=true]{color:#fff;border-color:#ed242b;background:#25121b}.sx-story-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:32px;align-items:center}.sx-story-image{display:block;position:relative;overflow:hidden;border-radius:4px;background:#151015}.sx-story-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}.sx-story-image:hover img{transform:scale(1.035)}.sx-story-image>span{position:absolute;bottom:15px;left:15px;background:#0b0b0de8;color:white;padding:12px 15px;font-size:13px;letter-spacing:.5px}.sx-index{font-size:14px;color:#cc829a;margin:0 0 15px}.sp-ui .sx-story-copy h3{color:#f4f1eb;font-size:clamp(27px,3vw,40px);letter-spacing:-1px;margin:0 0 15px;line-height:1.15}.sx-summary{font-size:18px;line-height:1.75;color:#dfcdd7}.sx-story-copy dl{margin:20px 0}.sx-story-copy dl>div{border-top:1px solid #44303b;padding:15px 0}.sx-story-copy dt{font-size:14px;color:#f28aa0;margin:0 0 6px}.sx-story-copy dd{margin:0;font-size:16px;line-height:1.8;color:#bfb0bb}.sx-read{display:inline-flex;gap:25px;font-size:16px;border-bottom:1px solid #9f5b70;padding:9px 0}.sx-lab{border-block:1px solid #4a2936;background:radial-gradient(ellipse at top right,#33111d,transparent 60%),#110e12}.sx-lab-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:35px}.sx-lab-intro>div>p:not(.sp-eyebrow){font-size:17px;line-height:1.8;color:#cbbac4}.sp-ui .sx-switch{display:inline-flex;align-items:center;gap:15px;background:#f02a46;color:#fff;border:1px solid #ff5670;border-radius:40px;padding:15px 23px;font-size:17px;font-weight:600}.sx-switch>span:first-child{font-size:28px;line-height:1}.sx-switch[aria-pressed=true]>span:first-child{transform:rotate(90deg)}.sx-switch:disabled{opacity:.5;cursor:default}.sx-lab-intro .sx-demo-status{font-size:14px;min-height:50px;margin-bottom:0}.sx-demo{background:#e8e8e8;color:#303030;border-radius:4px;overflow:hidden;transition:background .5s,color .5s}.sx-demo-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 35px;border-bottom:1px solid #0002}.sx-demo-nav strong{font-size:20px;letter-spacing:-.6px}.sx-demo-nav strong span{font-size:14px;font-weight:400}.sx-demo-nav>span{font-size:12px;letter-spacing:1px}.sx-demo-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:400px;padding:38px 45px;gap:30px}.sx-demo-kicker{font-size:12px;letter-spacing:.5px}.sp-ui .sx-demo h3{font-family:Poppins,sans-serif;font-size:clamp(35px,4vw,54px);font-weight:500;line-height:1.12;color:inherit;letter-spacing:-1px;margin:24px 0}.sp-ui .sx-demo h3 em{color:inherit}.sx-demo-text>p{font-size:17px;line-height:1.8;margin:0 0 24px}.sx-demo-cta{display:inline-flex;gap:30px;padding:14px 18px;background:#d0d0d0;font-size:15px}.sx-demo-art{position:relative;display:grid;place-items:center;min-height:310px;isolation:isolate}.sx-demo-orbit{position:absolute;width:260px;height:260px;border-radius:50%;background:#d1d1d1;z-index:-1;transition:transform .6s,background .5s}.sx-cup{width:160px;height:220px;position:relative;background:#b5b5b5;border-radius:12px 12px 38px 38px;box-shadow:14px 18px 0 #00000012;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s,background .5s}.sx-cup:before{content:'';position:absolute;inset:-7px -10px auto;height:22px;border-radius:9px;background:#777}.sx-cup>span{font-size:40px;font-weight:700;line-height:.95;letter-spacing:-2px}.sx-cup i{font-style:normal;font-size:7px;letter-spacing:.2px;margin-top:25px}.sx-demo-seal{position:absolute;right:5%;bottom:0;width:105px;height:105px;border:1px solid currentColor;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.5;opacity:0;transform:rotate(-20deg);transition:opacity .5s,transform .5s}.sx-demo-foot{display:flex;justify-content:space-between;gap:15px;padding:18px 35px;border-top:1px solid #0002;font-size:12px;letter-spacing:1px}.sx-demo.is-spicy{background:#f5e4bd;color:#422118}.is-spicy .sx-demo-nav strong{font-weight:900}.sp-ui .is-spicy h3{font-weight:800;letter-spacing:-.065em}.sp-ui .is-spicy h3 em{color:#b6311c}.is-spicy .sx-demo-cta{background:#422118;color:#fff2d5;border-radius:30px}.is-spicy .sx-demo-orbit{background:#ef8149;transform:scale(1.12)}.is-spicy .sx-cup{background:#b6311c;color:#fff1cf;transform:rotate(-12deg) translateY(-8px)}.is-spicy .sx-cup:before{background:#422118}.is-spicy .sx-demo-seal{opacity:1;transform:rotate(12deg)}.sx-disclaimer{font-size:14px;color:#b5a0ad;line-height:1.7;margin:20px 0 0}
@media(max-width:767px){.sx-wrap{padding:45px 24px}.sx-story-choices{overflow-x:auto}.sp-ui .sx-story-choices button{font-size:15px;padding:16px 12px;min-width:145px}.sx-story-panel{grid-template-columns:1fr;gap:25px}.sx-story-image img{aspect-ratio:1.5}.sx-lab-intro{grid-template-columns:1fr;gap:10px}.sx-demo-nav{padding:20px}.sx-demo-nav>span{display:none}.sx-demo-body{grid-template-columns:1fr;padding:28px 22px;gap:20px}.sp-ui .sx-demo h3{font-size:43px}.sx-demo-art{min-height:260px}.sx-cup{width:130px;height:180px}.sx-cup>span{font-size:36px}.sx-demo-orbit{width:215px;height:215px}.sx-demo-seal{right:0;width:85px;height:85px;font-size:10px}.sx-demo-foot{padding:15px 12px;font-size:9px;letter-spacing:0;gap:8px}.sx-demo-kicker{font-size:11px}.sx-demo-cta{font-size:14px}.sx-demo-status{min-height:0}}
@media(prefers-reduced-motion:reduce){.sx-demo,.sx-demo *,.sx-story-image img{transition:none!important}.sx-story-image:hover img{transform:none}}

/* A short seasoning gesture, confined to the demo, without blocking input. */
.sx-demo{position:relative;isolation:isolate}
.sx-spice-fx{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;border-radius:inherit}
.sx-shaker{position:absolute;left:calc(78% - 38px);top:-10px;width:76px;height:106px;opacity:0;transform:rotate(-135deg);filter:drop-shadow(0 7px 10px #42211833)}
.sx-spice-grains{position:absolute;inset:0}
.sx-spice-grains i{position:absolute;display:block;border-radius:40% 65% 35% 50%;will-change:transform,opacity}
.sx-demo:after{content:'';position:absolute;inset:-30%;pointer-events:none;z-index:4;opacity:0;background:linear-gradient(115deg,transparent 30%,#ffb95540 48%,transparent 66%);transform:translateX(-100%)}
.is-seasoning .sx-shaker{animation:sx-shake 1.3s ease-in-out both}
.is-seasoning:after{animation:sx-warm-wave 1.2s .2s ease-out both}
@keyframes sx-shake{0%{opacity:0;transform:translateY(-50px) rotate(-100deg)}18%{opacity:1;transform:translateY(0) rotate(-135deg)}28%,48%,68%{opacity:1;transform:translate(-7px,3px) rotate(-147deg)}38%,58%,78%{opacity:1;transform:translate(7px,-3px) rotate(-122deg)}100%{opacity:0;transform:translateY(-45px) rotate(-110deg)}}
@keyframes sx-warm-wave{0%{opacity:0;transform:translateX(-65%)}25%{opacity:1}100%{opacity:0;transform:translateX(65%)}}
@media(prefers-reduced-motion:reduce){.sx-spice-fx,.sx-demo:after{display:none}.is-seasoning .sx-shaker,.is-seasoning:after{animation:none}}