/* Small, static paper collages. Only the paper rotates; content stays level. */
.paper-note{--note-paper:#fff1dc;--note-tape:#df87a64d;--note-tilt:-1.4deg;position:relative;z-index:0;padding:25px 26px 29px;color:var(--ink)}
.paper-note:before{content:'';position:absolute;z-index:-1;inset:-2px -4px -5px;background:var(--note-paper);transform:rotate(var(--note-tilt));clip-path:polygon(0 1%,99% 0,100% 96%,97% 98%,94% 96.5%,90% 99%,86% 97%,81% 100%,77% 97.5%,73% 99%,68% 97%,63% 99.5%,58% 97.5%,53% 100%,48% 98%,43% 99.5%,38% 97%,33% 99%,28% 97.5%,23% 100%,18% 98%,13% 99%,8% 97%,4% 99%,0 97%);border-top:1px solid #ffffffb3}
.paper-note:after{content:'';position:absolute;z-index:-1;top:-12px;right:24px;width:76px;height:25px;background:var(--note-tape);border:1px solid #fffaf344;transform:rotate(8deg);clip-path:polygon(2% 0,99% 4%,97% 100%,0 96%);pointer-events:none}
.work-intro .gallery-note{margin:7px 0 24px;font-size:15px;line-height:1.65}
.gallery-note strong{display:inline;font:600 22px/1.35 Fredoka;color:var(--pink);letter-spacing:-.02em}
.work-intro{padding-top:12px}
.workshops-section .workshop-note{--note-paper:#fff8e9;--note-tape:#b4a0d34d;--note-tilt:1.5deg;padding:26px 28px 30px;margin-bottom:7px;max-width:370px;font-size:16px;line-height:1.6}
.workshop-note strong{font-weight:800}
.workshop-note:after{right:auto;left:24px;transform:rotate(-9deg)}
.workshop-note>span{margin-top:18px}
.about-layout .about-note{--note-paper:#edf2e8;--note-tape:#e6bf6b66;--note-tilt:-1deg;padding:32px 32px 35px;max-width:490px;font-size:17px;line-height:1.7}
.about-note:after{right:36px;transform:rotate(7deg);width:88px}
.about-note .quiet-link{margin-bottom:0}
@media(max-width:1000px){.about-layout .about-note{font-size:15px;padding:27px 26px 30px}}
@media(max-width:650px){
 .paper-note{padding:22px 22px 26px;--note-tilt:0deg}
 .paper-note:before{inset:0 -1px -3px;transform:none}
 .paper-note:after{top:-9px;right:22px;width:62px;height:21px}
 .work-intro .gallery-note{margin:5px 0 20px;font-size:13px;line-height:1.65}
 .gallery-note strong{font-size:21px}
 .work-intro{padding-top:7px}
 .workshops-section .workshop-note{padding:23px 22px 27px;font-size:14px;margin-top:30px;max-width:none}
 .workshop-note:after{left:20px}
 .about-layout .about-note{padding:27px 23px 30px;margin-top:40px;font-size:15px;max-width:none}
 .about-note:after{width:70px;right:26px}
}

/* Kraft-faced corrugated board: the fluted core is a separate, static edge. */
.paper-note{--card-face:#e3ccaa}
.workshops-section .workshop-note{--card-face:#e7d3b0}
.about-layout .about-note{--card-face:#e0c8a4}
.paper-note:before{
 background:repeating-linear-gradient(90deg,#8d603b0c 0 1px,transparent 1px 11px),repeating-linear-gradient(7deg,#ffffff12 0 1px,transparent 1px 4px),linear-gradient(110deg,#fff3d233,transparent 55%,#8f633414),var(--card-face);
 border-top:1px solid #fff3d8b3;
 clip-path:polygon(0 1%,99% 0,100% 98%,97% 99%,93% 98%,89% 100%,84% 98.5%,79% 99.5%,74% 98%,69% 99.5%,64% 98.5%,59% 100%,54% 98.5%,49% 99.5%,44% 98%,39% 99.5%,34% 98.5%,29% 100%,24% 98.5%,19% 99.5%,14% 98%,9% 99.5%,4% 98.5%,0 99%);
}
.paper-note>.cardboard-edge{
 position:absolute;z-index:-2;inset:0 -5px -14px -3px;margin:0;padding:0;pointer-events:none;
 transform:rotate(var(--note-tilt));border-left:2px solid #b48c5a;border-right:1px solid #af8251;border-bottom:2px solid #997047;
 background:radial-gradient(ellipse 5px 4px at 6px 50%,#755133 0 2px,#d9b581 2.3px 3.5px,#9d764a 3.8px 4.2px,transparent 4.5px) left bottom/12px 10px repeat-x,linear-gradient(#c9a675,#c3a06d);
 box-shadow:1px 3px 0 #9c774a55,3px 9px 16px #50341c21;
}
.paper-note:after{border-color:#fff7df55;background-image:repeating-linear-gradient(0deg,#ffffff0b 0 1px,transparent 1px 3px)}
@media(max-width:650px){
 .paper-note>.cardboard-edge{inset:2px -1px -12px 0;transform:none;box-shadow:1px 3px 0 #9c774a44,2px 7px 12px #50341c1a}
}