.hp-tour{--tour-schaduw: rgba(var(--ink-rgb), .14);container-type:inline-size;container-name:hptour;max-width:1180px;margin:clamp(24px,2.4cqi,36px) auto 0}.hp-tour .venster{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg-primary);box-shadow:var(--shadow-sm),0 40px 90px -40px var(--tour-schaduw),0 0 0 6px var(--oppervlak)}.hp-tour .v-balk{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:6px 8px 6px 18px;border-bottom:1px solid var(--border);font-size:.875rem;line-height:1.4;color:var(--text-zwak)}.hp-tour .v-balk b{font-weight:600;color:var(--text-primary)}.hp-tour .v-acties{display:flex;align-items:center;gap:6px;flex:none}.hp-tour .v-knop{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:transparent;font:inherit;font-size:.875rem;font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap;cursor:pointer}.hp-tour .v-knop:hover{border-color:var(--accent);color:var(--text-primary)}.hp-tour .v-knop:focus-visible,.hp-tour .hfd-knop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hp-tour .v-knop svg{width:14px;height:14px}.hp-tour .lens{position:relative;overflow:hidden;container-type:inline-size;background:var(--bg-primary);aspect-ratio:var(--ratio-d, 16 / 10);contain:layout paint}.hp-tour .cam{position:absolute;top:0;left:0;width:100%;transform-origin:0 0;transition:transform .9s cubic-bezier(.65,0,.25,1);container-type:inline-size;backface-visibility:hidden}.hp-tour .beweegt .cam{will-change:transform}.hp-tour .cam-m{display:none}.hp-tour .fr{position:absolute;isolation:isolate}.hp-tour .fr-in{position:absolute}.hp-tour .fr img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}.hp-tour .fr .dk,.dark .hp-tour .fr .lt{display:none}.dark .hp-tour .fr .dk{display:block}.hp-tour .fr-voor{transition:opacity .35s}.hp-tour .gpu-in .fr-voor{opacity:0}.hp-tour .fr-leeg{z-index:1;background:var(--bg-primary);transition:opacity .3s}.hp-tour .gpu-in .fr-leeg{opacity:0}.hp-tour .fr-bp{overflow:hidden;transition:opacity .6s ease-out}.hp-tour .fr-schem-voor{transition:opacity .6s ease-out}.hp-tour .bp-gpu-in .fr-bp,.hp-tour .bp-gpu-in .fr-schem-voor{opacity:0}.hp-tour .scrim{position:absolute;inset:0;z-index:1;background:#00000073;opacity:0;transition:opacity .3s;pointer-events:none}.hp-tour .sel-open .scrim,.hp-tour .pop .scrim,.hp-tour .chk .scrim,.hp-tour .fps .scrim{opacity:1}.hp-tour .fr-modal{z-index:2;opacity:0;visibility:hidden;transform:translateY(1.2cqi) scale(.985);transform-origin:50% 0;transition:opacity .25s,transform .3s,visibility 0s .3s}.hp-tour .sel-open .m-sel1,.hp-tour .zoek-aan .m-sel2,.hp-tour .pop .m-prijs,.hp-tour .chk .m-compat,.hp-tour .fps .m-fps{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s,visibility 0s}.hp-tour .cursor{position:absolute;top:0;left:0;z-index:999;width:2.2cqi;height:2.2cqi;opacity:0;transform:translate(50cqi,30cqi);transition:transform .7s cubic-bezier(.65,0,.25,1),opacity .2s;pointer-events:none}.hp-tour .cursor svg{display:block;width:100%;height:100%;overflow:visible}.hp-tour .cursor .pijl{fill:var(--text-primary);stroke:var(--bg-primary)}.hp-tour .cursor .rimpel{fill:none;stroke:var(--accent);opacity:0;transform-box:fill-box;transform-origin:center}.hp-tour .klik .rimpel{animation:hp-tour-rimpel .4s ease-out}@keyframes hp-tour-rimpel{0%{opacity:.6;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.hp-tour .co{position:absolute;right:2cqi;bottom:2cqi;z-index:1000;display:flex;align-items:center;gap:.9cqi;max-width:36cqi;padding:1cqi 1.4cqi;border:1px solid var(--border);border-radius:1cqi;background:var(--oppervlak);box-shadow:0 14px 34px -14px var(--tour-schaduw);font-size:clamp(12px,1.3cqi,17px);line-height:1.3;font-weight:600;color:var(--text-primary);opacity:0;transform:translateY(1cqi);transition:opacity .3s ease-out,transform .35s cubic-bezier(.2,.8,.2,1)}.hp-tour .co svg{flex:none;width:clamp(16px,1.8cqi,22px);height:clamp(16px,1.8cqi,22px);color:var(--signal-go)}.hp-tour .sel-open .co-1,.hp-tour .pop .co-2,.hp-tour .chk .co-3,.hp-tour .sc-4 .co-4,.hp-tour .fps .co-5{opacity:1;transform:none;transition-delay:.45s}.hp-tour .hfd{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.hp-tour .hfd-knop{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;height:100%;padding:14px 16px 18px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--oppervlak);font:inherit;text-align:left;color:var(--text-primary);cursor:pointer}.hp-tour .hfd-knop:hover{border-color:var(--brand)}.hp-tour .hfd-knop[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.hp-tour .hfd-nr{font-size:.8125rem;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.hp-tour .hfd-titel{font-size:1rem;font-weight:700;line-height:1.3}.hp-tour .hfd-tekst{font-size:.875rem;line-height:1.45;color:var(--text-secondary)}.hp-tour .hfd-balk{position:absolute;left:0;right:0;bottom:0;height:3px}.hp-tour .hfd-balk i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.hp-tour .hfd-balk i.vol{transform:scaleX(1)}.hp-tour .hfd-balk i.loopt{animation:hp-tour-balk var(--duur, 3s) linear forwards}.hp-tour .gepauzeerd~.hfd .hfd-balk i.loopt{animation-play-state:paused}@keyframes hp-tour-balk{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hp-tour .vv{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@container hptour (max-width: 1023px){.hp-tour .hfd{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.hp-tour .hfd li{flex:0 0 min(300px,72%);scroll-snap-align:start}}@container hptour (max-width: 600px){.hp-tour .venster{border-radius:14px}.hp-tour .v-balk{padding-left:14px}.hp-tour .v-uitleg,.hp-tour .v-open{display:none}.hp-tour .lens{aspect-ratio:var(--ratio-m, 3 / 4)}.hp-tour .cam-d{display:none}.hp-tour .cam-m{display:block}.hp-tour .cursor{width:7cqi;height:7cqi}.hp-tour .co{left:4cqi;right:4cqi;bottom:4cqi;max-width:none;padding:2.6cqi 3.4cqi;border-radius:3cqi;font-size:3.8cqi}.hp-tour .co svg{width:5cqi;height:5cqi}}@media(prefers-reduced-motion:reduce){.hp-tour *,.hp-tour *:after{transition:none!important;animation:none!important}}