/* Zita Core – day/night before-after compare  [zita_compare] */
.zc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2.2rem)}
@media (max-width:1000px){.zc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.zc-grid{grid-template-columns:1fr}}
.zc-fig{margin:0;display:flex;flex-direction:column;gap:.8rem}
.zc-fig figcaption b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:.03em;text-transform:uppercase}
.zc-fig figcaption span{display:block;font-size:.98rem;line-height:1.55;color:var(--slate);margin-top:.2rem}
.zc{--p:50%}
.zc img{display:block;width:100%;height:100%;object-fit:cover}
.zc .zc-n img{position:absolute;inset:0}
.zc{position:relative;aspect-ratio:4/3;overflow:hidden;clip-path:polygon(0 0,calc(100% - 1.4rem) 0,100% 1.4rem,100% 100%,0 100%)}
.zc .zc-d,.zc .zc-n{position:absolute;inset:0;display:grid;place-items:center}
.zc .zc-d{background:linear-gradient(180deg,#dfe3e4,#c3c9cb)}
.zc .zc-n{background:radial-gradient(70% 60% at 50% 50%,#1a2226,#090d0f);-webkit-clip-path:inset(0 0 0 var(--p));clip-path:inset(0 0 0 var(--p))}
.zc::after{content:"";position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--cut);box-shadow:0 0 .6rem var(--cut);z-index:3}
.zc-lt{font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,1.6rem + 4.4vw,6.4rem);letter-spacing:.06em;line-height:1;position:relative;z-index:1}
.zc-d .zc-t1 .zc-lt{color:#f1f4f5;text-shadow:0 .05em 0 #8d969a,0 .08em .08em rgb(var(--shadow-rgb) / .3)}
.zc-d .zc-t2 .zc-lt{color:#39434a;text-shadow:0 .05em 0 #1f262a,0 .08em .08em rgb(var(--shadow-rgb) / .3)}
.zc-d .zc-t3 .zc-lt{color:#e5eaec;text-shadow:0 .05em 0 #7c868b,0 .08em .08em rgb(var(--shadow-rgb) / .3)}
.zc-d .zc-t4 .zc-lt{color:#2c353a;text-shadow:0 .03em 0 #11171a}
.zc-d .zc-t5 .zc-lt{color:rgba(240,247,249,.85);-webkit-text-stroke:1px #8ea0a7;text-shadow:0 .05em .05em rgb(var(--shadow-rgb) / .2)}
.zc-d .zc-t6 .zc-lt{color:transparent;-webkit-text-stroke:3px #a69aa4;text-shadow:0 .04em .06em rgb(var(--shadow-rgb) / .18)}
.zc-n .zc-t1 .zc-lt{color:#fff;text-shadow:0 0 .05em #fff,0 0 .18em rgb(var(--white-rgb) / .7),0 0 .5em rgb(var(--white-rgb) / .3)}
.zc-n .zc-t2 .zc-lt{color:#0a0e10;text-shadow:0 0 .07em #b4ecff,0 0 .22em #4fc3e8,0 0 .6em rgba(79,195,232,.65)}
.zc-n .zc-t3 .zc-lt{color:#fff;text-shadow:0 0 .05em #fff,0 0 .2em #8fdcf5,0 0 .55em rgba(79,195,232,.7)}
.zc-n .zc-t4 .zc-lt{color:#0c1114;text-shadow:0 0 .03em #fff,0 0 .09em #d5f1ff,0 0 .18em rgba(180,230,255,.5)}
.zc-n .zc-t5 .zc-lt{color:rgb(var(--white-rgb) / .95);-webkit-text-stroke:1px #fff;text-shadow:0 0 .12em rgb(var(--white-rgb) / .8),0 0 .4em rgba(190,235,255,.5)}
.zc-n .zc-t6 .zc-lt{color:transparent;-webkit-text-stroke:2px var(--tube);text-shadow:0 0 .06em var(--cut),0 0 .2em var(--cut),0 0 .5em var(--cut)}
.zc-bw{position:relative;display:grid;place-items:center}
.zc-l1{width:78%;height:50%;border:.5rem solid #9aa3a7;border-radius:.3rem}
.zc-l2{width:76%;height:50%;border-radius:1.2rem}
.zc-l3{width:76%;height:50%;border:.4rem solid #868f93}
.zc-l4{width:46%;height:56%;border:.4rem solid #868f93;transform:perspective(520px) rotateY(-26deg)}
.zc-l5{width:56%;aspect-ratio:1;border-radius:50%;border:.45rem solid #9aa3a7}
.zc-l4 .zc-lt,.zc-l5 .zc-lt{font-size:clamp(2.4rem,1rem + 3vw,4.2rem)}
.zc-l1 .zc-lt,.zc-l2 .zc-lt,.zc-l3 .zc-lt{font-size:clamp(2.6rem,1.2rem + 3.4vw,5rem)}
.zc-d .zc-bw{background:#f4f6f7}.zc-d .zc-bw .zc-lt{color:#25292b;text-shadow:none}
.zc-d .zc-l3{background:#2b3236}.zc-d .zc-l3 .zc-lt{color:#cdd5d8}
.zc-d .zc-l2{background:#e8eef0}
.zc-n .zc-bw{background:#fffbea;box-shadow:0 0 1.6rem rgba(255,243,190,.85),0 0 4.4rem rgba(255,226,140,.45)}.zc-n .zc-bw .zc-lt{color:#3a2a08;text-shadow:none}
.zc-n .zc-l2{background:#fff;box-shadow:0 0 1.6rem rgb(var(--white-rgb) / .9),0 0 4.4rem rgba(160,225,250,.5)}.zc-n .zc-l2 .zc-lt{color:#1d2b33}
.zc-n .zc-l3{background:#14191c;box-shadow:none}.zc-n .zc-l3 .zc-lt{color:#fff;text-shadow:0 0 .05em #fff,0 0 .2em #fff,0 0 .5em rgb(var(--white-rgb) / .5)}
.zc-n .zc-l4{background:#fffbea}.zc-n .zc-l5{background:#fffbea}
.zc .zc-d,.zc .zc-n{padding:0!important;border:0!important}
.zc .zc-tag{position:absolute;bottom:.8rem;z-index:4;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;padding:.2em .7em;pointer-events:none}
.zc .zc-tag.a{left:.8rem;background:rgb(var(--white-rgb) / .85);color:#25292b}
.zc .zc-tag.b{right:1.2rem;background:rgba(9,13,15,.8);color:#eaf6f8}
.zc .zc-kn{position:absolute;top:50%;left:var(--p);width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;background:var(--cut);box-shadow:0 0 0 3px var(--white),0 0 1rem var(--cut);z-index:4;pointer-events:none}
.zc .zc-kn::before,.zc .zc-kn::after{content:"";position:absolute;top:50%;width:.55rem;height:.55rem;margin-top:-.28rem;border:solid var(--on-cut);border-width:0 0 2px 2px}
.zc .zc-kn::before{left:.6rem;transform:rotate(45deg)}.zc .zc-kn::after{right:.6rem;transform:rotate(-135deg)}
.zc .zc-dr{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:none}
.zc:focus-within::after{box-shadow:0 0 1rem var(--cut)}