:root{color-scheme:dark;--bg:#17110d;--bg2:#241914;--ink:#fff7ea;--muted:#cdbb9e;--cream:#f3dfbf;--copper:#b66a2e;--amber:#ffb85b;--line:rgba(243,223,191,.16);--glass:rgba(255,247,234,.08);--shadow:0 30px 90px rgba(0,0,0,.45);--radius:28px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#3a2316 0,#17110d 38%,#0d0a08 100%);color:var(--ink);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:-999px;top:1rem;z-index:99;background:var(--cream);color:var(--bg);padding:.8rem 1rem;border-radius:999px}.skip-link:focus{left:1rem}.flash-layer{position:fixed;inset:0;z-index:80;background:#fff;opacity:0;pointer-events:none}.flash-layer.active{animation:flash .5s ease}.section{position:relative;padding:clamp(4.5rem,8vw,8rem) 0}.container{width:min(calc(100% - 2rem),var(--max));margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,3vw,2rem);background:linear-gradient(to bottom,rgba(16,11,8,.85),rgba(16,11,8,.25));backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.35s ease}.site-header.scrolled{background:rgba(16,11,8,.88);border-bottom-color:var(--line);box-shadow:0 18px 60px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.08em;font-size:.86rem}.brand-mark{width:34px;height:34px;border:2px solid var(--cream);border-radius:9px;position:relative;background:linear-gradient(145deg,#2b1d16,#0e0a08)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50%;left:50%;transform:translateX(-50%);background:var(--cream)}.brand-mark:before{top:5px;width:9px;height:9px}.brand-mark:after{bottom:5px;width:15px;height:15px;background:radial-gradient(circle,var(--bg) 25%,var(--copper) 28%,var(--copper) 55%,var(--cream) 58%)}.main-nav{display:flex;gap:.15rem;align-items:center;background:rgba(255,247,234,.05);border:1px solid var(--line);border-radius:999px;padding:.4rem;backdrop-filter:blur(10px)}.main-nav a{position:relative;padding:.65rem 1.05rem;border-radius:999px;color:var(--muted);font-size:.88rem;font-weight:700;transition:.25s ease}.main-nav a:hover{color:var(--ink);background:rgba(255,247,234,.1)}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:1.05rem;right:1.05rem;bottom:.42rem;height:2px;border-radius:2px;background:var(--amber);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.main-nav a:not(.nav-cta):hover:after{transform:scaleX(1)}.nav-cta{background:linear-gradient(135deg,var(--cream),#fff7e8 52%,var(--amber))!important;color:#21120a!important;font-weight:900;margin-left:.35rem;box-shadow:0 10px 30px rgba(255,184,91,.22);transition:transform .25s ease,box-shadow .25s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,184,91,.35)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.nav-toggle span{display:block;width:22px;height:2px;background:var(--cream);margin:7px auto;border-radius:999px}.hero{min-height:100svh;display:grid;place-items:center;padding:8rem 0 4rem;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-3}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,8,.92) 0,rgba(13,10,8,.6) 43%,rgba(13,10,8,.18) 100%),linear-gradient(to top,var(--bg) 0,transparent 30%)}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-glow{position:absolute;width:34vw;height:34vw;right:12vw;top:18vh;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,184,91,.18) 35%,transparent 68%);filter:blur(12px);animation:pulse 3s ease-in-out infinite;z-index:-2}.hero-content{width:min(calc(100% - 2rem),var(--max));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--amber);font-size:.78rem;font-weight:900;margin:0 0 1rem}.h1,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:.95;margin:0;color:var(--ink)}h1{font-size:clamp(3.7rem,9.6vw,10.5rem);max-width:1120px;letter-spacing:-.075em;text-shadow:0 18px 80px rgba(0,0,0,.65);line-height:.9}h1 span{display:block}h1 span:first-child{white-space:nowrap}h2{font-size:clamp(2.4rem,5vw,5.4rem);letter-spacing:-.055em}h3{font-size:1.55rem;letter-spacing:-.035em}.hero-subtitle{font-size:clamp(1.25rem,2.4vw,2rem);color:var(--cream);font-weight:800;max-width:720px;margin:1.1rem 0 .65rem}.hero-copy{max-width:630px;font-size:1.08rem;color:var(--muted);margin:0 0 2rem}.hero-actions,.price-card .btn{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;padding:.95rem 1.35rem;font-weight:900;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;color:var(--ink);cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--cream),#fff7e8 52%,var(--amber));color:#21120a;box-shadow:0 18px 50px rgba(255,184,91,.22)}.btn-primary:hover{box-shadow:0 24px 70px rgba(255,184,91,.35)}.btn-ghost{background:rgba(255,247,234,.07);backdrop-filter:blur(12px)}.btn-large{font-size:1.05rem;padding:1.05rem 1.65rem}.vinyl-orbit{position:absolute;right:8vw;bottom:15vh;width:150px;height:150px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,#f6d8aa 0 7%,#19110d 8% 25%,#0b0807 26% 32%,#21150f 33% 45%,#080604 46%);box-shadow:var(--shadow);animation:spin 9s linear infinite}.vinyl-orbit span{position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(243,223,191,.22)}.floating-strip{position:absolute;right:clamp(1rem,5vw,5rem);top:28vh;width:90px;display:grid;gap:8px;background:#f7ead3;padding:8px;transform:rotate(7deg);box-shadow:0 24px 80px rgba(0,0,0,.45);animation:float 5s ease-in-out infinite}.floating-strip img{aspect-ratio:1/1.18;object-fit:cover;filter:saturate(.9)}.scroll-cue{position:absolute;bottom:1.45rem;left:50%;transform:translateX(-50%);display:grid;place-items:center;gap:.65rem;color:var(--cream);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:900;opacity:.94;z-index:3}.scroll-cue span{padding:.42rem .72rem;border:1px solid rgba(255,247,234,.18);border-radius:999px;background:rgba(13,10,8,.38);backdrop-filter:blur(14px)}.scroll-cue i{width:2px;height:46px;border-radius:999px;background:linear-gradient(var(--amber),transparent);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;left:50%;top:-12px;width:8px;height:8px;border-radius:50%;background:var(--amber);transform:translateX(-50%);animation:scrollDot 1.55s ease-in-out infinite}.scroll-cue:hover{color:var(--amber)}.marquee{overflow:hidden;border-block:1px solid var(--line);background:rgba(255,247,234,.05);transform:rotate(-1deg) scale(1.03);margin:-1rem 0}.marquee-track{display:flex;width:max-content;gap:2rem;animation:marquee 26s linear infinite;padding:1rem 0}.marquee span{text-transform:uppercase;font-weight:950;letter-spacing:.12em;color:var(--cream);white-space:nowrap}.marquee span:nth-child(even){color:var(--copper)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.reverse{direction:rtl}.reverse>*{direction:ltr}.story-media{position:relative}.story-media img,.record-player img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover}.story-media:before{content:"";position:absolute;inset:1.2rem -1.2rem -1.2rem 1.2rem;border:1px solid var(--copper);border-radius:var(--radius);z-index:-1}.photo-label{position:absolute;left:1rem;bottom:1rem;background:rgba(23,17,13,.78);backdrop-filter:blur(16px);border:1px solid var(--line);padding:.75rem 1rem;border-radius:999px;color:var(--cream);font-size:.82rem}.story-text p:not(.eyebrow),.section-heading p,.vinyl-section p,.contact p{color:var(--muted);font-size:1.05rem}.text-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;color:var(--cream);font-weight:900}.text-link span{transition:.25s}.text-link:hover span{transform:translateX(6px)}.section-heading{max-width:840px;margin-bottom:2.3rem}.feature-grid,.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card,.moment-card,.price-card,.cta-panel,.quote-form,.accordion details{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,247,234,.1),rgba(255,247,234,.035));border-radius:var(--radius);box-shadow:0 18px 70px rgba(0,0,0,.18)}.feature-card,.moment-card{padding:1.5rem;min-height:220px;position:relative;overflow:hidden;transition:.28s ease}.feature-card:before,.moment-card:before{content:"";position:absolute;inset:auto -30% -45% auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,91,.22),transparent 67%);transition:.28s ease}.feature-card:hover,.moment-card:hover{transform:translateY(-8px);border-color:rgba(255,184,91,.45)}.feature-card:hover:before,.moment-card:hover:before{transform:scale(1.35)}.icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cream);color:var(--bg);font-weight:900;margin-bottom:1rem}.feature-card p,.moment-card p{color:var(--muted);margin-bottom:0}.package{background:linear-gradient(180deg,transparent,rgba(182,106,46,.09),transparent)}.price-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:center}.price-card{padding:clamp(1.4rem,3vw,2.3rem);position:relative;overflow:hidden}.price-card:after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,91,.26),transparent 65%)}.price-top{border-bottom:1px solid var(--line);padding-bottom:1.3rem;margin-bottom:1.3rem}.price{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:950;letter-spacing:-.06em;color:var(--cream);line-height:1;margin-top:1rem}.price span{font-size:1rem;color:var(--muted);letter-spacing:0}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;color:var(--ink)}.check-list li{display:grid;grid-template-columns:24px 1fr;gap:.65rem}.check-list li:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,184,91,.16);color:var(--amber);font-weight:900}.travel-box{margin:1.4rem 0;padding:1rem;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid var(--line)}.travel-box p{margin:.3rem 0 0;color:var(--muted)}.record-player{position:relative}.spinning-record{position:absolute;width:44%;aspect-ratio:1;left:10%;bottom:9%;border-radius:50%;background:radial-gradient(circle,var(--amber) 0 8%,#090807 9% 36%,#241914 37% 50%,#050404 51%);box-shadow:0 16px 50px rgba(0,0,0,.4);animation:spin 3.5s linear infinite;opacity:.86}.spinning-record span{position:absolute;inset:14%;border:1px solid rgba(243,223,191,.18);border-radius:50%}.equalizer{position:absolute;right:1rem;bottom:1rem;display:flex;align-items:end;gap:5px;height:42px;padding:.7rem;background:rgba(23,17,13,.8);border:1px solid var(--line);border-radius:999px}.equalizer i{display:block;width:5px;background:var(--amber);border-radius:999px;animation:bars .8s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.12s}.equalizer i:nth-child(3){animation-delay:.24s}.equalizer i:nth-child(4){animation-delay:.36s}.equalizer i:nth-child(5){animation-delay:.48s}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}.mini-grid span{padding:.85rem 1rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,247,234,.06);color:var(--cream);font-weight:800}.add-on-price{padding-left:1rem;border-left:3px solid var(--amber)}.moment-card{min-height:180px}.masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.gallery-item{width:100%;border:0;background:none;padding:0;cursor:pointer;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.25)}.gallery-item img{width:100%;height:auto;transition:.45s ease}.gallery-item:hover img{transform:scale(1.05);filter:brightness(1.08)}.gallery-item:after{content:"Bekijk";position:absolute;inset:auto 1rem 1rem auto;background:rgba(255,247,234,.9);color:var(--bg);font-weight:900;padding:.45rem .8rem;border-radius:999px;opacity:0;transform:translateY(8px);transition:.25s}.gallery-item:hover:after{opacity:1;transform:none}.polaroid{background:#f7ead3;padding:.65rem .65rem 2.7rem;border-radius:10px;transform:rotate(-1.5deg)}.polaroid span{position:absolute;left:1rem;bottom:.75rem;color:#27180f;font-family:Georgia,serif;font-style:italic}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem}.accordion{display:grid;gap:.75rem}.accordion summary{cursor:pointer;font-weight:900;font-size:1.08rem}.accordion p{color:var(--muted);margin:.7rem 0 0}.cta-panel{text-align:center;padding:clamp(2rem,5vw,4.5rem);background:radial-gradient(circle at top,rgba(255,184,91,.19),rgba(255,247,234,.05) 42%,rgba(255,247,234,.03));position:relative;overflow:hidden}.cta-panel p{max-width:620px;margin:1rem auto 1.7rem;color:var(--muted)}.contact{background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}.quote-form{padding:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote-form label{display:grid;gap:.4rem;color:var(--cream);font-weight:800;font-size:.92rem}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.23);color:var(--ink);border-radius:16px;padding:.9rem 1rem;outline:none;transition:.25s;line-height:1.3}
.quote-form select option{background:#1c140f;color:var(--ink)}
.quote-form input[type="date"]{line-height:normal;-webkit-appearance:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(255,184,91,.12);transform:translateY(-1px)}.quote-form textarea{resize:vertical}.full{grid-column:1/-1}.form-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:.82rem}.contact address{font-style:normal;margin-top:1.5rem;padding:1rem;border-left:3px solid var(--amber);color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:1.4rem 0;color:var(--muted);background:#0d0a08}.footer-inner{display:flex;justify-content:space-between;gap:1rem}.lightbox[hidden]{display:none!important}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:90;display:grid;place-items:center;padding:2rem}.lightbox img{max-height:86vh;border-radius:18px;box-shadow:var(--shadow)}.lightbox-close{position:absolute;right:1.2rem;top:1.2rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--cream);color:var(--bg);font-size:2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.72}}@keyframes float{50%{transform:rotate(4deg) translateY(-14px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes flash{0%{opacity:0}12%{opacity:.9}100%{opacity:0}}@keyframes bars{0%{height:10px}100%{height:34px}}@keyframes scrollDot{0%{top:-12px;opacity:0}25%{opacity:1}100%{top:54px;opacity:0}}@media (max-width:900px){h1{font-size:clamp(3.5rem,13.5vw,7rem)}.nav-toggle{display:block}.main-nav{position:fixed;top:67px;left:1rem;right:1rem;display:grid;background:rgba(16,11,8,.96);border:1px solid var(--line);border-radius:24px;padding:.7rem;transform:translateY(-130%);opacity:0;transition:.28s;box-shadow:var(--shadow)}.main-nav.open{transform:none;opacity:1}.main-nav a{padding:.9rem 1rem}.main-nav a:not(.nav-cta):after{display:none}.nav-cta{margin-left:0}.two-col,.price-wrap,.faq-wrap{grid-template-columns:1fr}.feature-grid,.moment-grid{grid-template-columns:1fr 1fr}.floating-strip{display:none}.vinyl-orbit{width:105px;height:105px;right:1rem;bottom:5rem}.hero-bg:after{background:linear-gradient(to top,var(--bg) 0,rgba(13,10,8,.72) 55%,rgba(13,10,8,.35) 100%)}}@media (max-width:620px){.section{padding:4rem 0}h1{font-size:clamp(3.15rem,15.4vw,5.2rem);max-width:100%}h2{font-size:2.25rem}.feature-grid,.moment-grid,.mini-grid,.quote-form{grid-template-columns:1fr}.hero{place-items:end;padding-top:7rem}.hero-content{padding-bottom:4rem}.hero-actions .btn{width:100%}.footer-inner{display:grid}.price-card .btn{width:100%}.masonry{grid-template-columns:1fr}.polaroid{transform:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* === PREMIUM INTERACTION LAYER === */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:rgba(255,247,234,.06)}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--cream),var(--copper));box-shadow:0 0 18px rgba(255,184,91,.75)}
.cursor-orb{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,91,.18),rgba(255,247,234,.08) 35%,transparent 70%);mix-blend-mode:screen;filter:blur(2px);pointer-events:none;z-index:49;transform:translate(-50%,-50%);opacity:.75;transition:opacity .2s ease}
.preloader{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;gap:1.4rem;background:radial-gradient(circle at 50% 40%,#3a2518,#100b08 58%,#050404);transition:opacity .7s ease,visibility .7s ease;overflow:hidden}
.preloader:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(255,184,91,.16),transparent,rgba(255,247,234,.09),transparent);animation:spin 4s linear infinite}
.preloader.is-done{opacity:0;visibility:hidden}.preloader>div{position:relative}.preloader p{margin:0;color:var(--amber);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:900}.preloader strong{display:block;font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,5.8rem);letter-spacing:-.08em;line-height:.9;color:var(--cream);text-shadow:0 20px 80px rgba(0,0,0,.6)}
.preloader-record{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--cream) 0 8%,#080604 9% 32%,#2b1d16 33% 46%,#080604 47%);box-shadow:0 0 0 18px rgba(255,247,234,.03),0 30px 80px rgba(0,0,0,.48);animation:spin 1.25s linear infinite}.preloader-record span{position:absolute;inset:19px;border:1px dashed rgba(255,247,234,.2);border-radius:50%}
.load-bars{display:flex;gap:6px;align-items:end;height:40px;margin-top:1rem}.load-bars i{width:7px;height:10px;border-radius:999px;background:var(--amber);animation:bars .55s ease-in-out infinite alternate}.load-bars i:nth-child(2){animation-delay:.08s}.load-bars i:nth-child(3){animation-delay:.16s}.load-bars i:nth-child(4){animation-delay:.24s}.load-bars i:nth-child(5){animation-delay:.32s}.load-bars i:nth-child(6){animation-delay:.4s}
.speaker-waves{position:absolute;right:18vw;top:34vh;width:210px;height:210px;z-index:-1;pointer-events:none}.speaker-waves i{position:absolute;inset:0;border:1px solid rgba(255,247,234,.18);border-radius:50%;animation:wavePulse 2.8s ease-out infinite}.speaker-waves i:nth-child(2){animation-delay:.7s}.speaker-waves i:nth-child(3){animation-delay:1.4s}
.flash-words{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.flash-words span{position:absolute;font-weight:1000;letter-spacing:.16em;color:rgba(255,247,234,.08);text-transform:uppercase;font-size:clamp(2.5rem,7vw,8rem);animation:wordFloat 8s ease-in-out infinite}.flash-words span:nth-child(1){left:62%;top:18%;animation-delay:.2s}.flash-words span:nth-child(2){left:6%;bottom:10%;animation-delay:1.5s}.flash-words span:nth-child(3){right:10%;bottom:26%;animation-delay:2.5s}.flash-words span:nth-child(4){left:45%;top:75%;animation-delay:3.6s}

.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(-120%) skewX(-18deg);transition:.6s ease}.btn:hover:after{transform:translateX(120%) skewX(-18deg)}
.feature-card,.moment-card,.price-card,.gallery-item{-webkit-transform-style:flat;transform-style:flat;will-change:transform}.feature-card:after,.moment-card:after{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,184,91,.18),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}.feature-card:hover:after,.moment-card:hover:after{opacity:1}
.photo-confetti{position:fixed;width:48px;height:60px;background:#f7ead3;border-radius:4px;z-index:95;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:photoFly .95s ease-out forwards}.photo-confetti:before{content:"";position:absolute;left:6px;right:6px;top:6px;height:34px;border-radius:3px;background:linear-gradient(135deg,#231813,#684020)}
body.fx-on .hero-glow{animation:pulse 1s ease-in-out infinite, hueShift 2.5s linear infinite}body.fx-on .marquee-track{animation-duration:9s}body.fx-on .vinyl-orbit,body.fx-on .spinning-record,body.fx-on .preloader-record{animation-duration:.75s}body.fx-on .flash-words span{color:rgba(255,184,91,.18);text-shadow:0 0 22px rgba(255,184,91,.35)}body.fx-on .site-header{box-shadow:0 0 60px rgba(255,184,91,.16)}body.fx-on .feature-card:hover,body.fx-on .moment-card:hover{transform:translateY(-10px) rotate(-1deg) scale(1.02)}
@keyframes wavePulse{0%{transform:scale(.25);opacity:.75}100%{transform:scale(1.8);opacity:0}}@keyframes wordFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(18px,-20px,0) rotate(2deg)}}@keyframes photoFly{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.8);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.6);opacity:0}}@keyframes hueShift{50%{filter:hue-rotate(24deg) blur(12px)}}
@media (max-width:900px){.cursor-orb{display:none}.preloader{padding:1rem;align-items:center}.preloader-record{width:82px;height:82px}.speaker-waves{right:6vw;top:34vh;width:150px;height:150px}}@media (max-width:620px){.preloader{display:none}.flash-words span{display:none}}
@media (prefers-reduced-motion:reduce){.preloader{display:none}.cursor-orb{display:none}.photo-confetti{display:none}}
/* === MOBILE POLISH === */
@media (max-width:900px){.hero-glow{width:55vw;height:55vw;right:4vw}}
@media (max-width:620px){
  .vinyl-orbit,.speaker-waves{display:none}
  h1{font-size:clamp(2.9rem,14.5vw,5rem)}
  .eyebrow{font-size:.7rem;letter-spacing:.14em}
  .hero-actions{margin-bottom:.5rem}
  .main-nav a{min-height:48px;display:flex;align-items:center}
  .marquee{transform:none;margin:0}
  .scroll-cue{display:none}
  .photo-label{font-size:.74rem;left:.7rem;bottom:.7rem;right:.7rem;text-align:center}
  .lightbox{padding:1rem}
  .quote-form{padding:1rem}
}
@media (hover:none){
  .btn,.feature-card,.moment-card,.price-card{transform:none!important}
  .photo-confetti{display:none}
}
.is-safari .btn:hover,
.is-safari .feature-card:hover,
.is-safari .moment-card:hover,
.is-safari .price-card:hover{transform:none!important}
.is-safari .btn:hover:after{transform:translateX(-120%) skewX(-18deg)!important}
.is-safari .gallery-item:hover img{transform:none!important;filter:none!important}
.is-safari .gallery-item:hover:after{opacity:0!important;transform:translateY(8px)!important}

