/* The screen is a camera: bounded paper surfaces share one moving viewpoint. */
.whiteboard-stage{position:fixed;inset:0;z-index:500;overflow:hidden;background:#e9eae5;pointer-events:auto;contain:strict}
.whiteboard-polaroid{position:absolute;left:0;top:0;overflow:visible;background:#f8f5ed;outline:1px solid rgba(44,43,34,.10);box-shadow:1px 3px 0 rgba(44,43,34,.12);transform-origin:0 0;will-change:transform;contain:layout;pointer-events:none}
.whiteboard-window{position:absolute;overflow:hidden;contain:layout paint;background:#f5f5f3}
.whiteboard-window #gallery,.whiteboard-window #about-page,.whiteboard-window #contact-page{background:#f5f5f3}
.whiteboard-window>footer{display:flex!important}
.whiteboard-polaroid *{will-change:auto!important}
.whiteboard-window .board-rail{overflow:hidden;contain:paint;-webkit-overflow-scrolling:auto}
.whiteboard-window>img{display:block;width:100%;height:100%;object-fit:cover}
.whiteboard-label{position:absolute;text-align:center;font-family:'Caveat','Bradley Hand',cursive;font-weight:600;line-height:1.1;letter-spacing:.015em;text-transform:none;color:#284c91}
.whiteboard-focus-lock{position:absolute;pointer-events:none;opacity:0}
.whiteboard-focus-lock i{position:absolute;width:7px;height:7px;border-color:#000;border-style:solid}
.whiteboard-focus-lock i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}
.whiteboard-focus-lock i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}
.whiteboard-focus-lock i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}
.whiteboard-focus-lock i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
/* Mounts stay on the paper margin; their texture is static, matte and tiny. */
.whiteboard-mount{position:absolute;pointer-events:none;transform-origin:center}
.whiteboard-mount-pin{border-radius:50%;background:#706b60;border:calc(var(--mount-unit)*.7) solid #575348;box-shadow:0 var(--mount-unit) var(--mount-unit) rgba(34,31,24,.22),inset 0 var(--mount-unit) 0 rgba(255,252,234,.12)}
.whiteboard-mount-tape{background-color:rgba(205,193,151,.72);background-image:repeating-linear-gradient(7deg,rgba(255,253,229,.26) 0 calc(var(--mount-unit)*.8),transparent calc(var(--mount-unit)*.8) calc(var(--mount-unit)*3)),repeating-linear-gradient(96deg,rgba(117,104,72,.10) 0 calc(var(--mount-unit)*.6),transparent calc(var(--mount-unit)*.6) calc(var(--mount-unit)*4));clip-path:polygon(2% 0,98% 2%,100% 18%,97% 29%,100% 43%,98% 57%,100% 78%,97% 100%,0 96%,2% 82%,0 64%,3% 43%,0 22%);box-shadow:inset 0 calc(var(--mount-unit)*-1) 0 rgba(123,111,73,.12)}
.whiteboard-scribble{position:absolute;left:0;top:0;overflow:hidden;z-index:0;pointer-events:none;transform-origin:0 0;will-change:transform;contain:layout paint}
.whiteboard-scribble path{fill:none;stroke:#284c91;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.86}
/* Only the whiteboard thumbnail receives a paired suspension. The retained
   filmstrip thumbnail and the real Contact rig keep their own construction. */
.whiteboard-contact-preview::after{display:none}
.whiteboard-contact-straps{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.whiteboard-contact-loop{position:absolute;overflow:hidden;pointer-events:none;contain:layout paint}
.whiteboard-fabric-edge{fill:#242320;stroke:none}
.whiteboard-fabric-body{fill:none;stroke:#23241f;stroke-linecap:butt;stroke-linejoin:round}
.whiteboard-fabric-bands{fill:none;stroke:#deded1;stroke-dasharray:19 54 12 43;stroke-dashoffset:30;stroke-linecap:butt}
.whiteboard-fabric-weave{fill:none;stroke:#c3bca5;stroke-opacity:.20;stroke-dasharray:.6 2.4;stroke-linecap:butt}