:root{--paper:#f7f4ed;--ink:#213448;--muted:#57626b;--gold:#967344;--line:#ddd8cc;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #986b31;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1240px;width:calc(100% - 112px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:var(--serif);font-size:27px;letter-spacing:-.8px}.brand>span:first-child:not(.brand-dot){color:var(--gold);margin-right:9px}.brand-dot{color:var(--gold)}nav{display:flex;gap:34px}nav a{font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center}nav a:hover,.text-link:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:40px;align-items:center;padding:80px 0 76px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.8}.hero .eyebrow>span{color:var(--gold);margin-right:12px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-2px;margin:20px 0 26px}h1{font-size:clamp(54px,6.3vw,88px)}em{font-weight:400;color:#7b664b}h2{font-size:52px}h3{font-size:43px}.intro{font-size:18px;line-height:1.8}.hero-detail{max-width:370px;font-size:14px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;background:var(--ink);color:#fff;padding:15px 23px;text-decoration:none;font-size:13px;min-height:50px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#354b60}.small-note{font:italic 13px var(--serif);color:var(--muted);margin-top:17px}.hero-art{position:relative;min-width:0;background:#eeebe2;border-radius:48% 48% 4px 4px;padding:48px 30px 30px;isolation:isolate}.orbit{position:absolute;inset:18px -12px 40px;border:1px solid #c4b390;border-radius:50%;transform:rotate(-18deg);z-index:-1}.art-label{font-size:8px;letter-spacing:1.6px;text-align:center;margin:0 0 33px;color:#66573f}.cover-pair{display:flex;gap:24px;align-items:center;justify-content:center;min-height:310px}.hero-cover{width:44%;text-decoration:none;position:relative}.hero-cover img{box-shadow:8px 16px 24px #23314328;border-radius:2px}.hero-cover.first{transform:rotate(-8deg);margin-bottom:22px}.hero-cover.second{transform:rotate(8deg);margin-top:35px}.hero-cover span{display:block;font:italic 12px var(--serif);text-align:center;margin-top:15px}.art-caption{display:block;text-align:center;font-size:8px;letter-spacing:2px;margin-top:35px}.art-caption>span{font-size:21px;margin-right:10px}.spark{position:absolute;color:var(--gold);font-size:43px}.spark-one{right:3px;top:2px}.spark-two{left:0;bottom:36px;font-size:23px}.ribbon{display:flex;justify-content:center;gap:38px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 20px}.ribbon p{font:italic 20px var(--serif);text-align:center}.ribbon>span{color:var(--gold)}.collection{padding-top:80px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:55px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:5px}.book{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 0 65px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.book+.book{padding-top:65px}.book-visual{padding:26px 42px 32px;text-align:center;border-radius:160px 160px 3px 3px;background:#e9e3d6}.visual-label{font-size:9px;letter-spacing:1.8px;display:block;margin:8px 0 28px}.book-visual img{width:238px;max-height:358px;object-fit:contain;margin:0 auto 30px;box-shadow:7px 12px 19px #24304325}.book-visual .button{width:100%;max-width:290px;text-align:left}.book-copy>p:not(.eyebrow):not(.book-aside):not(.subtitle){font-size:14px;color:var(--muted)}.book-copy h3{margin-top:14px;margin-bottom:15px}.subtitle{font:italic 18px/1.5 var(--serif);color:#79654a;margin-bottom:24px}ul{padding-left:18px;font-size:13px;color:var(--muted)}li{padding:4px 0 4px 7px}li::marker{color:var(--gold)}.book-aside{border-left:2px solid #b89b6b;padding-left:20px;font:20px/1.5 var(--serif);margin:25px 0 0}.alternate .book-visual{grid-column:2;grid-row:1}.alternate .book-copy{grid-column:1;grid-row:1}.inner-visual{background:#e0e7e4}.store-note{text-align:center;font-size:11px;color:var(--muted);max-width:600px;margin:25px auto 0}.about{background:#1e3044;color:#f8f4e9;padding:70px 0}.about-inner{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center;max-width:1000px}.about h2{margin-top:15px}.about em{color:#dfc69b}.about p:not(.eyebrow){font-size:14px;max-width:470px;color:#d2d9df}.celestial-mark{position:relative;font-size:160px;color:#dfc69b;border:1px solid #7c7e78;border-radius:50%;width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin:auto}.celestial-mark span{font-size:53px;position:absolute;right:15px;top:5px;background:#1e3044;line-height:1}.text-link{display:inline-flex;align-items:center;gap:35px;min-height:44px;font-size:13px;text-underline-offset:6px;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0}footer p,footer>span{font-size:10px;color:var(--muted)}footer .brand{font-size:23px}.skip{position:absolute;left:15px;top:-100px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;padding-top:60px}.hero-art{padding:35px 15px 24px}.cover-pair{gap:16px;min-height:230px}.book{gap:40px}.book-visual{padding:25px}h3{font-size:36px}.art-label{font-size:7px;letter-spacing:1px}.about-inner{gap:40px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:15px 0}.brand{font-size:23px}nav{gap:14px}nav a{font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:38px 0 44px;gap:38px}.hero-copy{text-align:center}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:61px;margin-top:18px}.intro{font-size:16px}.hero-detail{margin:0 auto 24px;max-width:310px}.hero-art{width:100%;max-width:430px;margin:auto;padding:35px 25px 25px}.cover-pair{min-height:260px;gap:27px}.hero-cover{max-width:155px}.art-label{font-size:8px;letter-spacing:1px}.ribbon{gap:20px}.ribbon p{font-size:17px}.collection{padding-top:45px;padding-bottom:40px}.section-heading{display:block;margin-bottom:32px}h2{font-size:42px}.section-heading>p{margin-top:22px}.book{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.book+.book{padding-top:40px}.book-visual{max-width:430px;width:100%;margin:auto;padding:26px 30px 30px}.alternate .book-visual,.alternate .book-copy{grid-column:auto;grid-row:auto}.book-copy h3{font-size:38px}.book-copy .eyebrow{font-size:9px;letter-spacing:1.2px}.about{padding:45px 0}.about-inner{grid-template-columns:1fr;gap:30px}.celestial-mark{width:140px;height:140px;font-size:95px}.celestial-mark span{font-size:35px;right:0}footer{flex-direction:column;gap:5px;text-align:center;padding:25px 0}footer p{margin:6px 0}}@media(max-width:360px){h1{font-size:52px}.hero-art{padding-left:20px;padding-right:20px}.hero-cover span{font-size:10px}.book-copy h3{font-size:33px}.art-label{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A celestial atmosphere, with calm movement and an optional sound ritual. */
body{background:#f6f2e9;position:relative}.cosmic-dust{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 13% 19%,#a9834560 1px,transparent 1.5px),radial-gradient(circle at 64% 72%,#a9834545 1px,transparent 1.5px);background-size:147px 173px,211px 241px}.header{position:relative;z-index:2;border-color:#d9cfb7}.hero{position:relative;isolation:isolate;color:#f6efdf;min-height:650px}.hero:before{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);background:radial-gradient(ellipse at 80% 40%,#31495980,transparent 50%),radial-gradient(ellipse at 20% 85%,#5d47743d,transparent 55%),#101c30;z-index:-3}.hero:after{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);background-image:radial-gradient(circle,#eddbacb0 1px,transparent 1.6px),radial-gradient(circle,#fff7d866 .7px,transparent 1.3px);background-size:139px 157px,67px 89px;background-position:24px 31px,57px 13px;opacity:.6;pointer-events:none;z-index:-2;animation:starlight 8s ease-in-out infinite alternate}.hero h1 em{color:#e1c795}.hero .hero-detail,.hero .small-note{color:#c7ced5}.hero .eyebrow{color:#d9c18d}.hero .button{background:#e1c795;border-color:#e1c795;color:#192b40}.hero .button:hover{background:#f0ddb7}.hero-art{background:radial-gradient(ellipse,#98887128,transparent 72%);border-radius:48%;padding-top:55px;padding-bottom:40px}.hero .art-label,.hero .art-caption,.hero-cover span{color:#e3d7be}.hero .orbit{border-color:#bfa57466;inset:5px -10px 30px}.spark{color:#e3c58a;animation:starlight 4s ease-in-out infinite alternate}.sacred-wheel{position:absolute;inset:-25px -12px 0;z-index:-1;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#bca575;opacity:.3}.sacred-wheel svg{width:100%;animation:celestial-turn 150s linear infinite}.hero-cover img{box-shadow:6px 15px 22px #0006,2px 0 0 #c4bca8,4px 0 0 #eee6d7}.hero-cover.first{animation:float-first 8s ease-in-out infinite}.hero-cover.second{animation:float-second 9s ease-in-out infinite}.hero-cover img,.book-visual img{transition:transform .6s,box-shadow .6s}.hero-cover:hover img{transform:translateY(-8px) rotateY(-7deg)}.ribbon{background:#eae1d1;border-color:#d4c5aa}.ribbon>span{animation:starlight 4s ease-in-out infinite alternate}.store-picker{position:relative;background:radial-gradient(ellipse at 20% 0%,#38445b66,transparent 80%),#111e31;color:#f7f0e3;border:1px solid #a9915b77;padding:30px 40px;text-align:center;margin:0 0 55px}.store-picker:after{content:'✧';position:absolute;right:23px;top:12px;color:#d6b97a;font-size:23px}.store-picker label{display:block;letter-spacing:2.6px;font-size:12px;font-weight:600;color:#e1c795;margin-bottom:16px}.store-picker select{display:block;width:100%;max-width:590px;margin:auto;background:#19253a;color:#fff5e5;border:1px solid #c2a56c;padding:14px 18px;font:20px/1.5 system-ui;min-height:58px;border-radius:0;cursor:pointer}.store-picker select:focus-visible{outline:3px solid #e1c795;outline-offset:4px}.store-picker p{font-size:12px;color:#bdc5d0;margin:16px 0 0}.book-visual{position:relative;isolation:isolate;overflow:hidden}.book-visual:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #95764544;border-radius:50%;top:80px;left:50%;transform:translateX(-50%);z-index:-1;box-shadow:0 0 0 18px #95764509,0 0 0 19px #95764522,0 0 0 60px #95764506}.book-visual:after{content:'✧';position:absolute;right:25px;top:40%;font-size:37px;color:#9f7d41;z-index:-1}.book-visual img{animation:book-breathe 7s ease-in-out infinite}.book-visual:hover img{transform:perspective(800px) rotateY(-8deg) translateY(-7px);box-shadow:15px 18px 25px #24304335;animation-play-state:paused}.quiet-moment{position:relative;background:radial-gradient(ellipse at 20% 70%,#364e5e77,transparent 60%),#101e31;color:#f6efdf;padding:75px 0;overflow:hidden}.quiet-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.quiet-copy h2{font-size:47px}.quiet-copy em{color:#e1c795}.quiet-copy>p:not(.eyebrow){color:#c7ced5;font-size:14px}.quiet-copy .eyebrow{color:#d5bc8c}.quiet-copy .sound-note{font-size:11px;max-width:330px;line-height:1.7}.bowl-button{background:transparent;border:1px solid #bda270;color:#e9d3ab;font-family:inherit;cursor:pointer}.bowl-button:hover{background:#e1c795;color:#17283c}.bowl-scene{position:relative;isolation:isolate;max-width:440px;width:100%;margin:auto;text-align:center}.bowl-art{width:100%;position:relative;z-index:1}.bowl-scene>p{font-size:9px;letter-spacing:2.5px;color:#d1bc95}.bowl-star{position:absolute;top:20px;left:15%;font-size:30px;color:#d8b982;animation:starlight 6s ease-in-out infinite alternate}.sound-ring{position:absolute;left:15%;top:3%;width:70%;aspect-ratio:1;border:1px solid #d8b98244;border-radius:50%;z-index:-1}.ring-two{transform:scale(.82);border-style:dashed;opacity:.6}.is-playing .sound-ring{animation:sound-wave 3s ease-out infinite}.is-playing .ring-two{animation-delay:1.5s}.about{background:#ece5d7;color:#213448}.about em{color:#7b664b}.about p:not(.eyebrow){color:#57626b}.about .celestial-mark{color:#8b713f;border-color:#b9a782}.about .celestial-mark span{background:#ece5d7}.collection{position:relative}.collection:after{content:'☾';position:absolute;right:0;top:50px;color:#a58954;font-size:46px;opacity:.4;pointer-events:none}.section-heading{padding-right:65px}
@keyframes float-first{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-12px)}}@keyframes float-second{0%,100%{transform:rotate(8deg) translateY(-5px)}50%{transform:rotate(6deg) translateY(8px)}}@keyframes starlight{from{opacity:.4}to{opacity:.9}}@keyframes celestial-turn{to{transform:rotate(360deg)}}@keyframes book-breathe{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes sound-wave{0%{transform:scale(.75);opacity:.65}100%{transform:scale(1.3);opacity:0}}
@media(max-width:1000px){nav{gap:20px}.quiet-inner{gap:35px}.quiet-copy h2{font-size:40px}}
@media(max-width:700px){.hero{padding-top:42px;padding-bottom:35px}.hero-art{padding-top:35px;padding-bottom:25px}.hero:before,.hero:after{inset-inline:-20px}.sacred-wheel{inset:0 -5px}.store-picker{padding:25px 20px;margin-bottom:35px}.store-picker select{font-size:17px}.store-picker:after{right:10px;top:5px;font-size:18px}.store-picker label{font-size:10px;letter-spacing:2px}.store-picker p{font-size:11px}.section-heading{padding-right:15px}.collection:after{font-size:30px;top:35px}.quiet-inner{grid-template-columns:1fr;gap:10px}.quiet-moment{padding:30px 0 40px}.bowl-scene{max-width:300px}.quiet-copy h2{font-size:39px}.quiet-copy{text-align:center}.quiet-copy .sound-note{margin-inline:auto}.book-visual img{max-height:330px}.hero .small-note{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-cover.first{transform:rotate(-8deg)}.hero-cover.second{transform:rotate(8deg)}}