/* Physical details stay separate from the readable, accessible notebook content. */
.first-page{border-radius:3px 9px 17px 5px;padding-left:9%;padding-right:6%;background-color:#e7d6ae;background-blend-mode:multiply;border-right:2px solid #baa781}
.notebook.is-reading .first-page{overflow:visible;padding-top:94px;padding-bottom:58px;box-shadow:inset 20px 0 27px -17px #342616b3,inset -3px 0 9px #97734255,3px 5px 0 #cab88e,6px 9px 0 #a58e64}
.first-page:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(156deg,transparent 27%,#81634122 27.2%,#fff9 27.6%,transparent 28%),linear-gradient(17deg,transparent 68%,#6c4a2220 68.2%,#fff8 68.6%,transparent 69%);border-radius:inherit}
.binder-rings{position:absolute;left:-17px;top:26px;bottom:24px;width:42px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;pointer-events:none}
.binder-rings i{position:relative;display:block;width:40px;height:17px;border:5px solid #252725;border-top-color:#999b91;border-bottom-color:#080b09;border-left-color:#4c504a;border-radius:48%;box-shadow:0 3px 3px #0009,inset 0 1px 2px #fff8;transform:rotate(-6deg)}
.binder-rings i:before{content:'';position:absolute;right:-7px;top:-7px;width:12px;height:19px;background:#241e16;border-radius:45%;box-shadow:0 0 0 3px #b5a07b88;z-index:-1}
.binder-rings i:nth-child(3n){transform:rotate(-9deg)}
.youtube-bookmark{position:absolute;right:16px;top:-18px;display:flex;gap:12px;align-items:center;z-index:2;color:#453e31}
.watch-note{font:24px/1.05 ScrapHand,cursive;transform:rotate(-8deg);text-align:right;padding-top:18px}.watch-note small{font-size:12px;display:block;margin-top:7px}.watch-note:after{content:'↗';position:absolute;right:-13px;top:40px;font-size:26px}
.red-tape{position:relative;display:grid;place-items:center;width:62px;height:108px;color:#e9d8b4;background:repeating-linear-gradient(0deg,#fff0 0 2px,#f4b08e16 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#17050322 2px 3px),linear-gradient(165deg,#8c211d,#ad3329 38%,#74201b 41%,#a33629 44%,#8e281f);box-shadow:3px 5px 5px #43291544;transform:rotate(3deg);clip-path:polygon(0 2%,9% 0,18% 3%,29% 0,44% 2%,59% 0,73% 2%,88% 0,100% 2%,98% 30%,100% 59%,98% 81%,100% 97%,88% 95%,81% 100%,70% 96%,58% 99%,44% 95%,31% 98%,20% 94%,11% 97%,0 93%)}
.red-tape svg{width:42px;height:42px;opacity:.75;filter:drop-shadow(1px 1px 0 #f8e7c255)}
.first-page h1{margin-top:0}.brainstorm{margin-top:10px}
.polaroid{background:#e9dfc8;box-shadow:2px 3px 5px #4d371a44,5px 9px 15px #51463130;border-radius:1px 3px 1px 2px}.photo-window{filter:sepia(.25)}
.front-cover .borough-logo{opacity:.38;filter:sepia(.8) saturate(.25);clip-path:polygon(0 0,97% 2%,83% 15%,92% 27%,78% 39%,87% 53%,74% 64%,80% 81%,70% 100%,0 98%)}
@media(max-width:560px){.notebook-space{padding-left:20px;padding-right:10px}.notebook.is-reading{width:calc(100vw - 45px)}.first-page{padding-left:10%;padding-right:5%}.notebook.is-reading .first-page{padding-top:96px}.binder-rings{left:-13px;width:30px;top:25px;bottom:25px}.binder-rings i{width:29px;height:13px;border-width:4px}.binder-rings i:before{width:9px;height:15px;top:-6px;right:-6px}.youtube-bookmark{right:11px;top:-14px}.red-tape{width:48px;height:88px}.red-tape svg{width:34px}.watch-note{font-size:21px}.first-page h1{font-size:clamp(28px,7.8vw,42px)}.brainstorm{height:425px}.idea{font-size:18px}.idea-6,.idea-7,.idea-8{font-size:17px}.brainstorm h2{font-size:25px}.film-notes{gap:16px;padding-left:0;padding-right:0}}
@media(max-width:370px){.idea{font-size:16px}.idea-4,.idea-5{font-size:22px}.idea-6,.idea-7,.idea-8{font-size:15px}.film-notes{grid-template-columns:1fr;max-width:220px;gap:36px}}