/* Shared physical paper treatment on every page. */
:is(.postit,.sticky,.joke-note){--paper:#f6e58b;isolation:isolate;position:relative;border:0;border-radius:1px 2px 10px 2px / 1px 1px 3px 2px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23786e48' opacity='.06' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E"),linear-gradient(178deg,#9381300d 0%,transparent 12%,#ffffff09 63%,#fff8 98%);box-shadow:0 1px 2px #29382a17,2px 5px 5px -3px #25342735,6px 15px 15px -9px #25342740;}
:is(.postit,.sticky,.joke-note):before{content:'';position:absolute;z-index:0;inset:0 0 auto;height:29px;width:auto;background:linear-gradient(#8278380b,#8278380b 70%,transparent);box-shadow:none;transform:none;clip-path:none;pointer-events:none;border-bottom:1px solid #81704408}
:is(.postit,.sticky,.joke-note):after{content:'';position:absolute;z-index:0;inset:auto 0 0 auto;width:26px;height:23px;background:linear-gradient(138deg,transparent 47%,#79694119 48%,#fff9 56%,#fff3 75%,transparent 80%);box-shadow:none;transform:none;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.true-yellow,.lemon{--paper:#f5e793}.true-pink,.blush{--paper:#edbec5}.true-blue{--paper:#bedde5}.mint{--paper:#cadfc4}.joke-note.turned{--paper:#fff4d2;background-color:var(--paper)}
/* Less theatrical tilt keeps the effect believable and the handwriting readable. */
.personal-first{transform:rotate(-2deg)}.personal-second{transform:rotate(2deg)}.personal-third{transform:rotate(2.2deg)}.personal-fourth{transform:rotate(-1.5deg)}.pen-name{transform:rotate(-2.5deg)}.studio-sticky{transform:rotate(-4deg)}
.notebook,.torn-sheet,.lined-leaf{--paper:#fffdf2;isolation:isolate;position:relative;background:none;box-shadow:none;border:0;padding:40px 28px 28px 48px;filter:drop-shadow(2px 5px 3px #22362d22)}
:is(.notebook,.torn-sheet,.lined-leaf):before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;transform:none;width:auto;height:auto;border:0;background-color:var(--paper);background-image:radial-gradient(ellipse at center,#a9aea066 0 3px,#f7f6ed 3.3px 5px,transparent 5.4px),linear-gradient(90deg,transparent 33px,#cf938a80 33px,#cf938a80 34px,transparent 34px),repeating-linear-gradient(0deg,transparent,transparent 30px,#80a8b35c 30px,#80a8b35c 31px);background-size:20px 38px,100% 100%,100% 31px;background-repeat:repeat-y,no-repeat,repeat;background-position:3px 17px,0 0,0 0;clip-path:polygon(1% 0,8% .4%,17% 0,26% .5%,39% 0,52% .4%,65% 0,79% .4%,91% 0,100% .3%,99.8% 99%,96% 99.6%,92% 98.9%,89% 100%,85% 99.2%,80% 99.8%,76% 98.9%,72% 99.7%,67% 99%,61% 100%,55% 99.2%,51% 99.7%,46% 99%,40% 99.8%,36% 99.2%,30% 100%,24% 99%,18% 99.7%,13% 99%,8% 99.7%,2% 99.2%,0 98%,.6% 93%,0 88%,.8% 82%,0 77%,.6% 71%,0 65%,.8% 59%,0 53%,.7% 47%,0 41%,.7% 36%,0 29%,.6% 23%,0 17%,.7% 11%,0 5%)}
:is(.notebook,.torn-sheet,.lined-leaf):after{display:none}.lined-leaf .script{line-height:1.3}.lined-leaf .tiny{margin-top:4px}.lined-leaf .note-link{background:#fffdf1bb}.lined-leaf p.script{font-size:29px;line-height:1.32}.personal-collage .lined-leaf{min-height:320px}.lined-leaf h2.script{font-size:36px;margin:17px 0 16px}.lined-leaf .paper-tab{background:#dce5d5;top:-23px}
.letter-slip{position:relative;isolation:isolate;background:#fffaf0;background-image:linear-gradient(0deg,transparent 32.6%,#5a4c2610 33%,#fff9 33.4%,transparent 34%,transparent 66%,#6758340c 66.5%,#fff9 67%,transparent 67.5%),linear-gradient(92deg,#00000002,transparent 48%,#75634607 50%,transparent 52%);padding:32px 30px 27px;box-shadow:0 1px 1px #33331520,3px 8px 10px -5px #273b2e38;transform:rotate(1.5deg);border-radius:0}
.letter-slip:before{content:'';display:block;width:80px;height:24px;position:absolute;top:-12px;left:calc(50% - 40px);background:#ded3adc4;box-shadow:0 1px 1px #665e2712;transform:rotate(-5deg);clip-path:polygon(0 5%,98% 0,100% 95%,2% 100%)}.letter-slip:after{display:none}.letter-slip .letter-heading{display:flex;justify-content:space-between;gap:15px;font:8px/1.5 Arial;letter-spacing:1.3px;border-bottom:1px solid #bebba8;padding-bottom:13px;margin-bottom:20px}.letter-slip .letter-greeting{font:32px/1.2 Pen;margin:18px 0}.letter-slip p{font:18px/1.65 Georgia;margin:14px 0}.letter-slip .signature{font:32px Pen;display:block;margin-top:20px}.letter-slip h2{font-size:35px;margin:22px 0}.letter-slip .tiny{font-size:9px}.letter-slip .note-link{font-size:13px}.personal-fourth{margin-top:22px}.featured-book-note.letter-slip{transform:rotate(1.5deg)}
.paper{position:relative;background-color:#faf9ed;background-image:linear-gradient(90deg,transparent 7%,#c8908770 7%,#c8908770 calc(7% + 1px),transparent calc(7% + 1px)),repeating-linear-gradient(0deg,transparent,transparent 29px,#87a9b044 29px,#87a9b044 30px);border:0;box-shadow:0 3px 4px #34463915;clip-path:polygon(0 3%,4% 1%,9% 3%,16% 0,22% 2%,28% 0,35% 3%,43% 0,51% 2%,59% 0,65% 3%,73% 0,81% 2%,89% 0,95% 2%,100% 0,100% 97%,95% 100%,88% 98%,80% 100%,74% 97%,68% 100%,61% 98%,54% 100%,46% 98%,39% 100%,32% 97%,23% 100%,15% 98%,8% 100%,0 98%)}
@media(max-width:700px){.lined-leaf,.notebook,.torn-sheet{padding:35px 22px 27px 43px}.lined-leaf h2.script{font-size:35px}.lined-leaf p.script{font-size:28px}.letter-slip{padding:28px 24px}.letter-slip h2{font-size:34px}.letter-slip p{font-size:18px}.personal-fourth{margin-top:10px}}
.advertising-desk{padding:45px 6% 65px;background:#ecebe3}.advert-feature{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:start}.cinema-clipping{background:#faf7ec;padding:28px;box-shadow:2px 6px 11px #23392b23;transform:rotate(-1deg);border-bottom:2px dashed #c3bfaf}.clipping-masthead{font:9px Arial;letter-spacing:2px;display:flex;justify-content:space-between;gap:15px;border-top:3px double #4a5d52;border-bottom:1px solid #9da494;padding:12px 0;margin-bottom:25px}.cinema-clipping h2{font-size:45px}.clip-deck{font-size:19px;line-height:1.45}.cinema-clipping video{width:100%;aspect-ratio:16/9;background:#101d20;display:block;object-fit:contain}.clip-credit{font:11px/1.6 Arial;color:#617166}.advert-sidebar{display:grid;gap:35px;padding-top:12px}.advert-sidebar .lined-leaf{transform:rotate(2deg)}.advert-sidebar .lined-leaf h2{font-size:34px}.advert-sidebar .lined-leaf p{font-size:26px}.advert-sidebar .letter-slip{transform:rotate(-2deg)}.home-ad-link{padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:45px;background:#f5f2e8}.home-ad-link h2{font-size:40px}.home-ad-link p{font-size:18px;max-width:500px}.home-ad-link .sticky{min-width:250px;transform:rotate(3deg)}.home-ad-link .script{font-size:30px}.home-ad-link .sticky:hover{transform:rotate(0deg)}@media(min-width:701px) and (max-width:1300px){header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between}}@media(max-width:700px){.advertising-desk{padding:35px 6% 45px}.advert-feature{grid-template-columns:1fr;gap:30px}.cinema-clipping{padding:23px 18px}.cinema-clipping h2{font-size:36px}.advert-sidebar{gap:30px}.home-ad-link{display:block;padding:35px 6% 45px}.home-ad-link h2{font-size:35px}.home-ad-link .sticky{display:block;margin:28px 12px 0;min-width:0}.clipping-masthead{font-size:8px;letter-spacing:1px}}
.gallery-welcome{padding:45px 6% 50px;background:#e9ece3}.gallery-opening{display:grid;grid-template-columns:1.65fr 1fr;gap:65px;margin-top:40px;align-items:center}.gallery-opening .lined-leaf{transform:rotate(-1deg)}.gallery-opening .lined-leaf p.script{font-size:32px}.gallery-opening .lined-leaf p:not(.script){font-size:18px;line-height:1.65}.gallery-opening .sticky{transform:rotate(3deg);max-width:320px}.original-collection{padding:50px 6% 65px;background:#f6f3e8}.original-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px;align-items:start}.original-item{min-width:0;background:#fffdf7;box-shadow:1px 6px 12px #20362c17;padding:12px;transform:rotate(-.7deg)}.original-item:nth-child(3n+2){transform:rotate(.8deg)}.original-picture{border:0;padding:0;width:100%;display:block;background:#ebe9e0;cursor:zoom-in;position:relative;color:#173e42}.original-picture img{display:block;width:100%;height:235px;object-fit:contain}.original-picture>span{display:block;text-align:right;padding:9px 10px;font:8px Arial;letter-spacing:2px;background:#f3f0e5}.original-caption{padding:14px 9px}.original-caption h3{font:20px/1.4 Georgia;letter-spacing:0;margin:0;overflow-wrap:anywhere}.original-caption details{margin-top:18px}.original-caption summary{font:13px/1.5 Arial;cursor:pointer;color:#b1382d}.original-caption details p{font:16px/1.65 Georgia;white-space:pre-line}.archive-intro{font:19px/1.6 Georgia;max-width:780px;margin:0 0 35px}.great-media-collection{background:#e9dfcc}.media-grid .original-picture img{height:330px;object-fit:contain}.media-grid .original-item{padding:14px}.gallery-crosslink{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#dee7dd;padding:45px 6%}.gallery-crosslink p{font-size:18px;max-width:560px}.prize-car-feature{background:#e6dfd0;padding:45px 6% 55px}.prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.prize-grid .original-picture img{height:350px}.prize-grid .original-caption h3{font-size:21px}.original-viewer{width:min(1250px,95vw);padding:18px;background:#fffaf0;max-height:94vh}.original-viewer>button{z-index:2}.original-viewer-layout{clear:both;display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start;padding:10px}.original-viewer-layout>img{width:100%;max-height:75vh;object-fit:contain}.original-viewer-layout p{font:18px/1.65 Georgia;white-space:pre-line;color:#173e42}.original-viewer-layout .tiny{color:#a6372b;margin-top:15px}header nav{gap:16px;font-size:14px}@media(max-width:1000px){.original-grid{grid-template-columns:repeat(2,1fr)}.prize-grid .original-picture img{height:270px}.gallery-opening{gap:30px}}@media(max-width:700px){.gallery-welcome{padding:35px 6%}.gallery-welcome h1{font-size:59px}.gallery-opening{grid-template-columns:1fr;gap:30px}.gallery-opening .sticky{justify-self:end}.original-grid,.prize-grid{grid-template-columns:1fr;gap:27px}.original-collection,.prize-car-feature{padding:35px 6%}.original-picture img{height:260px}.prize-grid .original-picture img{height:auto;max-height:500px}.original-viewer-layout{grid-template-columns:1fr;gap:10px;padding:0}.original-viewer-layout>img{max-height:55vh}.original-viewer-layout p{font-size:17px}.gallery-crosslink{display:block;padding:35px 6%}.gallery-crosslink .button{margin-top:20px}.original-caption h3{font-size:21px}}
