/* Delta Six portfolio-venster en kaartextra's, 25-09-2026 */
html.pv-open{overflow:hidden}
.pv-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#050407;color:#f7f5fa;display:none;flex-direction:column}
.pv-dialog[open]{display:flex}
.pv-dialog::backdrop{background:#050407e6}
.pv-bar{flex:none;display:flex;align-items:center;gap:16px;min-height:66px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid #3a2a46;background:linear-gradient(180deg,#171020,#0e0a13)}
.pv-terug{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 15px;border:1px solid #5b4569;border-radius:9px;background:#ffffff0d;color:#f3e8fb;font:600 14px/1.2 var(--body,Inter,Arial,sans-serif);cursor:pointer;white-space:nowrap}
.pv-terug:hover,.pv-terug:focus-visible{background:#2a1936;border-color:#a56fd0}
.pv-naam{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.pv-naam strong{font-family:var(--heading,Manrope,Arial,sans-serif);font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-soort{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c49be3}
.pv-acties{display:flex;align-items:center;gap:10px}
.pv-nieuw{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;color:#d9c3ea;font-size:13px;font-weight:600;white-space:nowrap}
.pv-nieuw:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.pv-cta{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:10px 18px;border:1px solid #bf41ff;border-radius:9px;background:linear-gradient(108deg,#9700e9,#8500cd 70%,#a600ff);color:#fff;font:700 14px/1.2 var(--body,Inter,Arial,sans-serif);cursor:pointer;box-shadow:0 5px 26px #8800da40;white-space:nowrap}
.pv-cta:hover,.pv-cta:focus-visible{filter:brightness(1.12)}
.pv-podium{position:relative;flex:1;min-height:0;background:#0b0810}
.pv-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0b0810}
.pv-laden,.pv-traag{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0b0810;color:#cdbcd9;font-size:15px;text-align:center;padding:24px}
.pv-laden[hidden],.pv-traag[hidden]{display:none}
.pv-spinner{width:38px;height:38px;border-radius:50%;border:3px solid #3b2a47;border-top-color:#c27bf0;animation:pv-draai .8s linear infinite}
.pv-traag p{margin:0;font-size:17px;color:#efe4f6}
.pv-traag-link{display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:12px 20px;border:1px solid #bf41ff;border-radius:9px;background:#8a00d4;color:#fff;font-weight:700}
@keyframes pv-draai{to{transform:rotate(360deg)}}
.pv-plaat{position:absolute;inset:0;z-index:3;overflow:auto;background:#0b0810}
.pv-plaat[hidden]{display:none}
.pv-plaat img{display:block;width:100%;height:auto}
.pv-plaat-balk{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:16px 20px;background:linear-gradient(0deg,#0b0810f2 60%,#0b081000);text-align:center}
.pv-plaat-balk p{margin:0;color:#efe4f6;font-size:15px}
.pv-plaat-link{display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:12px 20px;border:1px solid #bf41ff;border-radius:9px;background:#8a00d4;color:#fff;font-weight:700}
@media(max-width:760px){
  .pv-bar{flex-wrap:wrap;gap:8px 10px;min-height:0;padding-block:8px}
  .pv-terug{font-size:13px;padding:8px 11px;min-height:42px}
  .pv-naam{order:3;flex-basis:100%}
  .pv-naam strong{font-size:14px}
  .pv-acties{margin-left:auto}
  .pv-nieuw{display:none}
  .pv-cta{font-size:13px;padding:9px 13px;min-height:42px}
}
@media(max-width:380px){.pv-cta{font-size:12px;gap:8px;padding:9px 10px}.pv-terug{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pv-spinner{animation-duration:2.4s}}

/* Kaarten: de echte hero live in het vak (r25) */
.sp-card[data-voorbeeld] .sp-card-img{overflow:hidden;isolation:isolate}
.sp-live{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform:scale(var(--pv-s,.25));transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .45s;background:#0b0810;z-index:1}
.sp-card-img.is-live .sp-live{opacity:1}
.sp-card-open{z-index:2}
.sp-card-live{display:none}
.pv-soort{display:none}

/* Kaarten: klikbaar-hint en de afsluitende tegel */
.sp-card[data-voorbeeld]{position:relative;cursor:pointer}
.sp-card[data-voorbeeld] .sp-card-img{position:relative}
.sp-card-open{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#120b19e0;border:1px solid #ffffff2e;color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(6px);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.sp-card[data-voorbeeld]:hover .sp-card-open,.sp-card[data-voorbeeld]:focus-visible .sp-card-open{opacity:1;transform:none}
@media(hover:none){.sp-card-open{opacity:1;transform:none}}
.sp-card-live{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#0d0a12e6;border:1px solid #7be3a6;color:#dfffea;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sp-card-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#43e087;box-shadow:0 0 10px #43e087}
.sp-meer{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:100%;padding:34px 30px;border:1px dashed #7a4f98;border-radius:14px;background:radial-gradient(ellipse 80% 70% at 30% 0%,#6d1b8f3d,transparent 75%),#120c18}
.sp-meer strong{font-family:var(--heading,Manrope,Arial,sans-serif);font-weight:600;font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.04em;color:#f6ecfc}
.sp-meer p{margin:0;color:#c3b3cf;font-size:16px;line-height:1.6}
.sp-meer .button{align-self:flex-start;margin-top:6px}
.sp-meer .sp-meer-alle{color:#e2c3fa;font-weight:600;font-size:15px}
@media(max-width:600px){.sp-meer{padding:28px 22px}.sp-meer .button{width:100%;justify-content:space-between}}