/* Zorella v28.1.38 | selectable scroll-driven home backgrounds */
html.zsb-active{background:var(--zsb-base,#f7f7f5)}
body[data-page="home"].zsb-enabled{background:transparent!important;isolation:isolate;--zsb-intensity:.62;--zsb-pattern-opacity:.14;--zsb-surface-opacity:.07;--zsb-blur:44px}
#zorella-scroll-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--zsb-base,#f7f7f5);transition:background-color var(--zsb-transition,900ms) cubic-bezier(.22,.61,.36,1),filter var(--zsb-transition,900ms) ease;contain:strict;transform:translateZ(0)}
#zorella-scroll-background .zsb-canvas,#zorella-scroll-background .zsb-pattern,#zorella-scroll-background .zsb-glow{position:absolute;inset:-14%;will-change:transform,opacity,background-position}
#zorella-scroll-background .zsb-canvas{opacity:var(--zsb-canvas-opacity,.73);transition:background var(--zsb-transition,900ms) cubic-bezier(.22,.61,.36,1),opacity .35s ease}
#zorella-scroll-background .zsb-pattern{opacity:var(--zsb-pattern-opacity);mix-blend-mode:multiply;transition:opacity .3s ease,transform .22s linear}
#zorella-scroll-background .zsb-glow{filter:blur(var(--zsb-blur));opacity:var(--zsb-glow-opacity,.48);transition:background var(--zsb-transition,900ms) ease,opacity .35s ease,filter .35s ease}
body[data-page="home"].zsb-enabled main{background:transparent!important}
body[data-page="home"].zsb-enabled main>section:not(#hero){position:relative;background:rgba(255,255,255,var(--zsb-surface-opacity))!important;backdrop-filter:saturate(112%);-webkit-backdrop-filter:saturate(112%);transition:background-color var(--zsb-transition,900ms) ease}
body[data-page="home"].zsb-enabled main>section.container{border-radius:0}
body[data-page="home"].zsb-enabled .section-soft,
body[data-page="home"].zsb-enabled .benefits{background:rgba(255,255,255,var(--zsb-surface-opacity))!important}
html.dark-mode body[data-page="home"].zsb-enabled{--zsb-surface-opacity:.055}
html.dark-mode body[data-page="home"].zsb-enabled main>section:not(#hero){background:rgba(7,11,18,var(--zsb-surface-opacity))!important}
html.dark-mode #zorella-scroll-background .zsb-pattern{mix-blend-mode:screen;opacity:var(--zsb-dark-pattern-opacity,.10)}

/* 1. Soft color changes per section */
body.zsb-preset-section-fade #zorella-scroll-background .zsb-canvas{inset:0;background:var(--zsb-current,#f8f4ef)}
body.zsb-preset-section-fade #zorella-scroll-background .zsb-glow{background:radial-gradient(circle at var(--zsb-soft-glow-x,22%) 18%,var(--zsb-accent-a,#fff) 0,transparent 44%),radial-gradient(circle at 82% 72%,var(--zsb-accent-b,#fff) 0,transparent 40%)}
body.zsb-preset-section-fade #zorella-scroll-background .zsb-pattern{background-image:linear-gradient(115deg,rgba(255,255,255,.22),transparent 40%,rgba(255,255,255,.12));transform:translate3d(0,var(--zsb-shift-soft,0px),0)}

/* 2. Aurora */
body.zsb-preset-aurora #zorella-scroll-background .zsb-canvas{background:radial-gradient(circle at 14% 22%,var(--zsb-c1) 0,transparent 38%),radial-gradient(circle at 82% 16%,var(--zsb-c2) 0,transparent 42%),radial-gradient(circle at 76% 78%,var(--zsb-c3) 0,transparent 44%),radial-gradient(circle at 24% 82%,var(--zsb-c4) 0,transparent 40%),linear-gradient(145deg,var(--zsb-c5),var(--zsb-c6));background-size:125% 125%;background-position:var(--zsb-aurora-x,35%) var(--zsb-aurora-y,30%)}
body.zsb-preset-aurora #zorella-scroll-background .zsb-glow{background:conic-gradient(from var(--zsb-aurora-angle,20deg) at 50% 50%,var(--zsb-c1),transparent 22%,var(--zsb-c3),transparent 52%,var(--zsb-c5),transparent 78%,var(--zsb-c2));transform:translate3d(var(--zsb-small-x,0px),var(--zsb-small-y,0px),0) scale(1.08)}
body.zsb-preset-aurora #zorella-scroll-background .zsb-pattern{background-image:radial-gradient(circle at center,rgba(255,255,255,.5) 0 1px,transparent 1.8px);background-size:34px 34px;transform:translate3d(0,var(--zsb-shift-dots,0px),0)}

/* 3. Mesh gradient */
body.zsb-preset-mesh #zorella-scroll-background .zsb-canvas{background:radial-gradient(at 14% 18%,var(--zsb-c1) 0,transparent 35%),radial-gradient(at 86% 12%,var(--zsb-c2) 0,transparent 36%),radial-gradient(at 84% 85%,var(--zsb-c3) 0,transparent 38%),radial-gradient(at 14% 86%,var(--zsb-c4) 0,transparent 36%),radial-gradient(at 50% 45%,var(--zsb-c5) 0,transparent 42%),var(--zsb-c6);transform:translate3d(var(--zsb-mesh-x,0px),var(--zsb-mesh-y,0px),0) scale(1.05)}
body.zsb-preset-mesh #zorella-scroll-background .zsb-glow{background:radial-gradient(ellipse at var(--zsb-mesh-glow-x,50%) 50%,rgba(255,255,255,.62),transparent 45%)}
body.zsb-preset-mesh #zorella-scroll-background .zsb-pattern{background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(66deg) translateY(var(--zsb-grid-y,0px)) scale(1.4);transform-origin:center bottom}

/* 4. Luxury geometric lines */
body.zsb-preset-luxury-lines #zorella-scroll-background .zsb-canvas{inset:0;background:linear-gradient(135deg,var(--zsb-current),var(--zsb-next))}
body.zsb-preset-luxury-lines #zorella-scroll-background .zsb-pattern{inset:-30%;background-image:linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.78) 47% 47.5%,transparent 48% 100%),linear-gradient(60deg,transparent 0 46%,rgba(18,18,18,.18) 47% 47.5%,transparent 48% 100%);background-size:86px 150px;transform:translate3d(var(--zsb-lines-x,0px),var(--zsb-lines-y,0px),0) rotate(.001deg)}
body.zsb-preset-luxury-lines #zorella-scroll-background .zsb-glow{background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.62) 48%,transparent 72%);transform:translateX(var(--zsb-sweep,-32%)) skewX(-12deg)}

/* 5. Parallax glow orbs */
body.zsb-preset-parallax-orbs #zorella-scroll-background .zsb-canvas{inset:0;background:linear-gradient(155deg,var(--zsb-c6),var(--zsb-current))}
body.zsb-preset-parallax-orbs #zorella-scroll-background .zsb-glow{inset:-20%;background:radial-gradient(circle at 16% 24%,var(--zsb-c1) 0 8%,transparent 28%),radial-gradient(circle at 84% 22%,var(--zsb-c2) 0 10%,transparent 30%),radial-gradient(circle at 70% 82%,var(--zsb-c3) 0 12%,transparent 34%),radial-gradient(circle at 24% 78%,var(--zsb-c4) 0 9%,transparent 29%);transform:translate3d(var(--zsb-parallax-x,0px),var(--zsb-parallax-y,0px),0) scale(1.08)}
body.zsb-preset-parallax-orbs #zorella-scroll-background .zsb-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.6px);background-size:44px 44px;transform:translate3d(var(--zsb-parallax-x-neg,0px),var(--zsb-pattern-y,0px),0)}

/* 6. Silk waves */
body.zsb-preset-silk-waves #zorella-scroll-background .zsb-canvas{inset:-18%;background:repeating-radial-gradient(ellipse at var(--zsb-silk-center,20%) 50%,var(--zsb-c1) 0 4%,var(--zsb-c2) 9%,var(--zsb-c3) 15%,var(--zsb-c4) 21%,var(--zsb-c5) 28%);transform:rotate(var(--zsb-silk-angle,-8deg)) scale(1.15)}
body.zsb-preset-silk-waves #zorella-scroll-background .zsb-glow{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(var(--zsb-silk-sweep,-60%)) rotate(-8deg)}
body.zsb-preset-silk-waves #zorella-scroll-background .zsb-pattern{background-image:repeating-linear-gradient(102deg,rgba(255,255,255,.24) 0 1px,transparent 1px 18px);transform:translateY(var(--zsb-silk-pattern-y,0px))}

/* 7. Editorial spotlight */
body.zsb-preset-spotlight #zorella-scroll-background .zsb-canvas{inset:0;background:linear-gradient(145deg,var(--zsb-current),var(--zsb-next))}
body.zsb-preset-spotlight #zorella-scroll-background .zsb-glow{inset:-5%;background:radial-gradient(circle at var(--zsb-spot-x,50%) var(--zsb-spot-y,45%),rgba(255,255,255,.92) 0,rgba(255,255,255,.34) 16%,transparent 48%),radial-gradient(circle at calc(100% - var(--zsb-spot-x,50%)) calc(100% - var(--zsb-spot-y,45%)),var(--zsb-accent-a) 0,transparent 38%);transform:scale(1.05)}
body.zsb-preset-spotlight #zorella-scroll-background .zsb-pattern{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 22%,transparent 78%,rgba(0,0,0,.1));opacity:var(--zsb-spot-pattern-opacity,.10)}

body.zsb-background-flow #zorella-scroll-background{position:absolute;min-height:100vh;height:100%}

@media(max-width:780px){
  body[data-page="home"].zsb-enabled{--zsb-blur:var(--zsb-mobile-blur,32px)}
  #zorella-scroll-background .zsb-canvas,#zorella-scroll-background .zsb-pattern,#zorella-scroll-background .zsb-glow{inset:-20%}
  body.zsb-preset-luxury-lines #zorella-scroll-background .zsb-pattern{background-size:64px 112px}
  body.zsb-preset-aurora #zorella-scroll-background .zsb-pattern{background-size:28px 28px}
}
@media(prefers-reduced-motion:reduce){
  body.zsb-respect-reduced #zorella-scroll-background *{animation:none!important;transition:none!important;transform:none!important}
}

/* Zorella v28.1.42: vivid, more visible presets */
body.zsb-preset-neon-bloom #zorella-scroll-background .zsb-canvas{background:radial-gradient(circle at 12% 20%,var(--zsb-c1) 0,transparent 38%),radial-gradient(circle at 88% 18%,var(--zsb-c2) 0,transparent 40%),radial-gradient(circle at 72% 84%,var(--zsb-c3) 0,transparent 42%),linear-gradient(145deg,var(--zsb-c6),var(--zsb-c4));filter:saturate(1.28)}
body.zsb-preset-neon-bloom #zorella-scroll-background .zsb-glow{background:conic-gradient(from var(--zsb-aurora-angle) at 50% 50%,var(--zsb-c1),transparent 19%,var(--zsb-c3),transparent 48%,var(--zsb-c2),transparent 76%,var(--zsb-c5));opacity:calc(.3 + var(--zsb-intensity)*.5);transform:translate3d(var(--zsb-small-x),var(--zsb-small-y),0) scale(1.12)}
body.zsb-preset-neon-bloom #zorella-scroll-background .zsb-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.78) 0 1.2px,transparent 2px);background-size:38px 38px;transform:translateY(var(--zsb-shift-dots))}
body.zsb-preset-candy-clouds #zorella-scroll-background .zsb-canvas{background:radial-gradient(ellipse at 10% 18%,var(--zsb-c1) 0 18%,transparent 48%),radial-gradient(ellipse at 88% 24%,var(--zsb-c2) 0 19%,transparent 49%),radial-gradient(ellipse at 65% 88%,var(--zsb-c3) 0 20%,transparent 52%),radial-gradient(ellipse at 20% 80%,var(--zsb-c5) 0 18%,transparent 48%),var(--zsb-c6);filter:saturate(1.18)}
body.zsb-preset-candy-clouds #zorella-scroll-background .zsb-glow{background:radial-gradient(circle at var(--zsb-soft-glow-x) 35%,rgba(255,255,255,.9),transparent 35%);transform:translate3d(var(--zsb-parallax-x),var(--zsb-parallax-y),0)}
body.zsb-preset-candy-clouds #zorella-scroll-background .zsb-pattern{background-image:linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%,rgba(255,255,255,.28));transform:translateY(var(--zsb-shift-soft))}
body.zsb-preset-vivid-sunset #zorella-scroll-background .zsb-canvas{background:linear-gradient(135deg,var(--zsb-c1),var(--zsb-c2) 32%,var(--zsb-c3) 68%,var(--zsb-c6));filter:saturate(1.3)}
body.zsb-preset-vivid-sunset #zorella-scroll-background .zsb-glow{background:radial-gradient(circle at var(--zsb-spot-x) var(--zsb-spot-y),var(--zsb-c5) 0,transparent 32%),radial-gradient(circle at 18% 82%,var(--zsb-c4) 0,transparent 38%);transform:translateX(var(--zsb-small-x))}
body.zsb-preset-vivid-sunset #zorella-scroll-background .zsb-pattern{background:repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 1px,transparent 1px 38px);transform:translate3d(var(--zsb-lines-x),var(--zsb-lines-y),0)}
body.zsb-preset-electric-ocean #zorella-scroll-background .zsb-canvas{background:radial-gradient(circle at 18% 20%,var(--zsb-c1),transparent 40%),radial-gradient(circle at 82% 22%,var(--zsb-c3),transparent 42%),radial-gradient(circle at 60% 82%,var(--zsb-c5),transparent 46%),linear-gradient(150deg,var(--zsb-c2),var(--zsb-c6));filter:saturate(1.25)}
body.zsb-preset-electric-ocean #zorella-scroll-background .zsb-glow{background:repeating-radial-gradient(ellipse at var(--zsb-silk-center) 50%,rgba(255,255,255,.62) 0 2%,transparent 5% 11%);transform:rotate(var(--zsb-silk-angle)) scale(1.15)}
body.zsb-preset-electric-ocean #zorella-scroll-background .zsb-pattern{background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:54px 54px;transform:translateY(var(--zsb-grid-y))}
body.zsb-preset-emerald-glow #zorella-scroll-background .zsb-canvas{background:radial-gradient(circle at 15% 22%,var(--zsb-c1),transparent 42%),radial-gradient(circle at 84% 18%,var(--zsb-c2),transparent 40%),radial-gradient(circle at 72% 82%,var(--zsb-c3),transparent 44%),linear-gradient(145deg,var(--zsb-c6),var(--zsb-c4));filter:saturate(1.22)}
body.zsb-preset-emerald-glow #zorella-scroll-background .zsb-glow{background:conic-gradient(from var(--zsb-aurora-angle),var(--zsb-c5),transparent 25%,var(--zsb-c3),transparent 55%,var(--zsb-c2),transparent 82%);transform:translate3d(var(--zsb-small-x),var(--zsb-small-y),0) scale(1.08)}
body.zsb-preset-emerald-glow #zorella-scroll-background .zsb-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.8px);background-size:32px 32px;transform:translateY(var(--zsb-pattern-y))}
#zorella-scroll-background.zsb-paused :is(.zsb-canvas,.zsb-pattern,.zsb-glow){will-change:auto!important;transition:none!important}

