/* Kayla's scrapbook: a desk, a binding, and five connected chapters. */
:root{--desk:#e8edeb;--book-paper:#fdfcf7;--book-line:#cbd0c5;--spring:cubic-bezier(.2,1.4,.4,1)}
body{background-color:var(--desk);background-image:linear-gradient(#90a49b0b 1px,transparent 1px),linear-gradient(90deg,#90a49b0b 1px,transparent 1px);background-size:26px 26px;color:#323c37}
.scrapbook-desk{width:min(1250px,calc(100% - 90px));margin:0 auto;padding:0 0 20px;position:relative}
.desk-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:87px}
.scrapbook-wordmark{display:flex;align-items:center;gap:11px;white-space:nowrap}
.scrapbook-wordmark>.doodle-icon{width:29px;height:29px;color:var(--blue);transform:rotate(-8deg)}
.scrapbook-wordmark>.hand{font-size:28px;transform:rotate(-3deg)}
.desk-caption{font-size:10px;color:#7b8880;letter-spacing:.2px}
.desk-hello{font-size:11px;border-bottom:1px dashed #a4b1a5;padding:7px 0}
.folder-navigation{display:flex;align-items:end;gap:6px;margin-left:290px;padding:7px 7px 0 6px;position:sticky;top:0;z-index:20;isolation:isolate}
.folder-tab{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;flex:1;min-width:105px;min-height:57px;padding:14px 12px 10px;background:#e5e9de;border:1px solid #b5c0b4;border-bottom:0;border-radius:11px 23px 0 0;transform:translateY(5px) rotate(-.6deg);transform-origin:bottom center;transition:transform .5s var(--spring),background .25s;box-shadow:1px -2px 2px #6b7e6810;font-size:12px}
.folder-tab:nth-child(2n){transform:translateY(6px) rotate(.8deg)}
.folder-tab:hover{transform:translateY(-4px) rotate(-1deg)}
.folder-tab[aria-current=page]{transform:translateY(0);min-height:66px;z-index:3;box-shadow:2px -3px 3px #6b7e6817}
.folder-tab[aria-current=page]:after{content:'';position:absolute;height:3px;bottom:10px;left:35%;right:14%;border-radius:50%;background:#7080727a;transform:rotate(-4deg)}
.folder-blue{background:#dce6e9}.folder-mint{background:#e2e9d3}.folder-rose{background:#eedde2}.folder-yellow{background:#eee9d2}.folder-lilac{background:#e3dfed}
.tab-number{font:19px var(--hand);color:#73867b}
.folder-tab-icon{display:none}
.book-shell{display:grid;grid-template-columns:260px 32px minmax(0,1fr);background:var(--book-paper);border:1px solid #bec7ba;border-radius:13px 7px 9px 13px;position:relative;isolation:isolate;box-shadow:4px 5px 0 #e3e3d7,5px 6px 0 #bdc6b8,9px 11px 0 #d4ddd1,10px 12px 0 #b7c2b2,12px 23px 35px #526e5e18;margin-bottom:35px}
.book-shell:before{content:'';position:absolute;left:0;top:0;bottom:0;width:260px;background:#f1f0e7;border-radius:13px 0 0 13px;z-index:-1;background-image:radial-gradient(#a1ac9f25 .6px,transparent .6px);background-size:17px 17px}
.author-page{padding:32px 22px 38px;position:relative;min-width:0}
.author-inner{position:sticky;top:100px;text-align:center}
.author-label{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:13px}
.author-label>.tiny{font-size:8px;letter-spacing:1px}
.author-label>.hand{font-size:22px;color:#a47a8c;position:absolute;right:-6px;top:10px;transform:rotate(9deg)}
.author-name{display:block;font:700 69px/.95 var(--display);letter-spacing:-3.8px;position:relative;padding-top:12px;text-align:left;margin-left:11px}
.author-name>span{font:39px var(--hand);color:#7b9aab;display:inline-block;position:relative;left:8px;top:-6px;transform:rotate(14deg)}
.author-role{font-size:11px;line-height:1.7;margin:18px 0 0;text-align:left;padding-left:12px;color:#738074}
.author-page .hero-stage{width:230px;height:240px;max-width:none;margin:9px -6px 0;position:relative}
.author-page .avatar-scene{width:228px;height:228px;margin:0 auto}
.author-page .avatar-caption{left:0;right:0;bottom:-7px;font-size:18px;transform:rotate(-4deg);white-space:nowrap}
.author-page .hi-bubble{left:-4px;right:auto;top:9px;font-size:20px;padding:3px 12px;z-index:4}
.author-page .hero-star{min-width:35px;min-height:35px;padding:4px;z-index:3}
.author-page .hero-star .doodle-icon{width:26px;height:26px}
.author-page .star-left{left:-6px;top:44px}.author-page .star-right{right:-10px;top:136px}
.author-footnote{padding-top:20px}
.author-footnote>.hand{font-size:24px;color:#6e8375;line-height:1.1;display:block;transform:rotate(-5deg)}
.author-footnote>p{font-size:9px;margin-top:15px;color:#8a9387;letter-spacing:.2px}
.author-page .floating-note{position:relative;left:auto;right:auto;top:auto;margin:35px auto 0;width:183px;transform:rotate(-5deg)}
.author-page .sticky-front,.author-page .sticky-back{padding:20px 18px 12px;min-height:136px;background:#eee7cf;border-color:#ded6ba}
.author-page .sticky-front .tiny{font-size:7px;margin-bottom:9px}
.author-page .sticky-front .hand{font-size:23px}
.author-page .sticky-front small{font-size:8px;margin-top:14px}
.author-page .sticky-front .doodle-icon{width:26px;height:26px;right:10px;bottom:13px}
.author-page .sticky-back .hand{font-size:23px}
.author-page .tape{background:#c3d0dfaa;width:65px;left:calc(50% - 32px);height:20px;top:-10px}
.binding{background:linear-gradient(90deg,#dfdfd329,#a1ab9459 47%,#b7c0ae3d 52%,#eeeede60);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:82px;padding-top:61px;position:relative;border-left:1px solid #d6d9c9;border-right:1px solid #dddcd1;z-index:2}
.binding i{width:45px;height:12px;flex-shrink:0;display:block;border-radius:45%;border:1px solid #a3aea1;background:linear-gradient(#f4f6f0,#b8c3b4 45%,#e3e8df 70%,#9aa993);box-shadow:0 3px 3px #68775d1c;transform:rotate(-6deg);position:relative}
.binding i:before,.binding i:after{content:'';position:absolute;width:7px;height:15px;top:-2px;background:#78856d35;border-radius:50%;z-index:-1}
.binding i:before{left:1px}.binding i:after{right:0}
.book-content{min-width:0;padding:28px 38px 0;position:relative;background-color:var(--book-paper);border-radius:0 7px 9px 0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2396978d' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.book-content .wrap{width:100%;margin-inline:0}
.page-registration{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #d9decf;padding-bottom:13px;margin-bottom:30px}
.page-registration>.tiny{font-size:9px;letter-spacing:.8px;color:#8a9184}
.page-registration>.hand{font-size:20px;color:#879680;transform:rotate(-3deg);white-space:nowrap}
.chapter-content{transform-origin:4% 0;animation:book-page-in .65s cubic-bezier(.22,.85,.35,1) both}
.scrap-heading{padding:0 0 27px}
.chapter-caption{font-size:22px;color:#8b7c86;display:block;transform:rotate(-2deg);margin-bottom:12px}
.scrap-heading h1{font-size:49px;letter-spacing:-2.4px;line-height:1.04;font-weight:600}
.scrap-heading h1 .hand{font-size:1.2em;font-weight:500;color:var(--blue);letter-spacing:-1.5px}
.scrap-heading>p{font-size:12px;color:#7a8377;max-width:465px;line-height:1.85;margin-top:18px}
.paper-object{transition:transform .5s var(--spring),box-shadow .4s;transform-origin:center;animation:scrap-arrive .75s cubic-bezier(.22,.85,.35,1) both}
.paper-object:nth-child(2){animation-delay:65ms}.paper-object:nth-child(3){animation-delay:130ms}
.education-collection{position:relative;padding-top:5px}
.study-card{position:relative;padding:23px 27px 20px;background:#e6ecdf;border:1px solid #c7d1bd;box-shadow:4px 5px 0 #d9dece50;border-radius:5px 7px 5px 7px;transform:rotate(-1.3deg);max-width:560px;margin:6px 8px 30px}
.study-card:hover{transform:translateY(-4px) rotate(.5deg);box-shadow:5px 9px 0 #d9dece50}
.study-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:10px}
.study-card-top>.tiny{font-size:9px}
.college-mark{font:700 25px var(--display);color:#587366;letter-spacing:-2px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #829a82;border-radius:50%;transform:rotate(9deg)}
.college-mark>span{font-size:15px;position:relative;top:-8px;left:2px}
.study-card h2{font-size:30px;letter-spacing:-1.1px;max-width:350px;line-height:1.1;margin-bottom:10px}
.study-degree{font-size:13px;color:#63715d;line-height:1.5}
.study-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:11px;border-top:1px dashed #b8c6ae}
.study-card-bottom>span:first-child{font-size:9px;color:#6f7c65}
.study-card-bottom>.hand{font-size:22px;color:#6e876d;transform:rotate(-5deg)}
.paperclip{position:absolute;top:-12px;right:20px;width:15px;height:45px;border:2px solid #a4b1b2;border-radius:10px;transform:rotate(13deg);box-shadow:1px 1px 1px #52605a15}
.paperclip:after{content:'';position:absolute;inset:4px 3px 6px -4px;border:1.5px solid #b3c0bf;border-bottom:0;border-radius:8px}
.card-perforation{position:absolute;top:0;bottom:0;left:9px;border-left:1px dashed #b1bfa34d}
.past-studies{display:grid;gap:24px;margin-left:15px}
.study-ticket{position:relative;display:flex;background:#faf7e9;border:1px solid #dbd5c0;transform:rotate(.8deg);box-shadow:2px 4px 0 #e8e2ce44;min-height:152px}
.study-ticket:hover{transform:translateY(-4px) rotate(-.8deg)}
.ticket-stub{width:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-right:1px dashed #c8c2ab;padding:15px 10px;background:#efead7;position:relative}
.ticket-stub:before,.ticket-stub:after{content:'';position:absolute;right:-7px;width:12px;height:12px;background:var(--book-paper);border:1px solid #d4cdb4;border-radius:50%;z-index:1}
.ticket-stub:before{top:-7px}.ticket-stub:after{bottom:-7px}
.ticket-stub>.tiny{text-align:center;font-size:8px;line-height:1.5}
.ticket-stub>.doodle-icon{width:26px;height:26px;color:#8b8b6c}
.ticket-body{padding:20px 18px;flex:1;min-width:0}
.ticket-body>.tiny{font-size:8px;letter-spacing:.6px}
.ticket-body h2{font-size:24px;letter-spacing:-.7px;margin:9px 0 7px}
.ticket-body>p{font-size:11px;color:#777d6e;line-height:1.6}
.award-caption{font-size:10px;color:#957381;display:block;margin-top:8px;padding-right:55px}
.merit-stamp{position:absolute;right:14px;bottom:15px;width:72px;height:72px;border:1.5px solid #b79091;border-radius:50%;background:#faf4e996;transform:rotate(13deg);color:#aa7a83;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;box-shadow:inset 0 0 0 4px #faf4e9,inset 0 0 0 5px #b7909166}
.merit-stamp>span{font-size:6px;letter-spacing:.7px;font-weight:700}
.merit-stamp>.doodle-icon{width:26px;height:26px}
.bootcamp-ticket{background:#f0f2ed;border-color:#cbd4c7;transform:rotate(-.6deg);min-height:137px;margin-right:7px}
.bootcamp-ticket .ticket-stub{background:#e1e7da;border-color:#bac4ad}
.code-sticker{font:29px var(--hand);color:#6b8467;transform:rotate(-12deg);white-space:nowrap}
.ticket-certified{display:block;color:#688563!important;margin-top:8px}
.ticket-scribble{font-size:21px;color:var(--blue);line-height:1.05;align-self:center;transform:rotate(8deg);padding-right:16px}
.path-thread{text-align:center;padding:16px 12px 8px;max-width:450px;margin:auto}
.path-thread>svg{width:100%;height:32px;fill:none;stroke:#a0ac93;stroke-width:1.3;stroke-dasharray:4 5;stroke-linecap:round}
.path-thread>.hand{font-size:22px;color:#88937d;display:block;margin-top:-8px;transform:rotate(-2deg)}
.page-turner{margin-top:28px;border-top:1px dashed #cbd1c0;padding:24px 0 30px;position:relative}
.page-turner-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}
.page-turner-note>.hand{font-size:24px;color:var(--blue);transform:rotate(-2deg)}
.page-turner-note>.tiny{font-size:9px;white-space:nowrap}
.page-turner-links{display:flex;align-items:center;justify-content:space-between;gap:20px}
.first-page-note{font-size:18px;color:#a09392}
.previous-page{font-size:11px;color:#7c8877;padding:10px 0}
.next-page{display:flex;align-items:center;gap:20px;padding:11px 15px 11px 20px;background:#e4eadb;border:1px solid #b7c5ac;border-radius:3px 10px 3px 6px;transform:rotate(-1deg);box-shadow:2px 3px 0 #c8d2bc;transition:transform .45s var(--spring);font-size:10px;line-height:1.5}
.next-page strong{display:block;font:600 19px var(--display);letter-spacing:-.5px}
.next-page>.doodle-icon{width:29px;height:29px;color:#657f60}
.next-page:hover{transform:translateY(-4px) rotate(1deg)}
.paper-corner{position:absolute;right:0;bottom:0;width:24px;height:24px;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#eeeee3,#c4cebc);border-radius:0 0 7px 0;pointer-events:none}
.desk-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 5px 14px;color:#7d8c7c;flex-wrap:wrap}
.desk-footer>.hand{font-size:23px;transform:rotate(-2deg)}
.desk-footer>div{display:flex;gap:23px;align-items:center;font-size:10px}
.desk-footer>small{font-size:8px;width:100%;text-align:right;margin-top:-12px;letter-spacing:.5px}
.desk-footer .motion-toggle{font-size:9px}
.work-experience-papers{display:grid;gap:28px;padding:10px 4px 0}
.job-paper{position:relative;background:#eef0e5;border:1px solid #cdd3bf;padding:25px 26px 24px;transform:rotate(-1deg);box-shadow:3px 4px 0 #cbd5bc30}
.job-paper:hover{transform:translateY(-4px) rotate(.5deg)}
.job-paper>.tape{left:24px;background:#c5cfe0aa;transform:rotate(-10deg);width:62px}
.job-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:4px}
.job-topline>.tiny{font-size:8px;color:#849075}
.job-doodle>.doodle-icon{width:36px;height:36px;color:#7c9670;transform:rotate(9deg)}
.job-date{font-size:10px;color:#7d8874}
.job-paper h2{font-size:30px;letter-spacing:-1px;margin:11px 0 10px;max-width:440px}
.job-paper .job-organization{font-size:12px;color:var(--blue);margin-bottom:13px}
.job-paper>p:last-of-type{font-size:12px;color:#7a8270;line-height:1.85;max-width:520px}
.research-margin{display:block;font-size:23px;color:#8c9a7e;margin-top:17px;transform:rotate(-3deg)}
.internship-paper{background:#eaf0f0;border-color:#c5d2d0;transform:rotate(.6deg)}
.internship-paper .job-doodle>.doodle-icon{color:#7493a3}
.internship-paper>.tape{background:#e9cbd1aa;left:auto;right:27px;transform:rotate(11deg)}
.job-paper .text-link{margin-top:10px;font-size:11px}
.community-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:37px 0 21px}
.community-heading>.hand{font-size:28px;color:var(--blue)}
.community-heading>.tiny{font-size:8px;text-align:right;max-width:130px}
.community-scraps{display:grid;gap:15px;margin-bottom:10px}
.community-scrap{background:#faf7ed;border:1px solid #ded8c7;transform:rotate(-.4deg);position:relative}
.community-scrap:nth-child(2n){transform:rotate(.6deg);background:#f4f0f6;border-color:#d7cfdc}
.community-scrap summary{display:flex;align-items:center;gap:16px;padding:23px 22px;list-style:none;cursor:pointer}
.community-scrap summary::-webkit-details-marker{display:none}
.community-number{font:26px var(--hand);color:#a4a88d}
.community-scrap h2{font-size:23px;letter-spacing:-.6px;line-height:1.15}
.community-scrap summary p{font-size:10px;color:#838674;margin-top:7px;line-height:1.6}
.fold-toggle{margin-left:auto;font:24px var(--hand);color:#8a9a7c;transition:rotate .35s var(--spring)}
.community-scrap[open] .fold-toggle{rotate:45deg}
.community-detail{padding:0 25px 23px 65px;animation:book-fold-out .4s ease both}
.community-detail>.tiny{font-size:8px;color:#9c8a95}
.community-detail>p{font-size:12px;color:#787f70;line-height:1.85;margin-top:8px}
.scrap-pin{position:absolute;top:-5px;left:18px;width:9px;height:9px;background:#b4c2a6;border:2px solid #e1e9d9;border-radius:50%;box-shadow:1px 2px 2px #45573825}
.dossier-label{display:flex;align-items:center;justify-content:space-between;margin:10px 5px 50px;gap:15px}
.dossier-label>.hand{font-size:29px;color:var(--blue);transform:rotate(-3deg)}
.dossier-stamp{font-size:9px;letter-spacing:1px;text-align:center;line-height:1.6;color:#9d7a89;border:1px solid #bea0ac;padding:6px 12px;transform:rotate(8deg)}
.book-content .work-folder{margin-top:0;padding:17px 20px 0;background:#f6f4e9;box-shadow:3px 5px 0 #dedfce}
.book-content .folder-label{background:#e9e3cc;border-color:#cfcab1;font-size:20px}
.book-content .project-tabs{gap:5px;overflow-x:auto;padding:3px 3px 16px;scrollbar-width:thin;scrollbar-color:#b9c7ad transparent;overscroll-behavior-x:contain}
.book-content .project-tabs button{font-size:10px;min-height:41px;padding:8px 9px}
.book-content .project-tabs button span{margin-right:6px;font-size:8px}
.book-content .featured-panel{grid-template-columns:1fr;gap:23px;padding:24px 0}
.book-content .featured-panel .flow-nodes{grid-template-columns:repeat(4,1fr);gap:20px}
.book-content .featured-panel .flow-node{min-height:125px;font-size:10px;padding-inline:5px}
.book-content .featured-panel .flow-node:nth-child(2) .node-arrow{left:auto;right:-23px;top:45%;bottom:auto;transform:none}
.book-content .featured-copy h2{font-size:32px;letter-spacing:-1.2px;margin:12px 0}
.book-content .featured-copy>p{font-size:12px;line-height:1.8;color:#777f70}
.book-content .tags{margin:17px 0 8px}
.book-content .tags span{font-size:9px}
.book-content .flow-topline{flex-direction:row;align-items:center;gap:15px}
.book-content .flow-topline>.tiny{font-size:8px}
.book-content .flow-topline>.hand{font-size:21px}
.book-content .flow-caption{font-size:11px}
.book-content .flow-next{font-size:10px}
.experiment-pocket{padding:36px 0 0}
.pocket-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}
.pocket-heading>.hand{font-size:29px;color:var(--blue)}
.pocket-heading>.tiny{font-size:8px;text-align:right;max-width:130px}
.book-content .experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.book-content .experiment-card{display:block;padding:9px 9px 17px;background:#fffef8;border:1px solid #d8d9cb;transform:rotate(-2deg);box-shadow:3px 4px 0 #d7dfcd44;position:relative;transition:transform .5s var(--spring)}
.book-content .experiment-card:nth-child(2){transform:rotate(2deg);margin-top:13px}
.book-content .experiment-card:nth-child(3){transform:rotate(-1deg);margin-top:3px}
.book-content .experiment-card:before{content:'';position:absolute;left:28%;right:28%;height:17px;background:#d0d8e4a1;top:-8px;transform:rotate(-4deg);z-index:2}
.book-content .experiment-card:hover{transform:translateY(-8px) rotate(0)}
.book-content .experiment-art{height:155px;border-radius:1px 3px 1px 2px}
.book-content .experiment-card:hover .experiment-art{transform:none}
.book-content .experiment-meta{padding:14px 3px 0}
.book-content .experiment-meta .tiny{font-size:7px;line-height:1.5;display:block;letter-spacing:.4px}
.book-content .experiment-meta h3{font:600 23px var(--hand);letter-spacing:0;margin:8px 0}
.book-content .experiment-meta p{font-size:10px;line-height:1.7}
.book-content .art-number{font-size:19px;top:8px;left:9px}
.book-content .art-arrow{font-size:17px;top:8px;right:8px}
.book-content .campus-art{scale:.6;margin-bottom:8px;transform:rotate(-6deg)}
.book-content .browser-doodle{scale:.6;transform:rotate(-7deg);margin-bottom:10px}
.book-content .coopy-art{width:70px;margin-bottom:15px}
.book-content .orbit{scale:.65;top:20px}.book-content .orbit-two{top:24px}
.book-content .art-note{font-size:16px;bottom:11px}
.margin-pocket{margin:40px 0 14px;border:1px solid #c2cdb6;background:#e5ebdb;border-radius:3px;position:relative;box-shadow:3px 5px 0 #d5ddc966;isolation:isolate}
.margin-pocket>summary{position:relative;cursor:pointer;list-style:none;min-height:150px;padding:48px 28px 24px;display:flex;flex-direction:column;align-items:start;justify-content:end;gap:7px;overflow:hidden}
.margin-pocket>summary::-webkit-details-marker{display:none}
.envelope-fold{position:absolute;left:-1px;right:-1px;top:0;height:62px;background:#d7e0cb;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:center top;transition:transform .6s var(--spring);pointer-events:none;z-index:-1}
.margin-pocket[open] .envelope-fold{transform:scaleY(.25);background:#c9d4bd}
.margin-pocket>summary>.hand{font-size:31px;line-height:1.2;color:#657e5f;transform:rotate(-2deg)}
.margin-count{font-size:10px;color:#839476;display:flex;gap:17px}
.margin-count>span{display:inline-block;transition:rotate .4s}
.margin-pocket[open] .margin-count>span{rotate:180deg}
.pocket-postage{position:absolute;right:21px;top:21px;width:42px;height:49px;border:1px dashed #91a880;display:grid;place-items:center;background:#edf1e7;transform:rotate(9deg)}
.pocket-postage>.doodle-icon{width:26px;height:26px;color:#8d9d79}
.margin-pocket .extra-list{padding:10px 20px 20px;grid-template-columns:1fr;gap:10px;animation:book-fold-out .5s var(--spring) both}
.margin-pocket .extra-project{background:#fffdf5;border:1px solid #dad9ca;padding:15px 16px;transform:rotate(-.5deg);box-shadow:2px 2px 0 #bccba82b;transition:transform .4s var(--spring)}
.margin-pocket .extra-project:nth-child(2n){transform:rotate(.5deg)}
.margin-pocket .extra-project:hover{transform:translateY(-5px) rotate(-1deg)}
.margin-pocket .extra-project h3{font-size:21px}
.margin-pocket .extra-project p{font-size:10px;line-height:1.7}
.margin-pocket .extra-icon{width:46px;height:46px}
.margin-pocket .extra-icon>.doodle-icon{width:29px;height:29px}
/* Each destination lives on another leaf of the same book. */
.book-content .page-intro{padding-top:0;padding-bottom:28px}
.book-content .page-intro h1{font-size:51px;letter-spacing:-2.5px}
.book-content .page-intro>p{font-size:12px;margin-top:18px}
.book-content .empty-notebook{padding-left:26px;max-width:100%;margin-top:6px;margin-bottom:20px;transform:rotate(-1deg)}
.book-content .notebook-paper{padding:29px 25px 30px}
.book-content .notebook-rings{left:10px;width:29px}
.book-content .notebook-rings i{width:34px;height:10px}
.book-content .notebook-paper h2{font-size:30px}
.book-content .notebook-paper>p{font-size:12px}
.book-content .notebook-ps{font-size:23px}
.book-content .notebook-date{font-size:8px}
.book-content .writing-scene{width:340px;max-width:88%;margin-top:10px}
.book-content .writing-word{font-size:85px}
.book-content .page-back{padding:20px 0 10px}
.book-content .play-intro-spark{right:3%;top:65px}
.book-content .play-intro-spark>.doodle-icon{width:60px;height:60px}
.book-content .play-grid{grid-template-columns:1fr;gap:28px;padding-bottom:30px;max-width:none}
.book-content .play-card{padding:22px 25px 25px;display:grid;grid-template-columns:145px 1fr;gap:7px 20px;position:relative;box-shadow:3px 4px 0 #ced8c233}
.book-content .play-card:before{content:'';position:absolute;top:-8px;left:40%;width:67px;height:17px;background:#d5d8e2aa;transform:rotate(-5deg)}
.book-content .play-drawing{grid-row:1/4;min-height:165px;height:auto}
.book-content .play-drawing>.doodle-icon{width:75px;height:75px;margin-top:-20px}
.book-content .play-drawing>.hand{font-size:21px;bottom:4px;white-space:nowrap;transform:rotate(-5deg)}
.book-content .play-drawing .sketch-spark{font-size:25px;right:6px;top:10px}
.book-content .play-card>.tiny{font-size:8px;align-self:end;padding-top:7px}
.book-content .play-card>h2{font-size:28px;letter-spacing:-.8px;margin:0}
.book-content .play-card>p{font-size:12px;line-height:1.8}
.book-content .play-bottom{padding:5px 0 10px}
.book-content .play-bottom>.hand{font-size:29px;line-height:1.2;display:block}
.book-content .play-bottom>p{font-size:12px}
.book-content .about-layout{display:block;padding:0 0 30px}
.book-content .about-portrait{display:none}
.book-content .about-copy h1{font-size:52px;letter-spacing:-2.4px}
.book-content .about-copy>p{font-size:13px}
.book-content .about-note{padding:25px;margin-bottom:15px;transform:rotate(-1deg)}
.book-content .about-note>div{grid-template-columns:1fr;gap:15px}
.book-content .about-note p{font-size:12px}
.book-content .breadcrumb{padding-top:0;font-size:10px}
.book-content .breadcrumb>span{font-size:9px;max-width:180px;text-align:right}
.book-content .case-header{padding-top:25px}
.book-content .case-header h1{font-size:51px;letter-spacing:-2.4px}
.book-content .case-summary{font-size:14px;line-height:1.85;margin-top:24px}
.book-content .case-meta{gap:20px;margin-top:27px;padding-top:20px}
.book-content .case-meta .tiny{font-size:9px}
.book-content .case-meta p{font-size:10px;line-height:1.8}
.book-content .case-flow{padding-top:32px}
.book-content .case-flow>h2{font-size:27px}
.book-content .case-flow .flow-widget{padding:20px 20px 0}
.book-content .case-flow .flow-nodes{gap:20px}
.book-content .case-flow .flow-node{min-height:135px;font-size:10px;padding:24px 5px 12px}
.book-content .case-flow .flow-node>.doodle-icon{width:38px;height:38px}
.book-content .case-flow .node-arrow{right:-23px}
.book-content .case-flow .flow-progress{margin-inline:-20px}
.book-content .case-flow .flow-next{font-size:10px;padding:8px 12px}
.book-content .case-story{display:block;padding-top:27px;padding-bottom:20px}
.book-content .case-story>aside{position:static;margin-bottom:30px}
.book-content .case-story>aside>.hand{display:none}
.book-content .case-story>aside nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 15px;font-size:10px;padding:13px 0;border-block:1px solid var(--line);margin:0}
.book-content .story-body h2{font-size:29px}
.book-content .story-body p{font-size:13px;line-height:1.9}
.book-content .story-body .eyebrow{font-size:9px}
.book-content .lesson-note{padding:25px!important}
.book-content .lesson-note>p{font-size:16px;line-height:1.65}
.book-content .case-next{padding:23px 0 25px}
.book-content .case-next>a{font-size:24px}
.book-content .case-next>.hand{font-size:26px}
.back-to-pocket{display:block;border-top:1px dashed #cbd1c0;padding:22px 0 29px;font-size:11px;color:#7d8d73}
.book-content .auctra-note{margin-top:24px}
.book-content .blog-article{padding:0}
.book-content .blog-article h1{font-size:48px;letter-spacing:-2px}
.book-content .blog-article>p{font-size:15px}
@keyframes book-page-in{0%{opacity:.6;transform:perspective(1400px) rotateY(-5deg) translateX(9px)}65%{opacity:1;transform:perspective(1400px) rotateY(.7deg) translateX(-1px)}100%{opacity:1;transform:perspective(1400px) rotateY(0) translateX(0)}}
@keyframes scrap-arrive{0%{translate:0 14px;scale:.98;opacity:.55}55%{translate:0 -5px;scale:1.006;opacity:1}78%{translate:0 2px;scale:1}100%{translate:0 0;scale:1;opacity:1}}
@keyframes book-fold-out{from{opacity:.5;translate:0 -12px}65%{opacity:1;translate:0 3px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.scrapbook-desk{width:1280px}.book-shell{grid-template-columns:280px 34px minmax(0,1fr)}.book-shell:before{width:280px}.folder-navigation{margin-left:312px}.author-page{padding-inline:30px}.book-content{padding-inline:47px}.study-card{max-width:none}.author-page .hero-stage{margin-top:20px}.author-page .author-name{font-size:75px}}
@media(max-width:1100px){.scrapbook-desk{width:calc(100% - 48px)}.book-shell{grid-template-columns:225px 27px minmax(0,1fr)}.book-shell:before{width:225px}.folder-navigation{margin-left:250px;gap:4px}.folder-tab{min-width:90px;gap:6px;padding-inline:9px;font-size:11px}.tab-number{font-size:17px}.desk-caption{display:none}.author-page{padding:28px 16px}.author-name{font-size:62px;margin-left:7px}.author-role{font-size:10px;padding-left:8px}.author-label>.tiny{font-size:7px}.author-label>.hand{font-size:21px;right:-5px}.author-page .hero-stage{width:200px;height:220px;margin:14px -4px 0}.author-page .avatar-scene{width:205px;height:205px}.author-page .avatar-caption{font-size:16px;bottom:-10px}.author-page .hi-bubble{font-size:18px;left:0;top:5px}.author-page .star-left{left:-5px;top:45px}.author-page .star-right{right:-9px;top:138px}.author-page .hero-star .doodle-icon{width:23px;height:23px}.author-footnote>.hand{font-size:22px}.author-footnote{padding-top:16px}.author-page .floating-note{width:167px;margin-top:32px}.author-page .sticky-front{padding:19px 14px 11px}.author-page .sticky-front .hand{font-size:21px}.author-page .sticky-front small{font-size:7px}.author-page .sticky-front .doodle-icon{width:22px;height:22px}.binding i{width:38px;height:11px}.book-content{padding:25px 27px 0}.page-registration{gap:12px}.page-registration>.tiny{font-size:8px}.page-registration>.hand{font-size:18px}.scrap-heading h1{font-size:45px}.scrap-heading>p{font-size:11px}.chapter-caption{font-size:20px}.study-card{padding:22px;margin-inline:3px}.study-card h2{font-size:28px}.study-card-bottom{gap:10px}.study-card-bottom>span:first-child{font-size:8px}.study-card-bottom>.hand{font-size:20px}.study-ticket{min-height:150px}.ticket-stub{width:49px;padding-inline:6px}.ticket-body{padding:17px 15px}.ticket-body h2{font-size:22px}.ticket-body>p{font-size:10px}.ticket-body>.tiny{font-size:7px}.merit-stamp{width:61px;height:61px;right:10px;bottom:13px}.merit-stamp>span{font-size:5px}.merit-stamp>.doodle-icon{width:22px;height:22px}.award-caption{font-size:8px;padding-right:49px}.ticket-scribble{font-size:18px;padding-right:10px}.past-studies{margin-left:8px}.page-turner-note>.hand{font-size:22px}.first-page-note{font-size:17px}.next-page{padding:10px 12px 10px 15px;gap:15px}.next-page strong{font-size:17px}.desk-footer>.hand{font-size:20px}.desk-footer>div{gap:15px;font-size:9px}.job-paper{padding:23px}.job-paper h2{font-size:28px}.community-heading>.hand{font-size:26px}.community-heading>.tiny{font-size:7px}.community-scrap h2{font-size:22px}.community-scrap summary{gap:13px;padding:21px 18px}.book-content .experiment-grid{gap:11px}.book-content .experiment-art{height:140px}.book-content .experiment-meta h3{font-size:22px}.book-content .experiment-meta p{font-size:9px}.book-content .art-note{font-size:14px}.book-content .coopy-art{width:58px}.book-content .campus-art,.book-content .browser-doodle{scale:.5}.book-content .featured-copy h2{font-size:30px}.book-content .flow-topline>.tiny{font-size:7px}.book-content .flow-topline>.hand{font-size:19px}.book-content .flow-caption{font-size:10px}.book-content .featured-panel .flow-nodes{grid-template-columns:repeat(2,1fr);gap:20px 27px}.book-content .featured-panel .flow-node{min-height:110px}.book-content .featured-panel .flow-node:nth-child(2) .node-arrow{left:-22px;right:auto;top:auto;bottom:-27px;transform:rotate(125deg)}.book-content .featured-panel .node-arrow{right:-26px}.pocket-heading>.hand{font-size:26px}.pocket-heading>.tiny{font-size:7px}.book-content .play-card{grid-template-columns:110px 1fr;gap:7px 18px;padding:20px}.book-content .play-drawing>.doodle-icon{width:64px;height:64px}.book-content .play-drawing>.hand{font-size:18px}.book-content .play-card>h2{font-size:25px}.book-content .play-card>p{font-size:11px}.book-content .page-intro h1,.book-content .case-header h1,.book-content .about-copy h1{font-size:45px}.book-content .writing-word{font-size:76px}.book-content .writing-scene{height:140px}.book-content .notebook-paper h2{font-size:27px}.book-content .notebook-ps{font-size:21px}.book-content .notebook-paper>p{font-size:11px}}
@media(max-width:850px){.scrapbook-desk{width:calc(100% - 38px)}.desk-header{height:72px}.scrapbook-wordmark>.hand{font-size:25px}.scrapbook-wordmark>.doodle-icon{width:25px;height:25px}.desk-hello{font-size:10px}.book-shell{grid-template-columns:185px 24px minmax(0,1fr)}.book-shell:before{width:185px}.folder-navigation{margin-left:207px;gap:3px;padding-inline:0}.folder-tab{min-width:73px;font-size:10px;padding:11px 7px 9px;gap:4px;min-height:51px}.folder-tab[aria-current=page]{min-height:59px}.tab-number{font-size:15px}.author-page{padding:25px 12px}.author-name{font-size:53px;letter-spacing:-3px;margin-left:4px}.author-name>span{font-size:30px;left:5px}.author-label>.tiny{font-size:6px}.author-label>.hand{right:-5px;font-size:17px;top:11px}.author-role{font-size:9px;padding-left:5px}.author-page .hero-stage{width:170px;height:187px;margin-left:-5px;margin-top:10px}.author-page .avatar-scene{width:174px;height:174px}.author-page .avatar-caption{font-size:14px}.author-page .hi-bubble{font-size:16px;top:8px;left:-5px;padding-inline:8px}.author-page .hero-star .doodle-icon{width:20px;height:20px}.author-page .star-right{top:112px;right:-7px}.author-page .star-left{left:-6px;top:36px}.author-footnote>.hand{font-size:20px}.author-footnote>p{font-size:8px}.author-page .floating-note{width:142px;margin-top:27px}.author-page .sticky-front,.author-page .sticky-back{padding:16px 12px 10px;min-height:121px}.author-page .sticky-front .hand{font-size:19px}.author-page .sticky-front .tiny{font-size:6px}.author-page .sticky-front small{font-size:6px}.author-page .sticky-back .hand{font-size:20px}.binding{gap:78px}.binding i{width:34px;height:10px}.book-content{padding:23px 23px 0}.page-registration{margin-bottom:24px}.page-registration>.tiny{font-size:7px}.page-registration>.hand{font-size:16px}.scrap-heading h1{font-size:40px;letter-spacing:-1.9px}.chapter-caption{font-size:18px}.scrap-heading>p{font-size:11px}.study-card{padding:19px}.study-card h2{font-size:27px}.study-card-top>.tiny{font-size:8px}.study-degree{font-size:11px}.college-mark{font-size:22px;width:31px;height:31px}.study-card-bottom{margin-top:18px;flex-wrap:wrap;gap:4px 12px}.study-card-bottom>span:first-child{font-size:8px}.study-card-bottom>.hand{font-size:19px}.ticket-body h2{font-size:21px}.ticket-stub{width:40px}.ticket-body{padding:17px 12px}.study-ticket{min-height:155px}.ticket-scribble{display:none}.merit-stamp{width:53px;height:53px;bottom:12px;right:9px}.merit-stamp>span{font-size:4.5px}.merit-stamp>.doodle-icon{width:18px;height:18px}.award-caption{font-size:8px;padding-right:43px}.bootcamp-ticket{min-height:135px}.path-thread>.hand{font-size:20px}.page-turner-note>.hand{font-size:20px}.page-turner-note>.tiny{font-size:8px}.first-page-note{font-size:15px}.next-page{padding:9px 11px;gap:10px;font-size:9px}.next-page strong{font-size:16px}.next-page>.doodle-icon{width:25px;height:25px}.desk-footer{gap:8px}.desk-footer>.hand{font-size:20px}.desk-footer>small{margin-top:0}.job-paper{padding:22px 20px}.job-paper h2{font-size:27px}.job-paper>p:last-of-type{font-size:11px}.job-paper .job-organization{font-size:11px}.research-margin{font-size:20px}.community-heading{align-items:start;gap:10px}.community-heading>.hand{font-size:24px;line-height:1.15}.community-heading>.tiny{font-size:7px;max-width:95px}.community-scrap summary{padding:20px 15px;gap:11px}.community-scrap h2{font-size:20px}.community-scrap summary p{font-size:9px}.community-detail{padding:0 20px 20px 51px}.community-detail>p{font-size:11px}.community-number{font-size:23px}.book-content .experiment-grid{grid-template-columns:1fr;gap:25px}.book-content .experiment-card{display:grid;grid-template-columns:135px 1fr;gap:16px;padding:12px;transform:rotate(-1deg)}.book-content .experiment-card:nth-child(2){margin:0;transform:rotate(1deg)}.book-content .experiment-card:nth-child(3){margin:0;transform:rotate(-1deg)}.book-content .experiment-meta{padding:9px 1px}.book-content .experiment-art{height:155px}.book-content .experiment-meta h3{font-size:25px}.book-content .experiment-meta p{font-size:10px}.book-content .experiment-meta .tiny{font-size:7px}.book-content .art-note{font-size:15px}.book-content .work-folder{padding-inline:15px}.dossier-label>.hand{font-size:26px}.dossier-stamp{font-size:7px;padding:5px 8px}.pocket-heading{gap:12px}.pocket-heading>.hand{font-size:25px}.pocket-heading>.tiny{max-width:90px}.margin-pocket>summary{padding-inline:21px}.margin-pocket>summary>.hand{font-size:28px}.margin-pocket .extra-list{padding-inline:13px}.margin-pocket .extra-project{padding:13px 12px;gap:11px}.margin-pocket .extra-project h3{font-size:19px}.margin-pocket .extra-project p{font-size:9px}.book-content .page-intro h1,.book-content .case-header h1,.book-content .about-copy h1{font-size:42px}.book-content .page-intro>p,.book-content .case-summary{font-size:12px}.book-content .play-card{display:block;padding:20px 24px 24px}.book-content .play-drawing{height:170px;min-height:0}.book-content .play-drawing>.doodle-icon{width:80px;height:80px}.book-content .play-drawing>.hand{font-size:23px;bottom:13px}.book-content .play-card>.tiny{display:block;margin-top:10px}.book-content .play-card>h2{font-size:28px;margin:11px 0}.book-content .play-card>p{font-size:12px}.book-content .play-intro-spark{right:0;top:85px}.book-content .play-intro-spark>.doodle-icon{width:39px;height:39px}.book-content .empty-notebook{padding-left:17px}.book-content .notebook-rings{left:1px}.book-content .notebook-rings i{width:29px}.book-content .notebook-paper{padding:25px 19px}.book-content .notebook-paper:before{left:22px}.book-content .writing-word{font-size:67px}.book-content .writing-scene{height:125px;max-width:88%}.book-content .writing-pen,.book-content .writing-pen>.doodle-icon{width:36px;height:36px}.book-content .writing-spark{right:-10px;font-size:29px;top:0}.book-content .notebook-paper h2{font-size:25px;line-height:1.2}.book-content .notebook-paper>p{font-size:10px}.book-content .notebook-ps{font-size:19px;line-height:1.2}.book-content .case-flow .flow-nodes{grid-template-columns:1fr 1fr;gap:23px}.book-content .case-flow .flow-node:nth-child(2) .node-arrow{left:-22px;right:auto;top:auto;bottom:-27px;transform:rotate(125deg)}.book-content .case-flow .node-arrow{right:-25px}.book-content .case-meta{grid-template-columns:1fr;gap:17px}.book-content .case-next>a{font-size:22px}.book-content .case-next>.hand{font-size:22px}.book-content .story-body h2{font-size:26px}}
/* On a phone the inside cover becomes a compact introduction above the first leaf. */
@media(max-width:650px){.scrapbook-desk{width:calc(100% - 28px)}.desk-header{height:65px;gap:12px;padding-inline:3px}.scrapbook-wordmark{gap:8px}.scrapbook-wordmark>.hand{font-size:24px}.scrapbook-wordmark>.doodle-icon{width:23px;height:23px}.desk-hello{font-size:9px;white-space:nowrap}.folder-navigation{margin-left:0;padding-top:5px;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;align-items:end;background:linear-gradient(var(--desk) 80%,transparent 80%);margin-right:-1px;padding-right:1px}.folder-navigation::-webkit-scrollbar{display:none}.folder-tab{min-width:69px;min-height:51px;padding:10px 8px 8px;gap:5px;font-size:10px;border-radius:9px 17px 0 0;flex-shrink:0}.folder-tab[aria-current=page]{min-height:59px}.tab-number{font-size:15px}.folder-tab[aria-current=page]:after{left:30%;right:10%;bottom:7px}.book-shell{display:flex;flex-direction:column;border-radius:7px;box-shadow:3px 4px 0 #e3e3d7,4px 5px 0 #bdc6b8,7px 8px 0 #d4ddd1,8px 9px 0 #b7c2b2,8px 18px 22px #526e5e12;margin-bottom:25px}.book-shell:before{width:100%;height:305px;bottom:auto;border-radius:7px 7px 0 0}.author-page{padding:22px 22px 20px;min-height:305px;border-bottom:1px solid #cdd1c3}.author-inner{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;align-items:start;column-gap:10px;text-align:left;min-height:262px}.author-label{align-items:start;margin:0;grid-column:1;grid-row:1}.author-label>.tiny{font-size:7px;line-height:1.5;max-width:105px}.author-label>.hand{display:none}.author-name{grid-column:1;grid-row:2;margin:9px 0 0;padding:0;font-size:54px;line-height:.95;letter-spacing:-3px}.author-name>span{font-size:30px;left:4px}.author-role{grid-column:1;grid-row:3;padding:0;margin:10px 0 0;font-size:9px;line-height:1.75}.author-page .hero-stage{position:absolute;right:-4px;top:3px;width:190px;height:207px;margin:0}.author-page .avatar-scene{width:193px;height:193px;margin:0}.author-page .avatar-caption{left:3px;right:0;bottom:-4px;font-size:15px;transform:rotate(-5deg)}.author-page .hi-bubble{left:-1px;top:-5px;font-size:16px;padding:3px 9px}.author-page .star-left{left:3px;top:25px}.author-page .star-right{right:-8px;top:119px}.author-page .hero-star{min-width:32px;min-height:32px}.author-page .hero-star .doodle-icon{width:21px;height:21px}.author-footnote{grid-column:1;grid-row:4;align-self:start;padding-top:19px}.author-footnote>.hand{font-size:19px;line-height:1.05}.author-footnote>p{font-size:7px;letter-spacing:0;margin-top:9px}.author-page .floating-note{position:absolute;right:8px;top:211px;left:auto;width:143px;margin:0;transform:rotate(-5deg)}.author-page .sticky-front,.author-page .sticky-back{padding:10px 12px 7px;min-height:65px}.author-page .sticky-front .tiny,.author-page .sticky-front small{display:none}.author-page .sticky-front .hand{font-size:18px;line-height:1.05}.author-page .sticky-front .doodle-icon{width:20px;height:20px;right:7px;bottom:9px}.author-page .tape{width:40px;height:13px;top:-6px;left:calc(50% - 20px)}.author-page .sticky-back .hand{font-size:17px;line-height:1.05;display:block}.author-page .sticky-back .hand br:nth-child(2){display:none}.author-page .note-close{font-size:20px;width:27px;height:27px;right:1px;bottom:1px}.binding{height:21px;padding:0;flex-direction:row;justify-content:space-around;gap:0;border-left:0;border-right:0;border-top:1px solid #e3e3d8;border-bottom:1px solid #dddcd1;background:linear-gradient(#dedfcf66,#f0efe52b 45%,#d9dfcd55);margin-top:-1px}.binding i{width:10px;height:30px;transform:rotate(-5deg);border-radius:40%;background:linear-gradient(90deg,#e4e9dc,#afbfaa 45%,#e8ece4 75%,#9cae94);box-shadow:2px 0 2px #68775d1c}.binding i:before,.binding i:after{width:13px;height:6px;left:-2px;right:auto;top:1px}.binding i:after{top:auto;bottom:1px}.book-content{padding:22px 23px 0;border-radius:0 0 7px 7px}.page-registration{margin-bottom:24px;padding-bottom:12px}.page-registration>.tiny{font-size:8px}.page-registration>.hand{font-size:18px}.scrap-heading h1{font-size:43px;letter-spacing:-2px}.chapter-caption{font-size:20px;line-height:1.15;margin-bottom:13px;max-width:310px}.scrap-heading>p{font-size:12px;line-height:1.8;margin-top:17px}.scrap-heading{padding-bottom:25px}.study-card{margin:5px 2px 28px;padding:22px}.study-card h2{font-size:29px}.study-degree{font-size:12px}.study-card-top>.tiny{font-size:8px}.study-card-bottom>span:first-child{font-size:9px}.study-card-bottom>.hand{font-size:21px}.college-mark{width:34px;height:34px;font-size:24px}.past-studies{margin-left:6px;gap:25px}.study-ticket{min-height:151px}.ticket-stub{width:46px}.ticket-body{padding:20px 15px}.ticket-body h2{font-size:24px}.ticket-body>p{font-size:11px}.ticket-body>.tiny{font-size:8px}.award-caption{font-size:9px;padding-right:47px}.merit-stamp{width:61px;height:61px;right:10px;bottom:12px}.merit-stamp>span{font-size:5px}.merit-stamp>.doodle-icon{width:23px;height:23px}.bootcamp-ticket{min-height:139px}.path-thread{padding-top:15px}.path-thread>.hand{font-size:21px}.page-turner{margin-top:21px;padding:22px 0 27px}.page-turner-note>.hand{font-size:23px;line-height:1.1}.page-turner-note>.tiny{font-size:8px}.page-turner-links{gap:15px}.next-page{padding:10px 13px;gap:14px;font-size:9px}.next-page strong{font-size:18px}.next-page>.doodle-icon{width:26px;height:26px}.first-page-note{font-size:17px}.previous-page{font-size:10px}.desk-footer{display:flex;padding:8px 4px 14px;flex-direction:column;align-items:start;gap:7px}.desk-footer>.hand{font-size:21px;line-height:1.15}.desk-footer>div{width:100%;justify-content:space-between;gap:15px;font-size:9px}.desk-footer>small{font-size:7px;text-align:left;margin:0}.desk-footer .motion-toggle{font-size:8px}.job-paper{padding:23px 22px}.job-paper h2{font-size:29px}.job-paper .job-organization{font-size:12px}.job-paper>p:last-of-type{font-size:12px}.job-date{font-size:9px}.job-topline>.tiny{font-size:8px}.job-paper .text-link{font-size:11px}.community-heading{margin-top:33px}.community-heading>.hand{font-size:26px}.community-heading>.tiny{font-size:7px}.community-scrap summary{padding:22px 17px;gap:12px}.community-scrap h2{font-size:22px}.community-scrap summary p{font-size:10px}.community-detail{padding:0 22px 22px 54px}.community-detail>p{font-size:12px}.book-content .work-folder{padding-inline:16px}.book-content .featured-copy h2{font-size:29px}.book-content .featured-copy>p{font-size:12px}.book-content .flow-topline>.hand{font-size:19px}.book-content .flow-topline>.tiny{font-size:8px}.book-content .featured-panel .flow-node{font-size:11px;min-height:113px}.book-content .flow-caption{font-size:10px}.book-content .flow-next{font-size:10px}.book-content .project-tabs button{font-size:10px}.book-content .folder-label{font-size:18px}.dossier-label>.hand{font-size:27px}.dossier-stamp{font-size:8px;padding:6px 9px}.pocket-heading>.hand{font-size:26px;line-height:1.1}.pocket-heading>.tiny{font-size:7px}.book-content .experiment-card{grid-template-columns:135px 1fr;gap:16px}.book-content .experiment-meta h3{font-size:26px}.book-content .experiment-meta p{font-size:10px}.book-content .experiment-meta .tiny{font-size:7px}.book-content .art-note{font-size:15px}.margin-pocket>summary>.hand{font-size:29px}.margin-pocket .extra-project{padding:15px 12px}.margin-pocket .extra-project p{font-size:10px}.book-content .page-intro h1,.book-content .case-header h1,.book-content .about-copy h1{font-size:45px}.book-content .page-intro>p,.book-content .case-summary{font-size:12px}.book-content .page-intro{padding-bottom:27px}.book-content .play-card{padding:21px 26px 27px}.book-content .play-drawing{height:170px}.book-content .play-drawing>.hand{font-size:24px}.book-content .play-card>h2{font-size:29px}.book-content .play-card>p{font-size:12px}.book-content .play-card>.tiny{font-size:9px}.book-content .play-bottom>.hand{font-size:26px}.book-content .play-bottom>p{font-size:11px}.book-content .empty-notebook{padding-left:15px;margin-bottom:12px}.book-content .notebook-paper{padding:27px 20px}.book-content .writing-word{font-size:71px}.book-content .writing-scene{height:129px}.book-content .notebook-paper h2{font-size:26px}.book-content .notebook-paper>p{font-size:11px}.book-content .notebook-ps{font-size:20px}.book-content .replay-writing{font-size:10px}.book-content .case-flow .flow-node{min-height:130px;font-size:11px}.book-content .case-flow .flow-caption{font-size:11px}.book-content .case-flow .flow-bottom{min-height:90px}.book-content .case-meta p{font-size:11px}.book-content .story-body h2{font-size:28px}.book-content .story-body p{font-size:13px}.book-content .case-next{gap:15px}.book-content .case-next>a{font-size:22px}.book-content .case-next>.hand{font-size:23px}.book-content .back-to-pocket{font-size:10px}.book-content .about-copy>p{font-size:13px}.book-content .about-note{padding:22px}.book-content .about-note>.hand{font-size:26px}}
@media(max-width:390px){.scrapbook-desk{width:calc(100% - 24px)}.desk-header{height:61px;gap:8px}.scrapbook-wordmark>.hand{font-size:21px}.scrapbook-wordmark>.doodle-icon{width:20px;height:20px}.desk-hello{font-size:8px}.folder-navigation{gap:3px}.folder-tab{font-size:9px;min-width:65px;padding-inline:7px;gap:4px;min-height:48px}.folder-tab[aria-current=page]{min-height:55px}.tab-number{font-size:14px}.author-page{padding:21px 17px 18px;min-height:291px}.author-inner{min-height:250px}.author-label>.tiny{font-size:6px;max-width:90px}.author-name{font-size:48px;letter-spacing:-2.8px;margin-top:7px}.author-name>span{font-size:26px;left:2px}.author-role{font-size:8px;margin-top:9px}.author-footnote{padding-top:17px}.author-footnote>.hand{font-size:17px}.author-footnote>p{font-size:7px}.author-page .hero-stage{width:162px;height:184px;right:-5px;top:14px}.author-page .avatar-scene{width:166px;height:166px}.author-page .avatar-caption{font-size:13px;bottom:-9px}.author-page .hi-bubble{font-size:15px;left:1px;top:-7px;padding-inline:8px}.author-page .star-left{left:-1px;top:24px}.author-page .star-right{right:-5px;top:112px}.author-page .hero-star .doodle-icon{width:18px;height:18px}.author-page .hero-star{min-width:28px;min-height:28px}.author-page .floating-note{width:128px;right:1px;top:203px}.author-page .sticky-front,.author-page .sticky-back{padding:9px 10px 7px;min-height:60px}.author-page .sticky-front .hand{font-size:17px}.author-page .sticky-front .doodle-icon{width:17px;height:17px}.book-shell:before{height:291px}.binding{height:18px}.binding i{height:26px;width:9px}.book-content{padding:21px 18px 0}.page-registration{gap:10px;margin-bottom:24px}.page-registration>.tiny{font-size:7px;letter-spacing:.4px}.page-registration>.hand{font-size:16px}.chapter-caption{font-size:18px;max-width:250px}.scrap-heading h1{font-size:37px;letter-spacing:-1.9px}.scrap-heading>p{font-size:11px;line-height:1.8}.study-card{padding:18px;margin-inline:2px}.study-card h2{font-size:26px}.study-degree{font-size:11px}.study-card-top>.tiny{font-size:7px}.study-card-bottom>span:first-child{font-size:8px}.study-card-bottom>.hand{font-size:19px}.college-mark{width:29px;height:29px;font-size:21px}.paperclip{width:13px;height:36px;right:17px}.study-card-bottom{margin-top:17px}.past-studies{margin-left:4px}.ticket-stub{width:34px;padding-inline:4px}.ticket-stub>.doodle-icon{width:21px;height:21px}.ticket-stub>.tiny{font-size:7px}.ticket-body{padding:17px 12px}.ticket-body>.tiny{font-size:7px}.ticket-body h2{font-size:21px}.ticket-body>p{font-size:10px}.merit-stamp{width:49px;height:49px;right:8px;bottom:12px}.merit-stamp>span{font-size:4px}.merit-stamp>.doodle-icon{width:18px;height:18px}.award-caption{font-size:8px;line-height:1.6;padding-right:40px}.study-ticket{min-height:149px}.bootcamp-ticket{min-height:130px}.code-sticker{font-size:22px}.path-thread>.hand{font-size:19px}.page-turner-note>.hand{font-size:20px;max-width:220px}.page-turner-note>.tiny{font-size:7px}.first-page-note{font-size:15px;max-width:105px;line-height:1.2}.next-page strong{font-size:16px}.next-page{font-size:8px;padding:9px 11px;gap:12px}.next-page>.doodle-icon{width:23px;height:23px}.previous-page{font-size:9px}.desk-footer>.hand{font-size:19px}.desk-footer>div{font-size:8px;gap:10px}.desk-footer .motion-toggle{font-size:8px}.job-paper{padding:22px 18px}.job-paper h2{font-size:26px}.job-paper .job-organization{font-size:11px}.job-paper>p:last-of-type{font-size:11px}.job-date{font-size:8px}.job-topline>.tiny{font-size:7px}.job-doodle>.doodle-icon{width:30px;height:30px}.research-margin{font-size:19px}.community-heading>.hand{font-size:23px}.community-heading>.tiny{font-size:6px;max-width:80px}.community-scrap summary{padding:19px 13px;gap:9px}.community-scrap h2{font-size:20px}.community-scrap summary p{font-size:9px}.community-number{font-size:21px}.community-detail{padding:0 17px 19px 43px}.community-detail>p{font-size:11px}.dossier-label>.hand{font-size:23px}.dossier-stamp{font-size:6px;padding:5px 7px}.book-content .work-folder{padding-inline:11px}.book-content .folder-label{font-size:16px;padding-inline:13px}.book-content .project-tabs button{font-size:9px;padding:8px 7px}.book-content .project-tabs button span{font-size:8px;margin-right:4px}.book-content .flow-widget{padding:14px 12px 0}.book-content .flow-topline>.tiny{font-size:6px;max-width:85px}.book-content .flow-topline>.hand{font-size:16px}.book-content .featured-panel .flow-nodes{gap:21px 25px}.book-content .featured-panel .flow-node{font-size:9px;min-height:108px}.book-content .flow-node>.doodle-icon{width:31px;height:31px}.book-content .flow-caption{font-size:9px;max-width:63%}.book-content .flow-next{font-size:8px;padding:6px 8px}.book-content .flow-progress{margin-inline:-12px}.book-content .featured-copy h2{font-size:27px}.book-content .featured-copy>p{font-size:11px}.book-content .featured-copy>.tiny{font-size:8px}.book-content .tags span{font-size:8px}.book-content .text-link{font-size:11px}.pocket-heading>.hand{font-size:23px}.pocket-heading>.tiny{font-size:6px;max-width:80px}.book-content .experiment-card{display:block;padding:11px 11px 17px;transform:rotate(-1deg)}.book-content .experiment-card:nth-child(2){transform:rotate(1deg)}.book-content .experiment-art{height:195px}.book-content .experiment-meta{padding:15px 3px 0}.book-content .experiment-meta h3{font-size:28px}.book-content .experiment-meta p{font-size:11px}.book-content .experiment-meta .tiny{font-size:8px}.book-content .art-note{font-size:21px;bottom:14px}.book-content .campus-art,.book-content .browser-doodle{scale:.78;margin-bottom:17px}.book-content .coopy-art{width:83px;margin-bottom:23px}.book-content .orbit{scale:.8;top:42px}.book-content .orbit-two{top:42px}.margin-pocket>summary{padding:48px 18px 22px;min-height:142px}.margin-pocket>summary>.hand{font-size:26px;max-width:230px}.margin-count{font-size:9px}.pocket-postage{width:32px;height:40px;right:15px;top:18px}.pocket-postage>.doodle-icon{width:23px;height:23px}.margin-pocket .extra-list{padding:7px 10px 14px}.margin-pocket .extra-project{gap:9px;padding:13px 10px}.margin-pocket .extra-project h3{font-size:18px}.margin-pocket .extra-project p{font-size:9px;line-height:1.7}.margin-pocket .extra-icon{width:33px;height:40px}.margin-pocket .extra-icon>.doodle-icon{width:23px;height:23px}.margin-pocket .round-arrow{font-size:19px}.book-content .page-intro h1,.book-content .case-header h1,.book-content .about-copy h1{font-size:38px;letter-spacing:-1.8px}.book-content .page-intro>p,.book-content .case-summary{font-size:11px}.book-content .play-card{padding:20px 22px 24px}.book-content .play-card>h2{font-size:27px}.book-content .play-card>p{font-size:11px}.book-content .play-card>.tiny{font-size:8px}.book-content .play-drawing{height:165px}.book-content .play-bottom>.hand{font-size:24px}.book-content .play-bottom>p{font-size:10px}.book-content .notebook-paper{padding:23px 15px}.book-content .notebook-date{font-size:7px;max-width:170px;margin-left:auto}.book-content .writing-word{font-size:59px;letter-spacing:-1.8px}.book-content .writing-scene{height:113px;max-width:91%}.book-content .writing-pen,.book-content .writing-pen>.doodle-icon{width:28px;height:28px}.book-content .writing-underline{bottom:14px;left:1%;width:95%}.book-content .writing-spark{font-size:25px;right:-5px;top:-7px}.book-content .notebook-paper h2{font-size:24px;line-height:1.15}.book-content .notebook-paper>p{font-size:10px}.book-content .notebook-ps{font-size:18px}.book-content .replay-writing{font-size:9px;margin-top:20px}.book-content .page-back>.text-link{font-size:10px}.book-content .case-header{padding-top:23px}.book-content .case-project-name{font-size:24px}.book-content .breadcrumb{font-size:9px}.book-content .breadcrumb>span{font-size:8px;max-width:120px}.book-content .case-flow .flow-widget{padding:16px 12px 0}.book-content .case-flow .flow-node{min-height:119px;font-size:10px}.book-content .case-flow .flow-node>.doodle-icon{width:34px;height:34px}.book-content .case-flow .flow-caption{font-size:10px}.book-content .case-flow .flow-next{font-size:9px;padding:7px 9px}.book-content .case-flow .flow-progress{margin-inline:-12px}.book-content .case-flow>h2{font-size:23px}.book-content .story-body h2{font-size:25px}.book-content .story-body p{font-size:12px}.book-content .case-story>aside nav{font-size:9px}.book-content .lesson-note{padding:23px 19px!important}.book-content .lesson-note>p{font-size:14px}.book-content .case-next>a{font-size:20px}.book-content .case-next>.hand{font-size:20px}.book-content .about-copy>p{font-size:12px}.book-content .about-note{padding:20px}.book-content .about-note>.hand{font-size:24px}.book-content .about-note p{font-size:11px}.book-content .auctra-note{padding:19px}.book-content .auctra-note p{font-size:10px}.book-content .auctra-note h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.chapter-content,.paper-object,.community-detail,.margin-pocket .extra-list{animation:none;opacity:1;translate:0 0;scale:1;transform:none}.folder-tab{transition:none}}
[data-motion=off] .chapter-content,[data-motion=off] .paper-object{animation:none;opacity:1;translate:0 0;scale:1}
@media print{.author-page,.binding,.folder-navigation,.desk-header,.desk-footer,.page-turner{display:none}.book-shell{display:block;border:0;box-shadow:none}.book-content{padding:0}.scrapbook-desk{width:100%}.chapter-content,.paper-object{animation:none;opacity:1;transform:none;translate:0 0;scale:1}}
/* Keep the scrapbook's fine print decorative, never the reading experience. */
.book-content .scrap-heading>p,.book-content .featured-copy>p,.job-paper>p:last-of-type,.community-detail>p,.book-content .experiment-meta p,.book-content .play-card>p,.book-content .notebook-paper>p,.book-content .case-summary,.book-content .about-copy>p{font-size:14px;line-height:1.75}
.book-content .flow-caption,.margin-pocket .extra-project p,.community-scrap summary p{font-size:13px;line-height:1.65}
.book-content .project-tabs button{font-size:12px;min-height:44px}
.book-content .flow-node,.book-content .featured-panel .flow-node,.book-content .case-flow .flow-node{font-size:12px}
.book-content .flow-next,.book-content .replay-writing{font-size:12px;min-height:44px}
.book-content .story-body p{font-size:15px;line-height:1.85}
.book-content .study-degree,.book-content .ticket-body>p{font-size:13px}
.book-content .job-organization{font-size:13px}
.book-content .study-card-bottom>span:first-child,.book-content .ticket-body>.tiny,.book-content .award-caption,.book-content .job-date{font-size:11px}
@media(max-width:650px){
.folder-tab{font-size:11px;min-width:83px;padding-inline:9px}.tab-number{font-size:16px}.folder-navigation{scroll-padding-inline:18px}
.author-label>.tiny{font-size:8px;max-width:120px}.author-role{font-size:11px;max-width:145px;line-height:1.6}.author-footnote>p{font-size:9px}.author-page{min-height:315px}.author-inner{min-height:273px}.book-shell:before{height:315px}.author-footnote{padding-top:14px}
.desk-hello{font-size:10px}.page-registration>.tiny{font-size:9px}.book-content .scrap-heading>p{font-size:14px}.book-content .tiny{font-size:9px}.book-content .study-card-top>.tiny{font-size:9px}
.study-card-bottom{flex-wrap:wrap;gap:8px}.study-card-bottom>.hand{margin-left:auto}.ticket-body{padding-bottom:22px}.study-ticket{min-height:175px}.award-caption{padding-right:38px;line-height:1.5;max-width:175px}.ticket-stub>.tiny{font-size:9px}.ticket-scribble{display:none}.merit-stamp{right:6px;bottom:13px}
.community-heading{align-items:start;gap:12px}.community-heading>.tiny{max-width:100px}.community-scrap summary{align-items:start}.community-detail{padding-left:22px}.job-date{font-size:11px}.job-paper .text-link{font-size:13px}
.book-content .flow-bottom{align-items:start;gap:8px;flex-wrap:wrap;padding-block:17px}.book-content .flow-caption{max-width:none;width:100%;font-size:13px}.book-content .flow-next{margin-left:auto}.book-content .flow-topline{gap:12px}.book-content .flow-topline>.tiny{font-size:8px;max-width:90px}.book-content .flow-topline>.hand{font-size:18px}.book-content .featured-panel .flow-node{font-size:12px;min-height:117px}
.book-content .experiment-card{display:block;padding:12px 12px 20px}.book-content .experiment-art{height:200px}.book-content .experiment-meta{padding:16px 5px 0}.book-content .experiment-meta h3{font-size:29px}.book-content .experiment-meta p{font-size:14px}.book-content .experiment-meta .tiny{font-size:9px}.book-content .art-note{font-size:22px;bottom:12px}.book-content .campus-art,.book-content .browser-doodle{scale:.78;margin-bottom:20px}.book-content .coopy-art{width:83px;margin-bottom:23px}.book-content .orbit{scale:.8;top:42px}.book-content .orbit-two{top:42px}
.margin-pocket .extra-project{grid-template-columns:35px 1fr;gap:12px}.margin-pocket .extra-project p{font-size:13px}.margin-pocket .round-arrow{display:none}.margin-pocket .extra-project h3{font-size:23px}.margin-count{font-size:11px}
.page-turner-links{flex-wrap:wrap}.previous-page{font-size:12px}.next-page{font-size:11px;min-height:50px}.next-page strong{font-size:18px}.desk-footer>div,.desk-footer .motion-toggle{font-size:11px}.desk-footer a,.desk-footer .motion-toggle{min-height:44px;display:inline-flex;align-items:center}.desk-footer>small{font-size:9px}
.book-content .text-link{font-size:13px}.book-content .notebook-paper>p,.book-content .play-bottom>p,.book-content .about-note p{font-size:14px}.book-content .case-meta p{font-size:13px}.book-content .case-story>aside nav{font-size:12px}.book-content .back-to-pocket{font-size:13px}.book-content .case-next{flex-wrap:wrap}
}
@media(max-width:350px){.author-name{font-size:42px}.author-page .hero-stage{width:142px;height:162px;right:-9px;top:25px}.author-page .avatar-scene{width:146px;height:146px}.author-role{max-width:120px}.author-page .floating-note{width:121px;right:-6px;top:221px}.author-footnote>.hand{font-size:17px}.author-footnote{max-width:133px}.author-page .avatar-caption{font-size:12px}.scrap-heading h1{font-size:34px}.ticket-stub{width:28px}.ticket-body{padding-inline:11px}.book-content .ticket-body>p{font-size:13px}.merit-stamp{width:40px;height:40px;bottom:10px}.award-caption{padding-right:28px}.study-card h2{font-size:25px}.page-registration>.hand{font-size:14px}.chapter-caption{font-size:19px}}