/* Marketing Creattivo — revision 2026-10-28: editorial photography, authentic horizontal logo, scroll comparators */
.nav-logo{display:inline-flex!important;align-items:center;justify-content:flex-start;flex:none;width:clamp(142px,17vw,198px);min-width:0;max-height:62px;letter-spacing:0!important;line-height:1!important;text-decoration:none}
.nav-logo img{display:block;width:100%;height:auto;object-fit:contain}
body.kiwi-motion .hero-mascot-frame{border-radius:3px;box-shadow:0 20px 65px rgba(0,0,0,.46);aspect-ratio:16/10}
body.kiwi-motion .hero-mascot-frame>img:first-child{object-position:66% center}
body.kiwi-motion .hero-bg img{opacity:.08;object-position:right center}
body.kiwi-motion .hero-mascot-visual .hero-visual-meta{opacity:.7}
/* One cohesive realistic photography art direction for all three editorial scenes */
body.kiwi-motion .scene-pane.sp-soluzione::before,
body.kiwi-motion .scene-pane.sp-terza::before{
 background:linear-gradient(90deg,rgba(3,5,6,.98) 0%,rgba(3,5,6,.85) 28%,rgba(3,5,6,.48) 53%,rgba(3,5,6,.08) 80%,rgba(3,5,6,.03) 100%)!important;
}
body.kiwi-motion .scene-pane.sp-soluzione,
body.kiwi-motion .scene-pane.sp-terza{background:#070808!important;color:#f6f4f1!important}
body.kiwi-motion .scene-pane.sp-soluzione .sp-inner,
body.kiwi-motion .scene-pane.sp-terza .sp-inner,
body.kiwi-motion .scene-pane.sp-soluzione .sp-h2,
body.kiwi-motion .scene-pane.sp-terza .sp-h2{color:#f6f4f1!important}
body.kiwi-motion .scene-pane.sp-soluzione .sp-body,
body.kiwi-motion .scene-pane.sp-terza .sp-body{color:rgba(250,247,242,.83)!important}
body.kiwi-motion .scene-pane.sp-soluzione .sp-body-box,
body.kiwi-motion .scene-pane.sp-terza .sp-body-box{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.kiwi-motion .scene-pane.sp-soluzione .sp-scene-image,
body.kiwi-motion .scene-pane.sp-terza .sp-scene-image{opacity:1!important;filter:none!important;object-position:center center!important}
body.kiwi-motion .scene-pane .sp-ghost{opacity:.11!important}
/* Each comparison is a chapter: sticky card during a long scroll track */
body.kiwi-motion .proof-h{position:relative!important;top:auto!important;padding:105px 24px 25px!important}
body.kiwi-motion .proof-c,
body.kiwi-motion .proof-c:nth-child(even){
 position:relative;min-height:175svh!important;align-items:start!important;padding:15svh clamp(22px,3.3vw,52px) 18svh!important;
 opacity:1!important;transform:none!important;transition:none!important;
}
body.kiwi-motion .proof-c>.proof-vis,
body.kiwi-motion .proof-c>.proof-meta{position:sticky;top:13svh;align-self:start;min-width:0}
body.kiwi-motion .proof-c>.proof-vis{height:min(70svh,730px);aspect-ratio:16/9;background:#111;overflow:hidden}
body.kiwi-motion .proof-c>.proof-meta{padding-top:6vh;max-width:430px}
body.kiwi-motion .proof-c .split-v{inset:0;width:100%;height:100%}
body.kiwi-motion .proof-c .split-v .pt,
body.kiwi-motion .proof-c .split-v .pb{inset:0;width:100%;height:100%;overflow:hidden}
body.kiwi-motion .proof-c .split-v .pt img,
body.kiwi-motion .proof-c .split-v .pb img{object-fit:cover;object-position:center;filter:none!important;opacity:1!important}
body.kiwi-motion .proof-c .split-v .pb,
body.kiwi-motion .proof-logo-card .logo-a{clip-path:inset(0 var(--proof-cut,100%) 0 0)!important}
body.kiwi-motion .proof-c .divh{left:var(--proof-line,0%);width:3px;box-shadow:0 0 14px rgba(227,27,35,.7)}
body.kiwi-motion .proof-c .plbl-a{opacity:var(--after-label-opacity,0)!important}
body.kiwi-motion .proof-c .plbl-b{opacity:1!important}
body.kiwi-motion .proof-logo-card .logo-vis{background:#f9f9f8!important}
body.kiwi-motion .proof-logo-card .logo-b,
body.kiwi-motion .proof-logo-card .logo-a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:10% 12%;background:#fff!important}
body.kiwi-motion .proof-logo-card .logo-a{background:#fbfbfb!important}
body.kiwi-motion .proof-logo-card .logo-b img,
body.kiwi-motion .proof-logo-card .logo-a img{width:min(86%,630px);max-height:66%;max-width:unset;display:block;object-fit:contain;mix-blend-mode:normal;filter:none!important}
.pharmacy-logo-caption{color:#666;font-family:var(--fl);font-size:clamp(9px,1vw,14px);letter-spacing:.16em;text-align:center}
.comparison-note{position:absolute;left:14px;bottom:12px;font:10px/1.2 var(--fl);letter-spacing:.14em;text-transform:uppercase;z-index:8;color:#eee;background:#0009;padding:6px 8px}
.proof-logo-card .comparison-note{color:#222;background:#ffffffd9}
/* Preserve aligned viewport height of every reveal, including social imagery */
body.kiwi-motion .proof-c .proof-vis img{display:block}
@media(max-width:768px){
 .nav-logo{width:156px;max-height:48px}
 body.kiwi-motion .scene-pane.sp-soluzione::before,
 body.kiwi-motion .scene-pane.sp-terza::before{background:linear-gradient(90deg,#050505f7 0%,#050505d9 63%,#050505aa 100%)!important}
 body.kiwi-motion .scene-pane.sp-soluzione .sp-scene-image,
 body.kiwi-motion .scene-pane.sp-terza .sp-scene-image{opacity:.66!important;object-position:62% center!important}
 body.kiwi-motion .proof-h{padding:72px 20px 18px!important}
 body.kiwi-motion .proof-c,
 body.kiwi-motion .proof-c:nth-child(even){display:block!important;min-height:170svh!important;padding:12svh 16px 0!important}
 body.kiwi-motion .proof-c>.proof-vis{position:sticky;top:15svh;height:auto!important;aspect-ratio:5/4!important;max-width:100%;margin-bottom:20px}
 body.kiwi-motion .proof-c>.proof-meta{position:sticky;top:calc(15svh + min(80vw,420px) + 18px);padding:0 4px 30px;max-width:none;background:#0b0b0b}
 body.kiwi-motion .proof-c>.proof-meta h4{font-size:clamp(28px,7vw,42px)}
 body.kiwi-motion .proof-logo-card .logo-b,
 body.kiwi-motion .proof-logo-card .logo-a{padding:5% 5%}
 .comparison-note{font-size:8px;bottom:5px;left:8px}
}
@media(prefers-reduced-motion:reduce){
 body.kiwi-motion .proof-c{min-height:100svh!important}
 body.kiwi-motion .proof-c>.proof-vis{position:relative;top:auto}
 body.kiwi-motion .proof-c>.proof-meta{position:relative;top:auto}
}
/* Sticky reveal requires no intervening overflow/transform containing block. */
body.kiwi-motion .proof{overflow:visible!important}
body.kiwi-motion .proof-g{transform:none!important;opacity:1!important;filter:none!important}

/* Asset approvati 29 ottobre: stand e farmacia. */
body.kiwi-motion .hero-mascot-frame>img:first-child{object-position:67% 50%;}
body.kiwi-motion .hero-bg{background:#0a0909;}


/* Approved social campaign: reveal the AFTER image on the right, as in the approved visual. */
body.kiwi-motion .proof-c.social-proof .split-v .pb{clip-path:inset(0 0 0 var(--proof-cut,100%))!important}
body.kiwi-motion .proof-c.social-proof .divh{left:var(--proof-cut,100%)!important}