.scrap{--paper:#4e3f37;--writing:#f3e7d3;--accent:#f4d58d;--mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;--scrawl:var(--font-scrawl), "Bradley Hand", cursive;--edge:clamp(16px, 5vw, 48px);--over:clamp(12px, 3.6vw, 22px);background:var(--paper) url(/photos/paper-brown.webp) top center / 786px auto repeat;color:var(--writing);padding:clamp(56px,11vw,112px) 0 clamp(64px,11vw,120px);overflow:hidden}@media (min-width:800px){.scrap{background-size:1100px}}.scrap-page{width:min(760px,100%);padding:0 var(--edge);margin:0 auto;display:flow-root}.scrap{--pen:var(--font-pen), var(--font-note), "Bradley Hand", cursive;--size:clamp(23px, 6.3vw, 33px)}.scrap-flow p{font-family:var(--pen);font-weight:400;font-size:var(--size);letter-spacing:.01em;text-shadow:0 0 5px #281c16f2,0 0 12px #281c16cc;margin:0 0 .85em;line-height:1.12;position:relative}.scrap-block{display:contents}.scrap-hand.h1{font-size:calc(var(--size) * 1.05);padding-left:6%;transform:rotate(-.8deg)}.scrap-hand.h2{font-size:calc(var(--size) * .93);padding-right:5%;transform:rotate(.6deg)}.scrap-hand.h3{font-size:calc(var(--size) * 1.1);padding-left:10%;line-height:1.08;transform:rotate(-.4deg)}.scrap-hand.h4{font-size:calc(var(--size) * .98);word-spacing:.08em;padding-left:2%;transform:rotate(.9deg)}.scrap-hand.h2:first-line,.scrap-hand.h4:first-line{text-transform:uppercase;letter-spacing:.06em;font-size:.8em}.scrap-u{text-transform:uppercase;letter-spacing:.06em;text-underline-offset:3px;font-size:.82em;text-decoration:underline;text-decoration-thickness:1.5px}.scrap-o{text-transform:uppercase;letter-spacing:.06em;border:1.5px solid;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;margin:0 .1em;padding:0 .45em;font-size:.82em;line-height:1.25;display:inline-block;transform:rotate(-3deg)}.scrap-quote{color:var(--accent)}.scrap-script,.scrap-flow p.scrap-aside{font-family:var(--scrawl);letter-spacing:.04em;-webkit-text-stroke:.35px currentColor;color:var(--accent);font-weight:400}.scrap-script{z-index:2;transform-origin:0;white-space:nowrap;text-shadow:0 0 10px #281c16b3;margin:clamp(26px,9vw,60px) calc(-1*clamp(40px,14vw,110px)) clamp(30px,9vw,56px) 0;font-size:clamp(30px,9.6vw,62px);line-height:1.15;display:inline-block;position:relative;transform:rotate(-9deg)}.scrap-swash{width:78%;margin:-.1em 0 0 6%;display:block;overflow:visible}.scrap-swash path{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.scrap-flow p.scrap-jot{z-index:2;font-size:calc(var(--size) * 1.18);color:var(--accent);text-shadow:0 0 6px #1e140f,0 0 14px #1e140fe6;margin:.5em -3% 1em;line-height:1.08;transform:rotate(-4deg)}.scrap-photo.left+p.scrap-jot{margin-left:calc(-1*clamp(30px,10vw,66px))}.scrap-photo.right+p.scrap-jot{margin-right:calc(-1*clamp(30px,10vw,66px))}.scrap-flow p.scrap-aside{clear:both;text-shadow:none;margin:clamp(22px,7vw,46px) 2% clamp(28px,8vw,54px);font-size:clamp(19px,5.4vw,30px);line-height:1.65;transform:rotate(-3deg)}.scrap-flow p.scrap-aside .scrap-o{font-family:var(--pen);-webkit-text-stroke:0;font-size:1.25em;line-height:1}.scrap-photo{width:52%;margin:0;position:relative}.scrap-photo img{object-fit:cover;filter:sepia(.16)saturate(1.05)contrast(.98)brightness(1.02);width:100%;display:block}.scrap-photo.right{float:right;clear:right;margin:6px calc(-1 * var(--edge)) 22px 0;shape-outside:inset(0 0 0 var(--over))}.scrap-photo.left{float:left;clear:left;margin:6px 0 22px calc(-1 * var(--edge));shape-outside:inset(0 var(--over) 0 0)}.scrap-photo.n1{width:56%;transform:rotate(1.4deg)}.scrap-photo.n1 img{aspect-ratio:4/3}.scrap-photo.n2{transform:rotate(-2deg)}.scrap-photo.n2 img{aspect-ratio:7/8}.scrap-photo.n3{width:50%;margin-right:0;transform:rotate(1.8deg)}.scrap-photo.n3 img{aspect-ratio:4/5}.scrap-photo.n4{width:56%;transform:rotate(-1.2deg)}.scrap-photo.n4 img{aspect-ratio:4/3}.scrap-photo.n5{width:54%;transform:rotate(2.2deg)}.scrap-photo.n5 img{aspect-ratio:1}.scrap-photo.n3{background:#efe6d6;padding:7px 7px 26px;box-shadow:0 6px 18px #00000059}.scrap-photo.n2:before,.scrap-photo.n5:before{content:"";z-index:1;background:#e9dec88c;width:34%;height:20px;position:absolute;top:-9px;left:34%;transform:rotate(-5deg);box-shadow:0 1px 2px #00000040}.scrap-photo.n5:before{left:18%;transform:rotate(4deg)}.sub-nav{font-family:var(--font-mono), ui-monospace, Menlo, monospace;text-transform:lowercase;justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,48px);font-size:13px;display:flex}.sub-nav-scrap{color:#f3e7d3;background:#4e3f37 url(/photos/paper-brown.webp) top/786px}.sub-nav a{color:inherit;opacity:.85;text-decoration:none}.sub-nav-scrap+.scrap{padding-top:clamp(24px,6vw,48px)}
