:root{color-scheme:dark;font-family:Georgia,'Songti SC','Noto Serif SC',serif;background:#10232c;color:#ede6d2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:2;left:0;top:0;width:100%;padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:14px}header>a:first-child{font-size:23px;letter-spacing:.16em}header small{font:9px sans-serif;letter-spacing:.2em;display:block;margin-top:5px;opacity:.6}header>a:last-child{opacity:.7}.zodiac-hero{position:relative;min-height:860px;height:100svh;max-height:1100px;overflow:hidden;display:flex;align-items:center;padding:100px 9vw 140px;background:#10232c}.zodiac-art{position:absolute;inset:0 0 0 35%}.zodiac-art img{width:100%;height:100%;object-fit:cover;object-position:50% 33%;opacity:.88}.zodiac-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10232c,transparent 38%),linear-gradient(0deg,#10232c,transparent 35%)}.zodiac-copy{position:relative;width:50%;z-index:1}.eyebrow{font:11px/1.8 sans-serif;letter-spacing:.27em;color:#c7b988}.seal{border:1px solid #c7aa68;width:36px;height:44px;text-align:center;line-height:42px;color:#d7bb78;font-size:24px;margin:35px 0 22px}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.3;letter-spacing:.05em;font-weight:400;margin:0}h1 span{display:block;font-size:13px;letter-spacing:.4em;color:#c3b383;margin-top:24px}.intro{font-size:16px;line-height:2.2;color:#b6c5c5;margin:28px 0}.zodiac-actions{display:flex;gap:14px;align-items:center}.zodiac-actions .enter{padding:17px 24px;border:1px solid #c2a76c;background:#c2a76c;color:#152932;min-width:180px;display:flex;justify-content:space-between;gap:24px;font-size:15px}.zodiac-actions button{padding:17px 20px;background:transparent;color:#d6ccae;border:1px solid #8c977c66;cursor:pointer;font-size:14px}.capacity{font:11px/1.8 sans-serif;letter-spacing:.08em;color:#8fa4a8;margin-top:21px}.scroll-note{position:absolute;bottom:35px;left:9vw;color:#9eaea9;font-size:11px;letter-spacing:.3em}.choose,.ritual{max-width:1200px;margin:auto;padding:90px 5vw}.choose-title{text-align:center}h2{font-size:32px;font-weight:400;letter-spacing:.1em;margin:15px 0}.choose-title>p:last-child{font-size:13px;color:#91a7a8}.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:40px;border-top:1px solid #c8bd8e26;border-left:1px solid #c8bd8e26}.animal{padding:26px 20px;display:flex;flex-direction:column;gap:20px;border-right:1px solid #c8bd8e26;border-bottom:1px solid #c8bd8e26}.animal small{font:10px sans-serif;letter-spacing:.1em;color:#8da3a6}.animal strong{font-weight:400;font-size:30px;letter-spacing:.2em}.animal span{font-size:11px;color:#95aaaa}.animal.open{background:linear-gradient(140deg,#c2a76c24,transparent)}.animal.open strong,.animal.open span{color:#dfc389}.animal.pending{opacity:.44}.ritual{padding-top:10px;padding-bottom:90px}.ritual>div{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:32px}.ritual article>span{color:#d1b87c;font-size:22px}.ritual h3{font-weight:400;font-size:21px;letter-spacing:.1em}.ritual article p{color:#8fa7a8;font-size:13px;line-height:2}footer{border-top:1px solid #c8bd8e26;padding:30px 5vw;display:flex;justify-content:space-between;color:#829a9f;font-size:11px;line-height:2;gap:20px}a:focus-visible,button:focus-visible{outline:2px solid #f2d797;outline-offset:5px}.enter:hover{filter:brightness(1.1)}.entry-help{background:#152b36;color:#eee1bb;border:1px solid #9a895d;padding:28px;max-width:min(90vw,460px)}.entry-help input{width:100%;padding:12px;margin:15px 0}.entry-help button{margin-top:15px;padding:10px 25px}.entry-help::backdrop{background:#020b14b0}@media(max-width:700px){header{padding:22px 6vw}.zodiac-hero{height:auto;min-height:900px;padding:440px 7vw 75px;align-items:flex-start}.zodiac-art{inset:0 0 25%}.zodiac-art img{object-position:50% 22%}.zodiac-art:after{background:linear-gradient(0deg,#10232c,transparent 70%),linear-gradient(90deg,#10232c22,transparent)}.zodiac-copy{width:100%}.zodiac-copy>.eyebrow{font-size:10px}.seal{display:none}h1{font-size:45px;line-height:1.25}h1 span{font-size:11px;margin-top:18px}.intro{font-size:14px;line-height:1.9;margin:18px 0}.scroll-note{display:none}.zodiac-grid{grid-template-columns:repeat(3,1fr)}.animal{padding:20px 14px}.animal strong{font-size:25px}.choose{padding:55px 6vw}h2{font-size:25px}.ritual{padding:15px 7vw 50px}.ritual>div{grid-template-columns:1fr;gap:25px}.ritual article{border-top:1px solid #c8bd8e26;padding-top:22px}.ritual h3{display:inline;margin-left:16px}.ritual p{margin-bottom:0}footer{flex-direction:column;padding:25px 7vw}.zodiac-actions .enter{min-width:165px}.zodiac-actions button{padding:17px 14px}}

.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:24px;border:0}.zodiac-card{position:relative;background:var(--garden);border:1px solid #c8bd8e26;overflow:hidden}.zodiac-card .animal{display:block;border:0;padding:0;position:relative;background:none}.animal img{display:block;width:100%;height:330px;object-fit:cover;object-position:50% 28%;transition:transform .25s ease}.animal:hover img{transform:scale(1.025)}.animal>div{padding:24px;background:linear-gradient(0deg,#0b1d28,transparent);position:relative}.animal strong{display:block;margin:15px 0;font-size:32px}.animal em{font-style:normal;display:block;font-size:13px;letter-spacing:.2em;margin-top:10px;color:#cfc29d}.animal>div>span{font-size:12px;color:#adbec0}.animal p{font:10px/1.8 system-ui;color:#9db5b7;margin:16px 0}.animal b{font-size:12px;font-weight:400;color:#ead092}.zodiac-card>button{position:absolute;right:22px;bottom:24px;border:1px solid #a3ae8b55;color:#cbbf9d;background:transparent;font:11px/1.5 system-ui;padding:6px 9px;cursor:pointer}.zodiac-card>button:focus-visible{outline:2px solid #f2d797}.choose{max-width:1320px}@media(max-width:700px){.zodiac-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.animal img{height:210px}.animal>div{padding:15px 12px 47px}.animal strong{font-size:25px}.animal em{font-size:11px;letter-spacing:.08em}.animal>div>span{font-size:10px;line-height:1.8;display:block}.animal small{font-size:9px;letter-spacing:0}.animal p{font-size:9px}.zodiac-card>button{bottom:14px;right:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.animal img{transition:none}.animal:hover img{transform:none}}

.guardian-culture{max-width:850px;margin:60px auto;padding:32px 24px;border-top:1px solid #bfa66a44;color:#d9d5c8;line-height:1.9}.guardian-culture h2{font-size:clamp(24px,3vw,36px);font-weight:400}.guardian-culture a{color:#dac48b;text-underline-offset:4px}.zodiac-card em{font-size:clamp(16px,1.5vw,23px)}
/* Preserve the complete guardian-and-zodiac composition rather than cropping either subject. */
.zodiac-art img{object-fit:contain;object-position:right center}.animal img{height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;background:#152b36}.zodiac-card em{line-height:1.6;letter-spacing:.08em}@media(max-width:700px){.zodiac-hero{padding-top:560px;min-height:1010px}.zodiac-art{inset:0 0 auto;height:620px}.zodiac-art img{object-position:center top}.zodiac-card em{font-size:14px}.zodiac-card>button{position:static;margin:0 12px 16px}.animal>div{padding-bottom:16px}}
