#bnb-watch{padding:0;width:min(960px,100vw);max-width:100vw;height:min(900px,100dvh);max-height:100dvh;background:#070c0e;color:#e6e2d8;border:1px solid #8d7953;overflow:auto}#bnb-watch::backdrop{background:#020609dc}#bnb-watch [hidden]{display:none!important}.watch-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#0b1214}.watch-header h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.4rem,4vw,2rem);margin:0}.watch-header button,.watch-letter{font:inherit;font-size:1rem;color:#d8c193;background:#101916;border:1px solid #887754;padding:.8rem 1rem;cursor:pointer}.watch-camera{position:relative;overflow:hidden;background:#000;height:clamp(300px,60dvh,600px)}.watch-camera img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.38) brightness(.68);animation:watch-approach 6s linear forwards;transform-origin:50% 57%;will-change:transform}.watch-camera::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 100px #0008}.watch-rec{position:absolute;z-index:1;left:1rem;top:1rem;font:1rem ui-monospace,monospace;color:#dde3dd;letter-spacing:.12em}.watch-rec::before{content:'●';color:#c64b44;margin-right:.6rem}.watch-clock{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;font:clamp(2.2rem,9vw,5rem) ui-monospace,monospace;letter-spacing:.14em;color:#c9cec8}.watch-letter{display:block;width:calc(100% - 2.5rem);margin:1.25rem;text-align:left;padding:1.2rem}.watch-letter span{display:block;font-family:Georgia,serif;font-size:1.4rem}.watch-letter small{display:block;margin-top:.35rem;font-size:1rem;color:#a6aaa1}.watch-message{margin:1.5rem auto 2rem;padding:0 1.5rem;max-width:680px;outline-offset:6px}.watch-message p{font:clamp(1.5rem,5vw,2.3rem)/1.55 Georgia,serif;margin:0;color:#eee1c4}[data-read=true] .watch-camera img,[data-read=true] .watch-rec{visibility:hidden}[data-read=true] .watch-letter{display:none}.watch-paused .watch-camera img{animation-play-state:paused}[data-watch-returned] .bnb-war-image [data-watch-screen]{background:linear-gradient(#0b131755,#0b131755),url('/assets/bnb-buiten.webp') 50% 57%/cover;width:8%;height:17%;border-radius:0;border:1px solid #91a9a6;box-shadow:0 0 14px #d5e7d34d}[data-watch-returned] .bnb-war-image [data-watch-screen] span{display:none}[data-watch-returned] .bnb-tour-pin[data-watch-screen]{background:#0c1615;box-shadow:0 0 20px #d1e5d780}@keyframes watch-approach{from{transform:scale(1)}to{transform:scale(1.24)}}@media(prefers-reduced-motion:reduce){.watch-camera img{animation:none;transform:scale(1.12)}}