*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#203b49;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:19px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}h1,h2,h3,.promise{font-family:Georgia,serif;font-weight:400;line-height:1.15}h2{font-size:clamp(30px,3.6vw,48px);margin:0 0 30px}h3{font-size:clamp(29px,3vw,41px);margin:0 0 20px}img{display:block;max-width:100%;height:auto}header{height:90px;max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;font-size:16px}header>a{text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.brand span{font-family:Georgia,serif;font-size:22px}.brand img{width:44px;height:44px;object-fit:contain}a:hover{color:#ecdbb4}.skip{position:absolute;left:20px;top:-100px;z-index:20}.skip:focus{top:15px;background:#203b49;padding:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e5c685;outline-offset:6px}.hero{position:relative;min-height:calc(100svh - 90px);isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 24px 38px;overflow:hidden}.hero-scene{position:absolute;inset:0;z-index:-1;opacity:.3;mask-image:linear-gradient(transparent,#000 15%,#000 65%,transparent)}.hero-scene img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(40px,5.4vw,78px);margin:0 0 6px}.promise{font-size:clamp(20px,2.4vw,30px);margin:0;color:#efddbb}.three-books{width:min(680px,82vw);height:clamp(280px,42vh,470px);display:flex;justify-content:center;align-items:center;gap:0;margin:28px 0 25px;perspective:1500px}.three-books img{height:88%;width:auto;object-fit:contain;box-shadow:7px 10px 13px #101d2538}.three-books .main-book{height:100%;z-index:2}.three-books .left{transform:rotateY(13deg) rotateZ(-5deg);margin-right:-15px}.three-books .right{transform:rotateY(-13deg) rotateZ(5deg);margin-left:-15px}.buy{display:inline-block;background:#ecdbb4;color:#173443;font-size:20px;font-weight:700;text-decoration:none;border-radius:4px;padding:17px 30px;transition:background .2s,color .2s;line-height:1.4}.buy:hover{background:#fff0cf;color:#173443}.hero-order p{font-size:15px;margin:13px 0 0}.story-intro{max-width:1160px;margin:100px auto 80px;padding:0 32px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.story-copy p{color:#e0e9ed}.story-intro>img{aspect-ratio:1.12;object-fit:cover;object-position:45% 50%;border-radius:42% 42% 2px 2px}.books{max-width:1160px;margin:auto;padding:60px 32px}.books>h2,.intro-note{text-align:center}.intro-note{max-width:600px;margin:0 auto 80px;color:#d6e3e8;font-size:17px}.edition{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;margin:0 0 140px}.book-art{display:flex;align-items:center;justify-content:center;perspective:1000px;padding:10px}.cover{width:48%;transform:rotateY(8deg);box-shadow:4px 7px 10px #15293655}.inside{width:47%;margin:38px 0 0 -8%;padding:0;border:0;background:#fff;color:#263e4a;transform:rotateZ(4deg);box-shadow:4px 7px 10px #15293655}.inside img{width:100%;aspect-ratio:2/3;object-fit:contain;background:white}.inside span{display:block;font-size:14px;padding:12px 6px}.inside:hover span{background:#dce6ec}.purpose{font-size:18px;color:#efddbb;margin:0 0 22px}.book-copy>p:not(.purpose){color:#e2e9ec}.spec{font-size:15px}.lasting{position:relative;height:650px;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}.lasting img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:-1;mask-image:linear-gradient(transparent,#000 32%,#000 65%,transparent)}.lasting p{font:clamp(30px,3.7vw,54px)/1.3 Georgia,serif;text-shadow:0 2px 6px #162c36;max-width:800px;padding:30px}.order{text-align:center;max-width:740px;padding:75px 28px;margin:auto}.order>img{margin:0 auto 28px}.order h2{margin-bottom:20px}.price{font:64px/1 Georgia,serif;margin:20px}.price span{font:18px Arial}.small{font-size:15px}.questions{max-width:810px;padding:70px 32px 110px;margin:auto}.questions h2{text-align:center}details{padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:20px}details p{color:#dce7ec;margin:18px 0 0}footer{background:#172e39;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:55px 24px;font-size:16px}footer p{font:25px/1.5 Georgia,serif;margin:0 0 6px}footer small{font-size:13px;margin-top:12px}dialog{padding:18px;border:0;border-radius:5px;max-width:min(95vw,700px);max-height:95vh;background:#f9fcfd;color:#243e4c}dialog::backdrop{background:#0b1b25d9}.dialog-top{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:15px}.dialog-top h2{font:21px Georgia;margin:0}.dialog-top button,.reader-controls button{border:0;background:#254757;color:white;border-radius:3px;padding:10px 16px;font-size:16px}#preview-image{max-height:72vh;max-width:100%;width:auto;margin:auto}.reader-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:15px}.reader-controls span{font-size:14px}.reader-controls button:disabled{opacity:.45;cursor:default}@media(max-width:700px){body{font-size:18px}header{height:76px;padding:12px 20px;justify-content:center}header>a:not(.brand){display:none}.brand span{font-size:20px}.hero{min-height:calc(100svh - 76px);padding:18px 18px 40px}.hero h1{font-size:43px}.three-books{height:clamp(255px,39vh,390px);width:92vw;margin:28px 0 30px}.three-books img{max-width:36vw}.three-books .left{margin-right:-27px}.three-books .right{margin-left:-27px}.buy{font-size:18px;padding:17px 24px}.hero-order p{font-size:13px}.story-intro{margin:65px auto 35px;grid-template-columns:1fr;gap:35px;padding:0 26px;text-align:center}.story-intro>img{aspect-ratio:1.35;max-width:500px;margin:auto}.books{padding:55px 24px}.intro-note{margin-bottom:45px}.edition{grid-template-columns:1fr;gap:35px;margin-bottom:90px;text-align:center}.book-art{max-width:490px;width:100%;margin:auto}.book-copy{max-width:500px;margin:auto}.lasting{height:520px}.lasting img{object-position:45%}.lasting p{font-size:32px}.questions{padding:40px 26px 70px}.order{padding:50px 26px}.reader-controls{gap:6px}.reader-controls button{font-size:13px;padding:10px}.dialog-top h2{font-size:18px}dialog{padding:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.plain-page{max-width:850px;margin:60px auto;padding:0 28px 70px}.plain-page h1{font-size:clamp(34px,5vw,52px)}.plain-page h2{font-size:30px;margin-top:50px}.plain-page p{color:#e0e9ed}.hero-scene{mask-image:linear-gradient(transparent 0%,#0001 3%,#0003 6%,#0006 10%,#000a 14%,#000e 20%,#000 30%,#000 60%,#000e 69%,#000a 77%,#0006 84%,#0003 90%,#0001 96%,transparent 100%)}.lasting img{mask-image:linear-gradient(transparent 0%,#0001 4%,#0003 8%,#0006 13%,#000a 19%,#000e 26%,#000 33%,#000 63%,#000e 70%,#000a 78%,#0006 84%,#0003 90%,#0001 96%,transparent 100%)}@media(prefers-reduced-motion:no-preference){.hero .main-book{animation:book-settle .8s ease-out both}@keyframes book-settle{from{transform:rotateY(-9deg)}to{transform:rotateY(0)}}}
.story-intro>*{min-width:0}.story-intro>img{width:100%}@media(max-width:700px){.story-intro,.edition{grid-template-columns:minmax(0,1fr)}.three-books img{width:31vw;max-width:31vw;height:auto!important}.three-books .main-book{width:35vw;max-width:35vw}.three-books .left{margin-right:-15px}.three-books .right{margin-left:-15px}}