.comparison{position:relative;isolation:isolate;width:100%;background:#181818;overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}.comparison>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.comparison-label{position:absolute;top:18px;z-index:2;font-size:11px;letter-spacing:.03em;border:1px solid #ffffff55;border-radius:30px;background:#080808bd;color:white;padding:10px 17px;pointer-events:none}.before-label{left:18px}.after-label{right:18px}.comparison-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 5px #0007;pointer-events:none;transform:translateX(-50%)}.comparison-line>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:space-around;background:#f4f3ef;color:#111;border:1px solid #ccc;font-size:27px;box-shadow:0 2px 14px #0006;line-height:1;padding-bottom:3px}.comparison-line>span>span{display:inline}.comparison input{appearance:none;-webkit-appearance:none;position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:2px solid #fff;outline-offset:5px}.comparison:focus-within .comparison-line>span{outline:3px solid #111;outline-offset:3px}.comparison-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.comparison-tools p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.comparison-tools p span{display:block;color:#797976}.comparison-tools>div{display:flex;gap:10px}.comparison-tools button,.materials-controls button{font-size:11px;border:1px solid #555;background:transparent;border-radius:30px;padding:11px 17px;color:var(--text)}.comparison-tools button:hover,.materials-controls button:hover{color:#080808;background:var(--text)}.comparison-tools button:focus-visible,.materials-controls button:focus-visible{outline:2px solid white;outline-offset:4px}.square-comparison{max-width:920px;margin-inline:auto}.materials-case{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:65px}.materials-copy{padding-left:7%}.materials-copy h2{margin-top:25px;font-size:clamp(36px,4vw,60px)}.materials-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;max-width:310px;margin-top:25px}.materials-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:11px}.materials-controls a{border-bottom:1px solid #555;padding-block:8px}.materials-case>img{width:100%;height:auto}
@media(max-width:650px){.comparison-label{font-size:10px;padding:8px 12px;top:12px}.before-label{left:12px}.after-label{right:12px}.comparison-line>span{width:44px;height:44px;font-size:23px}.comparison-tools{align-items:start;gap:16px;flex-direction:column;margin-top:16px}.comparison-tools button{padding:10px 16px;font-size:10px}.comparison-tools p span{display:none}.materials-case{grid-template-columns:1fr;gap:25px;padding-block:40px}.materials-copy{padding-left:0}.materials-copy>p:not(.eyebrow){max-width:none}.materials-copy h2{font-size:39px}.materials-controls{margin-top:22px}}

.malbec-film{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.malbec-film>.eyebrow{margin-bottom:20px;color:var(--muted)}

.materials-detail{grid-column:1/-1;width:min(100%,650px);margin:25px auto 0}.materials-detail img{width:100%;height:auto}.materials-detail figcaption{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;line-height:1.7;margin-top:15px}.materials-detail figcaption a{border-bottom:1px solid #555;white-space:nowrap}

.malbec-film .film{width:50%;margin-inline:auto}@media(max-width:650px){.malbec-film .film{width:100%}}