/* Resting Board art is complete, live, and independent of the opened surface. */
.stage .quote-board { width:110%; max-width:285px; transform:rotate(3deg); border-radius:0; overflow:visible; }
.stage .quote-board .object-photo { aspect-ratio:3/2; object-fit:contain; }
.board-preview { position:absolute; left:5.5%; right:5.5%; top:9%; bottom:9%; overflow:hidden; pointer-events:none; }
#board-preview-canvas { position:absolute; display:block; left:0; top:0; transform-origin:0 0; }
.board-clipping { display:block; width:286px; margin:0; min-height:0; padding:6px 9px 7px; border:0; border-radius:0; background:#fbfaf6; color:#1e1b17; text-align:justify; box-shadow:1px 3px 4px #3e230f58; transform:rotate(var(--tilt)); }
.board-preview .board-clipping { position:absolute; }
.board-quote { display:block; font:400 17px/1.12 'Clipping Pica','Times New Roman',serif; letter-spacing:.005em; text-indent:.65em; text-shadow:.2px 0 #221b1780,-.1px .2px #221b1760; }
.board-clipping:nth-child(3n) { background:#fffefb; }
.board-clipping:nth-child(5n) { background:#efe1c7; }
.board-clipping::before { content:''; position:absolute; z-index:2; left:48%; top:-6px; width:13px; height:13px; border-radius:50%; background:radial-gradient(circle at 35% 25%,#efb2a0,#af423b 65%,#662826); box-shadow:1px 3px 3px #27382d55; }
.board-clipping:nth-child(even)::before { background:radial-gradient(circle at 35% 25%,#b9d5de,#417381 65%,#254951); }
.board-clipping:nth-child(3n)::before { background:radial-gradient(circle at 35% 25%,#ede19a,#b6a64c 65%,#756620); }
.board-clipping::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.14; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23918575' filter='url(%23n)' opacity='.8' d='M0 0h140v140H0z'/%3E%3C/svg%3E"); }
.board-clipping img { display:block; width:100%; height:auto; pointer-events:none; }
.board-clipping:has(img) { padding:0; min-height:0; background:none; }
.board-clipping:has(img)::after { display:none; }
.board-clipping.visitor-clipping,.board-clipping.visitor-form-card { padding:9px 11px 9px 30px; background-color:#fbfbf3; background-image:linear-gradient(90deg,transparent 0 21px,#dfa49c 21px 22.5px,transparent 22.5px),repeating-linear-gradient(#fbfbf3 0 21px,#b9cde5 21px 22px); }
.visitor-clipping .board-quote,.visitor-form-card .board-quote { font:italic 400 16px/22px Georgia,serif; letter-spacing:0; text-indent:0; color:#2d3a56; }
@media(max-width:650px) { .stage .quote-board { grid-column:1 / span 2; } }