/* === FLASH-WORDS TERUG OP MOBIEL === */
@media (max-width:620px){
  .flash-words span{display:block;font-size:clamp(2rem,11vw,3.2rem);color:rgba(255,184,91,.14)}
  .flash-words span:nth-child(1){left:8%;top:12%}
  .flash-words span:nth-child(2){left:auto;right:4%;top:26%;bottom:auto}
  .flash-words span:nth-child(3){right:auto;left:10%;bottom:38%}
  .flash-words span:nth-child(4){left:auto;right:8%;top:auto;bottom:30%}
}

/* === PAKKET ADD-ON: VINTAGE PLATENSPELER (INKLAPBAAR) === */
.addon-box{margin:1.4rem 0;border-radius:18px;border:1px dashed rgba(255,184,91,.5);background:rgba(255,184,91,.07);overflow:hidden}
.addon-box summary{list-style:none;cursor:pointer;padding:.9rem 1.1rem;display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center}
.addon-box summary::-webkit-details-marker{display:none}
.addon-media{width:56px;height:56px}
.addon-media img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 10px 26px rgba(0,0,0,.4);animation:spin 6s linear infinite}
.addon-tag{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:900;color:var(--amber);margin-bottom:.3rem}
.addon-summary-text h4{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;margin:0;color:var(--ink);letter-spacing:-.02em;font-weight:700}
.addon-summary-text h4 em{display:block;font-style:normal;color:var(--muted);font-size:.82rem;font-weight:600;margin-top:.2rem}
.addon-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--cream);font-weight:900;font-size:.85rem;white-space:nowrap;padding:.55rem 1rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,247,234,.06)}
.addon-arrow{display:inline-block;transition:transform .25s ease}
.addon-box[open] .addon-arrow{transform:rotate(90deg)}
.addon-body{padding:0 1.1rem 1.1rem 1.1rem}
.addon-body p{margin:0;color:var(--muted);font-size:.9rem}
.addon-price{margin-top:.6rem!important;font-weight:900;color:var(--cream)}
.addon-price span{font-weight:600;color:var(--muted);font-size:.8rem;margin-left:.3rem}
.toggle-field{display:flex;flex-direction:column;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,247,234,.05)}
.toggle-field-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.toggle-question{color:var(--cream);font-weight:700;font-size:.92rem}
.toggle-info-link{margin-left:.4rem;background:none;border:0;padding:0;font:inherit;color:var(--amber);font-weight:800;font-size:.82rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.toggle-info-link:hover{color:var(--cream)}
.toggle-info-panel{border-radius:14px;border:1px dashed rgba(255,184,91,.5);background:rgba(255,184,91,.07);padding:.9rem 1rem}
.toggle-info-panel p{margin:0;color:var(--muted);font-size:.86rem}
.toggle-info-panel .toggle-info-price{margin-top:.5rem!important;font-weight:900;color:var(--cream)}
.toggle-info-panel .toggle-info-price span{font-weight:600;color:var(--muted);font-size:.78rem;margin-left:.3rem}
.toggle-switch{position:relative;display:inline-flex;flex:0 0 auto;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid var(--line);overflow:hidden}
.toggle-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.toggle-switch label{position:relative;z-index:1;min-width:52px;padding:.5rem .9rem;text-align:center;font-weight:800;font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .25s ease}
.toggle-switch input:focus-visible+label{outline:2px solid var(--amber);outline-offset:-2px;border-radius:999px}
.toggle-highlight{position:absolute;top:0;left:0;bottom:0;width:50%;border-radius:999px;background:linear-gradient(135deg,var(--cream),#fff7e8 52%,var(--amber));transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0}
#platenspeler-ja:checked~.toggle-highlight{transform:translateX(100%)}
#platenspeler-nee:checked+label,#platenspeler-ja:checked+label{color:#21120a}
@media (max-width:620px){
  .toggle-field-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:620px){
  .addon-box summary{grid-template-columns:44px 1fr auto;padding:.8rem .9rem}
  .addon-media,.addon-media img{width:44px;height:44px}
}

/* === HOE HET WERKT: PROCESFLOW === */
.process-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2.5rem 0 3rem}
.process-flow:before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);z-index:0}
.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.process-marker{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--cream),#fff7e8 52%,var(--amber));box-shadow:0 14px 40px rgba(255,184,91,.28);display:grid;place-items:center;position:relative;z-index:1;margin-bottom:1.1rem}
.process-marker span{font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:1.5rem;color:#21120a}
.process-copy h3{font-size:1.28rem;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;letter-spacing:-.03em}
.process-copy p{color:var(--muted);margin:0;font-size:.94rem}
.process-cta{margin-top:.5rem;padding:clamp(1.4rem,3vw,2rem);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,247,234,.1),rgba(255,247,234,.035));border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}
.process-cta p{margin:0;font-weight:800;color:var(--cream);font-size:1.15rem}
@media (max-width:900px){
  .process-flow{grid-template-columns:1fr;gap:0}
  .process-flow:before{display:none}
  .process-step{flex-direction:row;align-items:flex-start;text-align:left;padding-bottom:2.2rem;gap:1.2rem}
  .process-step:last-child{padding-bottom:0}
  .process-marker{margin-bottom:0;flex:0 0 60px}
  .process-step:not(:last-child):after{content:"";position:absolute;left:29px;top:60px;bottom:-2.2rem;width:2px;background:linear-gradient(var(--amber),transparent)}
  .process-copy h3{justify-content:flex-start;min-height:auto}
}
@media (max-width:620px){
  .process-cta{flex-direction:column;align-items:flex-start}
  .process-cta .btn{width:100%}
}

