/* Illustration-led pages: let the crew and the books do the talking. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welcome-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px;max-width:1250px;margin:0 auto;padding:24px 0 55px;min-height:620px}
.welcome-copy{position:relative;z-index:1}
.welcome-copy h1{font-size:clamp(3rem,5.4vw,6.3rem);line-height:1.07;letter-spacing:-.045em;margin:0 0 40px;max-width:570px}
.welcome-copy h1 em{display:block;color:#ffdc70}
.welcome-crew{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;filter:drop-shadow(0 18px 25px #080f2866)}
.red-launch{display:flex;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;border:8px solid #363747;border-radius:50%;padding:14px;background:radial-gradient(circle at 35% 23%,#ff7270 0,#ed353a 38%,#b90829 80%);color:#fff7db;box-shadow:0 4px 0 #898697,0 13px 0 #2b1026,0 17px 0 #070b1b,0 20px 34px #e627342b,inset 0 3px 2px #ffb2a0,inset 0 -8px 4px #840925;font-family:var(--font-display);cursor:pointer;transition:transform .18s,box-shadow .18s;transform:rotate(-6deg)}
.red-launch-count{font-size:.95rem;font-weight:700;letter-spacing:.14em}
.red-launch strong{font-size:1.85rem;letter-spacing:.035em;line-height:1.5}
.red-launch-arrow{font-size:1.8rem;line-height:1}
.red-launch:hover{transform:rotate(-3deg) translateY(-3px)}
.red-launch:active{transform:rotate(-3deg) translateY(6px);box-shadow:0 4px 0 #898697,0 6px 0 #2b1026,0 8px 0 #070b1b,inset 0 3px 2px #ffb2a0,inset 0 -5px 4px #840925}
.book-peek{max-width:1160px;margin:16px auto 70px;padding:34px 34px 38px;border:1px solid #a7bad633;border-radius:32px;background:linear-gradient(135deg,#183353b8,#0c1b34c4)}
.peek-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.peek-heading h2{font-size:clamp(2rem,3.6vw,3.5rem);margin:0}
.peek-counter{color:#bad3e8;font-family:var(--font-display);white-space:nowrap}
.peek-layout{display:grid;grid-template-columns:48px minmax(0,1.2fr) 48px minmax(180px,1fr);gap:20px;align-items:center}
.peek-page{margin:0;min-width:0;touch-action:pan-y pinch-zoom}
.peek-page img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;filter:drop-shadow(0 16px 22px #0006)}
.peek-arrow{width:48px;height:48px;border:1px solid #c4d7ea66;border-radius:50%;background:#0d1f39;color:#fff1b9;font-size:1.5rem;cursor:pointer}
.peek-arrow:hover{background:#28476c;border-color:#ffe39a}
.peek-caption{padding-left:8px;min-width:0}
.peek-caption h3{font-size:clamp(1.6rem,2.7vw,2.8rem);line-height:1.14;color:#fff3d5;margin:12px 0 28px}
.peek-caption .button{font-size:.86rem;display:inline-block;line-height:1.5}
.book-synopsis,.map-preview-synopsis{margin:1em 0}
.book-synopsis>p,.map-preview-synopsis>p{margin:0 0 1em;font-size:inherit;line-height:inherit;color:inherit}
.book-synopsis>p:last-child,.map-preview-synopsis>p:last-child{margin-bottom:0}
.book-synopsis>.synopsis-series,.map-preview-synopsis>.synopsis-series{font-weight:700;color:#ffe29b}
.watch-coming-soon{display:grid;place-items:center;min-height:58vh;padding:10px 0 30px}
.watch-coming-soon>img{display:block;width:min(100%,1120px);height:auto;max-height:720px;object-fit:contain}
.about-page{max-width:1240px;margin:0 auto}
.about-page>h1{font-size:clamp(2.5rem,4.5vw,4.6rem)}
.author-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:55px;align-items:start;margin-top:30px}
.author-biography{max-width:68ch}
.author-biography p{color:#dce4ef;line-height:1.85;margin:0 0 24px;font-size:1.04rem}
.author-biography p:first-child{color:#fff2d7;font-size:1.15rem;line-height:1.75}
.author-illustration{margin:0;position:sticky;top:150px}
.author-mel-frame{position:relative;width:100%;aspect-ratio:.85;overflow:hidden;border-radius:100px 28px 80px 28px;background:#15273f;box-shadow:0 20px 35px #0004}
.author-mel-frame img{position:absolute;display:block;width:290%;max-width:none;height:auto;left:-174%;top:-96%}
.author-illustration figcaption{display:flex;flex-direction:column;gap:7px;margin:20px 5px;color:#cbd7e8;font-size:.9rem;line-height:1.6}
.author-illustration figcaption strong{color:#ffe3a3;font-family:var(--font-display);font-size:1.15rem}
.contact-page{max-width:1100px;margin:0 auto}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.contact-option{padding:34px 28px;border:1px solid #a4bedc3b;border-radius:24px;background:#122b4699;min-width:0}
.contact-symbol{font-size:2.3rem;color:#ffe293}
.contact-option h2{font-size:1.65rem;margin:18px 0 10px}
.contact-option a{color:#ace8e8;font-size:clamp(.88rem,1.4vw,1.13rem);line-height:1.8;text-underline-offset:5px;overflow-wrap:anywhere;display:inline-block;padding:6px 0;min-height:44px}
.contact-feedback{margin:38px 0;padding:10px 0}
.contact-feedback h2{font-size:2rem;margin-bottom:12px}
.contact-feedback p{color:#d0deef}
.contact-feedback .button{display:inline-block;margin:14px 0;text-decoration:none}
.contact-feedback .small{font-size:.86rem;color:#aabdd3}
html[data-motion='off'] .red-launch{transition:none}
html[data-motion='off'] .red-launch:hover{transform:rotate(-6deg)}
@media(prefers-reduced-motion:reduce){.red-launch{transition:none}.red-launch:hover{transform:rotate(-6deg)}}
@media(max-width:1100px){
 .welcome-hero{min-height:530px}.welcome-copy h1{font-size:clamp(2.8rem,5vw,4.5rem)}
 .peek-layout{grid-template-columns:44px minmax(0,1fr) 44px;gap:14px}.peek-page img{max-height:500px}.peek-caption{grid-column:2;padding-left:0;text-align:center}.peek-caption h3{margin:8px 0 20px;font-size:2rem}.peek-arrow{width:44px;height:44px}
 .author-layout{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr)}
}
@media(max-width:700px){
 .welcome-hero{grid-template-columns:1fr;gap:24px;text-align:center;min-height:auto;padding:24px 0 45px}
 .welcome-copy h1{font-size:clamp(2.8rem,11vw,4.2rem);margin:0 auto 28px;max-width:480px}
 .red-launch{width:148px;height:148px;border-width:6px;margin:0 auto}.red-launch strong{font-size:1.55rem}.red-launch-count{font-size:.78rem}.red-launch-arrow{font-size:1.5rem}
 .welcome-crew{max-height:420px;width:min(100%,390px);margin:0 auto}
 .book-peek{margin:0 -4px 40px;padding:25px 13px;border-radius:23px}
 .peek-heading{margin:0 5px 24px;gap:10px}.peek-heading h2{font-size:2.1rem}.peek-counter{font-size:.8rem}
 .peek-layout{grid-template-columns:1fr 1fr;gap:16px 14px}.peek-page{grid-column:1/-1;grid-row:1}.peek-page img{max-height:530px}.peek-previous{grid-row:2;grid-column:1;justify-self:end}.peek-next{grid-row:2;grid-column:2;justify-self:start}.peek-caption{grid-column:1/-1;grid-row:3}.peek-caption h3{font-size:1.8rem}
 .watch-coming-soon{min-height:45vh;padding:0;margin:0 -8px}
 .author-layout{grid-template-columns:1fr;gap:28px}.author-illustration{position:static;grid-row:1;max-width:330px;width:100%;margin:auto}.author-mel-frame{max-height:350px}.author-biography p{font-size:1rem;line-height:1.75}
 .contact-grid{grid-template-columns:1fr;margin-top:25px;gap:16px}.contact-option{padding:25px}.contact-option a{font-size:1rem}
}

.book-page-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:75vh;margin:20px auto;object-fit:contain}

.preview-page-text{margin:20px 0 0;border-top:1px solid #a8bfd13b;text-align:left;color:#e5edf8}
.preview-page-text summary{cursor:pointer;padding:15px 2px;min-height:44px;font-family:var(--font-display);font-size:.9rem;color:#cbe4f5}
.preview-page-text p{white-space:pre-line;font-size:1rem;line-height:1.7;margin:0 0 20px}
.book-page-preview .preview-page-text{margin-bottom:20px}

/* Frame the transparent wordmark, removing only the empty canvas around it. */
.masthead-brand{aspect-ratio:10/1;overflow:hidden;border-radius:0;background:transparent}
.masthead-brand img{position:absolute;left:0;top:50%;width:100%;height:auto;max-height:none;transform:translateY(-49.3%);border-radius:0;filter:drop-shadow(0 2px 2px #08162c99)}
.site-masthead{border-bottom:0;box-shadow:none}