:root{--ink:#14251f;--paper:#f8faf7;--mist:#e9f0ec;--sage:#4f7768;--spark:#dff36b;--line:rgba(20,37,31,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}.locked{overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;width:100%;z-index:3}.mark,.back{color:inherit;text-decoration:none}.mark{font-size:18px;letter-spacing:.08em}.mark i{font-family:Italiana;font-weight:400}.back{font-size:10px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:6px}.back span{margin-left:18px}.intro{min-height:78vh;padding:160px 7vw 80px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 30%,#dae9e2 0,transparent 28%),linear-gradient(130deg,#fbfcfa,#eef4f0);opacity:0;transform:translateY(15px);transition:.8s}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:9px;font-weight:600;margin:0 0 28px}.intro h1{font:400 clamp(57px,8vw,120px)/.92 Italiana;margin:0;letter-spacing:-.025em}.intro h1 em{color:var(--sage);font-weight:400}.intro-copy{max-width:470px;line-height:1.7;margin:32px 0}.scroll-cue{font-size:8px;letter-spacing:.18em;margin-top:auto;display:flex;gap:25px}.scroll-cue span{animation:bounce 1.8s infinite}@keyframes bounce{50%{transform:translateY(7px)}}.library{background:#153b31;color:#f6faf8;padding:100px 5vw 120px;min-height:900px;opacity:0;transform:translateY(15px);transition:.8s}.visible{opacity:1!important;transform:none!important}.library-heading{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:22px}.library-heading span{font:9px DM Sans;letter-spacing:.2em}.library-heading p{font:15px Italiana;margin:0;color:#b8cec5}.shelf-wrap{max-width:1180px;margin:110px auto 0;perspective:1800px}.shelf{height:470px;display:flex;align-items:flex-end;justify-content:center;gap:13px;padding:0 45px;transform-style:preserve-3d}.book{--cover:#52766a;position:relative;border:0;padding:0;width:104px;height:390px;background:var(--cover);color:#fff;cursor:pointer;transform-origin:bottom;transform:rotateY(-9deg) translateY(20px);box-shadow:8px 5px 16px #02120d40;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s;opacity:0}.book:nth-child(2){height:350px;transform:rotateY(5deg) rotate(-1.5deg) translateY(20px)}.book:nth-child(3){height:415px;transform:rotateY(-4deg) translateY(20px)}.book:nth-child(4){height:375px;transform:rotateY(8deg) rotate(1deg) translateY(20px)}.book.visible{transform:rotateY(-9deg);transition-delay:calc(var(--n,0)*.12s)}.book:nth-child(2).visible{transform:rotateY(5deg) rotate(-1.5deg)}.book:nth-child(3).visible{transform:rotateY(-4deg)}.book:nth-child(4).visible{transform:rotateY(8deg) rotate(1deg)}.book:hover,.book:focus-visible{transform:translateY(-38px) rotateY(0)!important;z-index:5;filter:brightness(1.08);outline:none}.book-cycle{--cover:#4e7278;--n:1}.book-face{--cover:#99a6d0;--n:2}.book-mobility{--cover:#dff36b;color:#14251f;--n:3}.book-nourish{--cover:#5a806e;--n:4}.spine{writing-mode:vertical-rl;transform:rotate(180deg);height:100%;padding:24px 0;display:inline-block;font-size:9px;letter-spacing:.18em}.cover{position:absolute;width:270px;height:100%;left:100%;bottom:0;background:var(--cover);padding:28px;text-align:left;display:flex;flex-direction:column;transform-origin:left;transform:rotateY(90deg);box-shadow:10px 8px 24px #0003}.cover small{font-size:8px;letter-spacing:.18em}.cover strong{font:400 38px/.95 Italiana;margin:auto 0}.cover i{font:15px/1.25 Italiana}.cover b{font:36px Italiana;margin-top:30px}.shelf-board{height:34px;background:#dce6e1;transform:rotateX(55deg);transform-origin:top;box-shadow:0 35px 50px #00000059;position:relative}.shelf-board:after{content:"";position:absolute;left:0;right:0;top:28px;height:18px;background:#b8cbc3}.mobile-hint{display:none}.library:after{content:"SELECT AN EDITION";display:block;text-align:center;margin-top:100px;color:#75988a;font-size:8px;letter-spacing:.25em}dialog{width:min(1080px,calc(100% - 40px));height:min(720px,calc(100% - 40px));border:0;padding:0;background:#f7faf7;color:var(--ink);overflow:hidden}dialog::backdrop{background:#051812db;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog[open]{display:grid;grid-template-columns:44% 56%;animation:reveal .5s cubic-bezier(.2,.8,.2,1)}@keyframes reveal{0%{opacity:0;transform:translateY(30px) scale(.98)}}.close{position:absolute;right:22px;top:16px;z-index:5;border:0;background:none;font-size:30px;color:var(--ink);cursor:pointer}.detail-book{background:#e9f0ec;display:grid;place-items:center;overflow:hidden}.detail-book>div{width:270px;aspect-ratio:.72;background:#4e7278;color:#fff;padding:28px;display:flex;flex-direction:column;box-shadow:22px 28px 45px #14251f33;transform:rotate(-4deg);transition:.4s}.detail-book.face>div{background:#99a6d0}.detail-book.mobility>div{background:#dff36b;color:var(--ink)}.detail-book.nourish>div{background:#5a806e}.detail-book small{font-size:8px;letter-spacing:.18em}.detail-book strong{font:40px/.95 Italiana;margin:auto 0}.detail-book b{font:38px Italiana}.detail-copy{padding:65px 6vw;overflow:auto}.detail-copy h2{font:54px/.95 Italiana;margin:0}.detail-copy>p:not(.eyebrow,.note){line-height:1.65;color:#52635d}.meta{display:flex;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:28px 0}.meta span{display:flex;flex-direction:column;gap:6px}.meta small,.inside>small{font-size:8px;letter-spacing:.15em;color:#7b8b85}.meta b{font-size:10px}.inside ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.inside li{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.inside li:before{content:"↗";color:var(--sage);margin-right:8px}.detail-actions{display:flex;gap:16px;margin-top:28px}.buy,.preview{padding:18px 20px;border:0;text-decoration:none;text-transform:uppercase;font:600 9px DM Sans;letter-spacing:.1em;cursor:pointer}.buy{background:var(--ink);color:#fff;display:flex;justify-content:space-between;flex:1}.preview{background:transparent;border:1px solid var(--line);color:var(--ink)}.note{font-size:8px!important;color:#82908b!important}.close:focus-visible,.buy:focus-visible,.preview:focus-visible{outline:2px solid var(--sage);outline-offset:3px}footer{background:#153b31;color:#77998b;padding:25px 5vw;display:flex;justify-content:space-between;border-top:1px solid #345b4e;font-size:8px;letter-spacing:.14em}@media(max-width:700px){header{height:68px}.mark{font-size:15px}.intro{min-height:70vh;padding:130px 7vw 60px}.intro h1{font-size:56px}.library{padding:75px 0 90px;min-height:auto}.library-heading{margin:0 7vw}.library-heading p{display:none}.shelf-wrap{margin-top:70px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:40px 9vw 70px;-webkit-overflow-scrolling:touch}.shelf{width:max-content;height:390px;justify-content:flex-start;gap:28px;padding:0}.book,.book:nth-child(n){width:220px;height:340px;transform:none!important;scroll-snap-align:center;box-shadow:10px 12px 30px #0000003d}.book:hover{transform:translateY(-15px)!important}.spine{display:none}.cover{position:static;width:100%;height:100%;transform:none;padding:24px}.cover strong{font-size:34px}.shelf-board{display:none}.mobile-hint{display:block;text-align:center;color:#7fa093;font-size:8px;letter-spacing:.14em;margin:0}.library:after{display:none}dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0}dialog[open]{grid-template-columns:1fr;grid-template-rows:37% 63%}.detail-book>div{width:145px;padding:16px}.detail-book strong{font-size:23px}.detail-book b{font-size:24px}.detail-copy{padding:35px 7vw 50px}.detail-copy h2{font-size:42px}.meta{gap:25px}.inside ul{grid-template-columns:1fr}.detail-actions{flex-direction:column}.close{color:var(--ink);background:#fffc;border-radius:50%;width:38px;height:38px;line-height:20px;top:10px;right:10px}footer{display:block}footer span:last-child{display:none}}@media(min-width:701px){.shelf{height:490px;gap:30px;padding:0 25px}.book,.book:nth-child(n){width:210px;height:350px;transform:rotateY(-7deg) rotate(-1deg) translateY(20px);overflow:visible;background:transparent;box-shadow:none}.book:nth-child(2){height:330px;transform:rotateY(5deg) rotate(1.2deg) translateY(20px)}.book:nth-child(3){height:375px;transform:rotateY(-4deg) rotate(-.4deg) translateY(20px)}.book:nth-child(4){height:345px;transform:rotateY(7deg) rotate(1deg) translateY(20px)}.book.visible{transform:rotateY(-7deg) rotate(-1deg)}.book:nth-child(2).visible{transform:rotateY(5deg) rotate(1.2deg)}.book:nth-child(3).visible{transform:rotateY(-4deg) rotate(-.4deg)}.book:nth-child(4).visible{transform:rotateY(7deg) rotate(1deg)}.book:hover,.book:focus-visible{transform:translateY(-34px) rotateY(0) rotate(0)!important}.cover{left:0;width:100%;height:100%;transform:none;padding:26px 24px 24px 31px;border-radius:1px 4px 4px 1px;box-shadow:10px 12px 24px #00000047,inset 9px 0 12px #00000017;overflow:hidden}.cover:before{content:"";position:absolute;left:13px;top:0;bottom:0;width:1px;background:#ffffff47;box-shadow:3px 0 #00000014}.cover:after{content:"";position:absolute;right:-7px;top:7px;bottom:5px;width:7px;background:repeating-linear-gradient(90deg,#f4f6ef 0 1px,#cbd5ce 1px 2px);transform:skewY(8deg);box-shadow:2px 2px 5px #0000002e}.cover strong{font-size:34px}.cover i{font-size:14px}.spine{position:absolute;z-index:3;left:0;top:0;width:16px;height:100%;padding:18px 3px;background:color-mix(in srgb,var(--cover),black 13%);font-size:6px;letter-spacing:.12em;box-shadow:inset -2px 0 3px #00000029}.book:hover .cover{box-shadow:18px 25px 38px #00000052,inset 9px 0 12px #00000014}.shelf-board{margin-top:0}}.book{position:relative}.book-locked{filter:grayscale(1) brightness(.28);cursor:default!important}.book-locked:hover,.book-locked:focus-visible{filter:grayscale(1) brightness(.36)}.locked-mark,.soon-seal{position:absolute;z-index:8;top:18px;right:-8px;padding:8px 12px;background:#121212;color:#fff;font-size:7px;letter-spacing:.2em;box-shadow:0 6px 18px #0005}.soon-seal{background:#dff36b;color:#171a18;transform:rotate(5deg)}.book-reveal{filter:saturate(.9);z-index:4}.book-reveal .cover{background:radial-gradient(circle at 35% 20%,#9d4e62,#541827 72%)}.book-reveal .cover:before{box-shadow:0 0 80px 22px #fff3;animation:mysteryGlow 3.5s ease-in-out infinite}.book-reveal .cover strong{letter-spacing:-.04em}@keyframes mysteryGlow{50%{opacity:.35;transform:translate(50px)}}@media(prefers-reduced-motion:reduce){.book-reveal .cover:before{animation:none}}