/* === INSPIRATIE: MOMENTEN ALS BEELDTEGELS === */
.inspo-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.25)}
.inspo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.inspo-card:hover img{transform:scale(1.06);filter:brightness(.72)}
.inspo-overlay{position:absolute;inset:auto 0 0 0;padding:1.5rem 1.2rem 1.2rem;background:linear-gradient(to top,rgba(13,10,8,.94),rgba(13,10,8,.35) 65%,transparent)}
.inspo-overlay h3{font-size:1.32rem;margin-bottom:.35rem}
.inspo-overlay p{margin:0;color:var(--cream);font-size:.86rem;opacity:.92}
@media (hover:none){.inspo-card img{transform:none!important;filter:none!important}}

/* === OFFERTE: DUIDELIJKE AANVRAAGSECTIE === */
.offerte-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start}
.offerte-benefits{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,247,234,.1),rgba(255,247,234,.035));border-radius:var(--radius);padding:clamp(1.2rem,2.5vw,1.8rem);box-shadow:0 18px 70px rgba(0,0,0,.18)}
.offerte-benefits h3{margin-bottom:1rem}
.offerte-benefits .check-list{margin-bottom:0}
.form-intro{margin:0 0 .4rem;color:var(--cream);font-weight:700;font-size:.88rem;padding:.7rem .9rem;border-radius:14px;background:rgba(255,184,91,.1);border:1px solid rgba(255,184,91,.25)}
@media (max-width:900px){
  .offerte-grid{grid-template-columns:1fr;gap:1.5rem}
}
@media (max-width:620px){
  .offerte-benefits{padding:1.1rem}
  .offerte-benefits .check-list li{font-size:.86rem}
  .form-intro{font-size:.82rem}
}

