/* The front journal's wire binding. */
.journal:after{content:'';position:absolute;left:-19px;top:14px;bottom:14px;width:39px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='31' viewBox='0 0 39 31'%3E%3Ccircle cx='27' cy='17' r='4' fill='%23b1a58f'/%3E%3Cpath d='M27 17C8 27 0 15 7 8C12 3 26 6 28 13' fill='none' stroke='%235c615e' stroke-width='3.4'/%3E%3Cpath d='M27 16C8 25 2 15 8 9C13 5 25 7 27 12' fill='none' stroke='%23d9dcda' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:repeat-y;pointer-events:none;filter:drop-shadow(1px 2px 1px #0003)}
.comic-invitation{display:inline-block;margin-top:24px;font-size:13px;color:var(--rust);text-decoration:underline;text-underline-offset:5px}.comic-heading{text-align:center;max-width:790px;margin:0 auto;padding:50px 0 27px}.comic-heading h1{font-size:clamp(48px,6vw,75px);letter-spacing:-2px;margin:0 0 19px}.comic-heading p:last-child{color:var(--muted);font-size:16px;margin:0}.comic-heading .eyebrow{margin-bottom:17px}.comic-stage{padding:20px 0 75px;perspective:1800px}.comic-book{margin:0 auto;max-width:1040px}.comic-book summary{list-style:none;cursor:pointer}.comic-book summary::-webkit-details-marker{display:none}.comic-book summary:focus-visible{outline:3px solid var(--rust);outline-offset:9px}.comic-cover{display:block;position:relative;max-width:430px;min-height:520px;margin:0 auto;background:#ead294;border:3px solid #30362e;border-left:17px solid #344e43;box-shadow:5px 5px 0 #c3b496,10px 10px 0 #344e43,13px 18px 24px #25251f26;padding:25px 28px 34px;text-align:center;transform:rotate(-3deg);transition:transform .25s}.comic-cover:hover{transform:rotate(-1deg) translateY(-4px)}.cover-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-bottom:2px solid #30362e;padding-bottom:12px}.cover-title{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;letter-spacing:-1px;font-size:70px;line-height:.94;display:block;color:var(--rust);text-shadow:2px 2px 0 #fff5d6;margin:39px 0 23px;transform:rotate(-4deg)}.cover-subtitle{display:block;font-family:Georgia,serif;font-style:italic;font-size:27px;margin-bottom:24px}.cover-burst{display:block;width:167px;margin:0 auto 29px;background:#faf6ee;border:2px solid #30362e;padding:16px 10px;font-size:12px;font-weight:700;line-height:1.4;transform:rotate(5deg);box-shadow:4px 4px 0 #30362e}.open-label{display:inline-block;background:var(--green);color:white;padding:11px 18px;font-size:13px}.close-label{display:none;text-align:center;font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:0 0 18px;color:var(--muted)}.comic-book[open] .comic-cover{display:none}.comic-book[open] .close-label{display:block}.comic-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#d9cbb0;border:1px solid #c3b496;border-radius:5px 15px 15px 5px;box-shadow:0 6px 0 #e6dcc7,0 8px 0 #bdae91,0 13px 30px #292c2826;position:relative}.comic-spread:after{content:'';width:34px;position:absolute;left:calc(50% - 17px);top:0;bottom:0;background:linear-gradient(90deg,transparent,#64533b25 40%,#4e3c343b 49%,#fff8eb6b 54%,transparent);pointer-events:none}.comic-page{padding:25px 28px 19px;background-color:#faf2dd;background-image:radial-gradient(#a4916824 .6px,transparent .6px);background-size:5px 5px;min-width:0;transform-origin:right center}.comic-page:first-child{border-radius:5px 0 0 5px;background-color:#f6ecd5}.comic-page:last-child{border-radius:0 12px 12px 0;transform-origin:left center}.comic-book[open] .comic-page:last-child{animation:page-open .85s ease-out both}.page-running{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;border-bottom:1px solid #4d4c3d77;padding-bottom:9px}.comic-page h2{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:clamp(26px,3.6vw,44px);letter-spacing:-.5px;margin:23px 0 21px;transform:rotate(-2deg)}.comic-page:last-child h2{color:var(--rust);transform:rotate(2deg)}.panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.panel{position:relative;border:2px solid #30362e;min-height:172px;background:#fffaf0;overflow:hidden}.panel-wide{grid-column:1/-1;min-height:220px}.panel-number{position:absolute;bottom:8px;right:10px;font-size:9px;letter-spacing:1px;color:#747064}.panel-caption{display:inline-block;position:relative;z-index:1;max-width:90%;background:#ead294;border:1px solid #30362e;border-top:0;border-left:0;padding:5px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.panel-dots{position:absolute;inset:35% 20%;background-image:radial-gradient(#afbaa6 .9px,transparent .9px);background-size:6px 6px;transform:rotate(-8deg);border-radius:50%}.speech{position:absolute;left:23%;top:38%;width:55%;min-height:53px;display:grid;place-items:center;border:1.5px solid #30362e;border-radius:50%;background:#fffaf0;font:26px Georgia,serif;letter-spacing:5px}.speech:after{content:'';position:absolute;left:24%;bottom:-10px;width:13px;height:17px;background:#fffaf0;border-right:1.5px solid #30362e;border-bottom:1.5px solid #30362e;transform:skewY(-30deg) rotate(25deg)}.panel-lines{background:repeating-linear-gradient(135deg,#ebe4d6 0,#ebe4d6 1px,#fffaf0 1px,#fffaf0 8px)}.panel-star{position:absolute;inset:26% 15%;background:#e5bd96;clip-path:polygon(50% 0,61% 25%,88% 9%,78% 37%,100% 50%,74% 62%,89% 92%,60% 77%,47% 100%,37% 76%,9% 91%,24% 62%,0 48%,28% 37%,13% 8%,40% 24%)}.page-foot{text-align:center;font:italic 12px Georgia,serif;margin:16px 0 0;color:#65614d}.comic-note{text-align:center;font-size:13px;color:var(--muted);margin:28px auto 0;max-width:560px}.comic-home{text-align:center;padding:0 0 45px}.comic-home a{font-size:13px}@keyframes page-open{from{transform:rotateY(-70deg);opacity:.3}to{transform:rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.comic-book[open] .comic-page:last-child{animation:none}.comic-cover{transition:none}}@media(max-width:700px){.comic-stage{padding-top:10px}.comic-heading{padding-top:40px}.comic-cover{min-height:450px;padding:23px 18px 28px}.cover-title{font-size:60px}.comic-spread{grid-template-columns:1fr;max-width:470px;margin:auto}.comic-spread:after{display:none}.comic-page{padding:20px}.comic-page:first-child{border-radius:5px 12px 0 0;border-bottom:2px solid #beac8d}.comic-page:last-child{border-radius:0 0 12px 5px}.comic-page h2{font-size:39px}.comic-book[open] .comic-page:last-child{animation:none}.panel{min-height:155px}.panel-wide{min-height:190px}.comic-note{font-size:12px}.comic-heading h1{font-size:51px}.hero-actions{flex-wrap:wrap}}
