.mock-page{--mock-ink:#571b30;--mock-paper:#f5eee5;--mock-pink:#e9ccd7;--mock-lavender:#d7cbea;background:var(--mock-paper);color:var(--mock-ink)}.mock-page .mock-book{padding-top:120px;overflow:hidden}.mock-page .studio-brand{color:var(--mock-ink)}.mock-page h1,.mock-page h2,.mock-page h3,.mock-page p{margin:0}.mock-opening,.mock-ideas{padding:30px max(30px,calc((100vw - 1200px)/2)) 65px}.mock-opening{background:radial-gradient(ellipse at 50% 45%,#e9ccd750,transparent 65%),var(--mock-paper)}.mock-fileline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #571b3040;padding-bottom:18px;font:10px/1.6 monospace;letter-spacing:.08em;margin:30px 0}.mock-cover{position:relative;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 100px;text-align:center}.mock-label{font:10px/1.7 monospace;letter-spacing:.07em}.mock-page .mock-cover h1{font:bold clamp(80px,11vw,150px)/.88 Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 30px}.mock-cover h1 em{font-family:Georgia,serif;font-weight:400;font-size:1.05em;color:var(--mock-ink);line-height:1.1}.mock-deck{font:14px/1.85 Arial,sans-serif;max-width:45ch}.mock-draft{font:9px monospace;letter-spacing:.08em;border-bottom:1px dashed currentColor;padding-bottom:9px;margin-top:25px}.mock-stamp{position:absolute;right:0;top:35px;border:2px solid var(--mock-ink);padding:13px 20px;font:bold 13px/1.4 monospace;transform:rotate(10deg);opacity:.7}.movable-scrap{position:absolute;border:0;color:var(--mock-ink);padding:25px 18px;text-align:left;box-shadow:4px 7px 14px #571b301b;cursor:grab;touch-action:none;z-index:2}.movable-scrap:before,.paper-tape{content:'';position:absolute;width:88px;height:25px;left:calc(50% - 44px);top:-12px;background:repeating-linear-gradient(45deg,#b39dc980 0 3px,#d7cbea95 3px 8px);transform:rotate(-5deg)}.movable-scrap span{display:block;font:italic 31px/1.15 Georgia,serif}.movable-scrap small{display:block;font:8px/1.6 monospace;margin-top:12px}.scrap-one{background:#fffaf1;left:0;top:190px;width:160px;rotate:-9deg}.scrap-two{background:var(--mock-pink);right:0;bottom:50px;width:210px;rotate:8deg}.scrap-star{background:transparent;box-shadow:none;left:15%;bottom:0;font-size:65px;padding:5px;color:#9873b4}.scrap-star:before{display:none}.movable-scrap.dragging{cursor:grabbing;z-index:5;box-shadow:8px 12px 20px #571b3030}.mock-instruction{font:9px/1.7 monospace;text-align:center;opacity:.7;margin:25px 0!important}.mock-scroll{display:block;width:fit-content;margin:0 auto;font:11px monospace;border-bottom:1px solid currentColor;padding:10px 0}.mock-ideas{background:#ede3eb;padding-top:40px;background-image:linear-gradient(#571b3006 1px,transparent 1px),linear-gradient(90deg,#571b3006 1px,transparent 1px);background-size:28px 28px}.mock-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:45px 0}.mock-page .mock-section-heading h2{font-size:clamp(35px,4.2vw,56px);line-height:1.1;letter-spacing:-.04em}.mock-section-heading>p{font:12px/1.8 Arial;max-width:40ch}.mock-campaign-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:65px 10px 85px}.idea-paper{position:relative;padding:38px;background:#fffaf2;box-shadow:7px 10px 0 #571b3010;transform:rotate(-2deg);border:1px solid #571b3014}.matcha-paper{background:#e4e8d9;transform:rotate(2deg)}.mock-page .idea-paper h3{font:600 32px/1.15 Arial;letter-spacing:-.035em;margin:25px 0}.idea-paper h3 em{font:italic 36px/1.2 Georgia}.idea-paper>p:not(.mock-label){font:13px/1.9 Arial}.idea-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.idea-tags span{border:1px solid #571b3050;padding:7px 9px;font:9px monospace}.idea-paper small{display:block;font:11px/1.8 Arial;opacity:.8}.article-heading{margin-top:70px}.article-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 30px;padding:25px 0 60px}.article-paper{position:relative;min-height:260px;background:var(--mock-paper);padding:30px 25px;box-shadow:5px 7px 0 #571b3010;rotate:-2deg}.article-paper:nth-child(2n){background:var(--mock-pink);rotate:2deg}.article-paper:nth-child(3n){background:var(--mock-lavender);rotate:-1deg}.article-paper .paper-tape{width:65px;left:calc(50% - 32px);height:22px}.mock-page .article-paper h3{font:600 23px/1.2 Arial;letter-spacing:-.025em;margin:20px 0 15px}.article-paper p{font:12px/1.8 Arial}.article-paper small{display:block;font:8px/1.7 monospace;margin-top:22px;opacity:.7}.mock-end{border-top:1px solid #571b3040;padding:45px 0 15px;text-align:center}.mock-end>p{font:600 35px/1.3 Arial;margin:25px 0}.mock-end small{display:block;font:11px/1.9 Arial;max-width:60ch;margin:auto}.mock-end a{display:inline-block;font:11px monospace;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:30px}.mock-page .small-footer{background:#ede3eb;color:var(--mock-ink)}.mock-page :focus-visible{outline:3px solid #9873b4;outline-offset:5px}@media(max-width:800px){.mock-cover{padding-inline:40px}.scrap-one{top:20px;width:130px;padding:18px}.scrap-two{bottom:0;width:185px;padding:18px}.scrap-star{left:5%}.mock-stamp{top:5px}.mock-campaign-notes{gap:30px}.idea-paper{padding:28px}.article-notes{grid-template-columns:1fr 1fr}.mock-section-heading{gap:25px}}@media(max-width:500px){.mock-opening,.mock-ideas{padding:25px 18px 45px}.mock-fileline{font-size:8px;gap:12px}.mock-cover{min-height:620px;padding:115px 0 130px}.mock-page .mock-cover h1{font-size:81px}.mock-stamp{font-size:9px;padding:9px;top:5px}.movable-scrap span{font-size:24px}.scrap-one{top:10px;width:120px;padding:17px}.scrap-two{bottom:0;width:180px;padding:17px}.scrap-star{left:8%;bottom:0;font-size:55px}.mock-deck{font-size:12px;max-width:36ch}.mock-section-heading{display:block;margin:35px 0}.mock-section-heading>p{margin-top:20px;max-width:none}.mock-campaign-notes{grid-template-columns:1fr;margin:45px 5px 65px;gap:40px}.article-notes{grid-template-columns:1fr;gap:30px;padding-inline:5px}.article-paper{min-height:0}.mock-end>p{font-size:28px}.mock-instruction{font-size:8px}}@media(prefers-reduced-motion:reduce){.mock-page *{scroll-behavior:auto!important}}
.mock-page .scrap-two{width:270px}.mock-page .scrap-two>span{white-space:nowrap}@media(max-width:800px){.mock-page .scrap-two{width:240px}}@media(max-width:500px){.mock-page .scrap-two{width:220px}}
/* Fit the pink paper to its lettering, with a small even margin. */
.mock-page .scrap-two{width:max-content;padding:22px 18px}.mock-page .scrap-two>span{width:max-content;white-space:nowrap}.mock-page .scrap-two>small{max-width:190px;white-space:normal}@media(max-width:800px){.mock-page .scrap-two{width:max-content;padding:18px}}@media(max-width:500px){.mock-page .scrap-two{width:max-content;padding:17px}.mock-page .scrap-two>small{max-width:155px}}