/* === FOOTER: CONTACTGEGEVENS === */
.footer-inner{flex-direction:column;align-items:stretch;gap:.9rem}
.footer-inner address{font-style:normal;color:var(--muted);font-size:.85rem}
.footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:var(--muted);font-size:.85rem}
.footer-contact li{display:flex;align-items:center;gap:1rem}
.footer-contact li:not(:last-child):after{content:"·";color:var(--line)}
.footer-contact a{color:var(--muted);transition:color .2s ease}
.footer-contact a:hover{color:var(--cream)}
.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
@media (max-width:620px){
  .footer-meta{flex-direction:column;align-items:flex-start;gap:.5rem}
}

/* === FAQ: ELEGANTERE, COMPACTERE ACCORDION === */
.accordion{gap:.55rem}
.accordion details{border-radius:14px;box-shadow:none;background:rgba(255,247,234,.045)}
.accordion details[open]{background:rgba(255,247,234,.07)}
.accordion summary{list-style:none;padding:.85rem 1.05rem;font-weight:700;font-size:.92rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"+";flex:0 0 auto;color:var(--amber);font-size:1rem;font-weight:700;transition:transform .25s ease}
.accordion details[open] summary::after{transform:rotate(45deg)}
.accordion p{padding:0 1.05rem 1rem;font-size:.86rem}
@media (max-width:620px){
  .accordion summary{padding:.7rem .9rem;font-size:.88rem}
  .accordion p{padding:0 .9rem .85rem;font-size:.82rem}
}
.faq-more{margin:1.4rem 0 0;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;text-align:center}
.faq-more .text-link{margin-top:0}
@media (max-width:620px){
  .faq-more{margin-top:1rem;padding-top:1rem;font-size:.86rem}
}

