.syloni-hero-particle{position:relative;width:100%;height:var(--syloni-hero-height, 640px);min-height:480px;background:var(--syloni-black);color:var(--syloni-white);overflow:hidden;isolation:isolate}.syloni-hero-particle__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.syloni-hero-particle__bg--solid{background:var(--syloni-black)}.syloni-hero-particle__bg--radial{background:radial-gradient(ellipse at 50% 50%,var(--syloni-ink) 0%,var(--syloni-black) 70%)}.syloni-hero-particle__bg--mesh{background:var(--syloni-black)}.syloni-hero-particle__bg--mesh:before,.syloni-hero-particle__bg--mesh:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;filter:blur(80px);opacity:.55;animation:syloni-hero-mesh-float 18s var(--syloni-ease-out) infinite alternate;will-change:transform}.syloni-hero-particle__bg--mesh:before{width:60%;height:60%;background:radial-gradient(circle,var(--syloni-hero-color-1, #D4AF37),transparent 70%);top:8%;left:8%;opacity:.3}.syloni-hero-particle__bg--mesh:after{width:55%;height:55%;background:radial-gradient(circle,var(--syloni-hero-color-4, #0E7A82),transparent 70%);bottom:5%;right:5%;animation-delay:-9s;opacity:.2}@keyframes syloni-hero-mesh-float{0%{transform:translate(0) scale(1)}to{transform:translate(8%,-6%) scale(1.15)}}.syloni-hero-particle__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:auto}.syloni-hero-particle__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--syloni-space-8) var(--syloni-space-6);pointer-events:none}.syloni-hero-particle__eyebrow{font-family:var(--syloni-font-mono);font-size:11px;font-weight:var(--syloni-fw-medium);letter-spacing:var(--syloni-letter-widest);color:var(--syloni-gold);text-transform:uppercase;margin:0 0 var(--syloni-space-4) 0;animation:syloni-hero-fade-in .8s var(--syloni-ease-out) .1s both}.syloni-hero-particle__headline{font-family:var(--syloni-font-serif);font-style:italic;font-weight:var(--syloni-fw-regular);font-size:clamp(36px,7vw,84px);line-height:var(--syloni-lh-tight);letter-spacing:var(--syloni-letter-tight);color:var(--syloni-white);margin:0 0 var(--syloni-space-4) 0;max-width:14ch;animation:syloni-hero-fade-in .9s var(--syloni-ease-out) .25s both;text-shadow:0 2px 24px rgba(0,0,0,.4)}.syloni-hero-particle__em{color:var(--syloni-gold);font-style:italic;text-shadow:0 0 24px rgba(212,175,55,.45)}.syloni-hero-particle__sub{font-family:var(--syloni-font-body);font-weight:var(--syloni-fw-light);font-size:clamp(14px,1.6vw,17px);line-height:var(--syloni-lh-relaxed);color:var(--syloni-grey-300);max-width:36ch;margin:0 0 var(--syloni-space-8) 0;animation:syloni-hero-fade-in 1s var(--syloni-ease-out) .4s both}.syloni-hero-particle__cta{pointer-events:auto;display:inline-block;padding:14px 36px;background:var(--syloni-gold);color:var(--syloni-black);text-decoration:none;font-family:var(--syloni-font-display);font-weight:var(--syloni-fw-semibold);font-size:12px;letter-spacing:var(--syloni-letter-widest);text-transform:uppercase;border:1px solid var(--syloni-gold);border-radius:var(--syloni-radius-sm);cursor:pointer;transition:background var(--syloni-transition-base),color var(--syloni-transition-base),box-shadow var(--syloni-transition-base);animation:syloni-hero-fade-in 1.1s var(--syloni-ease-out) .55s both;position:relative;overflow:hidden}.syloni-hero-particle__cta:hover,.syloni-hero-particle__cta:focus-visible{background:transparent;color:var(--syloni-gold);box-shadow:0 0 28px #d4af3766}@keyframes syloni-hero-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.syloni-hero-particle__scroll{position:absolute;bottom:var(--syloni-space-8);left:50%;transform:translate(-50%);z-index:5;font-family:var(--syloni-font-mono);font-size:10px;letter-spacing:var(--syloni-letter-widest);color:var(--syloni-grey-500);display:flex;flex-direction:column;align-items:center;gap:var(--syloni-space-2);pointer-events:none;animation:syloni-hero-fade-in 1.4s var(--syloni-ease-out) .85s both}.syloni-hero-particle__scroll:after{content:"";width:1px;height:32px;background:linear-gradient(180deg,var(--syloni-gold),transparent);animation:syloni-hero-scroll-pulse 2s ease-in-out infinite}@keyframes syloni-hero-scroll-pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.syloni-hero-particle__canvas{display:none}.syloni-hero-particle__bg--mesh:before,.syloni-hero-particle__bg--mesh:after{animation:none}.syloni-hero-particle__eyebrow,.syloni-hero-particle__headline,.syloni-hero-particle__sub,.syloni-hero-particle__cta,.syloni-hero-particle__scroll{animation:none;opacity:1;transform:none}.syloni-hero-particle__scroll:after{animation:none;opacity:.6}}html.syloni-no-motion .syloni-hero-particle__canvas{display:none}html.syloni-no-motion .syloni-hero-particle__bg--mesh:before,html.syloni-no-motion .syloni-hero-particle__bg--mesh:after{animation:none}@media(max-width:900px){.syloni-hero-particle__scroll{display:none}.syloni-hero-particle__content{padding:var(--syloni-space-6) var(--syloni-space-5)}.syloni-hero-particle__sub{margin-bottom:var(--syloni-space-6)}}@media(max-width:640px){.syloni-hero-particle__cta{padding:12px 28px;font-size:11px}}.shopify-section--syloni-hero-particle.shopify-section-selected .syloni-hero-particle{outline:2px dashed var(--syloni-gold);outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/syloni-hero-particle.css.map */