:root{--fp6-orange:#f28a17;--fp6-cream:#eee5ce;--fp6-ink:#090a0c;--fp6-blue:#071329;--fp6-green:#303920}
.fp6,.fp6 *{box-sizing:border-box}.fp6{position:relative;width:100%;max-width:none!important;margin:0!important;background:#050607;color:var(--fp6-cream);font-family:Inter,Arial,sans-serif;overflow:hidden}.fp6 button,.fp6 a{font:inherit}.fp6-scene{position:relative;min-height:1100px;height:100svh;max-height:1280px;isolation:isolate;overflow:hidden;background:#050607}.fp6-backdrop{position:absolute;inset:-2%;z-index:-4;background-image:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.02) 48%,rgba(0,0,0,.25)),url('images/pluto-background.webp');background-size:cover;background-position:center 46%;filter:saturate(1.08) contrast(1.04);transform:scale(1.03);animation:fp6Breathe 13s ease-in-out infinite alternate}.fp6-light{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 58% 38%,rgba(92,92,255,.18),transparent 33%),linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.88) 100%);pointer-events:none}.fp6-scene:after{content:"";position:absolute;inset:auto 0 0;height:33%;z-index:-1;background:linear-gradient(180deg,transparent,rgba(3,5,4,.38) 26%,rgba(3,5,4,.94));pointer-events:none}@keyframes fp6Breathe{from{transform:scale(1.03) translate3d(-.2%,0,0)}to{transform:scale(1.045) translate3d(.35%,-.25%,0)}}
.fp6-hero-copy{position:absolute;left:clamp(28px,6vw,100px);top:clamp(62px,10vh,130px);max-width:640px;text-shadow:0 4px 28px #000}.fp6 h1{margin:0;color:var(--fp6-orange);font-size:clamp(76px,11vw,170px);line-height:.82;letter-spacing:.035em;font-weight:900}.fp6 h1 span{display:inline-block;font-size:.23em;color:#8fd24a;transform:rotate(9deg) translateY(-1.35em);margin-left:.05em}.fp6-tagline{margin:28px 0 0;font-size:clamp(17px,1.55vw,25px);line-height:1.5;text-transform:uppercase;letter-spacing:.18em}.fp6-countdown{margin:18px 0 0;color:var(--fp6-orange);font-family:Georgia,serif;font-style:italic;font-size:clamp(17px,1.5vw,24px)}
.fp6-pluto-wrap{position:absolute;right:clamp(20px,8vw,130px);top:clamp(200px,32vh,430px);z-index:1}.fp6-pluto{position:relative;width:clamp(135px,17vw,270px);aspect-ratio:1;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer;filter:drop-shadow(0 20px 45px rgba(0,0,0,.8));animation:fp6Float 7s ease-in-out infinite}.fp6-pluto-surface{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#c7a77a 0 6%,#8c7358 11%,#6f5846 25%,#b39a75 35%,#5b4638 50%,#907457 63%,#45352f 80%,#231f1f 100%);box-shadow:inset -32px -24px 55px rgba(0,0,0,.62),inset 18px 15px 25px rgba(255,228,178,.15),0 0 70px rgba(122,153,255,.14);animation:fp6Spin 38s linear infinite}.fp6-pluto-surface:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 66% 42%,rgba(228,203,169,.23) 0 9%,transparent 10%),radial-gradient(ellipse at 28% 65%,rgba(40,28,25,.34) 0 12%,transparent 13%),radial-gradient(ellipse at 57% 72%,rgba(225,190,151,.15) 0 8%,transparent 9%)}.fp6-pluto-label{position:absolute;left:50%;top:108%;white-space:nowrap;transform:translateX(-50%) rotate(-3deg);font-family:Georgia,serif;font-style:italic;font-size:14px;color:#f4d9a8;opacity:0;transition:.25s}.fp6-pluto:hover .fp6-pluto-label,.fp6-pluto:focus-visible .fp6-pluto-label{opacity:1}.fp6-pluto:hover{filter:drop-shadow(0 0 32px rgba(237,158,54,.3)) drop-shadow(0 20px 45px #000)}@keyframes fp6Float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes fp6Spin{to{transform:rotate(360deg)}}
.fp6-probe{position:absolute;z-index:2;top:14%;left:-360px;width:clamp(115px,12vw,210px);height:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.75));pointer-events:none;animation:fp6Probe 26s linear infinite;animation-delay:3s}@keyframes fp6Probe{0%,12%{left:-360px;top:18%;transform:rotate(-7deg)}62%{left:110%;top:31%;transform:rotate(7deg)}100%{left:110%;top:31%;transform:rotate(7deg)}}
.fp6-ticket{position:absolute;right:clamp(28px,7vw,100px);bottom:clamp(255px,29vh,360px);z-index:5;display:grid;grid-template-columns:1fr auto;gap:0 24px;min-width:245px;padding:18px 24px;color:#17110a;text-decoration:none;background:#e89824;border:1px solid rgba(255,255,255,.45);box-shadow:0 12px 34px rgba(0,0,0,.42);transform:rotate(-2deg);transition:.25s}.fp6-ticket:before,.fp6-ticket:after{content:"";position:absolute;width:20px;height:20px;background:#e7d3aa;opacity:.75}.fp6-ticket:before{left:-8px;top:-7px;transform:rotate(-11deg)}.fp6-ticket:after{right:-8px;bottom:-7px;transform:rotate(12deg)}.fp6-ticket span{grid-column:1;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.fp6-ticket strong{grid-column:1;font-family:Georgia,serif;font-size:28px;font-weight:500;text-transform:uppercase}.fp6-ticket b{grid-column:2;grid-row:1/3;align-self:center;font-size:30px}.fp6-ticket:hover{transform:rotate(1deg) translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.fp6-props{position:absolute;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);bottom:clamp(62px,8vh,105px);z-index:4;display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,2.5vw,42px);flex-wrap:wrap}.fp6-prop{position:relative;border:0;background:rgba(9,10,12,.48);color:#f2eadb;padding:12px 14px 10px;min-width:118px;cursor:pointer;backdrop-filter:blur(2px);transform:rotate(var(--rot,0deg));transition:.25s}.fp6-prop:before{content:"";position:absolute;left:8px;right:8px;bottom:-5px;height:1px;background:rgba(242,138,23,.78)}.fp6-prop-icon{display:block;color:var(--fp6-orange);font-size:24px;line-height:1;margin-bottom:7px}.fp6-prop span:last-child{font-family:Georgia,serif;font-style:italic;font-size:18px}.fp6-prop:hover,.fp6-prop:focus-visible{background:rgba(23,22,18,.84);transform:rotate(0) translateY(-7px);box-shadow:0 14px 34px rgba(0,0,0,.38)}.fp6-prop-book{--rot:-2deg}.fp6-prop-cast{--rot:1.2deg}.fp6-prop-photos{--rot:-1deg}.fp6-prop-concept{--rot:1.5deg}.fp6-prop-quiz{--rot:-1.7deg}.fp6-prop-credits{--rot:.8deg}.fp6-down{position:absolute;left:50%;bottom:18px;width:42px;height:42px;border:0;background:transparent;transform:translateX(-50%);cursor:pointer}.fp6-down span{display:block;width:18px;height:18px;border-right:2px solid #f5dba3;border-bottom:2px solid #f5dba3;transform:rotate(45deg);animation:fp6Down 1.8s ease-in-out infinite}@keyframes fp6Down{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.4}50%{transform:rotate(45deg) translate(7px,7px);opacity:1}}
.fp6-gallery-landscape{position:relative;background:linear-gradient(180deg,#080b0c,#0b0f0d 55%,#050606);padding:110px 0 80px;min-height:760px}.fp6-gallery-landscape:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(40,62,95,.12),transparent 35%),linear-gradient(130deg,transparent 0 70%,rgba(134,96,37,.06));pointer-events:none}.fp6-gallery-heading{position:relative;z-index:1;max-width:1200px;margin:0 auto 55px;padding:0 clamp(24px,5vw,70px);display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.fp6-gallery-heading p{color:var(--fp6-orange);font-family:Georgia,serif;font-style:italic}.fp6-gallery-heading h2{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,6vw,95px);line-height:.95}.fp6-photo-ribbon{position:relative;z-index:1;display:flex;gap:24px;overflow-x:auto;padding:25px clamp(24px,5vw,70px) 55px;scroll-snap-type:x mandatory}.fp6-photo{flex:0 0 clamp(230px,27vw,390px);aspect-ratio:4/3;border:10px solid #e9e2d2;background:#e9e2d2;padding:0;cursor:zoom-in;box-shadow:0 20px 44px rgba(0,0,0,.42);transform:rotate(var(--r,-1deg));scroll-snap-align:center;transition:.25s}.fp6-photo:nth-child(2n){--r:1.4deg}.fp6-photo:nth-child(3n){--r:-2deg}.fp6-photo img{display:block;width:100%;height:100%;object-fit:cover}.fp6-photo:hover{transform:rotate(0) translateY(-8px);z-index:2}.fp6-last-call{position:relative;z-index:1;max-width:1200px;margin:35px auto 0;padding:45px clamp(24px,5vw,70px) 0;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:center;gap:30px}.fp6-last-call p{font-family:Georgia,serif;font-style:italic;font-size:clamp(22px,3vw,40px);margin:0}.fp6-last-call a{color:var(--fp6-orange);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fp6-last-call a span{font-size:1.5em;margin-left:8px}
.fp6-modal[hidden],.fp6-lightbox[hidden]{display:none!important}.fp6-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;background:rgba(3,4,7,.82);backdrop-filter:blur(9px)}.fp6-modal-sheet{position:relative;width:min(880px,96vw);max-height:90vh;overflow:auto;padding:clamp(32px,6vw,76px);background:#e8dfc9;color:#17140f;box-shadow:0 30px 90px #000;clip-path:polygon(1% 0,99% 1%,100% 98%,2% 100%,0 2%)}.fp6-modal-sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(75,58,29,.025) 0 1px,transparent 1px 6px)}.fp6-close{position:absolute;right:18px;top:12px;z-index:2;border:0;background:transparent;color:#17140f;font-size:44px;line-height:1;cursor:pointer}.fp6-modal h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,80px);line-height:1;margin:0 0 30px}.fp6-modal h2 small{font-size:.35em;color:#6a5a3c}.fp6-modal p{font-size:17px;line-height:1.75}.fp6-eyebrow{color:#9b5813!important;text-transform:uppercase;letter-spacing:.15em;font-size:12px!important;font-weight:700}.fp6-lead{font-family:Georgia,serif;font-size:25px!important;line-height:1.45!important}.fp6-note{padding:16px 20px;border-left:4px solid var(--fp6-orange);background:rgba(255,255,255,.28);font-style:italic}.fp6-cast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fp6-cast-grid article{position:relative;padding:25px;border:1px solid rgba(29,23,14,.25);background:rgba(255,255,255,.18)}.fp6-cast-grid article>span{position:absolute;right:15px;top:10px;color:#b46b1a;font-family:Georgia,serif;font-size:28px}.fp6-cast-grid h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}.fp6-cast-grid p{margin:0}.fp6-credits p{display:grid;grid-template-columns:180px 1fr;gap:18px;margin:0;padding:11px 0;border-bottom:1px solid rgba(29,23,14,.2)}.fp6-thanks{margin-top:30px}.fp6-modal-button{display:inline-block;border:0;background:#c87114;color:#fff;text-decoration:none;padding:14px 20px;margin-top:18px;cursor:pointer}.fp6-modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fp6-modal-gallery .fp6-photo{width:100%;flex:none}.fp6-quiz [data-answers]{display:grid;gap:10px}.fp6-quiz [data-answers] button{border:1px solid rgba(40,30,16,.32);background:rgba(255,255,255,.26);padding:13px;text-align:left;cursor:pointer}.fp6-quiz [data-answers] button:hover{background:#fff}.fp6-feedback{font-weight:700;color:#8b4d0d}.fp6-lightbox{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:4vw;background:rgba(0,0,0,.94)}.fp6-lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;box-shadow:0 20px 80px #000}.fp6-lightbox button{position:absolute;right:22px;top:12px;border:0;background:transparent;color:#fff;font-size:50px;cursor:pointer}
@media(max-width:800px){.fp6-scene{min-height:860px;height:100svh;max-height:none}.fp6-backdrop{background-position:55% center}.fp6-hero-copy{left:22px;right:22px;top:48px}.fp6 h1{font-size:clamp(65px,22vw,105px)}.fp6-tagline{font-size:13px;line-height:1.55;letter-spacing:.12em}.fp6-pluto-wrap{right:20px;top:36%;}.fp6-pluto{width:125px}.fp6-probe{width:105px;animation-duration:22s}.fp6-ticket{right:20px;bottom:255px;min-width:205px;padding:13px 16px}.fp6-ticket strong{font-size:22px}.fp6-props{left:16px;right:16px;bottom:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fp6-prop{min-width:0;padding:9px 6px;background:rgba(5,7,9,.7)}.fp6-prop-icon{font-size:18px;margin-bottom:4px}.fp6-prop span:last-child{font-size:14px}.fp6-down{display:none}.fp6-gallery-landscape{padding-top:75px}.fp6-gallery-heading{display:block}.fp6-gallery-heading p{margin-bottom:20px}.fp6-last-call{align-items:flex-start;flex-direction:column}.fp6-cast-grid,.fp6-modal-gallery{grid-template-columns:1fr}.fp6-credits p{grid-template-columns:1fr;gap:3px}.fp6-modal-sheet{padding:45px 25px}}
@media(prefers-reduced-motion:reduce){.fp6-backdrop,.fp6-pluto,.fp6-pluto-surface,.fp6-probe,.fp6-down span{animation:none!important}.fp6-probe{display:none}}

/* v7: het groene podium terug als tastbare basis van de scène */
.fp6-stage{
  position:absolute;
  z-index:0;
  left:50%;
  bottom:-8%;
  width:min(1120px,92vw);
  max-width:none;
  height:auto;
  transform:translateX(-50%);
  filter:drop-shadow(0 -10px 28px rgba(0,0,0,.38)) saturate(.9) brightness(.78);
  pointer-events:none;
}
.fp6-props{z-index:6;bottom:clamp(48px,6.5vh,84px)}
.fp6-ticket{z-index:7}
.fp6-pluto-wrap{z-index:3}
.fp6-probe{z-index:5}
.fp6-prop{background:rgba(8,9,8,.34);border-radius:52% 46% 48% 44%/44% 54% 42% 56%;box-shadow:0 12px 26px rgba(0,0,0,.22)}
.fp6-prop:before{left:16px;right:16px}
.fp6-prop:hover,.fp6-prop:focus-visible{background:rgba(20,19,15,.72)}
@media(max-width:800px){
  .fp6-stage{width:145vw;bottom:4%;left:54%;filter:drop-shadow(0 -8px 20px rgba(0,0,0,.36)) saturate(.9) brightness(.72)}
  .fp6-props{grid-template-columns:repeat(2,1fr);bottom:54px}
  .fp6-prop:last-child{grid-column:1/-1;justify-self:center;width:48%}
  .fp6-ticket{bottom:300px}
}

/* v8: rustige eindversie zonder 'Wie is wie' */
.fp6-props{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}
@media (max-width:780px){.fp6-props{grid-template-columns:repeat(2,minmax(0,1fr));max-width:92vw}}


/* v8.2: gecentreerde titel en navigatie als ruimtestenen */
.fp6-hero-copy{
  left:50%;
  right:auto;
  width:min(940px,92vw);
  max-width:none;
  transform:translateX(-50%);
  text-align:center;
}
.fp6 h1{display:flex;justify-content:center;align-items:flex-start;gap:.08em}
.fp6 h1 span{margin-left:0}
.fp6-tagline,.fp6-countdown{margin-left:auto;margin-right:auto}
.fp6-props{
  width:min(900px,92vw);
  max-width:900px;
  gap:clamp(14px,2.2vw,34px);
}
.fp6-prop{
  isolation:isolate;
  min-width:150px;
  min-height:105px;
  padding:26px 22px 22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.14) 0 3%,transparent 4%),
    radial-gradient(circle at 70% 68%,rgba(0,0,0,.34) 0 8%,transparent 9%),
    radial-gradient(circle at 52% 40%,rgba(255,255,255,.06),transparent 42%),
    linear-gradient(145deg,#77756f 0%,#4a4a48 44%,#24272a 100%);
  border:1px solid rgba(223,226,221,.2);
  border-radius:0;
  clip-path:polygon(10% 6%,78% 0,98% 24%,92% 72%,72% 96%,20% 100%,0 66%,3% 25%);
  box-shadow:inset 12px 10px 18px rgba(255,255,255,.05),inset -16px -18px 25px rgba(0,0,0,.34),0 18px 32px rgba(0,0,0,.34);
  backdrop-filter:none;
}
.fp6-prop:nth-child(2){clip-path:polygon(18% 0,84% 8%,100% 38%,88% 88%,42% 100%,4% 78%,0 27%)}
.fp6-prop:nth-child(3){clip-path:polygon(7% 18%,34% 0,82% 5%,100% 48%,81% 92%,31% 100%,0 70%)}
.fp6-prop:nth-child(4){clip-path:polygon(19% 3%,70% 0,97% 28%,100% 73%,62% 100%,14% 90%,0 48%)}
.fp6-prop:before{display:none}
.fp6-prop:after{
  content:"";
  position:absolute;
  inset:10% 12% auto auto;
  width:24%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.08),rgba(0,0,0,.35));
  opacity:.7;
  z-index:-1;
}
.fp6-prop-icon{display:none}
.fp6-prop span:last-child{
  color:#f2e5cc;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:clamp(17px,1.45vw,22px);
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}
.fp6-prop:hover,.fp6-prop:focus-visible{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.18) 0 3%,transparent 4%),
    radial-gradient(circle at 70% 68%,rgba(0,0,0,.30) 0 8%,transparent 9%),
    linear-gradient(145deg,#8a8175 0%,#56514b 46%,#2d3032 100%);
  transform:rotate(0) translateY(-9px) scale(1.035);
  box-shadow:inset 12px 10px 18px rgba(255,255,255,.07),inset -16px -18px 25px rgba(0,0,0,.28),0 24px 42px rgba(0,0,0,.48),0 0 22px rgba(242,138,23,.12);
}
@media(max-width:800px){
  .fp6-hero-copy{top:42px;width:94vw}
  .fp6 h1{font-size:clamp(58px,20vw,98px)}
  .fp6-props{width:92vw;gap:10px}
  .fp6-prop{min-width:0;min-height:88px;padding:19px 12px}
  .fp6-prop span:last-child{font-size:15px}
}

/* v8.3: echte ruimtesteen uit de voorstelling als interactieve navigatie */
.fp6-props{
  width:min(980px,94vw);
  max-width:980px;
  gap:clamp(6px,1.4vw,18px);
  align-items:flex-end;
}
.fp6-prop,
.fp6-prop:nth-child(2),
.fp6-prop:nth-child(3),
.fp6-prop:nth-child(4){
  position:relative;
  flex:1 1 190px;
  width:clamp(160px,20vw,225px);
  min-width:0;
  min-height:0;
  aspect-ratio:580/643;
  padding:0;
  display:block;
  overflow:visible;
  border:0;
  border-radius:0;
  clip-path:none;
  background:transparent url('images/ruimtesteen.png') center/contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.6));
  transform:rotate(var(--rot,0deg));
  transition:transform .28s ease,filter .28s ease;
}
.fp6-prop:before,.fp6-prop:after{display:none!important}
.fp6-prop-book{--rot:-2.5deg}.fp6-prop-photos{--rot:1.8deg}.fp6-prop-quiz{--rot:-1deg}.fp6-prop-credits{--rot:2.4deg}
.fp6-prop span:last-child{
  position:absolute;
  left:50%;
  top:65%;
  width:62%;
  transform:translate(-50%,-50%);
  color:#f5ead8;
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:700;
  font-size:clamp(15px,1.35vw,20px);
  line-height:1.05;
  text-align:center;
  text-shadow:0 2px 9px #000,0 0 14px rgba(0,0,0,.95);
  pointer-events:none;
}
.fp6-prop:hover,.fp6-prop:focus-visible{
  background:transparent url('images/ruimtesteen.png') center/contain no-repeat;
  transform:rotate(0deg) translateY(-10px) scale(1.045);
  filter:drop-shadow(0 23px 28px rgba(0,0,0,.7)) drop-shadow(0 0 15px rgba(242,138,23,.22));
  box-shadow:none;
  outline:none;
}
.fp6-prop:focus-visible:after{
  content:"";
  display:block!important;
  position:absolute;
  inset:12%;
  border:2px solid rgba(242,138,23,.75);
  border-radius:50%;
}
@media(max-width:800px){
  .fp6-props{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(430px,96vw);
    gap:0 4px;
    bottom:34px;
  }
  .fp6-prop,
  .fp6-prop:nth-child(2),
  .fp6-prop:nth-child(3),
  .fp6-prop:nth-child(4){
    width:100%;
    max-width:190px;
    justify-self:center;
  }
  .fp6-prop span:last-child{font-size:14px;width:64%}
  .fp6-ticket{bottom:390px}
  .fp6-stage{bottom:0}
}