/* === SECTIES DUIDELIJK VAN ELKAAR SCHEIDEN === */
.section{border-top:1px solid rgba(255,247,234,.07);position:relative}
.hero{border-top:0}
.story{background:linear-gradient(180deg,transparent,rgba(255,247,234,.03) 40%,rgba(255,247,234,.03) 60%,transparent)}
.process{background:rgba(0,0,0,.17)}
.moments{background:linear-gradient(180deg,transparent,rgba(255,247,234,.035) 40%,rgba(255,247,234,.035) 60%,transparent)}
.faq{background:rgba(0,0,0,.17)}

/* === HERO TWEAKS: TUSSENMAAT TITEL + SCROLL-CUE OP MOBIEL === */
h1{font-size:clamp(3rem,7.2vw,6rem)}
@media (max-width:900px){h1{font-size:clamp(2.9rem,10.5vw,5.6rem)}}
@media (max-width:620px){
  h1{font-size:clamp(2.5rem,11.5vw,4rem)}
  .scroll-cue{display:grid;bottom:.9rem}
  .scroll-cue span{font-size:.62rem;padding:.34rem .6rem}
  .scroll-cue i{height:32px}
  .hero-content{padding-bottom:6.5rem}
}

/* === COMPACTERE, STRAKKERE LAYOUT === */
.container{width:min(calc(100% - 1.5rem),1080px)}
.section{padding:clamp(3rem,5vw,5rem) 0}
h1{font-size:clamp(2.8rem,6.2vw,5rem)!important;letter-spacing:-.045em}
h2{font-size:clamp(1.7rem,3vw,2.5rem)!important;letter-spacing:-.03em}
h3{font-size:1.15rem!important}
.eyebrow{font-size:.7rem;margin-bottom:.6rem}
.hero{padding:6.5rem 0 3rem}
.hero-content{width:min(calc(100% - 1.5rem),1080px)}
.hero-copy{font-size:1.1rem;margin-bottom:1.5rem;max-width:600px}
.hero-subtitle{font-size:clamp(1.05rem,1.8vw,1.35rem)}
.section-heading{margin-bottom:1.4rem}
.section-heading p{font-size:.92rem!important}
.story-text p:not(.eyebrow),.contact p{font-size:.92rem!important}
.btn{padding:.72rem 1.15rem;font-size:.88rem}
.btn-large{font-size:.92rem;padding:.8rem 1.35rem}
.feature-card,.moment-card{padding:1.1rem;min-height:auto}
.icon{width:36px;height:36px;margin-bottom:.7rem}
.two-col{gap:clamp(1.5rem,3.5vw,3rem)}
.price-card{padding:clamp(1.1rem,2.2vw,1.6rem)}
.price{font-size:clamp(1.9rem,3.4vw,2.9rem)!important;margin-top:.6rem}
.price-top{padding-bottom:.9rem;margin-bottom:.9rem}
.check-list{gap:.5rem}
.check-list li{font-size:.92rem}
.travel-box{padding:.8rem;margin:1rem 0}
.process-flow{margin:1.6rem 0 2rem;gap:1rem}
.process-marker{width:44px;height:44px;margin-bottom:.7rem}
.process-marker span{font-size:1.1rem}
.process-copy h3{font-size:1rem!important;min-height:2.2em}
.process-copy p{font-size:.86rem}
.process-cta{padding:1.2rem}
.process-cta p{font-size:.98rem}
.inspo-overlay{padding:1rem .9rem .9rem}
.inspo-overlay h3{font-size:1.05rem!important}
.inspo-overlay p{font-size:.8rem}
.addon-box summary{padding:.7rem .9rem}
.addon-summary-text h4{font-size:.94rem!important}
.quote-form{padding:1rem;gap:.7rem}
.quote-form input,.quote-form select,.quote-form textarea{padding:.7rem .85rem;border-radius:12px}
@media (max-width:900px){
  .section{padding:clamp(2.5rem,6vw,3.5rem) 0}
  h1{font-size:clamp(2.4rem,7.2vw,3.5rem)!important}
  h2{font-size:clamp(1.5rem,4.2vw,2rem)!important}
  .process-marker{width:40px;height:40px}
  .process-copy h3{min-height:auto}
}
@media (max-width:620px){
  html{scroll-padding-top:78px}
  .section{padding:2.25rem 0}
  h1{font-size:clamp(2.2rem,9.5vw,3rem)!important}
  h2{font-size:1.5rem!important}
  .hero{padding-top:5.5rem}
  .hero-content{padding-bottom:3rem}
  .hero-copy{font-size:1rem}
  .section-heading{margin-bottom:1rem}
  .eyebrow{font-size:.66rem;margin-bottom:.45rem}
  .story-media img{aspect-ratio:4/3}
  .story-media:before{display:none}
  .photo-label{padding:.55rem .8rem}
  .two-col{gap:1.4rem}
  .process-flow{margin:1.2rem 0 1.5rem}
  .process-step{padding-bottom:1.4rem;gap:.9rem}
  .process-step:not(:last-child):after{top:36px;bottom:-1.4rem}
  .process-marker{width:36px;height:36px;flex:0 0 36px}
  .process-marker span{font-size:.95rem}
  .process-copy h3{font-size:.94rem!important;margin-bottom:.3rem}
  .process-copy p{font-size:.82rem}
  .process-cta{padding:1rem}
  .process-cta p{font-size:.92rem}
  .price-card{padding:1.1rem}
  .price{font-size:2.2rem!important}
  .check-list li{font-size:.86rem}
  .travel-box{padding:.7rem}
  .travel-box p{font-size:.85rem}
  .addon-box summary{padding:.6rem .75rem;gap:.7rem}
  .addon-summary-text h4{font-size:.86rem!important}
  .addon-summary-text h4 em{font-size:.72rem}
  .addon-toggle{padding:.4rem .7rem;font-size:.76rem}
  .addon-body{padding:0 .9rem .9rem}
  .addon-body p{font-size:.82rem}
  .moment-grid.inspo-grid{grid-template-columns:1fr 1fr!important;gap:.6rem}
  .inspo-card img{aspect-ratio:1/1}
  .inspo-overlay{padding:.7rem .6rem .55rem}
  .inspo-overlay h3{font-size:.86rem!important;margin-bottom:.15rem}
  .inspo-overlay p{font-size:.66rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .quote-form label{font-size:.84rem}
  .quote-form{gap:.6rem}
}

/* === OFFERTEFORMULIER: AJAX FEEDBACK + SUCCES-POPUP === */
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}
.form-error{margin:0;padding:.8rem 1rem;border-radius:12px;background:rgba(214,74,74,.14);border:1px solid rgba(214,74,74,.4);color:#ffd9d9;font-size:.86rem}
.form-error[hidden]{display:none}
.btn[disabled]{opacity:.65;cursor:not-allowed;transform:none!important}
.modal-overlay{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:1.5rem;background:rgba(8,6,4,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modalFade .25s ease}
.modal-overlay[hidden]{display:none!important}
.modal-card{position:relative;width:min(100%,440px);background:linear-gradient(160deg,#241914,#17110d);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.6rem,4vw,2.4rem) clamp(1.4rem,4vw,2rem) 1.8rem;text-align:center;animation:modalPop .35s cubic-bezier(.2,.9,.3,1.3)}
.modal-icon{width:56px;height:56px;margin:0 auto 1.1rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cream),#fff7e8 52%,var(--amber));color:#21120a;font-size:1.6rem;font-weight:900}
.modal-card h3{font-size:1.4rem;margin-bottom:.7rem;letter-spacing:-.03em}
.modal-card p{color:var(--muted);font-size:.92rem;margin:0 0 1.3rem}
.modal-contact{list-style:none;margin:0 0 1.6rem;padding:1rem 1.1rem;display:grid;gap:.6rem;text-align:left;background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:16px}
.modal-contact li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.modal-contact span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.modal-contact strong{color:var(--cream);font-weight:800;word-break:break-word;text-align:right}
.modal-close{position:absolute;right:.8rem;top:.8rem;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(255,247,234,.06);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.modal-close:hover{background:rgba(255,247,234,.14)}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}