@font-face{font-family:'True Handwriting';src:url('/fonts/true-handwriting.woff2') format('woff2');font-weight:400 900;font-display:swap}
.link-hub{background:#100c09}
.link-hub::before{inset:-55px;z-index:-2;background:url('/assets/room-background.webp') center 45%/cover no-repeat;filter:blur(34px) brightness(.46) saturate(.8);transform:scale(1.06)}
.link-hub::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#140e0715 15%,#08070665 76%,#080706a1 100%),linear-gradient(180deg,#0b090944,transparent 45%,#0b0909a8)}
.shelf-stage{border-radius:6px;outline:0;box-shadow:0 0 38px 16px #0c08067a,0 28px 65px #0009}
.intro{position:relative}.brand h1{text-shadow:0 2px 16px #0009}.view-toggle{background:#211b16b5;border-color:#d2b69670;backdrop-filter:blur(10px)}.view-toggle button[aria-pressed=true]{background:#e6dccd;color:#251b12}
.link-list{gap:19px;padding:5px 5px 14px;min-height:560px}
.list-link.box-spine{position:relative;isolation:isolate;overflow:hidden;min-height:132px;border:1px solid #b1855060;border-radius:3px;background:#26334a;color:#ede1cb;box-shadow:inset 0 2px 1px #f1d8b94a,inset 0 -4px 4px #0006,2px 7px 9px #0008,0 13px 22px #0004;transition:transform .18s,filter .18s,box-shadow .18s;transform:rotate(-.15deg)}
.box-spine::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#ffe7bf12 0,transparent 12%,transparent 65%,#130c071f 100%),linear-gradient(90deg,#fff0cb08,transparent 40%,#0000000d)}
.box-spine::after{content:'';position:absolute;inset:4px 3px 6px;z-index:2;pointer-events:none;border-top:1px solid #fff1;border-bottom:1px solid #170f0c66;background:url('/assets/spines/paper-grain.svg');opacity:.24;mix-blend-mode:soft-light}
.list-link.box-spine:hover{transform:translateY(-3px) rotate(0deg);filter:brightness(1.07);box-shadow:inset 0 2px 1px #f1d8b94a,inset 0 -4px 4px #0006,2px 10px 13px #000a,0 16px 28px #0005}.list-link.box-spine:active{transform:translateY(1px)}
/* These images ARE the entire printed box side; no inset label or distortion. */
.list-link.box-spine.printed-spine{display:block;padding:0;min-height:0;border:0;background:#271a10;width:100%;border-radius:3px}
.box-spine.printed-spine .printed-face{display:block;width:100%;height:auto;max-width:100%;filter:saturate(.88) brightness(.88);border-radius:3px}
.printed-spine::after{display:none}.printed-spine::before{background:linear-gradient(90deg,#ffb05209,transparent 45%,#150d0614)}
.box-spine.printed-spine[data-track="media-kit"]{width:calc(100% - 5px);transform:rotate(-.22deg)}
.box-spine.printed-spine[data-track="loners"]{transform:rotate(-.22deg)}
.box-spine.printed-spine[data-track="fruit-boss"]{width:calc(100% - 10px);margin-left:7px;transform:rotate(.16deg)}
.print-fallback,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.print-fallback span{display:block}
.printed-spine.face-error .printed-face{display:none}.printed-spine.face-error .print-fallback{position:static;display:grid;place-content:center;width:auto;height:auto;min-height:105px;margin:0;padding:20px;overflow:visible;clip-path:none;white-space:normal;text-align:center;font:700 26px/1.2 var(--display);color:#f5e3c4}.printed-spine.face-error .print-fallback span{font:13px/1.5 var(--ui);margin-top:8px}
/* The Test is a loose notebook scrap, with the supplied handwriting throughout. */
.list-link.box-spine.notebook-link{display:block;width:calc(100% - 23px);margin:2px 4px 0 15px;padding:19px 17px 18px 57px;min-height:153px;transform:rotate(.65deg);border:0;border-radius:0;color:#33291f;background-color:#deceb4;background-image:linear-gradient(90deg,transparent 12.9%,#b472626b 13% 13.3%,transparent 13.4%),repeating-linear-gradient(180deg,transparent 0 24px,#829b9e48 24px 25px);box-shadow:inset 0 0 25px #91734b24;filter:drop-shadow(2px 7px 4px #0008);clip-path:polygon(.5% 2%,5% 1%,8% 2%,14% .5%,19% 1.8%,26% .6%,34% 1.8%,41% .3%,48% 1.5%,55% .3%,63% 1.7%,70% .6%,78% 1.8%,86% .4%,94% 1.3%,99.5% .4%,99.2% 11%,100% 19%,99.3% 28%,100% 36%,99.4% 46%,100% 55%,99.4% 65%,100% 74%,99.3% 84%,99.8% 97%,94% 98%,87% 97.3%,80% 99%,72% 98%,65% 99.5%,57% 98.4%,48% 99.8%,40% 98.5%,33% 99.8%,25% 98.8%,17% 100%,9% 98.4%,.2% 99.8%,.8% 88%,0 79%,.7% 69%,0 59%,.5% 48%,0 38%,.8% 28%,0 17%)}
.notebook-link::before{background:linear-gradient(100deg,#fff9e529,transparent 55%,#5f402716);box-shadow:inset 0 0 24px #70523613}
.notebook-link::after{inset:0;border:0;opacity:.25;mix-blend-mode:multiply;transform:rotate(-.6deg)}
.notebook-link .paper-content{display:block;position:relative;z-index:1;text-align:left;font-family:'True Handwriting',cursive;transform:rotate(-.4deg)}
.notebook-link .paper-content small{font:700 20px/1.25 'True Handwriting',cursive;letter-spacing:.1px;text-transform:none;color:#5c4430;margin:0 0 8px}
.notebook-link .paper-content strong{font:800 30px/1.1 'True Handwriting',cursive;letter-spacing:.15px;text-transform:none;color:#30271e;overflow-wrap:normal}
.notebook-link .paper-content p{font:700 19px/1.35 'True Handwriting',cursive;margin:9px 0 0;color:#423529}
.paper-invite{display:block;text-align:right;margin-top:7px;font:700 18px/1.3 'True Handwriting',cursive;color:#6a4127}
.list-link.box-spine.notebook-link:hover{filter:drop-shadow(2px 9px 5px #0009) brightness(1.04)}
/* Custom Noble Knight and Doomlings editions use full-size printed typography. */
.list-link.box-spine.knight-spine,.list-link.box-spine.doom-spine{display:grid;grid-template-columns:65px minmax(0,1fr) 21px;align-items:center;gap:15px;padding:15px 18px 17px 15px}
.box-spine .spine-end{display:grid;place-items:center;align-self:stretch;border-right:1px solid #10172299;box-shadow:1px 0 0 #e9d8b124;padding-right:12px}
.box-spine .spine-end img{display:block;width:100%;height:auto;max-height:70px;object-fit:contain}
.box-spine .list-copy{position:relative;z-index:1;min-width:0;text-align:center}
.box-spine .list-copy small{font:700 10px/1.3 var(--ui);letter-spacing:2px;text-transform:uppercase;color:inherit;opacity:.85;margin:0 0 7px}
.knight-spine .list-copy strong{font:700 39px/1 Georgia,serif;text-transform:uppercase;letter-spacing:-1.4px;color:#e6dfd0;text-shadow:0 1px 1px #1b2238}
.knight-spine .list-copy strong span{display:block;font:600 14px/1.2 Georgia,serif;letter-spacing:10px;padding-left:10px;margin-top:5px}
.box-spine .list-copy p{font:600 11px/1.4 var(--ui);color:inherit;margin:10px 0 0}
.box-spine .arrow{position:relative;z-index:3;font:22px Georgia,serif;color:inherit;text-align:center;opacity:.8}
.list-link.box-spine.doom-spine{background:#283b42;width:calc(100% - 8px);margin-left:3px;transform:rotate(.18deg);min-height:138px}
.doom-spine .spine-skin{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;opacity:.3;pointer-events:none}
.doom-spine .spine-discount{display:flex;flex-direction:column;justify-content:center;font:700 39px/.9 Georgia,serif;text-align:center;position:relative;color:#f0e5ca}
.doom-spine .spine-discount span{display:block;font:700 11px/1.4 var(--ui);letter-spacing:1px;margin-top:5px}
.doom-spine .doom-wordmark{display:block;width:100%;max-height:70px;object-fit:contain;filter:brightness(.9)}
.doom-spine .list-copy small{font-size:9px;letter-spacing:.4px;text-transform:none}.doom-spine .list-copy p{text-shadow:0 1px 4px #0009}
@media(max-width:639px){.link-hub::before{filter:blur(29px) brightness(.42) saturate(.8);background-position:48% center}.shelf-stage{border-radius:5px;box-shadow:0 0 27px 12px #0c08067a,0 24px 45px #0009}.link-list{gap:17px;padding:4px 2px 13px}.list-link.box-spine.notebook-link{padding:16px 12px 17px 37px;min-height:146px;width:calc(100% - 16px);margin-left:11px}.notebook-link .paper-content small{font-size:17px;margin-bottom:10px}.notebook-link .paper-content strong{font-size:23px;line-height:1.15}.notebook-link .paper-content p{font-size:16px;margin-top:9px}.paper-invite{font-size:16px;margin-top:10px}.list-link.box-spine.knight-spine,.list-link.box-spine.doom-spine{grid-template-columns:40px minmax(0,1fr) 14px;gap:9px;min-height:118px;padding:13px 12px 15px 11px}.box-spine .spine-end{padding-right:7px}.box-spine .spine-end img{max-height:45px}.box-spine .list-copy small{font-size:8px;letter-spacing:1.3px}.knight-spine .list-copy strong{font-size:27px;letter-spacing:-1px}.knight-spine .list-copy strong span{font-size:11px;letter-spacing:8px;padding-left:8px}.box-spine .list-copy p{font-size:10px;margin-top:9px}.box-spine .arrow{font-size:18px}.doom-spine .doom-wordmark{max-height:50px}.doom-spine .list-copy small{font-size:8px;letter-spacing:0}.doom-spine .spine-discount{font-size:27px}.doom-spine .spine-discount span{font-size:8px;letter-spacing:.3px}}
@media(max-width:350px){.knight-spine .list-copy strong{font-size:23px}.notebook-link .paper-content strong{font-size:21px}.notebook-link .paper-content small{font-size:16px}.list-link.box-spine.knight-spine,.list-link.box-spine.doom-spine{grid-template-columns:33px minmax(0,1fr) 13px;gap:7px}}
@media(prefers-reduced-motion:reduce){.list-link.box-spine:hover,.list-link.box-spine:active{transform:none}}

/* v17: photographic torn paper, exact source marks and brand-specific print. */
@font-face{font-family:Poppins;src:url('/fonts/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Lato;src:url('/fonts/lato-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Anton;src:url('/fonts/anton-400.woff2') format('woff2');font-weight:400;font-display:swap}
.printed-spine .media-source-logo{position:absolute;left:3.1%;top:25%;width:11.1%;height:auto;filter:brightness(.87) saturate(.9);mix-blend-mode:multiply;pointer-events:none;z-index:1}
.printed-spine.face-error .media-source-logo{display:none}
.list-link.box-spine.notebook-link{padding:0;min-height:0;aspect-ratio:1600/533;overflow:visible;background:transparent;background-image:none;border:0;box-shadow:none;clip-path:none;filter:drop-shadow(2px 8px 4px #0009) drop-shadow(0 1px 1px #0005);transform:rotate(.4deg)}
.notebook-link::before,.notebook-link::after{display:none}
.notebook-link .paper-material{position:relative;display:block;width:100%;height:auto;filter:brightness(.91) saturate(.8);pointer-events:none}
.notebook-link .paper-ink{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply;opacity:.94;pointer-events:none}
.paper-ink .notebook-rules{fill:none;stroke:#718f9a;stroke-width:2;opacity:.45}.paper-ink .notebook-margin{stroke:#ae6761;opacity:.6}
.paper-ink .handwritten-ink{fill:#302820;stroke:#302820;stroke-width:.6;paint-order:stroke fill;font-family:'True Handwriting',cursive;font-weight:400}
.paper-ink .paper-eyebrow{font-size:74px;fill:#57432f}.paper-ink .paper-title{font-size:119px}.paper-ink .paper-question{font-size:79px}.paper-ink .paper-action{font-size:76px;fill:#553c26}
.paper-ink .paper-doodle{fill:none;stroke:#493c2d;stroke-width:3.7;stroke-linecap:round;stroke-linejoin:round;opacity:.84}
.paper-ink .table-character{stroke-width:15}.paper-ink .table-character .doodle-label{fill:#493c2d;stroke-width:1.6;font:400 105px 'True Handwriting',cursive}
.list-link.box-spine.notebook-link:hover{box-shadow:none;filter:drop-shadow(2px 10px 5px #000a) drop-shadow(0 1px 1px #0005) brightness(1.035)}
.list-link.box-spine.knight-spine{background:linear-gradient(115deg,#344761 0%,#293a55 43%,#202d46 100%);min-height:171px;border-color:#b3b1a375;grid-template-columns:66px minmax(0,1fr) 21px}
.knight-spine::before{inset:5px;border:1px solid #d1ccb147;border-radius:1px;background:linear-gradient(180deg,#f4e8c718,transparent 12%,transparent 78%,#0003);box-shadow:inset 0 0 0 3px #202b4217}
.knight-spine::after{inset:10px 10px 9px;border-color:#d2c3a72b}
.knight-spine .knight-wordmark{display:block;width:100%;height:92px;object-fit:contain;filter:sepia(.25) brightness(.91);margin:0 auto}
.knight-spine .list-copy small{font:600 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:2.5px;color:#e0d9c8;margin-bottom:4px}
.knight-spine .list-copy p{font:500 12px/1.5 Poppins,Arial,sans-serif;color:#e8e1cf;margin-top:6px}
.doom-spine .list-copy small{font:700 11px/1.35 Lato,Arial,sans-serif;letter-spacing:.3px;text-transform:none}
.doom-spine .list-copy p{font:700 12px/1.4 Lato,Arial,sans-serif;margin-top:8px;letter-spacing:.25px}
.doom-spine .spine-discount{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:42px;line-height:1}
.doom-spine .spine-discount span{font:400 14px/1.2 Anton,Impact,sans-serif;letter-spacing:.6px;margin-top:3px}
@media(max-width:639px){.list-link.box-spine.notebook-link{padding:0;min-height:0;width:calc(100% - 10px);margin:0 0 0 6px}.list-link.box-spine.knight-spine{min-height:151px;grid-template-columns:39px minmax(0,1fr) 14px;padding:14px 12px 15px 11px}.knight-spine .knight-wordmark{height:78px}.knight-spine .list-copy small{font-size:8px;letter-spacing:1.6px;margin-bottom:5px}.knight-spine .list-copy p{font-size:11px;margin-top:7px}.doom-spine .list-copy small{font-size:9px;letter-spacing:0}.doom-spine .list-copy p{font-size:11px;letter-spacing:0}.doom-spine .spine-discount{font-size:30px}.doom-spine .spine-discount span{font-size:11px}}
@media(max-width:350px){.list-link.box-spine.knight-spine{grid-template-columns:33px minmax(0,1fr) 13px}.knight-spine .knight-wordmark{height:72px}.knight-spine .list-copy p{font-size:10px}.doom-spine .list-copy p{font-size:10px}}