*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:#f9ebd8;background:radial-gradient(ellipse at 50% 110%,#956244 0%,#3c2858 35%,#11142e 80%);font:18px/1.75 Georgia,serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 12% 15%,white 99%,transparent),radial-gradient(2px 2px at 68% 27%,#ffe5a0 99%,transparent),radial-gradient(1px 1px at 80% 72%,white 99%,transparent);background-size:211px 179px;animation:float 30s linear infinite}header,main,footer{position:relative}header{padding:24px clamp(16px,5vw,64px);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}a{color:#f8db9b}header a{text-decoration:none}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{font-size:14px;padding:5px}main{max-width:940px;margin:6vh auto 10vh;padding:0 24px}h1,h2{font-weight:normal;line-height:1.2;color:#ffe3a7}h1{font-size:clamp(38px,7vw,76px);margin-bottom:25px}h2{font-size:27px}p{max-width:690px}.intro{font-size:clamp(19px,2.5vw,24px);max-width:700px}.card{background:#191b39b8;border:1px solid #eec7836b;border-radius:22px;padding:25px;margin:18px 0;box-shadow:0 12px 55px #0a082448;backdrop-filter:blur(8px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.grid .card{margin:0}.button{display:inline-block;border:1px solid #ebc78c;border-radius:30px;padding:9px 19px;margin:6px 9px 6px 0;color:#ffe5b3;text-decoration:none;background:#d1a75e14}.button:hover,.button:focus-visible{background:#c99c5260}audio{display:block;width:100%;margin:15px 0;accent-color:#e3bd80}footer{text-align:center;padding:35px;color:#e6cba9;font-size:14px}.note{color:#ead4b5;font-size:15px}@keyframes float{to{transform:translateY(-15px)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}
section{margin-block:3rem}blockquote{border-left:2px solid #e3bd80;padding-left:1.5rem;margin:2.5rem 0;font-size:1.2em}audio{max-width:100%}a:focus-visible{outline:2px solid #ffe3a7;outline-offset:5px}

footer p{margin:0 auto 10px;max-width:760px}.note{line-height:1.65}

footer nav{justify-content:center;margin-bottom:24px}header nav a[aria-current=page]{text-decoration:underline}main{min-height:45vh}h3{font-weight:normal;color:#f8db9b}.grid p{font-size:17px}@media(max-width:600px){header{gap:12px;padding:18px}header nav{gap:4px}header nav a{font-size:15px}main{margin-top:25px}.card{padding:20px}}
.book-feature{position:relative;margin-top:65px;padding:50px 0;border-top:1px solid #ebc78c70;border-bottom:1px solid #ebc78c70;background:radial-gradient(ellipse at 75% 40%,#b77c3138,transparent 65%);overflow:hidden}.book-feature h2{font-size:clamp(36px,6vw,60px);margin-top:0}.book-feature h3{font-size:clamp(26px,4vw,38px)}.book-stars{display:block;font-size:30px;letter-spacing:18px;color:#f6d48e;margin-bottom:22px;text-shadow:0 0 20px #e7b962}.book-feature:after{content:"✧";position:absolute;right:7%;top:25%;font-size:100px;color:#f8d58b45;pointer-events:none}
/* Shared night-sky identity, keeping the established artwork. */
.page-header{display:block;padding:0;background:#10162d;margin:0 auto;max-width:1200px}
.shared-nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:14px 18px;background:#10162d}
.shared-nav a{font-size:17px;padding:8px 4px;color:#f8e1ac;text-decoration:none;line-height:normal}
.shared-nav a[aria-current=page],.home-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#d2b371}
.inner-sky{display:block;position:relative;width:100%;aspect-ratio:1024/215;overflow:hidden;border-bottom:1px solid #dec48742}
.inner-sky>img{display:block;width:100%;max-width:none;margin-top:-7.5%}
.sky-glimmer{position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 20% 20%,#fff7cf 90%,transparent),radial-gradient(2px 2px at 61% 57%,#fff7cf 90%,transparent),radial-gradient(1px 1px at 86% 23%,white 90%,transparent);filter:drop-shadow(0 0 5px #fff2bc);animation:sky-shimmer 5s ease-in-out infinite alternate}
.footer-mark{display:block;width:108px;height:108px;margin:24px auto 0;border-radius:50%;overflow:hidden;box-shadow:0 0 30px #b5c9ec0d}
.footer-mark img{display:block;width:100%;height:100%;object-fit:cover}
.book-feature{isolation:isolate;padding:65px 28px;min-height:410px;border:1px solid #d9ba7566;border-radius:24px;background:radial-gradient(ellipse at 85% 20%,#4d416542,transparent 75%),#0c1329;box-shadow:0 15px 70px #04081966}
.book-feature:after{content:none}.book-feature>h2,.book-feature>h3,.book-feature>p{position:relative;z-index:1;max-width:590px}
.book-feature>p{max-width:540px}.book-feature h2{text-shadow:0 0 28px #ffe8b52b}.book-feature h3{text-shadow:0 2px 10px #081023}
.book-cosmos{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;background-image:linear-gradient(90deg,#0c1329 12%,#0c1329b8 45%,#0c132933 100%),url(dreamworld.png);background-size:100% 100%,auto 560%;background-position:center,right 8%;opacity:.85}
.orbit{position:absolute;width:56%;height:45%;right:-8%;top:5%;border:1px solid #f2d18e80;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 17px #ffdf8c22,inset 0 0 17px #ffdf8c13}
.orbit-two{width:70%;height:35%;right:-5%;top:34%;transform:rotate(-44deg);border-color:#f2d18e40}
.book-spark{position:absolute;color:#fff0be;font-style:normal;text-shadow:0 0 10px #ffe19c,0 0 25px #f7ba5e;animation:sky-shimmer 4.5s ease-in-out infinite alternate}
.spark-1{right:14%;top:16%;font-size:33px}.spark-2{right:38%;top:29%;font-size:14px;animation-delay:-2s}.spark-3{right:5%;top:53%;font-size:26px;animation-delay:-1s}.spark-4{right:25%;top:73%;font-size:18px;animation-delay:-3s}.spark-5{right:47%;top:10%;font-size:12px;animation-delay:-4s}.spark-6{right:55%;top:83%;font-size:12px;animation-delay:-2s}.spark-7{right:8%;top:88%;font-size:10px;animation-delay:-1s}
@keyframes sky-shimmer{from{opacity:.45;filter:drop-shadow(0 0 3px #ffe8ae)}to{opacity:1;filter:drop-shadow(0 0 9px #ffe8ae)}}
@media(max-width:650px){.shared-nav{gap:7px;padding:10px}.shared-nav a{font-size:15px;padding:7px}.inner-sky{aspect-ratio:1024/210}.book-feature{padding:36px 22px}.book-cosmos{background-image:linear-gradient(90deg,#0c1329e8,#0c132990),url(dreamworld.png)}.book-feature h2{font-size:40px}.footer-mark{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){.sky-glimmer,.book-spark{animation:none}}

/* Transparent, free-floating dream-nebula signature. */
footer .footer-mark{width:min(460px,90%);height:auto;aspect-ratio:1945/809;border-radius:0;overflow:visible;box-shadow:none;margin:28px auto 0}
footer .footer-mark img{display:block;width:100%;height:auto;object-fit:contain}

/* Keep the full title, including its descending letters, inside the sky banner. */
.page-header .inner-sky{aspect-ratio:1024/219}
footer .contact-mark{width:200px;height:200px;aspect-ratio:1;margin:28px auto 0;overflow:visible}
footer .contact-mark img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(circle,black 50%,transparent 72%);-webkit-mask-image:radial-gradient(circle,black 50%,transparent 72%)}
@media(max-width:650px){.page-header .inner-sky{aspect-ratio:1024/219}footer .contact-mark{width:165px;height:165px}}

/* A quiet, distinct place for the existing music playlist. */
.music-page{max-width:900px}.music-listening{position:relative;overflow:hidden;margin:2rem 0 2.5rem;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid #d3b77866;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#ac8a4330,transparent 65%),linear-gradient(145deg,#101932,#211b36)}.music-listening h2{margin-top:.6rem}.music-stars{display:block;color:#e6c985;font-size:1.6rem;letter-spacing:.4em}.music-listening p{max-width:36em}.music-listening .button{margin-top:1rem}