@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{--blue:#0878dd;--ink:#11171d;--paper:#faf9f4;--yellow:#f5ff80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ed5f30;outline-offset:6px}.skip{position:absolute;left:12px;top:-100px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--ink)}.brand{position:relative;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;line-height:.95;letter-spacing:-1px;width:154px;display:block}.brand span{display:block}.brand i{font-style:normal;position:absolute;right:0;top:0;font-size:39px}nav{display:flex;gap:36px;font-size:15px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1.5px solid var(--ink);padding:17px 24px;background:var(--paper);font-size:16px;font-weight:700;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.small{padding:11px 19px}.yellow{background:var(--yellow)}.hero{background:var(--blue);padding:28px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px;letter-spacing:1.1px}.eyebrow{margin:0}.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;min-height:690px;align-items:center}.hero-copy{z-index:2;padding:42px 0 58px}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;font-weight:600;line-height:1.01;margin:0}h1{font-size:clamp(68px,7.5vw,116px);color:white}h1 em,h2 em{font-style:normal}h1 em{color:var(--yellow)}.hero-copy>p{color:white;font-size:19px;max-width:360px;line-height:1.5;margin:27px 0 30px}.hero-copy .text-link{display:block;color:white;margin-top:24px;font-size:15px}.hero-art{height:620px;position:relative;margin-left:-55px;align-self:end}.astronaut{position:absolute;width:64%;right:0;top:1%;z-index:2;transform:rotate(9deg);animation:drift 7s ease-in-out infinite}.sofa{width:100%;position:absolute;bottom:45px;left:-6%;z-index:3}.pug{position:absolute;bottom:28px;width:27%;right:-4%;z-index:5;transform:rotate(-8deg)}.orbit{position:absolute;border:1px dashed #ffffff70;border-radius:50%;width:100%;height:83%;top:5%;left:0;transform:rotate(-20deg)}.orbit-two{transform:rotate(30deg);width:80%;height:100%;left:15%;top:0}.speech{position:absolute;left:1%;top:30%;z-index:4;background:var(--yellow);padding:20px 23px;font-family:'Space Grotesk',sans-serif;font-size:25px;line-height:1.05;transform:rotate(-7deg);box-shadow:3px 3px 0 var(--ink);border:1px solid var(--ink)}.speech span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.6px;margin-top:14px}.coordinate{position:absolute;right:0;top:4%;font-size:10px;line-height:1.4;letter-spacing:1px;color:white}.star{position:absolute;color:var(--yellow);font-size:50px;left:12%;top:9%}.s2{top:30%;left:98%;font-size:32px}.hero-bottom{border-top:1px solid #ffffff60;padding:21px 0;font-size:10px}.section{padding:100px 7%;scroll-margin-top:0}.section-tag{font-size:12px;letter-spacing:1.2px;font-weight:600;margin:0 0 27px}.intro{display:grid;grid-template-columns:1fr 3fr;gap:7%;border-bottom:1px solid #b5b7b5}h2{font-size:clamp(42px,4.4vw,68px)}h2 em{color:var(--blue)}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:28px}p{margin:0 0 20px}.intro-columns p{font-size:17px}.inside{display:grid;grid-template-columns:1.2fr .8fr;column-gap:7%}.section-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading>p{font-size:15px;max-width:280px}.chapter{display:flex;gap:24px;text-align:left;border:0;border-top:1px solid #999;background:transparent;padding:23px 0;width:100%;cursor:pointer;align-items:center}.chapter>span:first-child{font-size:13px;color:#637079}.chapter strong{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:500;letter-spacing:-.8px}.plus{margin-left:auto;font-size:26px}.chapter.active strong{color:var(--blue)}.chapter-content{padding:0 35px 27px 43px}.chapter-content p{font-size:16px}.chapter-content>span{font-size:10px;letter-spacing:1px}.equipment{text-align:center;align-self:center}.equipment img{width:100%;max-height:330px;object-fit:contain;mix-blend-mode:multiply}.equipment p{font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1.25;margin:22px 0 10px}.equipment>span{font-size:10px;letter-spacing:1px}.field-note{background:var(--yellow);display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);align-items:center}.note-mascot{text-align:center}.note-mascot img{width:190px;transform:rotate(-10deg)}.note-mascot span{display:block;font-size:10px;letter-spacing:1px}.field-note h2{font-size:clamp(38px,4.2vw,64px);margin-bottom:27px}.field-note p{max-width:650px}.field-note .note-footer{font-size:14px;margin:25px 0 0;border-top:1px solid #1114;padding-top:20px}.crew{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center}.crew h2{margin-bottom:30px}.crew p{font-size:17px;max-width:640px}.authors{display:flex;gap:36px;padding:15px 0 25px}.authors strong{display:block;font-size:17px}.authors span{font-size:12px}.crew .text-link{font-size:14px}.crew-art img{width:100%}.crew-art span{display:block;text-align:center;font-size:11px;letter-spacing:1px;margin-top:25px}.get-book{background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.get-book h2{font-size:clamp(46px,5vw,78px);margin-bottom:25px}.get-book h2 em{color:var(--yellow)}.get-book p{font-size:17px}.get-book .button{color:var(--ink);margin-top:15px}.purchase-note{display:block;font-size:12px;margin-top:19px}.book-art{background:var(--paper);padding:38px 16px;border:2px solid var(--ink);box-shadow:12px 12px 0 #0f283c;transform:rotate(-7deg)}.book-art img{width:100%;display:block}footer{padding:45px 5%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer p{margin:0;flex:1;font-size:15px}footer>a:not(.brand){font-size:14px}footer>span{width:100%;border-top:1px solid #ccc;padding-top:22px;font-size:11px;color:#62676c}@keyframes drift{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-14px) rotate(6deg)}}@media(min-width:1600px){.hero-layout{max-width:1450px;margin:auto}.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{height:90px}nav{gap:20px}.edition{display:none}.hero-layout{min-height:610px}.hero-art{height:490px}.hero h1{font-size:76px}.hero-copy>p{font-size:17px;max-width:290px}.speech{font-size:20px;left:2%;top:16%}.intro{grid-template-columns:1fr;gap:0}.section{padding:70px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:none}.crew{grid-template-columns:1fr}.crew-art{max-width:380px;justify-self:center}.authors{flex-wrap:wrap}.inside{column-gap:4%}.chapter strong{font-size:20px}.field-note{gap:5%}.note-mascot img{width:150px}.get-book{gap:7%}}@media(max-width:620px){header{height:82px;padding:0 6%}.brand{font-size:17px;width:132px}.brand i{font-size:33px}nav{display:none}.button.small{font-size:13px;padding:9px 12px;gap:14px}.hero{padding:22px 6% 0}.hero-top{font-size:9px;letter-spacing:.6px}.hero-layout{display:block}.hero-copy{padding:35px 0 0}.hero h1{font-size:clamp(60px,14.5vw,89px);line-height:1}.hero-copy>p{max-width:310px;font-size:17px;margin:22px 0}.hero-copy .text-link{margin-top:20px}.hero-art{height:390px;margin:25px 0 0}.astronaut{width:60%;right:1%;top:0}.sofa{width:94%;left:0;bottom:10px}.pug{right:-1%;bottom:0;width:26%}.speech{left:0;top:23%;font-size:19px;padding:15px}.coordinate{font-size:8px}.star{font-size:35px}.hero-bottom{font-size:8px;gap:25px;margin-top:20px}.hero-bottom>span{max-width:180px}.hero-bottom a{white-space:nowrap}.section{padding:58px 6%}.section-tag{font-size:10px;margin-bottom:20px}h2{font-size:42px}.intro-columns{grid-template-columns:1fr;gap:0;margin-top:25px}.inside{display:block}.section-heading{margin-bottom:25px}.equipment{margin-top:35px}.equipment img{max-height:240px}.chapter strong{font-size:20px}.chapter-content{padding-left:39px}.field-note{display:flex;flex-direction:column-reverse;gap:30px}.field-note h2{font-size:38px}.note-mascot img{width:125px}.crew h2{font-size:39px}.authors{gap:20px}.crew-art{max-width:290px;margin-top:15px}.get-book{display:flex;flex-direction:column-reverse;gap:55px;align-items:stretch}.get-book h2{font-size:54px}.book-art{max-width:320px;margin:0 auto}.get-book .button{font-size:15px;gap:16px}footer{padding:35px 6%;gap:25px}footer p{min-width:180px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Paper cutout stage keeps the book's original black ink legible. */
.hero-layout{grid-template-columns:1.1fr 1fr;gap:25px}.hero-art{height:560px;margin:0 0 55px;background:var(--paper);border-radius:48% 48% 5% 5%;border:1.5px solid var(--ink)}.hero-art .astronaut{width:67%;right:1%;top:1%}.hero-art .sofa{width:96%;left:2%;bottom:12px;mix-blend-mode:multiply}.hero-art .pug{right:-4%;bottom:0;width:25%}.orbit{width:105%;height:110%;top:-5%;left:-3%;pointer-events:none}.orbit-two{width:110%;height:90%;left:-5%;top:4%}.speech{left:-3%;top:26%;font-size:22px}.coordinate{right:5%;top:8%;color:var(--ink)}.star.s1{left:10%;top:10%;color:var(--blue)}.star.s2{color:var(--yellow);left:101%}h1{font-size:clamp(68px,7.1vw,110px)}@media(max-width:900px){.hero-art{height:420px}.hero h1{font-size:67px}.speech{font-size:18px;padding:15px}.coordinate{display:none}}@media(max-width:620px){.hero h1{font-size:clamp(60px,14.5vw,89px)}.hero-art{height:390px;margin:45px 5px 30px}.hero-art .astronaut{width:60%}.hero-art .sofa{bottom:0}.speech{top:23%}.hero-art .pug{right:-4%;width:26%}.star.s2{left:97%}}
.hero-art{background:#fff}.hero-art .sofa{mix-blend-mode:normal;border-radius:0 0 20px 20px}.hero-art .coordinate{top:2%;right:18%;font-size:9px}

.note-mascot video{width:100%;max-width:320px;display:block;margin:auto}.motion-toggle{background:none;border:0;border-bottom:1px solid currentColor;font-size:13px;padding:5px 0;margin:10px 0 20px;cursor:pointer}

.book-art{color:var(--ink)}.book-art img{height:auto;aspect-ratio:4096 / 2724;object-fit:contain;color:var(--ink)}

.hero-art{background:transparent;border:0}.hero-art .sofa{border-radius:0}.hero-art .coordinate{color:#fff}.hero-art .star.s1{color:var(--yellow)}

/* Language navigation and book editions. */
.header-actions{display:flex;align-items:center;gap:22px}.language-switch{display:flex;gap:12px;font-size:14px;align-items:center}.language-switch a{padding:6px 0}.language-switch [aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.purchase-buttons{display:flex;flex-wrap:wrap;gap:14px}.purchase-buttons .button{justify-content:center}.purchase-note{font-size:14px}html[lang="uk"] h1,html[lang="uk"] h2{letter-spacing:-.045em}html[lang="uk"] .hero h1{font-size:clamp(48px,5.8vw,90px)}html[lang="uk"] .chapter strong{letter-spacing:-.4px}.hero-copy .button{max-width:100%}
@media(max-width:1100px){header{height:auto;min-height:104px;gap:18px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header>nav{order:3;width:100%;justify-content:center}.header-actions{gap:18px}}
@media(max-width:620px){header{gap:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;flex:1}.language-switch{font-size:14px}.header-actions .button.small{font-size:14px}html[lang="uk"] .hero h1{font-size:clamp(44px,10.5vw,65px)}html[lang="uk"] h2,html[lang="uk"] .crew h2,html[lang="uk"] .get-book h2{font-size:clamp(34px,9vw,48px)}.purchase-buttons{flex-direction:column;align-items:stretch}.purchase-buttons .button{margin-top:0}.hero-bottom{flex-wrap:wrap}}