:root{--lucht:#6282a1;--water:#516068;--navy:#12303c;--messing-1:#e6be7e;--messing-2:#c1934e;--actie:#2e6e9e;--kraft:#d9b27e;--kraft-licht:#e8c89a;--kraft-donker:#b0854f;--brief:#e8613c;--foto:#f2c14e;--factuur:#b3455e;--nieuwsbrief:#eadfc2;--pakket:#7c6bb0;--audio:#7c6bb0;--video:#b3455e;--papier:#fbf1da;--inkt:#2e2015}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--inkt);-webkit-font-smoothing:antialiased;background:#0a2029;font-family:Karla,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #ffe9a8}#tafereel{position:fixed;inset:0;overflow:hidden}#foto{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.balk{pointer-events:none;position:absolute;left:0;right:0}.balk.boven{background:linear-gradient(180deg,#8faac2,var(--lucht));top:0}.balk.onder{background:linear-gradient(180deg,var(--water),#2c3a42);bottom:0}.scrim{pointer-events:none;background:linear-gradient(#06161e9e,#06161e47 45%,#06161e00);height:190px;position:absolute;top:0;left:0;right:0}.scrim.laag{background:linear-gradient(#06161e00,#06161e80);height:120px;top:auto;bottom:0}#laag{position:absolute;inset:0}#laag>*{position:absolute;top:0;left:0}#duif{transform-origin:50%;filter:drop-shadow(0 14px 16px #081e2873)}#duif svg{width:100%;display:block;overflow:visible}#duif:after{content:"";position:absolute;inset:-16px}#duif:hover,#duif:focus-visible{filter:drop-shadow(0 14px 16px #081e2873)drop-shadow(0 0 16px #fff0c8f2)}.vleugel{transform-origin:62px 46px;animation:.34s ease-in-out infinite alternate klap}.vleugel-ver{transform-origin:62px 46px;opacity:.72;animation:.34s ease-in-out infinite alternate-reverse klap}@keyframes klap{0%{transform:rotate(-16deg)scaleY(.96)}to{transform:rotate(24deg)scaleY(1.04)}}#duif.snel .vleugel,#duif.snel .vleugel-ver{animation-duration:.15s}#roep{z-index:5;background:var(--papier);color:#3b2c1d;white-space:nowrap;border-radius:9px;align-items:center;gap:9px;padding:9px 14px;font-family:Zilla Slab,Georgia,serif;font-size:15px;transition:opacity .3s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 12px 26px #06202673,inset 0 0 0 1px #96785059}#roep:after{content:"";background:var(--papier);width:12px;height:12px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}#roep .bol{background:var(--brief);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #0006}#roep.uit{opacity:0;pointer-events:none}#bijboot{background:0 0;padding:0}#bijboot svg{width:100%;display:block;overflow:visible}#bijboot .gloed{opacity:0;transition:opacity .25s}#bijboot:hover .gloed,#bijboot:focus-visible .gloed{opacity:1}#bijboot .banier{transform-origin:134px 50px;animation:3.6s ease-in-out infinite wapper}@keyframes wapper{0%,to{transform:rotate(-1.2deg)skewY(1deg)}50%{transform:rotate(1.4deg)skewY(-1.4deg)}}#bijboot .paal,#bijboot .banier{filter:drop-shadow(0 6px 8px #081e2866)}#bijboot:hover .banier,#bijboot:focus-visible .banier{animation-duration:1.9s}#dekpakket{pointer-events:none;opacity:0}#dekpakket svg{width:100%;display:block}#dekpakket.val{opacity:1;animation:.5s cubic-bezier(.3,1.4,.5,1) stuiter}@keyframes stuiter{0%{transform:translateY(-70px)scale(.8)rotate(-12deg)}60%{transform:translateY(5px)scale(1.05)}to{transform:translateY(0)scale(1)}}#dekpakket.val.stuwen{opacity:0;transition:transform .9s cubic-bezier(.4,0,.3,1),opacity .3s .6s;animation:none}.hud{z-index:8;justify-content:space-between;align-items:center;gap:16px;padding:clamp(14px,2vw,26px) clamp(14px,2.2vw,30px);display:flex;position:absolute;top:0;left:0;right:0}.merk{align-items:center;gap:13px;min-width:0;display:flex}.merk .zegelduif{color:#f2e3c2;filter:drop-shadow(0 2px 6px #00000080);flex:none;width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px)}.merk h1{letter-spacing:.02em;color:#fff4dc;white-space:nowrap;text-shadow:0 2px 10px #04141cb3;font-family:Zilla Slab,Georgia,serif;font-size:clamp(18px,2.2vw,29px);font-weight:600}.acties{align-items:center;gap:10px;display:flex}.kn{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;align-items:center;gap:9px;padding:11px 17px;font-family:Zilla Slab,Georgia,serif;font-size:15px;font-weight:500;transition:filter .14s,transform .1s;display:inline-flex}.kn svg{flex:none;width:19px;height:19px}.kn:hover{filter:brightness(1.12)}.kn:active{transform:translateY(1px)}.kn.rustig{color:#f4e7c9;background:#0c28348c;box-shadow:inset 0 0 0 1px #e6be7e8c,0 6px 18px #04141c59}.kn.hoofd{color:#f4faff;background:linear-gradient(#3f84b6,#245c86);box-shadow:inset 0 1px #ffffff59,0 6px 18px #04141c73}.hint{z-index:8;letter-spacing:.14em;text-transform:uppercase;color:#f0f6f0b3;text-shadow:0 1px 6px #000000b3;pointer-events:none;text-align:center;max-width:88%;font-family:IBM Plex Mono,monospace;font-size:10.5px;transition:opacity .5s;position:absolute;bottom:clamp(12px,2vh,22px);left:50%;transform:translate(-50%)}.hint.uit{opacity:0}.kompas{z-index:8;opacity:.75;pointer-events:none;filter:drop-shadow(0 4px 10px #00000080);width:clamp(46px,4.4vw,70px);position:absolute;bottom:16px;left:18px}.kompas svg{width:100%;display:block}.naald{transform-origin:50px 50px;animation:9s ease-in-out infinite wieg}@keyframes wieg{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}#tip,#uitkijkWolk{background:var(--papier);border-radius:4px;min-width:180px;padding:10px 13px 11px;box-shadow:0 14px 30px #06202680}#tip{z-index:30;pointer-events:none;opacity:0;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,-100%)translateY(2px)}#tip.aan{opacity:1;transform:translate(-50%,-100%)translateY(-10px)}#tip:after,#uitkijkWolk:after{content:"";background:var(--papier);width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}#tip .r1,#uitkijkWolk .r1{letter-spacing:.1em;color:#8a7355;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10.5px}#tip .r2,#uitkijkWolk .r2{margin-top:3px;font-family:Zilla Slab,Georgia,serif;font-size:16px;font-weight:600;line-height:1.2}#tip .r3,#uitkijkWolk .r3{color:#6b563c;margin-top:6px;font-size:12.5px}#uitkijkWolk{cursor:pointer;text-align:left}.sluis{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#082029a8;place-items:center;padding:clamp(14px,3vw,34px);transition:opacity .28s;display:grid;position:fixed;inset:0}.sluis.open{opacity:1;pointer-events:auto}.brief{background:var(--papier);opacity:0;background-image:repeating-linear-gradient(92deg,#a0825a0b 0 2px,#0000 2px 5px);border-radius:3px;width:min(560px,100%);max-height:84vh;padding:32px 36px 28px;transition:transform .42s cubic-bezier(.2,.9,.25,1),opacity .3s;position:relative;overflow:auto;transform:translateY(24px)scale(.95)rotate(-1.2deg);box-shadow:0 30px 70px #0214198c}.sluis.open .brief{opacity:1;transform:translateY(0)scale(1)rotate(-.4deg)}.zegel{opacity:0;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .4s cubic-bezier(.3,1.5,.5,1) .2s,opacity .2s .2s;display:grid;position:absolute;top:22px;right:26px;transform:rotate(-9deg)scale(.4);box-shadow:0 6px 14px #3c140a66,inset 0 -3px 6px #00000038,inset 0 3px 5px #ffffff47}.sluis.open .zegel{opacity:1;transform:rotate(-9deg)scale(1)}.zegel svg{color:#ffffffd9;width:28px;height:28px}.brief .kop2{flex-wrap:wrap;align-items:baseline;gap:12px;padding-right:66px;display:flex}.badge{letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:5px 9px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500}.datum{letter-spacing:.1em;color:#8a7355;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.brief h2{margin:15px 0 4px;font-family:Zilla Slab,Georgia,serif;font-size:clamp(25px,3.2vw,34px);font-weight:700;line-height:1.1}.brief .van{color:#6b563c;margin-bottom:20px;font-size:14px}.brief .van b{color:#3e2e1c;font-weight:700}.brief p.tekst{color:#3b2c1d;margin-bottom:13px;font-size:16.5px;line-height:1.62}.voet{border-top:1px solid #8c6e4640;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:16px;display:flex}.voet .meta{letter-spacing:.1em;text-transform:uppercase;color:#8a7355;font-family:IBM Plex Mono,monospace;font-size:10.5px}.terug{letter-spacing:.13em;text-transform:uppercase;background:var(--navy);color:#f7e7c6;border-radius:3px;padding:12px 18px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;transition:filter .15s}.terug:hover{filter:brightness(1.3)}.manifest{opacity:0;background:linear-gradient(#153845,#0d2731);border-radius:10px;flex-direction:column;width:min(700px,100%);max-height:86vh;transition:transform .4s cubic-bezier(.2,.9,.25,1),opacity .28s;display:flex;position:relative;overflow:hidden;transform:translateY(24px)scale(.96);box-shadow:0 30px 80px #02141999,inset 0 0 0 2px #e6be7e80}.sluis.open .manifest{opacity:1;transform:none}.manifest header{border-bottom:1px solid #e6be7e47;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 26px 18px;display:flex}.manifest h2{color:#f7e7c6;font-family:Zilla Slab,Georgia,serif;font-size:clamp(21px,2.6vw,28px);font-weight:600;line-height:1.1}.manifest .lading{letter-spacing:.13em;text-transform:uppercase;color:#e6cea0b3;margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:11px}.manifest .rol{flex-direction:column;gap:9px;padding:16px 20px 22px;display:flex;overflow-y:auto}.maandlijn{align-items:center;gap:12px;margin:12px 4px 4px;display:flex}.maandlijn span{letter-spacing:.18em;text-transform:uppercase;color:#e6cea09e;font-family:IBM Plex Mono,monospace;font-size:10.5px}.maandlijn i{background:repeating-linear-gradient(90deg,#e6be7e80 0 4px,#0000 4px 9px);flex:1;height:1px}.pakket{text-align:left;background:linear-gradient(#fff6e412,#fff6e408);border-radius:6px;align-items:center;gap:16px;width:100%;padding:12px 14px;transition:transform .14s,box-shadow .14s,background .14s;display:flex;box-shadow:inset 0 0 0 1px #e6be7e38}.pakket:hover,.pakket:focus-visible{background:#fff6e41c;transform:translate(4px);box-shadow:inset 0 0 0 1px #e6be7e80}.pakket .doos{flex:none;width:52px;height:44px}.pakket .doos svg{width:100%;height:100%;display:block}.pakket .lijnen{flex:1;min-width:0}.pakket .lijnen span{display:block}.pakket .d{letter-spacing:.1em;text-transform:uppercase;color:#e6cea09e;font-family:IBM Plex Mono,monospace;font-size:10.5px}.pakket .t{color:#f7e7c6;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:Zilla Slab,Georgia,serif;font-size:17px;font-weight:600;overflow:hidden}.pakket .v{color:#f0e2c6a8;margin-top:1px;font-size:13px}.pakket .soortmerk{letter-spacing:.12em;text-transform:uppercase;border-radius:2px;flex:none;padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.opstel{background:var(--papier);opacity:0;background-image:repeating-linear-gradient(92deg,#a0825a0b 0 2px,#0000 2px 5px);border-radius:3px;width:min(520px,100%);padding:30px 32px 26px;transition:transform .42s cubic-bezier(.2,.9,.25,1),opacity .3s;position:relative;transform:translateY(24px)scale(.95)rotate(.6deg);box-shadow:0 30px 70px #0214198c}.sluis.open .opstel{opacity:1;transform:none}.opstel h2{margin-bottom:4px;font-family:Zilla Slab,Georgia,serif;font-size:28px;font-weight:700}.opstel .sub{color:#6b563c;margin-bottom:22px;font-size:14px}.veld{margin-bottom:14px}.veld label{letter-spacing:.12em;text-transform:uppercase;color:#8a7355;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:block}.veld input,.veld textarea{width:100%;color:var(--inkt);background:#ffffff80;border:1px solid #8c6e4659;border-radius:2px;padding:11px 12px;font-family:Karla,sans-serif;font-size:16px}.veld textarea{resize:vertical;min-height:104px;line-height:1.55}.veld input:focus,.veld textarea:focus{border-color:var(--actie);outline:none;box-shadow:0 0 0 3px #2e6e9e2e}.opstel .voet{margin-top:20px}.verzend{color:#f4faff;background:linear-gradient(#3f84b6,#245c86);border-radius:4px;align-items:center;gap:9px;padding:12px 18px;font-family:Zilla Slab,Georgia,serif;font-size:15px;display:inline-flex;box-shadow:0 5px 14px #00000047}.verzend:hover{filter:brightness(1.1)}.verzend svg{width:18px;height:18px}#duifWeg{z-index:35;pointer-events:none;opacity:0;width:130px;position:fixed}#duifWeg svg{width:100%;display:block}#melding{z-index:36;opacity:0;color:#f7e7c6;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#1a404e,#0e2833);border-radius:6px;padding:11px 20px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:transform .3s,opacity .3s;position:fixed;bottom:44px;left:50%;transform:translate(-50%,14px);box-shadow:inset 0 0 0 1.5px #e6be7e8c,0 10px 24px #00000080}#melding.aan{opacity:1;transform:translate(-50%)}@media (width<=700px){.merk h1{font-size:17px}.kn{gap:6px;padding:10px 12px;font-size:13px}.kn .etiket{display:none}.brief,.opstel{padding:24px 20px 20px}.zegel{width:44px;height:44px;top:16px;right:16px}.zegel svg{width:22px;height:22px}.brief .kop2{padding-right:52px}.pakket .doos{width:42px;height:36px}.pakket .soortmerk{display:none}.kompas{width:44px;bottom:12px;left:12px}.hint{letter-spacing:.1em;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.vleugel,.vleugel-ver,.naald,#bijboot .banier{animation:none!important}.brief,.zegel,.manifest,.opstel,#tip{transition:none!important}#dekpakket.val{animation:none}}