/* v8.4: herstelde mobiele compositie — kleinere stenen en missiekaart onder de navigatie */
@media (max-width: 800px) {
  .fp6-scene {
    height: auto !important;
    min-height: 1380px !important;
    max-height: none !important;
    overflow: hidden;
  }

  .fp6-hero-copy {
    top: 34px !important;
    left: 50% !important;
    right: auto !important;
    width: min(92vw, 430px) !important;
    transform: translateX(-50%) !important;
    z-index: 10;
  }

  .fp6 h1 {
    font-size: clamp(58px, 19vw, 84px) !important;
    line-height: .88 !important;
    white-space: nowrap;
  }

  .fp6 h1 span {
    font-size: .22em !important;
  }

  .fp6-tagline {
    margin-top: 22px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    letter-spacing: .12em !important;
  }

  .fp6-countdown {
    margin-top: 16px !important;
    font-size: 18px !important;
  }

  .fp6-pluto-wrap {
    top: 315px !important;
    right: -18px !important;
    z-index: 2;
  }

  .fp6-pluto {
    width: 105px !important;
  }

  .fp6-probe {
    top: 245px !important;
    width: 82px !important;
  }

  .fp6-props {
    position: absolute !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 132px)) !important;
    justify-content: center !important;
    align-items: center !important;
    left: 50% !important;
    right: auto !important;
    bottom: 330px !important;
    width: min(92vw, 340px) !important;
    max-width: 340px !important;
    gap: 4px 14px !important;
    transform: translateX(-50%) !important;
    z-index: 8 !important;
  }

  .fp6-prop,
  .fp6-prop:nth-child(2),
  .fp6-prop:nth-child(3),
  .fp6-prop:nth-child(4) {
    display: block !important;
    width: 132px !important;
    max-width: 132px !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 580 / 643 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .fp6-prop span:last-child {
    top: 65% !important;
    width: 65% !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
  }

  .fp6-ticket {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 105px !important;
    width: min(78vw, 300px) !important;
    min-width: 0 !important;
    padding: 15px 18px !important;
    transform: translateX(-50%) rotate(-1.5deg) !important;
    z-index: 9 !important;
  }

  .fp6-ticket:hover,
  .fp6-ticket:focus-visible {
    transform: translateX(-50%) rotate(0deg) translateY(-4px) !important;
  }

  .fp6-ticket span {
    font-size: 10px !important;
  }

  .fp6-ticket strong {
    font-size: 24px !important;
  }

  .fp6-ticket b {
    font-size: 26px !important;
  }

  .fp6-stage {
    width: 175vw !important;
    max-width: none !important;
    left: 52% !important;
    bottom: -3% !important;
    z-index: 0 !important;
  }

  .fp6-down { display: none !important; }
}

