@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--bg:#080d16;--surface:#121827;--edge:#c7ab7138;--gold:#dcbb79;--muted:#b9bdcc;--ink:#f1ede6;--display:'Cinzel Decorative',Georgia,serif}body{background:radial-gradient(ellipse at 80% 12%,#28325180,transparent 45%),radial-gradient(ellipse at 12% 50%,#352c4c66,transparent 45%),#080d16}#cosmos{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}.header{background:#080d1680}.hero-art:before{background:radial-gradient(ellipse,#c29c433b,transparent 66%)}h1{font-family:var(--display);font-size:clamp(43px,4.8vw,70px);line-height:1.2;letter-spacing:-.045em;text-shadow:0 0 50px #ccb77820}h1 em{font-family:var(--serif);font-size:1.3em;line-height:.9;letter-spacing:-.03em}h2{font-family:var(--display);font-size:clamp(30px,3.4vw,46px);line-height:1.25}h2 em{font-family:var(--serif);font-size:1.25em}.identity strong,.edition{font-family:var(--display)}.identity strong{font-size:21px}.orbit-one{animation:orbit-breathe 12s ease-in-out infinite;box-shadow:0 0 35px #ceb5770c,inset 0 0 35px #ceb5770c}.orbit-two{animation:orbit-spin 90s linear infinite}.orbit-three{animation:orbit-sway 24s ease-in-out infinite}.book-frame{animation:book-float 9s ease-in-out infinite;transition:filter .4s;filter:drop-shadow(0 0 12px #d7ac4c1c)}.book-frame:hover{filter:drop-shadow(0 0 28px #d7ac4c60)}.button{background:linear-gradient(115deg,#b28c4d,#ead29a 48%,#bd9653);border-color:#e8ca8e;box-shadow:0 0 0 1px #dec58a16,0 7px 30px #c2a2641a;position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skewX(-20deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:transform .6s;pointer-events:none}.button:hover:after,.button:focus-visible:after{transform:translateX(130%) skewX(-20deg)}.button:hover{box-shadow:0 0 32px #c2a26435}.principle-strip{background:#10172780}.book-section{background:linear-gradient(120deg,#121b2bea,#201c2bea)}.contents li{transition:background .25s,transform .25s}.contents li:hover{background:#d8b97a08;transform:translateX(5px)}.eyebrow{color:#dcc58f}.soul-explorer{grid-column:1/-1;margin-top:45px;border-top:1px solid var(--edge);padding-top:35px}.dimension-controls{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--edge);gap:12px}.dimension-controls button{color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:18px 10px 22px;font-family:var(--display);font-size:19px;transition:color .2s,background .2s,border .2s}.dimension-controls button span{display:block;font:30px var(--serif);margin-bottom:10px;color:var(--gold)}.dimension-controls button:hover{background:#dfbc7910;color:var(--ink)}.dimension-controls button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:linear-gradient(0deg,#dfbc7914,transparent)}.dimension-panel{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:center;padding:35px 20px;min-height:225px;background:radial-gradient(ellipse at left,#b59b5d0e,transparent 60%)}.dimension-sigil{font:70px var(--serif);color:var(--gold);text-align:center;text-shadow:0 0 25px #d4b77055}.dimension-panel h3{font-family:var(--display);font-size:28px;margin:0 0 12px}.dimension-panel p{margin-bottom:10px;color:var(--muted)}#dimension-reflection{font:italic 24px/1.4 var(--serif);color:var(--gold);margin-bottom:0}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:5;border:1px solid var(--edge);border-radius:25px;background:#0b111eed;backdrop-filter:blur(12px);color:var(--muted);padding:10px 16px;font-size:12px;min-height:40px}.motion-toggle:hover{color:var(--gold);border-color:var(--gold)}.footer{padding-bottom:85px}dialog{z-index:10;background:radial-gradient(ellipse at top right,#2d2a3a,#0c111c 60%);box-shadow:0 0 90px #0009}dialog h2{font-size:36px}.magic-reveal{transition:opacity .7s,transform .7s}.magic-reveal.waiting{opacity:0;transform:translateY(18px)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .magic-reveal{opacity:1;transform:none;transition:none}
@keyframes book-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbit-breathe{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}@keyframes orbit-sway{0%,100%{transform:translate(-50%,-50%) rotate(-30deg)}50%{transform:translate(-50%,-50%) rotate(-15deg)}}
@media(max-width:780px){h1,.hero h1{font-family:var(--display);font-size:clamp(39px,8vw,58px);line-height:1.22}.hero h1 em{font-size:1.3em}.identity strong{font-size:18px}.dimension-controls{gap:0}.dimension-controls button{font-size:14px;padding-inline:2px}.dimension-panel{grid-template-columns:45px 1fr;gap:15px;padding:25px 0;min-height:265px}.dimension-sigil{font-size:40px}.dimension-panel h3{font-size:25px}#dimension-reflection{font-size:22px}.author h2{font-size:49px}.motion-toggle{bottom:12px;right:12px}.book-frame{animation-duration:12s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.magic-reveal.waiting{opacity:1;transform:none}.contents li:hover{transform:none}}