/* small site-behavior overrides */
#newsletterOverlay.open{display:grid;place-items:center;padding:24px}
#newsletterOverlay .newsletter-card{margin:0;align-self:center;justify-self:center}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 26px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.35)}
.auth-tabs button{border:0;background:transparent;border-radius:999px;padding:11px 14px;font:inherit;font-size:13px;color:var(--muted)}
.auth-tabs button.active{background:#111;color:#fff}
#signUpFields[hidden],#signInFields[hidden]{display:none}

/* Wet SHOWER editorial image: keep it slightly smaller so the source stays cleaner. */
.preview-shot-main{background:#d6cec3}
.preview-shot-main img{transform:scale(.955);object-position:center 45%;filter:contrast(1.055) saturate(.97)}
.preview-shot-main:hover img{transform:scale(.97)}

/* live visual pass */
.visual-hero{background:radial-gradient(circle at 76% 20%,rgba(255,255,255,.98),rgba(255,255,255,.22) 30%,transparent 58%),radial-gradient(circle at 18% 84%,rgba(255,255,255,.3),transparent 30%),linear-gradient(138deg,#f6f2ec,#e7dfd4 62%,#dcd2c5)}
.visual-stage:before{content:"";position:absolute;left:7%;right:7%;bottom:2%;height:18%;background:radial-gradient(ellipse at center,rgba(0,0,0,.14),transparent 68%);filter:blur(26px);z-index:-1;pointer-events:none}
.light-sweep{position:relative;overflow:visible}
.light-sweep:after{content:"";position:absolute;inset:8%;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.2) 36%,rgba(255,255,255,.03) 48%,transparent 64%);mix-blend-mode:screen;transform:translateX(-130%);animation:sociusSheen 11s ease-in-out infinite;pointer-events:none}
.light-sweep:nth-child(2):after{animation-delay:1.7s}.light-sweep:nth-child(3):after{animation-delay:3.2s}
@keyframes sociusSheen{0%,16%{transform:translateX(-130%)}29%,100%{transform:translateX(130%)}}
.visual-stage .preview-bottle:hover{transform:translateY(-9px) scale(1.015)}
.visual-stage .preview-bottle img{transition:filter .35s ease,transform .35s ease}
.visual-stage .preview-bottle:hover img{filter:drop-shadow(0 30px 34px rgba(0,0,0,.19))}

.visual-system{background:linear-gradient(180deg,#f8f5ef,#f3eee7)}
.visual-rows button{position:relative;overflow:hidden}
.visual-rows button em{transition:transform .24s ease,opacity .24s ease;position:relative;z-index:3}
.visual-rows button:hover em{transform:translateX(6px)}
.row-silhouette{position:absolute!important;right:70px!important;bottom:-58px!important;height:170px!important;width:auto!important;opacity:0!important;pointer-events:none!important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.12))!important;transform:translateX(20px) scale(.94)!important;transition:opacity .35s ease,transform .35s ease!important}
.visual-rows button:hover .row-silhouette{opacity:.12!important;transform:translateX(0) scale(1)!important}

.visual-editorial{background:linear-gradient(180deg,#ebe4db,#e2d8cc)}
.visual-mosaic{grid-template-columns:1.34fr .78fr .78fr;gap:14px}
.visual-mosaic .preview-shot{border-radius:24px;box-shadow:0 20px 48px rgba(0,0,0,.08)}
.visual-mosaic .preview-shot:after{content:"";position:absolute;inset:-15%;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.15) 38%,transparent 52%);transform:translateX(-120%);transition:transform .85s ease;z-index:3;pointer-events:none}
.visual-mosaic .preview-shot:hover:after{transform:translateX(120%)}
.visual-mosaic .preview-shot:hover img{transform:scale(1.022)}
.campaign-shot img{object-position:center 46%;filter:contrast(1.025) saturate(.97)}
.visual-object-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.36),transparent 42%);pointer-events:none;z-index:1}
.visual-object-card img{transition:transform .5s ease,filter .4s ease!important}
.visual-object-card:hover img{transform:translateY(-8px) scale(1.01)!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.2))!important}

