.sol-particle-hero{position:relative;display:grid;place-items:center;min-height:var(--solph-min-height, 680px);overflow:hidden;isolation:isolate;background:var(--solph-bg, #fbf6ea);padding:0}.sol-particle-hero__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .9s ease-out}.sol-particle-hero__art.is-ready{opacity:1}.sol-particle-hero__art canvas{display:block;width:100%;height:100%}.sol-particle-hero__inner{position:relative;z-index:1;max-width:62ch;padding:72px 20px;text-align:center}.sol-particle-hero__inner:before{content:"";position:absolute;top:-8%;right:-6%;bottom:-8%;left:-6%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#fbf6eab3,#fbf6ea8f 48%,#fbf6ea38 72%,#fbf6ea00 88%)}.sol-particle-hero__eyebrow{margin:0 0 18px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--solph-heading, #20263f)}.sol-particle-hero__heading{margin:0 0 20px;font-size:clamp(2.1rem,6vw,4.1rem);line-height:1.04;letter-spacing:-.025em;font-weight:600;color:var(--solph-heading, #20263f);text-wrap:balance}.sol-particle-hero__heading em{font-style:italic;color:inherit}.sol-particle-hero__sub{margin:0 auto 34px;max-width:46ch;font-size:clamp(1rem,1.6vw,1.17rem);line-height:1.6;color:var(--solph-body, #2b2a3a);text-wrap:pretty}.sol-particle-hero__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.sol-particle-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border-radius:100px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.sol-particle-hero__btn--primary{background:linear-gradient(145deg,var(--solph-cta-from, #E3B45A),var(--solph-cta-to, #c8912b));color:var(--solph-cta-label, #20263f);box-shadow:0 6px 18px #c8912b42,inset 0 1px #ffffff59}.sol-particle-hero__btn--ghost{border:2px solid var(--solph-heading, #20263f);color:var(--solph-heading, #20263f);background:#ffffff8c}.sol-particle-hero__btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c8912b4d}.sol-particle-hero__btn:active{transform:translateY(0)}.sol-particle-hero a:focus-visible,.sol-particle-hero button:focus-visible{outline:3px solid var(--solph-heading, #20263f);outline-offset:4px}.sol-particle-hero__pause{position:absolute;z-index:2;right:max(18px,env(safe-area-inset-right));bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(36,51,87,.18);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--solph-heading, #20263f);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #2433571a}.sol-particle-hero__pause[hidden]{display:none}.sol-particle-hero__pause:hover{background:#fff}.sol-particle-hero__pause svg{width:17px;height:17px;display:block}.sol-particle-hero__icon-play,.sol-particle-hero__pause[aria-pressed=true] .sol-particle-hero__icon-pause{display:none}.sol-particle-hero__pause[aria-pressed=true] .sol-particle-hero__icon-play{display:block}@media(prefers-reduced-motion:reduce){.sol-particle-hero__art,.sol-particle-hero__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sol-particle-hero.css.map */