:root{--night:#17102c;--violet:#4c286f;--moss:#183e34;--gold:#eec66d;--cream:#f7efd9;--rose:#e77f9a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:Arial,sans-serif}button,a{font:inherit}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:absolute;top:0;width:100%;z-index:5;border-bottom:1px solid #fff2}.wordmark{font:700 19px Georgia,serif;color:var(--cream);text-decoration:none;letter-spacing:.04em}.wordmark i{color:var(--gold);font-weight:normal}nav{display:flex;gap:35px}nav a{color:#d5cae1;text-decoration:none;font-size:12px}.hero{min-height:100vh;display:flex;align-items:center;background-image:linear-gradient(90deg,#17102cf5 0%,#17102cc9 37%,#17102c00 68%),url("../assets/images/marsh.png");background-size:cover;background-position:center}.hero-copy{margin:70px 0 0 8vw;width:min(670px,84vw)}.hero-copy>span,.pond-heading>p,.story>p{color:var(--gold);letter-spacing:.24em;font-size:10px}.hero h1{font:normal clamp(52px,8.2vw,120px)/.83 Georgia,serif;margin:25px 0;letter-spacing:-.05em}.hero h1 i{color:var(--gold)}.hero p{max-width:500px;color:#d0c6dc;line-height:1.7;font-size:17px}.hero a{display:inline-block;margin-top:20px;color:var(--night);background:var(--gold);padding:16px 23px;text-decoration:none;font-weight:bold}.pond-section{padding:110px max(5vw,16px);background:radial-gradient(circle at 50% 40%,#264e44,#12182b 55%,#0e0b1e)}.pond-heading{max-width:1050px;margin:auto;text-align:center}.pond-heading h2{font:normal clamp(38px,6vw,76px) Georgia;margin:12px}.pond-heading>span{color:#b5aac4}.pond-shell{max-width:900px;margin:40px auto}.score-vine{display:flex;justify-content:space-between;border-bottom:1px solid #eec66d66;padding:12px;color:#aa9eb8;font-size:11px;letter-spacing:.13em}.score-vine b{color:var(--gold)}.pond{position:relative;aspect-ratio:1.6;background:radial-gradient(ellipse,#163c3a,#0d1b2b 65%);border:2px solid #8c6db3;border-radius:50%;box-shadow:inset 0 0 80px #000,0 0 70px #996dd31f;overflow:hidden}.pond:before{content:"";position:absolute;inset:10%;border:1px solid #eec66d2e;border-radius:50%}.pad{position:absolute;width:16%;aspect-ratio:1;border:0;border-radius:55% 45% 55% 45%;background:radial-gradient(circle at 45% 42%,var(--c),#173d34 35%,#0d2e29 70%);box-shadow:0 8px 20px #0008;transform:rotate(var(--r));transition:.15s;cursor:pointer}.pad i{display:grid;place-items:center;position:absolute;inset:36%;border-radius:50%;background:var(--c);color:#17102c;font:bold 11px Arial;font-style:normal;box-shadow:0 0 14px var(--c)}.pad.active{filter:brightness(1.8);box-shadow:0 0 45px var(--c);transform:rotate(var(--r)) scale(1.08)}.p1{--c:#70dcec;--r:20deg;left:15%;top:18%}.p2{--c:#f1c966;--r:65deg;left:42%;top:8%}.p3{--c:#ed7996;--r:110deg;right:14%;top:22%}.p4{--c:#72dc95;--r:150deg;left:22%;bottom:13%}.p5{--c:#b992ed;--r:200deg;left:49%;bottom:16%}.p6{--c:#fff2c8;--r:245deg;right:10%;bottom:9%}.constellation{position:absolute;inset:0;pointer-events:none}.constellation span{position:absolute;color:var(--gold);opacity:.08;text-shadow:0 0 15px var(--gold)}.constellation span.lit{opacity:1}.constellation span:nth-child(1){left:32%;top:33%}.constellation span:nth-child(2){left:38%;top:29%}.constellation span:nth-child(3){left:45%;top:35%}.constellation span:nth-child(4){left:53%;top:31%}.constellation span:nth-child(5){left:60%;top:38%}.constellation span:nth-child(6){left:66%;top:45%}.constellation span:nth-child(7){left:59%;top:49%}.constellation span:nth-child(8){left:51%;top:51%}.constellation span:nth-child(9){left:43%;top:48%}.constellation span:nth-child(10){left:37%;top:53%}.constellation span:nth-child(11){left:31%;top:48%}.constellation span:nth-child(12){left:27%;top:41%}.begin{display:block;margin:24px auto 0;border:1px solid var(--gold);background:transparent;color:var(--gold);padding:16px 28px;letter-spacing:.14em;font-size:11px}.story{padding:120px 7vw;background:var(--cream);color:var(--night);text-align:center}.ornament{color:var(--gold);font-size:42px}.story h2{font:normal clamp(44px,7vw,90px)/.9 Georgia;margin:22px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:60px auto 0;border-top:1px solid #887e6d}.chapters article{padding:35px}.chapters b{color:var(--violet);font:italic 32px Georgia}.chapters h3{font:normal 24px Georgia}.chapters p{color:#6a6171;line-height:1.6}footer{padding:40px 6vw;display:flex;justify-content:space-between;color:#8e82a2;font-size:11px}dialog{border:0;background:transparent;color:var(--night)}dialog::backdrop{background:#0a0616dd}dialog>div{width:min(500px,90vw);padding:50px;background:var(--cream);border-radius:50% 50% 8px 8px;text-align:center}dialog>div>span{color:var(--gold);font-size:30px}dialog h2{font:normal 46px Georgia}dialog button{background:var(--violet);color:white;border:0;padding:15px 25px}@media(max-width:700px){nav{display:none}.hero{background-position:67% center}.hero-copy{padding-top:230px;margin:auto}.pond{aspect-ratio:1.05}.pad{width:24%}.chapters{grid-template-columns:1fr}.score-vine{font-size:9px}footer{flex-direction:column;gap:15px}}