.visual-world{padding:100px 5vw;background:linear-gradient(180deg,#f7f3ed,#eee7dd)}
.visual-world-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}
.visual-world-head h2{font-size:clamp(46px,5.7vw,88px);line-height:.92;letter-spacing:-.064em;margin:8px 0 0;max-width:9ch}
.visual-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.visual-world-card{min-height:430px;border:0;border-radius:28px;position:relative;overflow:hidden;text-align:left;padding:28px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.7),transparent 36%),linear-gradient(180deg,#f1ebe3,#ded4c8);box-shadow:0 20px 44px rgba(0,0,0,.08);transition:transform .35s ease,box-shadow .35s ease}
.visual-world-card:hover{transform:translateY(-7px);box-shadow:0 30px 60px rgba(0,0,0,.12)}
.visual-world-card>div{position:relative;z-index:3}.visual-world-card small{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-bottom:7px}.visual-world-card strong{font-size:34px;letter-spacing:-.045em}
.visual-world-card img{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);height:72%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.16));transition:transform .45s ease,filter .45s ease}
.visual-world-card:hover img{transform:translateX(-50%) translateY(-7px) scale(1.015);filter:drop-shadow(0 30px 32px rgba(0,0,0,.2))}
.visual-world-dark{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.11),transparent 36%),linear-gradient(180deg,#2a2723,#171513);color:#efe8de}.visual-world-dark small{color:#aaa297}

.visual-proof{background:linear-gradient(180deg,#f2ede5,#ece5dc)}
.visual-community{background:radial-gradient(circle at 22% 15%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#1a1917,#0f0e0d)}
.visual-community .cloud{border-radius:34px;box-shadow:inset 0 0 90px rgba(255,255,255,.025),0 26px 60px rgba(0,0,0,.3)}
.visual-community .bubble{transition:box-shadow .28s ease,border-color .28s ease,transform .13s ease-out,filter .28s ease}
.visual-community .bubble:hover{filter:brightness(1.08);box-shadow:inset -18px -24px 44px rgba(0,0,0,.18),inset 14px 16px 32px rgba(255,255,255,.3),0 34px 78px rgba(0,0,0,.38)}

/* product pages: lift the image into a soft studio field */
.product-visual{align-items:center!important;padding:calc(var(--header) + 30px) 38px 40px!important;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.94),rgba(255,255,255,.2) 34%,transparent 52%),radial-gradient(ellipse at 50% 78%,rgba(0,0,0,.07),transparent 34%),linear-gradient(180deg,#ece6dd,#ddd4c8)!important}
.product-visual img{height:min(78vh,920px)!important;width:min(76%,640px)!important;object-position:center center!important;transform:translateY(-3vh);filter:drop-shadow(0 28px 34px rgba(0,0,0,.14))!important}
.product-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.12) 38%,transparent 52%);pointer-events:none}
.product-copy{border-left:1px solid rgba(0,0,0,.06)}

.page-transition{background:linear-gradient(180deg,#141311,#211e1a)!important}

@media(max-width:980px){.visual-world-grid{grid-template-columns:1fr}.visual-world-card{min-height:380px}.visual-world-card img{height:70%}.visual-world-head{display:block}.row-silhouette{right:30px!important}.product-visual img{height:min(72vh,760px)!important;transform:translateY(-1vh)}}
@media(max-width:650px){#newsletterOverlay.open{padding:16px}.visual-mosaic{grid-template-columns:1fr 1fr}.visual-world{padding:76px 18px}.visual-world-card{min-height:340px}.visual-world-card img{height:67%}.row-silhouette{display:none!important}.product-visual{padding-top:calc(var(--header) + 18px)!important}.product-visual img{width:min(82%,520px)!important;height:min(62vh,650px)!important;transform:none}.product-copy{border-left:0}}