.op-uitnodiging{position:relative;margin:0 0 0 auto;width:100%;max-width:500px;padding:14px 0 0;container-type:inline-size}.op-uitnodiging:after{content:"";display:block;aspect-ratio:100/34}.op-kaart{position:relative;isolation:isolate;width:80%;background:var(--card);border:1.5px solid var(--ink);border-radius:18px;padding:clamp(24px,6.8cqi,34px) clamp(22px,6.8cqi,34px) clamp(22px,6cqi,30px);rotate:-3deg;box-shadow:12px 12px 0 var(--lime);animation:op-kaart-in 1s .15s var(--ease) both,op-wieg 7s 1.4s ease-in-out infinite}.op-kaart:before{content:"";position:absolute;left:50%;top:-13px;width:96px;height:26px;translate:-50% 0;rotate:4deg;background:#f7b3a8cc;border-radius:3px;z-index:2}@keyframes op-kaart-in{0%{opacity:0;transform:translateY(34px) rotate(-8deg)}}@keyframes op-wieg{50%{transform:translateY(-7px) rotate(1deg)}}.op-kaart>b{position:relative;z-index:1;display:block;font-family:Commune,Georgia,serif;font-weight:400;font-size:clamp(32px,8.4cqi,42px);line-height:1;color:var(--coral);margin-bottom:14px;padding-bottom:12px;border-bottom:1.5px dashed #27235133}.op-kaart>.sp-hand{position:relative;z-index:1;display:block;font-size:clamp(21px,5.4cqi,27px);line-height:1.3;color:var(--purple);animation:op-schrijf .8s var(--d,.8s) ease-out both}.op-kaart>.sp-hand:nth-of-type(2){font-size:clamp(24px,6.2cqi,31px);color:var(--ink);--d:.75s}.op-kaart>.sp-hand:nth-of-type(3){--d:1.15s}.op-kaart>.sp-hand:nth-of-type(4){--d:1.5s}.op-kaart>.op-kaart-slot{--d:1.9s;display:flex;align-items:flex-end;gap:6px;margin-top:12px;color:var(--coral);font-size:clamp(23px,5.8cqi,29px)}.op-kaart-slot .sp-pijl{order:2;width:46px;height:30px;transform:rotate(38deg);margin-bottom:-14px;flex:none}@keyframes op-schrijf{0%{clip-path:inset(-10px 100% -24px 0)}to{clip-path:inset(-10px -12% -24px 0)}}.op-confetti{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:0;pointer-events:none}.op-confetti i{position:absolute;top:-14px;left:calc(var(--i) * 6.8% + 2%);width:7px;height:11px;border-radius:2px;opacity:0;background:var(--lime);animation:op-val 5s linear infinite;animation-delay:calc(var(--i) * -.37s)}.op-confetti i:nth-child(4n+2){background:var(--coral)}.op-confetti i:nth-child(4n+3){background:#b9a6ee;width:6px;height:6px;border-radius:50%}.op-confetti i:nth-child(4n){background:#f7b3a8}.op-confetti i:nth-child(odd){animation-name:op-val2;animation-duration:6.2s}@keyframes op-val{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.85}85%{opacity:.85}to{transform:translate(22px,360px) rotate(540deg);opacity:0}}@keyframes op-val2{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translate(-14px,180px) rotate(-200deg)}85%{opacity:.85}to{transform:translate(8px,360px) rotate(-420deg);opacity:0}}.op-hero-truck{position:absolute;right:-22px;bottom:-6px;width:56%;aspect-ratio:460/310;z-index:2;animation:op-aanrij 1.5s 2.3s var(--ease) both}.op-hero-truck img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.op-hero-truck:after{content:"";position:absolute;left:8%;right:8%;bottom:2px;height:14px;border-radius:50%;background:#27235144;filter:blur(6px);z-index:-1}.op-open{opacity:0;animation:sp-open .5s 3.7s ease forwards}.op-dicht{animation:sp-dicht .5s 3.7s ease forwards}@keyframes op-aanrij{0%{transform:translate(140%);opacity:0}25%{opacity:1}70%{transform:translate(-4%)}to{transform:none;opacity:1}}.op-kaart-bon{border:0;border-radius:6px 6px 0 0;rotate:2.5deg;box-shadow:none;filter:drop-shadow(0 0 1px #27235166) drop-shadow(12px 12px 0 var(--lime))}.op-kaart-bon:before{left:auto;right:18px;top:16px;translate:0 0;rotate:-12deg;width:auto;height:auto;padding:4px 10px;background:none;border:2px solid var(--coral);border-radius:8px;color:var(--coral);font:700 13px/1 Outfit,system-ui,sans-serif;letter-spacing:.12em;content:"OFFERTE";opacity:.85}.op-kaart-bon:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;background:linear-gradient(135deg,var(--card) 6px,transparent 0) 0 0/14px 12px repeat-x,linear-gradient(-135deg,var(--card) 6px,transparent 0) 0 0/14px 12px repeat-x}.op-kaart-bon>b{letter-spacing:.02em}.op-kaart-bon>.op-kaart-slot{border-top:1.5px dashed #27235144;padding-top:10px}.op-kaart-recept{rotate:2deg;background:repeating-linear-gradient(transparent 0 33px,#cbd8ee 33px 34px) 0 76px/100% calc(100% - 76px) no-repeat,var(--card)}.op-kaart-recept .op-confetti{opacity:.75}.op-kaart-recept:after{content:"";position:absolute;top:0;bottom:0;left:24px;width:1.5px;background:#f7b3a8;z-index:0}.op-pp{margin-top:16px;padding-top:14px;border-top:1.5px dashed var(--line)}.op-pp .sp-bereik b{font-size:32px}.op-check{position:sticky;top:24px;background:var(--salie);border-radius:24px;padding:40px 30px 26px;rotate:1deg;transition-delay:.12s}.op-check:before{content:"";position:absolute;left:50%;top:-14px;width:120px;height:30px;translate:-50% 0;background:var(--purple);border-radius:10px;box-shadow:0 4px #1b1640}.op-check:after{content:"";position:absolute;left:50%;top:-6px;width:34px;height:10px;translate:-50% 0;background:var(--salie);border-radius:6px}.op-check h3{margin-bottom:10px}.op-check ul{list-style:none;margin:0;padding:0}.op-check li{display:grid;grid-template-columns:28px 1fr;-moz-column-gap:14px;column-gap:14px;padding:12px 0;border-bottom:1.5px dashed #27235126}.op-check li:last-child{border-bottom:0}.op-vink{grid-row:1/3;width:28px;height:28px;margin-top:1px;overflow:visible}.op-vink rect{fill:var(--card);stroke:var(--ink);stroke-width:1.8}.op-vink path{fill:none;stroke:var(--coral);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .45s var(--ease);transition-delay:calc(.55s + var(--i) * .32s)}.op-check.is-in .op-vink path{stroke-dashoffset:0}.op-check.is-in .op-vink{animation:op-tik .45s calc(.55s + var(--i) * .32s) var(--ease)}@keyframes op-tik{45%{transform:scale(1.22) rotate(-6deg)}}.op-check b{font-size:16.5px;line-height:1.3}.op-check li span{grid-column:2;font-size:15px;line-height:1.5;color:var(--soft);margin-top:2px}.op-check-notitie{font-size:25px;margin:14px 0 0;rotate:-2deg;color:var(--purple)}.op-citaat{display:inline-block;margin-top:34px}.op-gespiegeld .sp-stad-in{grid-template-columns:.9fr 1.35fr}.op-gespiegeld .sp-stedenkaart{order:-1;rotate:1.2deg}@media(max-width:900px){.op-uitnodiging{margin:28px auto 0;max-width:440px}.op-check{position:relative;top:auto;rotate:0deg;margin-top:12px}.op-gespiegeld .sp-stad-in{grid-template-columns:1fr}.op-gespiegeld .sp-stedenkaart{order:0;rotate:-1deg}}@media(max-width:560px){.op-uitnodiging{margin-top:22px}.op-uitnodiging:after{aspect-ratio:100/40}.op-kaart{width:86%;box-shadow:8px 8px 0 var(--lime)}.op-kaart>b{margin-bottom:10px;padding-bottom:10px}.op-kaart-slot .sp-pijl{width:36px;height:24px}.op-hero-truck{width:60%;right:-10px}.op-check{padding:38px 20px 22px}}@media(prefers-reduced-motion:reduce){.op-confetti{display:none}.op-open{opacity:1}.op-dicht{opacity:0}.op-vink path{stroke-dashoffset:0}}