:root{--ink:#18202d;--navy:#151c29;--cream:#fbf4e7;--orange:#ff9b3d;--gold:#ffcb68;--cyan:#70dce5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Outfit,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.nav{height:82px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:relative;z-index:10;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;line-height:.9;letter-spacing:.05em}.brand strong{font-size:20px}.brand-star{font-size:35px;color:var(--orange)}nav{display:flex;gap:29px;align-items:center}nav>a{font-size:13px;font-weight:700;color:#e9e6e2}nav>a:hover{color:var(--gold)}.nav-cta{background:var(--orange);color:var(--navy);border-radius:40px;padding:13px 19px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 70% 35%,#293a48 0,#171e2b 55%,#121925 100%);color:#fff;overflow:hidden}.hero-inner{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;padding:100px 5% 92px}.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.19em}.eyebrow{color:var(--gold)}.spark{font-size:20px}.hero h1{font-size:clamp(52px,6vw,96px);line-height:.94;letter-spacing:-.055em;margin:28px 0}.hero h1 em,.section h2 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:510px;color:#c8d1d8;font-size:19px;line-height:1.65}.hero-copy strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:40px;padding:16px 23px;font-size:14px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--orange);color:var(--navy)}.btn-outline{border:1px solid #8d9ba9;color:#fff}.hero-note{color:#9eafbe;font-size:12px}.hero-note span{color:var(--gold);letter-spacing:.2em;margin-right:8px}.hero-video{background:#0e1420;border:1px solid #465264;border-radius:22px;box-shadow:0 28px 75px #0007;overflow:hidden}.video-head,.video-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:11px;font-weight:800;letter-spacing:.1em}.video-head{color:#e5e9ed}.live-dot{display:inline-block;background:#ffb35b;border-radius:50%;width:8px;height:8px;margin-right:8px;box-shadow:0 0 14px #ffb35b}.video-duration{color:#8595a6;font-size:10px}.hero-video video{width:100%;max-height:570px;aspect-ratio:1/1;object-fit:contain;background:#000;display:block}.video-foot{color:#98a9b9;letter-spacing:0}.video-foot button{border:0;background:none;color:var(--gold);font-size:12px}.hero-bottom{white-space:nowrap;text-align:center;background:var(--orange);color:#19202c;padding:17px;font-size:12px;font-weight:900;letter-spacing:.19em}.hero-bottom span{margin:0 25px}.section{padding:100px max(5vw,24px)}.section-label{color:#bd6932;margin-bottom:28px;display:block}.section h2{font-size:clamp(39px,5vw,72px);line-height:1.03;letter-spacing:-.045em}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:start;max-width:1250px;margin:auto}.intro-grid p{font-size:19px;line-height:1.7;color:#4e5862}.text-link{font-weight:800;color:#ba5a2d;border-bottom:2px solid;padding-bottom:5px}.characters{background:#eae4d8}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1250px;margin:auto}.section-top>p{color:#62666a}.character-grid,.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1250px;margin:30px auto 0}.character-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 25px #0000000c}.character-art{height:330px;background:#253444;overflow:hidden}.character-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.art-graphic{position:relative;background:radial-gradient(circle,#ffd978,#e99144 70%);display:flex;align-items:center;justify-content:center;flex-direction:column}.sunburst{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,#ffffff12 0deg 10deg,transparent 10deg 20deg)}.hat{font-size:145px;filter:drop-shadow(0 12px 8px #0002);z-index:1}.art-word{font-family:Outfit;font-size:34px;font-weight:900;color:#783c26;z-index:1}.character-info{padding:30px}.tag,.book-num{font-size:11px;font-weight:900;letter-spacing:.16em;color:#b96a34}.character-info h3{font-size:45px;margin:9px 0}.character-info h3 span{color:#e88c42}.character-info p,.book-card p{font-size:16px;line-height:1.7;color:#58606a;max-width:470px}.books{background:#fbf4e7}.book-card{border:2px solid #e6d9c4;background:#fffaf1;border-radius:20px;padding:36px;min-height:305px}.book-icon{font-size:52px;margin-bottom:20px}.book-card h3{font-size:30px;margin:12px 0}.book-card a{font-weight:800;color:#b85d30}.book-footnote{font-size:12px;color:#8b8174;max-width:1250px;margin:20px auto 0}.free-section{text-align:center;background:#ffbd69;padding-top:100px;padding-bottom:100px}.free-section .section-label{color:#7e3d25}.free-section h2{margin-bottom:20px}.free-section h2 em{color:#8c3c2d}.free-section>p{max-width:610px;margin:0 auto 26px;line-height:1.7;font-size:18px}.free-stars{font-size:35px;margin-bottom:18px}.btn-dark{background:var(--navy);color:#fff}.free-section .free-small{font-size:11px;margin:18px auto 0;opacity:.7}.follow{background:#182230;color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.follow p{max-width:520px;line-height:1.7;color:#b7c3cc}.social-links{display:flex;flex-direction:column}.social-links a{display:flex;justify-content:space-between;padding:23px 8px;border-bottom:1px solid #526071;font-size:22px;font-weight:800}.social-links a:hover{color:var(--orange)}footer{background:#101722;color:#a8b5c0;padding:35px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer .brand{color:#fff}footer .brand strong{font-size:15px}footer .brand-star{font-size:28px}footer>a:last-child{color:var(--orange)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;padding:70px 6%;gap:40px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(53px,10vw,85px)}.intro-grid{gap:5%}.section{padding:75px 6%}.character-art{height:280px}}@media(max-width:650px){.nav{height:70px}.menu-toggle{display:block;border:0;background:transparent;color:#fff;font-size:27px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#151c29;flex-direction:column;align-items:stretch;padding:24px;gap:22px}nav.open{display:flex}.hero-inner{padding:62px 5% 65px}.hero h1{font-size:clamp(48px,12vw,72px)}.hero-copy>p{font-size:17px}.hero-actions .btn{width:100%}.video-head,.video-foot{padding:12px;font-size:10px}.video-duration{font-size:9px}.hero-bottom{font-size:10px}.intro-grid,.character-grid,.book-grid,.follow{grid-template-columns:1fr}.section-top{display:block}.section h2{font-size:clamp(38px,10vw,58px)}.character-art{height:310px}.follow{gap:25px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}}

/* V5: actual book cover art, optimized for mobile */
.book-cover{width:100%;max-width:240px;margin:0 auto 24px;display:flex;justify-content:center;align-items:center}
.book-cover img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:10px;box-shadow:0 12px 25px rgba(26,28,32,.16)}
.book-card{display:flex;flex-direction:column;align-items:flex-start}
.book-card .book-cover{align-self:center}
@media(max-width:600px){.book-cover{max-width:205px;margin-bottom:22px}.book-card{padding-top:30px}}

/* V6: original illustrated character portraits */
.character-card .character-art img{object-position:center 30%;}