@import url('purmerend-toilet-led.css');
.hero>img{object-position:center 45%}.hero:after{background:linear-gradient(90deg,#090907ed,#09090780 44%,transparent 90%),linear-gradient(0deg,#000a,transparent 50%)}
.turn{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:7vw;padding:85px 6vw;background:#e8e3da;color:#211f1b;overflow:hidden}.turn .kicker{color:#775b35}.turn h2{margin:18px 0 25px}.turn-copy>p:not(.kicker){color:#514c46;max-width:530px}.turn-controls{display:flex;align-items:center;gap:16px;margin-top:35px}.turn-controls button{width:46px;height:46px;background:#211e1a;color:#fff;border:0;border-radius:50%;font-size:1.25rem}.turn-controls span{font-size:.9rem;min-width:174px;text-align:center}.turn-stage{position:relative;perspective:1100px;min-height:570px;display:grid;place-items:center;touch-action:pan-y;user-select:none;cursor:grab}.turn-stage:active{cursor:grabbing}.turn-stage:focus-visible{outline:3px solid #835e30}.turn-prism{--panel-width:min(34vw,380px);--depth:calc(var(--panel-width) * .289);position:relative;width:var(--panel-width);height:470px;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.turn-prism figure{position:absolute;inset:0;background:#191713;box-shadow:0 15px 35px #0005;backface-visibility:hidden;overflow:hidden}.turn-prism figure:nth-child(1){transform:rotateY(0deg) translateZ(var(--depth))}.turn-prism figure:nth-child(2){transform:rotateY(120deg) translateZ(var(--depth))}.turn-prism figure:nth-child(3){transform:rotateY(240deg) translateZ(var(--depth))}.turn-prism img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.turn-prism figure:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#000a)}.turn-prism figcaption{position:absolute;bottom:19px;left:23px;color:#fff;z-index:1;font-size:1rem}.drag-hint{position:absolute;bottom:0;color:#665c50;font-size:.88rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery figure:first-child{grid-column:auto}.gallery img,.gallery figure:first-child img{height:480px;object-fit:cover}.gallery figure:nth-child(2) img,.gallery figure:nth-child(3) img,.gallery figure:nth-child(4) img{object-fit:contain;background:#25221e}.links{justify-content:center}.links a{font-size:.92rem}
@media(max-width:900px){.turn{grid-template-columns:1fr;padding:70px 24px;gap:12px}.turn-stage{min-height:510px}.turn-prism{--panel-width:min(58vw,350px);height:410px}.gallery-grid{grid-template-columns:1fr}.gallery img,.gallery figure:first-child img{height:auto;max-height:620px;object-fit:contain;background:#25221e}.hero>img{object-position:center center}.hero:after{background:linear-gradient(0deg,#080807ef 0%,#08080750 68%,transparent)}}
@media(max-width:540px){.turn-stage{min-height:430px}.turn-prism{--panel-width:min(65vw,290px);height:340px}.turn-controls{gap:9px}.turn-controls span{min-width:158px;font-size:.82rem}.drag-hint{bottom:5px}}
@media(prefers-reduced-motion:reduce){.turn-prism{transition:none}}