@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#211744;--cream:#fffdf4;--lime:#dbfa55;--purple:#aa8af5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}button{font:inherit}header{height:100px;display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:0 5%}.brand{font:700 15px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.4px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-icon{font-size:40px;color:#7951cc}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}nav a{text-decoration:none}.small-button{border:1.5px solid var(--ink);padding:13px 19px;border-radius:30px}.hero{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:55px 5% 85px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow span,.release-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7960b9}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-4px;line-height:1.02;margin:24px 0}h1{font-size:clamp(65px,7.4vw,104px)}h1 em{font-style:normal;color:#7951cc;position:relative}h1 em:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:7px;background:var(--lime);z-index:-1;transform:rotate(-3deg)}p{line-height:1.7}.hero-copy>p:not(.eyebrow){max-width:470px}.lead{font-size:21px;font-weight:600;line-height:1.4}.hero-copy>p:not(.lead):not(.eyebrow){color:#625b72}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.button{display:inline-flex;gap:30px;align-items:center;padding:18px 23px;border-radius:7px;font-weight:700;text-decoration:none;box-shadow:3px 4px 0 var(--ink);border:1.5px solid var(--ink);transition:transform .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime)}.dark{background:var(--ink);color:white;box-shadow:3px 4px 0 #a28dd0}.text-link{font-size:13px;text-underline-offset:5px}.facts{display:flex;gap:27px;border-top:1px solid #ded8e5;padding-top:25px;margin-top:38px;font-size:11px}.facts b{display:block;font-size:23px;margin-bottom:4px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:530px}.orbit{position:absolute;width:110%;aspect-ratio:1;border-radius:50%;background:#eee5ff;transform:rotate(-15deg);border:1px solid #dbcdf7}.orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #bca6e4;border-radius:50%}.book{position:relative;width:75%;aspect-ratio:.72;overflow:hidden;transform:rotate(7deg);box-shadow:12px 18px 0 #20154824,3px 4px 0 #261248;border-radius:3px;background:#201548}.book img{height:100%;width:208%;max-width:none;position:absolute;right:0;object-fit:fill}.sticker{position:absolute;left:-8px;top:12px;z-index:2;background:var(--lime);border-radius:50%;width:133px;height:133px;display:grid;place-content:center;transform:rotate(-12deg);font-size:15px;font-weight:900;line-height:1.2;text-align:center;border:2px solid var(--ink)}.spark{position:absolute;font-size:72px}.spark-one{bottom:50px;left:-10px;color:#8053cf}.spark-two{top:0;right:-14px}.art-caption{position:absolute;bottom:-30px;font-size:12px;transform:none;text-align:center}.ticker{background:var(--ink);color:var(--lime);padding:23px 12px;text-align:center;font-family:'Space Grotesk';font-weight:700;font-size:16px;letter-spacing:2px;display:flex;justify-content:space-evenly;gap:24px;overflow:hidden;white-space:nowrap}.ticker span{color:#d8b5ff}.section{max-width:1200px;margin:auto;padding:95px 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}h2{font-size:clamp(40px,4.6vw,62px);letter-spacing:-2.5px}.section-heading>p{max-width:330px;color:#625b72}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.page-card{border:0;padding:22px 20px 18px;border-radius:12px;text-align:left;cursor:pointer;color:var(--ink);transition:transform .2s}.page-card:hover{transform:translateY(-8px)}.lavender{background:#e7dcff}.peach{background:#ffdfcb}.mint{background:#dceebc}.page-number{font-size:10px;letter-spacing:2px;font-weight:700}.page-card img{width:100%;height:310px;object-fit:contain;margin:20px 0;filter:drop-shadow(0 4px 4px #21174424)}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:15px}.card-bottom>span{font-size:25px}.gallery-note{font-size:12px;color:#746d80;margin-top:23px}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-top:30px;padding-bottom:110px}.story-art{background:#dac9f5;padding:35px;position:relative;border-radius:160px 160px 10px 10px}.story-art img{width:100%;border:1px solid var(--ink);transform:rotate(-5deg);box-shadow:7px 8px 0 #21174424}.story-sticker{position:absolute;bottom:10px;right:-25px;background:var(--lime);padding:23px;border:2px solid var(--ink);transform:rotate(8deg);font-weight:800}.large-copy{font-size:22px}.handnote{color:#7951cc;font-weight:700;font-size:18px}.free{background:#e5f4be;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:75px max(6%,calc((100vw - 1120px)/2));align-items:center}.free>div>p:not(.eyebrow){max-width:440px}.free-art{text-align:center}.free-art img{width:70%;max-height:450px;object-fit:contain;transform:rotate(5deg);box-shadow:9px 10px 0 #24331b26}.fine{font-size:12px;color:#536044;margin-top:24px}.faq{max-width:900px}.faq h2{margin-bottom:40px}details{border-top:1px solid #d3cddd;padding:22px 0}details:last-child{border-bottom:1px solid #d3cddd}summary{font-size:19px;font-weight:600;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:25px}details[open] summary span{transform:rotate(45deg)}details p{color:#625b72;max-width:680px}.release{background:var(--ink);color:var(--cream);text-align:center;padding:80px 20px}.release .eyebrow{justify-content:center;color:#d5c0ff}.release h2{font-size:65px}.release-pill{display:inline-flex;align-items:center;gap:9px;color:var(--ink);background:var(--lime);padding:15px 24px;border-radius:30px;margin:20px}.release-pill span{background:#3c5c1a}.release>a{display:block;font-size:13px;text-underline-offset:5px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer .brand{font-size:12px}dialog{border:0;border-radius:12px;padding:20px;max-width:90vw;width:650px;max-height:93vh;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#160d32bd;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top h3{margin:0 0 15px;font-size:18px}.dialog-top button{border:0;background:var(--ink);color:white;border-radius:50%;width:35px;height:35px;font-size:25px;cursor:pointer}dialog>img{width:100%}:focus-visible{outline:3px solid #9963ff;outline-offset:5px}@media(max-width:800px){header{height:85px}nav{gap:14px}nav>a:not(.small-button){display:none}.hero{grid-template-columns:1fr;padding:25px 6% 60px}.hero-copy{max-width:540px}.hero-art{min-height:480px;max-width:440px;width:90%;margin:45px auto 20px}.hero h1{font-size:78px}.hero-art .book{width:68%}.orbit{width:100%}.sticker{left:0}.section{padding:65px 6%}.section-heading{display:block}.gallery{grid-template-columns:1fr;gap:20px}.page-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.page-card img{grid-column:1;grid-row:1/3;height:240px;margin:0}.page-number{grid-column:2}.card-bottom{grid-column:2;display:block;font-size:23px}.card-bottom>span{display:block;margin-top:15px}.story{grid-template-columns:1fr;gap:45px}.story-art{max-width:380px;margin:auto}.story-sticker{right:-5px}.free{grid-template-columns:1fr;padding:60px 6%;gap:35px}.free-art img{width:65%}.release h2{font-size:48px}footer{flex-direction:column;text-align:center}.facts{gap:20px}.actions{gap:18px}.ticker{justify-content:start;font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.book.front-only{aspect-ratio:1086 / 1448}.book.front-only img{width:100%;height:100%;right:0;object-fit:fill}