@media (max-width: 390px) {
  .fp6-scene { min-height: 1320px !important; }
  .fp6-props {
    grid-template-columns: repeat(2, minmax(0, 118px)) !important;
    width: 286px !important;
    gap: 0 10px !important;
    bottom: 325px !important;
  }
  .fp6-prop,
  .fp6-prop:nth-child(2),
  .fp6-prop:nth-child(3),
  .fp6-prop:nth-child(4) {
    width: 118px !important;
    max-width: 118px !important;
  }
  .fp6-prop span:last-child { font-size: 11px !important; }
  .fp6-ticket { width: 270px !important; bottom: 105px !important; }
}

/* v8.5 — definitieve mobiele lay-out: stenen altijd naast elkaar */
@media screen and (max-width: 800px) {
  .fp6 .fp6-scene {
    position: relative !important;
    height: 1280px !important;
    min-height: 1280px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .fp6 .fp6-hero-copy {
    top: 28px !important;
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 30px) !important;
    max-width: 430px !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  .fp6 .fp6-pluto-wrap {
    top: 295px !important;
    right: -28px !important;
  }

  .fp6 .fp6-probe {
    top: 235px !important;
    width: 78px !important;
  }

  .fp6 nav.fp6-props {
    position: absolute !important;
    top: 555px !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 126px) !important;
    grid-auto-rows: auto !important;
    justify-content: center !important;
    align-items: center !important;
    width: 276px !important;
    max-width: calc(100vw - 24px) !important;
    gap: 8px 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
  }

  .fp6 nav.fp6-props > .fp6-prop,
  .fp6 nav.fp6-props > .fp6-prop:nth-child(n) {
    position: relative !important;
    display: block !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 140px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: center !important;
    transform: rotate(0deg) !important;
  }

  .fp6 nav.fp6-props > .fp6-prop span:last-child {
    top: 65% !important;
    width: 70% !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  .fp6 .fp6-ticket {
    position: absolute !important;
    top: 895px !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    width: min(76vw, 290px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) rotate(-1deg) !important;
    z-index: 21 !important;
  }

  .fp6 .fp6-ticket:hover,
  .fp6 .fp6-ticket:focus-visible {
    transform: translateX(-50%) rotate(0deg) translateY(-4px) !important;
  }

  .fp6 .fp6-stage {
    width: 185vw !important;
    max-width: none !important;
    left: 50% !important;
    bottom: -2% !important;
    transform: translateX(-50%) !important;
  }
}

@media screen and (max-width: 390px) {
  .fp6 .fp6-scene {
    height: 1220px !important;
    min-height: 1220px !important;
  }
  .fp6 nav.fp6-props {
    top: 535px !important;
    grid-template-columns: repeat(2, 112px) !important;
    width: 246px !important;
    gap: 4px 12px !important;
  }
  .fp6 nav.fp6-props > .fp6-prop,
  .fp6 nav.fp6-props > .fp6-prop:nth-child(n) {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 124px !important;
  }
  .fp6 nav.fp6-props > .fp6-prop span:last-child {
    font-size: 11px !important;
  }
  .fp6 .fp6-ticket {
    top: 830px !important;
    width: 265px !important;
  }
}