/* A single photograph, fixed 50/50 division. Effects are illustrative, not measured optics. */
.family-visual-grid .zg-compare-card{display:flex;flex-direction:column;min-height:0;background:#fff;color:#045926}
.family-visual-grid .zg-compare-card::after{display:none}
.zg-compare-scene{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;isolation:isolate}
.zg-compare-base,.zg-compare-effect{position:absolute;inset:0;background:url('/assets/glass-visuals/comparison-base.png') center center/cover no-repeat}
.zg-compare-right{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.zg-compare-right::after{content:"";position:absolute;inset:0 0 0 50%;border-left:1px solid rgba(255,255,255,.75);box-shadow:inset 2px 0 2px rgba(4,89,38,.24);background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 65%,rgba(255,255,255,.09))}
.zg-material-clear .zg-compare-effect{filter:brightness(.98) saturate(.97)}
.zg-material-tinted .zg-compare-effect{filter:brightness(.66) saturate(.72)}
.zg-material-matte .zg-compare-effect{filter:blur(7px) contrast(.7) brightness(1.12)}
.zg-material-matte .zg-compare-right::after{background:rgba(240,242,239,.18)}
.zg-material-ornament .zg-compare-effect{filter:url('#zg-ornament') blur(.7px)}
.zg-material-vsg .zg-compare-effect{filter:brightness(.97)}
.zg-material-specialist .zg-compare-effect{filter:brightness(.98)}
.zg-material-coated .zg-compare-effect{filter:brightness(.84) saturate(.75)}
.zg-material-coated .zg-compare-right::after{background:linear-gradient(120deg,rgba(209,223,226,.35),rgba(255,255,255,.05) 50%,rgba(219,231,229,.3))}
.zg-material-lacquer .zg-compare-effect{background:#577362}
.zg-material-lacquer .zg-compare-right::after{background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 60%,rgba(255,255,255,.07))}
.zg-material-mirror .zg-compare-effect{transform:scaleX(-1);filter:saturate(.85) brightness(1.08)}
.zg-compare-label{position:absolute;top:14px;z-index:2;background:rgba(255,255,255,.94);color:#444;font-family:Archivo,sans-serif;font-size:11px;line-height:1.3;padding:6px 9px;border-radius:2px}
.zg-label-left{left:12px}.zg-label-right{right:12px}
.zg-compare-card .family-visual-card-copy{position:static;display:block;padding:22px 24px 26px;color:#045926}
.zg-compare-card .family-visual-card-copy>span{color:#46623c;font-size:10px;letter-spacing:.1em}
.zg-compare-card .family-visual-card-copy h3{color:#045926;font-size:28px;line-height:1.15;margin:12px 0}
.zg-compare-card .family-visual-card-copy p{color:#444;font-size:14px;line-height:1.55}
.zg-compare-card:hover .family-visual-card-copy h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.zg-compare-card:focus-visible{outline:3px solid #7dc144;outline-offset:3px}
.family-visual-index .zg-compare-note{font-size:13px;line-height:1.65;color:#555;max-width:980px;margin:24px 0 0}
@media(max-width:600px){.zg-compare-card .family-visual-card-copy{padding:20px}.zg-compare-card .family-visual-card-copy h3{font-size:26px}}