.p-home .hero{background:var(--night);min-height:calc(100svh - var(--bar-h));flex-direction:column;display:flex;position:relative;overflow:hidden}.p-home .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);padding-top:clamp(32px,6svh,72px);display:grid}.p-home .hero-copy .h-display{font-size:clamp(5rem,13vw,11rem)}.p-home .hero-lead{max-width:30ch;font-size:var(--step-lead);margin-top:28px;line-height:1.3}.p-home .hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.p-home .hero-media{aspect-ratio:4/3;position:relative}.p-home .hero-photo{animation:24s ease-in-out infinite alternate home-drift;position:absolute;inset:0}.p-home .hero-band{font-size:var(--step-body);animation:6s ease-in-out infinite alternate home-band-sway;position:absolute}.p-home .hero-band:first-of-type{top:12%;left:-18px;rotate:-8deg}.p-home .hero-band:nth-of-type(2){animation-delay:-2s;top:46%;right:-14px;rotate:6deg}.p-home .hero-band:nth-of-type(3){animation-delay:-4s;bottom:8%;left:14%;rotate:-3deg}@keyframes home-band-sway{to{transform:translateY(-10px)}}.p-home .folders{flex:1;min-height:360px;margin-top:clamp(40px,6svh,72px);position:relative}.p-home .folder{width:92vw;left:4vw;top:calc(40px + var(--i) * 56px);background:var(--c);height:100%;min-height:300px;color:var(--c-ink);z-index:var(--z-raised);transition:transform var(--mid) var(--ease-out);animation:home-folder-rise .9s var(--ease-out) both;animation-delay:calc(.12s + var(--i) * 80ms);position:absolute}:is(.p-home .folder:has(.tab:hover),.p-home .folder:has(.tab:focus-visible)){transform:translateY(-12px)}.p-home .folder--front:has(.tab:hover){transform:none}.p-home .tab{bottom:100%;left:var(--x);background:var(--c);height:40px;color:var(--c-ink);font-size:var(--step-body);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 100%,0 100%);align-items:center;padding:0 30px;font-weight:500;text-decoration:none;display:flex;position:absolute}.p-home .tab:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline;text-decoration-thickness:2px}.p-home .folder-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;padding:28px 32px;display:flex}.p-home .tonight-line{font-size:var(--step-lead);letter-spacing:-.01em;max-width:52ch;font-weight:500;line-height:1.3}@keyframes home-folder-rise{0%{transform:translateY(70%)}to{transform:translateY(0)}}.p-home .dali-head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:48px;display:grid}.p-home .dali-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(24px,4vw,64px);margin-top:72px;display:grid}.p-home .club--fuif{margin-top:clamp(64px,10vw,160px)}.p-home .club-photo{aspect-ratio:16/9}.p-home .club--fuif .club-photo{aspect-ratio:4/5}.p-home .club-text{margin-top:28px}.p-home .club-door{color:var(--mango);margin-top:8px;font-weight:500}.p-home .club--limbo .club-door{color:var(--lemon)}.p-home .club-text h3{font-size:var(--step-head)}.p-home .club-text>p:not(.club-door){max-width:44ch;color:var(--on-dark-muted);margin-top:16px}.p-home .club-nights{margin:20px 0 12px}.p-home .club-nights li{align-items:baseline;gap:14px;padding:6px 0;font-weight:500;display:flex}.p-home .club-nights span{width:28px;color:var(--on-dark-muted);font-weight:400}.p-home .club-nights s{color:var(--on-dark-muted);margin-left:auto;font-weight:400}.p-home .vanavond-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.p-home .vanavond-head .chips{margin-top:32px}.p-home .doors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.p-home .door{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);min-height:300px;transition:background-color var(--mid) var(--ease-out);flex-direction:column;gap:10px;padding:32px;display:flex}.p-home .door--limbo{background:var(--cherry);color:var(--on-dark)}.p-home .door--fuif{background:var(--mango);color:var(--ink)}.p-home .door.is-closed{background:var(--night-3);color:var(--on-dark-muted)}.p-home .door-club{font-weight:500}.p-home .door h3{margin-top:auto;font-size:clamp(1.5rem,1rem + 1.2vw,2.25rem)}.p-home .door-time{font-size:var(--step-lead);font-weight:500}.p-home .door-free{font-size:var(--step-small)}.p-home .door.is-flip h3{animation:home-flip-in .38s var(--ease-out)}.p-home .countdown{font-size:var(--step-lead);grid-column:1/-1;font-weight:500}.p-home .countdown strong{color:var(--lemon);font-variant-numeric:tabular-nums}.p-home .steps-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px);margin:64px 0 40px;display:grid}.p-home .step-word{letter-spacing:-.03em;font-size:clamp(2.5rem,1.6rem + 3vw,4.5rem);font-weight:700;line-height:.95;display:block}.p-home .steps-list h3{font-size:var(--step-lead);margin-top:24px}.p-home .steps-list p{color:var(--on-dark-muted);max-width:40ch;margin-top:12px}.p-home .kaart-grid{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.p-home .sheet{background:var(--paper);color:var(--ink);padding:64px clamp(20px,4vw,48px) 72px}.p-home .sheet-title{font-size:var(--step-head);text-align:center}.p-home .sheet-intro{text-align:center;max-width:34ch;color:var(--muted);margin:16px auto 40px}.p-home .menu-group+.menu-group{margin-top:40px}.p-home .menu-group h3{font-size:var(--step-body);letter-spacing:-.01em;margin-bottom:12px}.p-home .menu-group li+li{margin-top:4px}.p-home .row{text-align:left;width:calc(100% + 24px);transition:background-color var(--fast) var(--ease-out);background:0 0;border:0;margin-inline:-12px;padding:10px 12px;display:block}.p-home .row-line{font-size:var(--step-body);align-items:baseline;gap:10px;font-weight:500;display:flex}.p-home .leader{border-bottom:4px dotted var(--ink);flex:1;min-width:24px;transform:translateY(-4px)}.p-home .row-val{white-space:nowrap}.p-home .row-val s{color:var(--muted);margin-right:4px;font-weight:400}.p-home .row-desc{font-size:var(--step-small);color:var(--muted);margin-top:4px;display:block}.p-home .row:hover,.p-home .row.is-active{background:var(--paper-2)}.p-home .row:focus-visible{outline-color:var(--cherry);outline-offset:0}.p-home .preview{top:calc(var(--bar-h) + 24px);position:sticky}.p-home .preview-frame{aspect-ratio:4/5}.p-home .preview-frame img{transition:opacity .24s ease, transform .9s var(--ease-out)}.p-home .preview-frame img.is-swapping{opacity:0;transform:scale(1.04)}.p-home .preview figcaption{font-size:var(--step-lead);margin-top:16px;font-weight:500}.p-home .roulette-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.p-home .slot{background:var(--black-cherry);padding:clamp(24px,4vw,48px)}.p-home .slot-window{background:var(--night);flex-direction:column;justify-content:center;min-height:220px;padding:32px;display:flex;overflow:hidden}.p-home .slot-date{color:var(--lemon);margin-top:12px;font-weight:500}.p-home .slot-name{letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2.4vw,3.5rem);font-weight:700;line-height:1}.p-home .slot-club{color:var(--on-dark-muted);margin-top:4px}.p-home .slot.is-spinning .slot-window>*{animation:90ms linear infinite home-slot-roll}@keyframes home-slot-roll{0%{opacity:.3;transform:translateY(-30%)}to{opacity:.3;transform:translateY(30%)}}.p-home .slot.is-landed .slot-name{animation:home-land .52s var(--ease-out)}@keyframes home-land{0%{color:var(--lemon);transform:translateY(-24px)scale(1.06)}to{transform:none}}.p-home .slot-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.p-home .slot-actions [aria-pressed=true]{background:var(--lemon);color:var(--ink)}.p-home .slot-free{font-size:var(--step-small);color:var(--on-dark-muted);margin-top:16px}.p-home .calc{max-width:1100px;margin:0 auto 64px}.p-home .calc-rows{grid-template-columns:1fr 1fr;gap:24px 48px;margin-top:32px;display:grid}.p-home .calc-row{flex-direction:column;gap:8px;display:flex}.p-home .calc-row label,.p-home .calc-label{font-size:var(--step-lead);font-weight:500}.p-home .calc-control{align-items:center;gap:20px;display:flex}.p-home .calc-control input{flex:1}.p-home .flavours input[type=range]::-webkit-slider-runnable-track{background:var(--black-cherry)}.p-home .flavours input[type=range]::-moz-range-track{background:var(--black-cherry)}.p-home .calc-val{font-size:var(--step-lead);white-space:nowrap;min-width:6em;font-weight:700}.p-home .stepper{align-items:center;gap:16px;display:flex}.p-home .stepper button{background:var(--black-cherry);width:52px;height:52px;color:var(--on-dark);transition:transform var(--fast) var(--ease-out), background-color var(--fast);border:0;border-radius:50%;font-size:26px;font-weight:500}.p-home .stepper button:hover{background:var(--ink)}.p-home .stepper button:active{transform:scale(.92)}.p-home .stepper .calc-val{text-align:center;min-width:7em}.p-home .calc-out{font-size:var(--step-lead);max-width:60ch;margin-top:28px;line-height:1.35}.p-home .ticket{--t-bg:var(--mango);--t-ink:var(--ink);grid-template-columns:7fr 3fr;max-width:1100px;min-height:420px;margin:0 auto;display:grid;position:relative}.p-home .ticket[data-flavour=lemon]{--t-bg:var(--lemon)}.p-home .ticket[data-flavour=cherry]{--t-bg:var(--black-cherry);--t-ink:var(--on-dark)}.p-home .ticket-main{background:var(--t-bg);color:var(--t-ink);transition:background-color var(--mid) var(--ease-out), color var(--mid) var(--ease-out);flex-direction:column;gap:24px;padding:40px;display:flex}.p-home .flavour-tabs{flex-wrap:wrap;gap:8px;display:flex}.p-home .flavour-tabs button{background:color-mix(in oklch, var(--t-ink) 12%, transparent);min-height:44px;color:var(--t-ink);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%);transition:background-color var(--fast), transform var(--fast) var(--ease-out);border:0;padding:0 18px;font-weight:500}.p-home .flavour-tabs button:hover{transform:translateY(-2px)}.p-home .flavour-tabs button[aria-checked=true]{background:var(--t-ink);color:var(--t-bg)}.p-home .flavour-tabs button:focus-visible{clip-path:none;outline-color:var(--t-ink)}.p-home .ticket-title{font-size:var(--step-head)}.p-home .ticket-pitch{font-size:var(--step-lead);max-width:30ch;margin-top:-8px;line-height:1.3}.p-home .ticket-lines{grid-template-columns:1fr 1fr;gap:10px 32px;margin-top:auto;display:grid}.p-home .ticket-lines li{align-items:baseline;gap:12px;display:flex}.p-home .ticket-lines li:before{content:"";clip-path:polygon(0 55%,14% 40%,38% 64%,86% 0,100% 14%,38% 92%);background:currentColor;flex:none;width:14px;height:11px}.p-home .ticket-stub{background:var(--paper);color:var(--ink);border-left:6px dotted var(--cherry);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:40px 28px 28px;display:flex;position:relative}.p-home .price span{font-size:var(--step-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;display:block}.p-home .price small{font-size:var(--step-small);color:var(--muted);margin-top:8px;display:block}.p-home .bar{background:var(--ink);width:100%;min-height:56px;color:var(--on-dark);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%, 0 var(--cut));transition:background-color var(--fast);justify-content:center;align-items:center;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.p-home .bar:hover{background:var(--cherry)}.p-home .bar:focus-visible{clip-path:none;outline-color:var(--ink)}.p-home .notch{background:var(--cherry);border-radius:50%;width:28px;height:28px;position:absolute;left:-3px;translate:-50%}.p-home .notch--top{top:-14px}.p-home .notch--bottom{bottom:-14px}.p-home .ticket.is-flip .ticket-title,.p-home .ticket.is-flip .price span{animation:home-flip-in .38s var(--ease-out)}@keyframes home-flip-in{0%{opacity:0;transform:translateY(10px)}}.p-home .flavours-more{max-width:1100px;margin:32px auto 0}.p-home .pas-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);display:grid}.p-home .plate{aspect-ratio:1;background:var(--night);position:relative;overflow:hidden}.p-home .plate-photo{object-fit:cover;width:100%;height:100%;animation:24s ease-in-out infinite alternate home-drift}@keyframes home-drift{0%{transform:scale(1.02)}to{transform:scale(1.12)translate(-2%,-1%)}}.p-home .pass{background:var(--night);width:min(300px,72%);color:var(--on-dark);--mark-fill:var(--mango);--mark-cut:var(--night);border-radius:22px;padding:20px;position:absolute;top:50%;left:50%;translate:-50% -50%}.p-home .pass-top{justify-content:space-between;align-items:center;display:flex}.p-home .pass-top .mark{width:34px;height:34px}.p-home .pass-tier{background:var(--mango);color:var(--ink);font-size:var(--step-small);border-radius:999px;padding:4px 12px;font-weight:500}.p-home .pass-name{font-size:var(--step-lead);margin-top:20px;font-weight:700}.p-home .pass-meta{font-size:var(--step-small);color:var(--on-dark-muted)}.p-home .pass-panel{background:var(--paper);color:var(--ink);text-align:center;font-size:var(--step-small);min-height:210px;animation:home-panel-in .32s var(--ease-out);border-radius:14px;flex-direction:column;justify-content:center;gap:8px;margin-top:18px;padding:16px;display:flex}.p-home .pass-panel[hidden]{display:none}@keyframes home-panel-in{0%{opacity:0;transform:translateY(8px)}}.p-home .qr{width:136px;height:136px;margin:0 auto}.p-home .qr rect{fill:var(--ink)}.p-home .pass-big{font-size:var(--step-head);font-weight:700;line-height:1}.p-home .pass-chip{background:var(--lemon);border-radius:999px;align-self:center;margin-top:8px;padding:6px 12px;font-weight:500}.p-home .pass-list{text-align:left;font-size:var(--step-body);font-weight:500}.p-home .pass-list li{gap:12px;padding:10px 0;display:flex}.p-home .pass-list li+li{border-top:1px solid var(--paper-2)}.p-home .pass-list span{width:28px;color:var(--muted);font-weight:400}.p-home .pas-copy{flex-direction:column;justify-content:space-between;gap:48px;display:flex}.p-home .pas-tabs{flex-wrap:wrap;gap:28px;display:flex}.p-home .pas-tabs button{font-size:var(--step-body);color:var(--on-dark-muted);transition:color var(--fast);background:0 0;border:0;padding:8px 0;font-weight:500;position:relative}.p-home .pas-tabs button:after{content:"";background:var(--lemon);transform-origin:0;height:3px;transition:transform var(--mid) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.p-home .pas-tabs button:hover,.p-home .pas-tabs button[aria-selected=true]{color:var(--on-dark)}.p-home .pas-tabs button[aria-selected=true]:after{transform:scaleX(1)}.p-home .pas-text h2{max-width:12ch}.p-home .pas-text p{max-width:38ch;font-size:var(--step-lead);color:var(--on-dark-muted);margin-top:32px;line-height:1.35}.p-home .pas-text>*{transition:opacity .24s ease, transform .36s var(--ease-out)}.p-home .pas-text.is-swapping>*{opacity:0;transform:translateY(8px)}.p-home .pas-actions{grid-template-columns:1fr 1fr;display:grid}.p-home .cell{min-height:72px;transition:background-color var(--fast);align-items:center;padding:0 24px;font-weight:500;text-decoration:none;display:flex}.p-home .cell:after{content:"→";transition:transform var(--fast) var(--ease-out);margin-left:auto}.p-home .cell:hover:after{transform:translate(4px)}.p-home .cell--lemon{background:var(--lemon);color:var(--ink)}.p-home .cell--lemon:hover{background:var(--mango)}.p-home .cell--night{background:var(--night-3);color:var(--on-dark)}.p-home .cell--night:hover{background:var(--black-cherry)}.p-home .vragen-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;display:grid}.p-home .vragen-head{flex-direction:column;grid-column:1/5;gap:40px;display:flex}.p-home .vragen-head figure{aspect-ratio:4/5;max-width:320px}.p-home .answers{columns:2;grid-column:5/13;column-gap:56px;line-height:1.55}.p-home .answers p{break-inside:avoid;color:var(--on-dark-muted);margin-bottom:20px}.p-home .answers b{color:var(--on-dark);font-weight:500}.p-home .answers a{color:var(--lemon);text-underline-offset:3px}.p-home .lid-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:center;gap:48px;display:grid}.p-home .lid-photo{aspect-ratio:1}.p-home .blank-line{font-size:var(--step-head);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:.18em .28em;font-weight:700;line-height:1.25;display:flex}.p-home .blank-line input{width:8.5em;height:1.2em;color:var(--ink);letter-spacing:-.02em;clip-path:polygon(.2em 0,calc(100% - .2em) 0,100% .2em,100% 100%,0 100%,0 .2em);background:#d9cb45;background:lab(81.0757% -5.74788 65.0253);border:0;border-radius:0;padding:0 .3em;font-weight:700}.p-home .blank-line input::placeholder{color:#534e26;color:lab(33.0694% -2.79196 24.6407)}.p-home .blank-line input:focus-visible{outline:3px solid var(--ink);outline-offset:2px;background:var(--paper);clip-path:none}.p-home .blank-line input[aria-invalid=true]{background:#ffc6c0;background:lab(85.327% 24.7177 13.5)}.p-home .blank-line button{background:var(--cherry-deep);height:1.2em;color:var(--on-dark);letter-spacing:-.02em;clip-path:polygon(.2em 0,calc(100% - .2em) 0,100% .2em,100% 100%,0 100%,0 .2em);transition:background-color var(--fast), transform var(--fast) var(--ease-out);border:0;padding:0 .35em;font-weight:700}.p-home .blank-line button:hover{background:var(--ink);transform:translateY(-3px)}.p-home .blank-line button:focus-visible{clip-path:none;outline-color:var(--ink)}.p-home .blank-help{max-width:60ch;margin-top:28px}.p-home .blank-help.is-done{font-weight:500}@media (max-width:960px){.p-home .hero-grid,.p-home .dali-head,.p-home .dali-grid,.p-home .vanavond-grid,.p-home .roulette-grid,.p-home .kaart-grid,.p-home .pas-grid,.p-home .lid-grid{grid-template-columns:1fr}.p-home .hero-media{max-width:640px}.p-home .club--fuif{margin-top:0}.p-home .steps-list{grid-template-columns:1fr}.p-home .steps-list li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 32px;display:grid}.p-home .steps-list .step-word{grid-row:span 2}.p-home .steps-list h3{margin-top:0}.p-home .preview{order:-1;max-width:600px;position:relative;top:0}.p-home .preview-frame{aspect-ratio:16/10}.p-home .plate{max-width:600px}.p-home .vragen-head{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:end;margin-bottom:40px}.p-home .vragen-head figure{width:40%;max-width:200px}.p-home .answers{grid-column:1/-1}.p-home .lid-photo{aspect-ratio:16/9;max-width:600px}}@media (max-width:640px){.p-home .hero-copy .h-display{font-size:24vw}.p-home .hero-lead{font-size:19px}.p-home .hero-band{font-size:var(--step-small);min-height:42px;padding:0 28px}.p-home .folders{min-height:360px}.p-home .folder{width:100%;left:0;top:calc(32px + var(--i) * 48px)}.p-home .tab{height:32px;font-size:var(--step-small);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);padding:0 20px}.p-home .folder:first-child .tab{left:auto;right:4%}.p-home .folder:nth-child(2) .tab{left:4%}.p-home .folder:nth-child(3) .tab{left:38%}.p-home .folder:nth-child(4) .tab{left:auto;right:4%}.p-home .folder:nth-child(5) .tab{left:4%}.p-home .folder-body{padding:20px var(--margin)}.p-home .tonight-line{font-size:18px}.p-home .folder-body .btn{width:100%}.p-home .doors,.p-home .steps-list li{grid-template-columns:1fr}.p-home .steps-list h3{margin-top:16px}.p-home .door{min-height:200px;padding:24px}.p-home .sheet{padding:48px 20px 56px}.p-home .slot-window{min-height:180px;padding:24px}.p-home .slot-actions .btn{flex:1}.p-home .calc-rows{grid-template-columns:1fr}.p-home .ticket{grid-template-columns:1fr;min-height:0}.p-home .ticket-main{padding:28px 20px}.p-home .ticket-lines{grid-template-columns:1fr}.p-home .ticket-stub{border-left:0;border-top:6px dotted var(--cherry);padding:56px 20px 20px}.p-home .notch{top:-3px;bottom:auto;translate:0 -50%}.p-home .notch--top{left:-14px}.p-home .notch--bottom{left:auto;right:-14px}.p-home .price span{font-size:16vw}.p-home .pass{width:min(280px,82%);padding:16px}.p-home .pass-panel{min-height:0}.p-home .qr{width:108px;height:108px}.p-home .pas-actions{grid-template-columns:1fr}.p-home .cell{min-height:60px}.p-home .answers{columns:1}.p-home .vragen-head figure{width:35%}.p-home .blank-line{font-size:9vw}.p-home .blank-line input{width:calc(100% - 2.4em);height:1.25em}}@media (prefers-reduced-motion:reduce){.p-home .plate-photo,.p-home .hero-band,.p-home .hero-photo{animation:none}}.p-home .duo img{filter:none;mix-blend-mode:normal}.p-home .duo:hover img{animation:none}.p-home .vragen-head figure,.p-home .lid-photo{position:relative}.p-home .plate-photo{object-fit:cover}
