@import url('purmerend-toilet-led.css');
.hero>img{object-position:center 52%}.hero:after{background:linear-gradient(90deg,#090907ed,#09090788 42%,transparent 85%),linear-gradient(0deg,#0008,transparent 58%)}
.reveal{padding:85px 6vw;background:#e8e3da;color:#221f1a}.reveal .kicker{color:#795d38}.reveal-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.reveal-head h2{margin-top:12px}.reveal-head>p{max-width:430px;color:#514a42}.compare{position:relative;width:min(100%,1040px);height:min(70vw,650px);min-height:390px;margin:auto;overflow:hidden;background:#25211d;--split:50%;touch-action:pan-y}.compare img{width:100%;height:100%;object-fit:cover;display:block}.compare-base{object-position:center 48%}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.compare-before img{object-position:center 58%}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 10px #0008}.compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f3eee5;color:#1b1713;font-size:23px;box-shadow:0 3px 20px #0007}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare input:focus-visible{opacity:1;outline:3px solid #d1ae79;outline-offset:-5px}.compare-tag{position:absolute;top:22px;z-index:1;background:#171511e8;color:#fff;padding:7px 11px;font-size:.76rem;letter-spacing:.1em;pointer-events:none}.compare-tag.before{left:22px}.compare-tag.after{right:22px}.compare-note{text-align:center;color:#62594d;font-size:.9rem;margin:14px auto 0}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery figure:first-child{grid-column:auto}.gallery img,.gallery figure:first-child img{height:520px;object-fit:contain;background:#282520}.links{justify-content:center}
@media(max-width:800px){.hero>img{object-position:center center}.hero:after{background:linear-gradient(0deg,#090807e9 0%,#09080755 65%,transparent)}.reveal{padding:70px 24px}.reveal-head{display:block}.reveal-head>p{margin-top:20px}.compare{min-height:420px;height:75svh;max-height:650px}.compare-tag{font-size:.65rem;top:12px}.compare-tag.before{left:12px}.compare-tag.after{right:12px}.gallery-grid{grid-template-columns:1fr}.gallery img,.gallery figure:first-child img{height:auto;max-height:650px}}