:root{color-scheme:dark;--red:#d50024;--cream:#f7efe2;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#111;color:var(--cream)}
.page{min-height:100svh;padding:36vh 0 32px 4.8vw;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 70%),url('../afbeeldingen/achtergrond.jpg') center center/cover no-repeat;background-attachment:fixed}
.menu{width:min(490px,40vw);padding:25px;border:1px solid var(--line);border-radius:22px;background:rgba(14,14,14,.85);backdrop-filter:blur(12px);box-shadow:0 20px 55px #0005;animation:arrive .75s ease-out both;position:relative;overflow:hidden}
.menu:before{content:"";position:absolute;top:0;left:24px;width:70px;height:3px;background:var(--red);border-radius:5px;animation:accent 4s ease-in-out infinite}
.route-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#f2cabf;margin-bottom:12px}.route-kicker span{width:6px;height:6px;border-radius:50%;background:#fa3451;box-shadow:0 0 12px #f3456270}
h1{font-size:clamp(1.8rem,2.4vw,2.4rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 12px}.intro p{font-size:.96rem;line-height:1.6;color:#e4ddd4;margin:0 0 22px}
.actions{display:grid;gap:10px}.btn{display:flex;align-items:center;gap:13px;min-height:68px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:#fff;line-height:1.35;font-weight:700;font-size:.94rem;transition:transform .22s,background .22s,box-shadow .22s;animation:arrive .65s ease-out both}.actions .btn:nth-child(1){animation-delay:.12s}.actions .btn:nth-child(2){animation-delay:.22s}.actions .btn:nth-child(3){animation-delay:.32s}.btn svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn small{display:block;font-size:.73rem;font-weight:400;margin-top:4px;opacity:.85}.btn>span:not(.arrow){min-width:0}.arrow{margin-left:auto;font-size:1.2rem;transition:transform .22s}.primary{background:var(--red);border-color:transparent}.secondary{background:#ffffff0d}.instagram{background:linear-gradient(115deg,#8134af38,#dd2a7b25,#f5852920)}.share{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.share h2{font-size:1rem;margin:0 0 8px}.share p{font-size:.85rem;line-height:1.65;color:#d9d1c7;margin:0 0 13px}.email{color:var(--cream);overflow-wrap:anywhere;text-underline-offset:3px}.mail{min-height:49px;font-size:.85rem;background:#ffffff0b}footer{font-size:.68rem;line-height:1.5;color:#bdb5ab;margin-top:20px}footer span{padding:0 4px}
a:focus-visible{outline:3px solid #f9dab0;outline-offset:4px}@media(hover:hover){.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0004;background-color:#ffffff16}.primary:hover{background-color:#ed1236}.btn:hover .arrow{transform:translate(2px,-2px)}}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes accent{0%,100%{width:70px;opacity:.75}50%{width:125px;opacity:1}}
@media(min-width:701px) and (max-width:1050px){.page{padding-left:3vw;padding-top:37vh}.menu{width:46vw;padding:20px}.btn{padding:13px 12px;font-size:.86rem;gap:10px}}
@media(max-width:700px){.page{padding:56.25vw 0 0;background:url('../afbeeldingen/achtergrond.jpg') center top/100% auto no-repeat,#111;background-attachment:scroll}.menu{width:100%;padding:27px 20px 24px;border-radius:0;border-left:0;border-right:0;background:#141414;backdrop-filter:none;box-shadow:none}.intro p{max-width:480px}.btn{min-height:72px}footer{text-align:center;padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:360px){.menu{padding-left:15px;padding-right:15px}.btn{font-size:.85rem;padding:13px 12px;gap:10px}.btn small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}