.fx-story{--fx-ink: #f8f7fb;--fx-muted: #b9b5c4;padding:var(--fx-story-top, 50px) clamp(16px,3vw,48px) var(--fx-story-bottom, 50px);color:var(--fx-ink);background:#111013}.fx-story *,.fx-story *:before,.fx-story *:after{box-sizing:border-box}.fx-story__inner{max-width:1520px;margin:0 auto}.fx-story__hero{position:relative;display:flex;align-items:center;min-height:650px;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border:1px solid #ffffff16;border-radius:28px;background:#070811}.fx-story__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.fx-story__art img{display:block;width:100%;height:100%;object-fit:cover}.fx-story__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#060811b8,#06081148 39%,transparent 61%)}.fx-story__copy{width:50%;padding:clamp(32px,4vw,64px);padding-right:12px}.fx-story__eyebrow{margin:0 0 25px;color:#c8c1fb;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.fx-story .fx-story__headline{margin:0;color:var(--fx-ink);font-family:inherit;font-size:clamp(44px,4.4vw,72px);font-weight:650;line-height:1.04;letter-spacing:-.045em;text-transform:none;text-wrap:balance}.fx-story__description{max-width:430px;margin:26px 0 30px;color:#d0ceda;font-size:clamp(17px,1.3vw,20px);font-weight:400;line-height:1.6;text-wrap:pretty}.fx-story__cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 23px;border:1px solid #ffffff45;border-radius:9px;background:#f7f6fc;color:#17131f;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .18s ease,transform .18s ease}.fx-story__cta:hover{background:#e0dbff;color:#17131f;transform:translateY(-2px)}.fx-story__cta:focus-visible,.fx-story summary:focus-visible{outline:3px solid #b79aff;outline-offset:5px}.fx-story__included{max-width:420px;margin:17px 0 0;color:#c0bbd0;font-size:14px;line-height:1.6}.fx-story__preview{position:absolute;bottom:23px;right:30px;margin:0;color:#d3cddd;font-size:12px;line-height:1.5;letter-spacing:.02em}.fx-story__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:43px 0 40px}.fx-story__benefit{min-width:0;padding:0 clamp(20px,3vw,44px);border-left:1px solid #ffffff20}.fx-story__benefit:first-child{border-left:0;padding-left:0}.fx-story__benefit:last-child{padding-right:0}.fx-story__benefit h3{margin:0 0 10px;color:var(--fx-ink);font-family:inherit;font-size:clamp(20px,1.65vw,25px);line-height:1.25;font-weight:500;letter-spacing:-.02em;text-transform:none}.fx-story__benefit p{margin:0;max-width:350px;color:var(--fx-muted);font-size:16px;line-height:1.6;text-wrap:pretty}.fx-story__recordings{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.fx-story__recordings>summary{display:flex;align-items:center;gap:13px;min-height:72px;padding:18px 0;color:#e4dff0;font-size:16px;cursor:pointer;list-style:none}.fx-story__recordings>summary::-webkit-details-marker{display:none}.fx-story__listen-icon{display:flex;color:#bca3fa}.fx-story__expand{position:relative;width:16px;height:16px;margin-left:auto;flex-shrink:0}.fx-story__expand:before,.fx-story__expand:after{content:"";position:absolute;background:currentColor}.fx-story__expand:before{width:14px;height:1px;left:1px;top:7px}.fx-story__expand:after{width:1px;height:14px;left:7px;top:1px}.fx-story__recordings[open] .fx-story__expand:after{display:none}.fx-story__recordings-content{padding-bottom:28px}.fx-story__recordings-note{margin:0 0 20px;color:var(--fx-muted);font-size:15px;line-height:1.5}.fx-story__clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fx-story__clip{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:22px;background:#1b1821;border:1px solid #ffffff0d;border-radius:12px}.fx-story__clip p{margin:0;color:#ded8e8;font-size:16px;line-height:1.6}.fx-story__clip audio{display:block;width:100%;max-width:100%;height:42px;color-scheme:dark}.fx-story [hidden]{display:none!important}.fx-story__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fx-story.is-animated .fx-story__art{visibility:hidden}.fx-story.is-animated .fx-story__hero{min-height:780px;aspect-ratio:auto;background:radial-gradient(ellipse at 80% 55%,#28315358,transparent 52%),radial-gradient(ellipse at 45% 100%,#3c205a30,transparent 65%),#080a12}.fx-story.is-animated .fx-story__hero:before{background:linear-gradient(110deg,#080a1266,transparent)}.fx-story__showcase{width:50%;align-self:stretch;padding:39px 40px 57px 20px;display:flex;flex-direction:column;justify-content:center}.fx-story__replay-label{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#c3b7e2;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.fx-story__replay-label span+span{color:#b2abba;letter-spacing:.02em;text-transform:none;border-left:1px solid #ffffff30;padding-left:12px}.fx-story .fx-story__quote{min-height:148px;margin:0;padding:0;border:0;color:#f0edf7;font-family:inherit;font-style:normal;font-size:clamp(20px,1.85vw,28px);line-height:1.35;font-weight:400;letter-spacing:-.025em}.fx-story__cursor{display:inline-block;width:2px;height:.85em;margin:0 2px;vertical-align:-.03em;background:#b295f9;animation:fx-story-cursor 1s steps(1) infinite}.fx-story:not([data-fx-phase=typing]) .fx-story__cursor{visibility:hidden}.fx-story__stage{position:relative;height:425px;width:100%;isolation:isolate}.fx-story__stage:before{content:"";position:absolute;top:8%;right:0;bottom:8%;left:0;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--fx-example-color, #9681ff) 13%,transparent),transparent 67%)}.fx-story__generation{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.48}.fx-story__orbit{position:absolute;width:215px;height:215px;border-radius:50%;border:1px solid #9696db25;transform:rotate(-25deg) scaleY(.58)}.fx-story__orbit--two{width:275px;height:275px;transform:rotate(30deg) scaleY(.58);border-color:#ada0e81a}.fx-story__orbit--three{width:170px;height:170px;transform:rotate(70deg) scaleY(.58);border-color:#6fa3dd30}.fx-story__seed{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dbc6ff,#7964e7 50%,#255eaa);box-shadow:0 0 48px #8c6de947,0 0 100px #587cbe30;transform:scale(.5)}.fx-story__generating-label{position:absolute;top:calc(50% + 140px);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c3b2e8;opacity:0}.fx-story[data-fx-phase=generating] .fx-story__generation{opacity:1}.fx-story[data-fx-phase=generating] .fx-story__orbit{border:0;background:conic-gradient(from 0deg,transparent 20%,#bca0ff,#4c8ddc,transparent 90%);-webkit-mask:radial-gradient(transparent 68%,#000 69%,#000 70%,transparent 71%);mask:radial-gradient(transparent 68%,#000 69%,#000 70%,transparent 71%);animation:fx-story-orbit 1.8s ease-in-out infinite}.fx-story[data-fx-phase=generating] .fx-story__orbit--two{animation-direction:reverse;animation-delay:-.6s}.fx-story[data-fx-phase=generating] .fx-story__orbit--three{animation-delay:-.3s}.fx-story[data-fx-phase=generating] .fx-story__seed{animation:fx-story-seed 1.8s ease-in-out infinite}.fx-story[data-fx-phase=generating] .fx-story__generating-label{opacity:1}.fx-story[data-fx-phase=revealing] .fx-story__generation,.fx-story[data-fx-phase=ready] .fx-story__generation{opacity:0}.fx-story__result{position:absolute;top:0;right:0;bottom:38px;left:0;display:flex;justify-content:center;opacity:0}.fx-story__result img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 22px #0005)}.fx-story[data-fx-phase=revealing] .fx-story__result{animation:fx-story-reveal 1s cubic-bezier(.16,1,.3,1) both}.fx-story[data-fx-phase=ready] .fx-story__result{opacity:1}.fx-story__result-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px;opacity:0}.fx-story__result-label span:first-child{color:#e9e4f1;font-size:14px}.fx-story__result-label span+span{color:#aea6bf;font-size:11px;padding-left:10px;border-left:1px solid #ffffff25}.fx-story[data-fx-phase=revealing] .fx-story__result-label{animation:fx-story-reveal .7s .25s both}.fx-story[data-fx-phase=ready] .fx-story__result-label{opacity:1}.fx-story__replay-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.fx-story__example-buttons{display:flex;gap:5px}.fx-story__replay-controls button{-webkit-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#9f95b3;cursor:pointer;font-family:inherit;font-size:12px}.fx-story__example-buttons button[aria-pressed=true]{background:#b5a0ff16;border-color:#b5a0ff58;color:#e0d1ff}.fx-story__replay-controls button:hover{color:#fff;background:#ffffff0d}.fx-story__replay-controls button:focus-visible{outline:2px solid #b79aff;outline-offset:2px}.fx-story__pause{border-color:#ffffff26!important}.fx-story__resume-icon,.fx-story__pause[aria-pressed=true] .fx-story__pause-icon{display:none}.fx-story__pause[aria-pressed=true] .fx-story__resume-icon{display:block}.fx-story.is-replay-paused .fx-story__showcase *{animation-play-state:paused!important}@keyframes fx-story-cursor{50%{opacity:0}}@keyframes fx-story-orbit{0%{transform:rotate(-30deg) scaleY(.6)}50%{transform:rotate(140deg) scaleY(.85)}to{transform:rotate(330deg) scaleY(.6)}}@keyframes fx-story-seed{0%,to{transform:scale(.6)}50%{transform:scale(1.2);box-shadow:0 0 70px #9673ffa0,0 0 140px #6ba9e557}}@keyframes fx-story-reveal{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1800px){.fx-story__headline{font-size:72px}}@media(max-width:1099px)and (min-width:900px){.fx-story__copy{width:52%;padding-left:32px}.fx-story__description{max-width:340px}.fx-story__preview{max-width:240px;right:24px}.fx-story__showcase{padding-right:28px;padding-left:12px}.fx-story .fx-story__quote{min-height:170px}}@media(max-width:899px){.fx-story{padding-top:min(var(--fx-story-top, 50px),32px);padding-bottom:min(var(--fx-story-bottom, 50px),32px)}.fx-story__hero{flex-direction:column;align-items:stretch;min-height:0;aspect-ratio:auto;border-radius:20px}.fx-story__hero:before{display:none}.fx-story__copy{order:1;width:100%;padding:34px 27px 0;z-index:1}.fx-story__eyebrow{margin-bottom:20px;font-size:12px;letter-spacing:.13em}.fx-story .fx-story__headline{max-width:570px;font-size:clamp(40px,7.7vw,62px);line-height:1.04;letter-spacing:-.04em}.fx-story__description{max-width:490px;margin:22px 0 25px;font-size:17px;line-height:1.55}.fx-story__cta{min-height:52px;gap:28px}.fx-story__included{max-width:350px;font-size:14px}.fx-story__art{position:relative;inset:auto;order:2;z-index:0;margin-top:-35%;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 94%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 94%,transparent)}.fx-story__art img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;transform:scale(1.07);transform-origin:50% 70%}.fx-story__preview{position:relative;inset:auto;order:3;padding:0 27px 22px;margin-top:-1px;font-size:12px}.fx-story__benefits{padding:31px 6px;gap:24px;grid-template-columns:1fr}.fx-story__benefit,.fx-story__benefit:first-child,.fx-story__benefit:last-child{padding:0;border:0}.fx-story__benefit h3{font-size:22px;margin-bottom:7px}.fx-story__benefit p{max-width:610px}.fx-story__recordings>summary{min-height:67px;padding:18px 6px}.fx-story__clips{grid-template-columns:1fr}.fx-story__clip{padding:18px}.fx-story.is-animated .fx-story__hero{min-height:0}.fx-story.is-animated .fx-story__art{display:none}.fx-story__showcase{order:2;width:100%;padding:36px 27px 25px}.fx-story__replay-label{margin-bottom:18px;font-size:10px}.fx-story .fx-story__quote{min-height:172px;font-size:20px;line-height:1.35}.fx-story__stage{height:367px}.fx-story__result{bottom:37px}.fx-story__replay-controls{margin-top:16px}.fx-story__generating-label{top:calc(50% + 127px)}.fx-story.is-animated .fx-story__preview{text-align:center;padding-right:20px;padding-left:20px;font-size:11px}}@media(max-width:359px){.fx-story .fx-story__quote{min-height:198px;font-size:19px}}@media(prefers-reduced-motion:reduce){.fx-story__cta{transition:none}.fx-story__cta:hover{transform:none}.fx-story .fx-story__showcase{display:none!important}.fx-story.is-animated .fx-story__art{display:block;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/chaos-fx-story.css.map */