:root{--bg:#060710;--panel:#111326;--text:#f7f3ff;--muted:#bcb4cb;--violet:#a855f7;--gold:#e7b95a;--green:#38d27a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060710;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:white;color:#111;padding:.7rem 1rem}
header{height:74px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:30;background:rgba(5,6,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.brand:first-letter{color:#c084fc}nav{display:flex;gap:1.8rem;align-items:center}nav a{color:#d7d1e4}.login{border:1px solid rgba(168,85,247,.55);padding:.65rem 1rem;border-radius:999px}
.hero{min-height:90vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 5vw 90px;isolation:isolate}.art{position:absolute;inset:-12px;background:url('./assets/living-world/keeper-realm.jpg') center/cover no-repeat;z-index:-3;animation:drift 22s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,10,.97),rgba(4,5,12,.75) 35%,rgba(4,5,12,.08) 67%,rgba(4,5,12,.4)),linear-gradient(0deg,rgba(6,7,15,.96),transparent 45%);z-index:-2}.hero-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#d8a4ff;font-size:.77rem;font-weight:800}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(3.4rem,6.7vw,7.2rem);line-height:.91;margin:.8rem 0 1.4rem;font-weight:600;text-shadow:0 4px 35px #000}h1 em{font-style:normal;color:#b56cff}.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.65;max-width:610px;color:#ddd6ea}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.primary,.secondary{padding:.9rem 1.25rem;border-radius:.65rem;font-weight:750;display:inline-flex;justify-content:center}.primary{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 12px 35px rgba(124,58,237,.3)}.secondary{background:rgba(10,11,20,.68);border:1px solid rgba(255,255,255,.25)}.status{display:inline-flex;align-items:center;gap:.75rem;margin-top:3rem;padding:.72rem 1rem;background:rgba(6,8,17,.68);border:1px solid rgba(255,255,255,.12);border-radius:.7rem}.status i{width:.72rem;height:.72rem;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.status span{display:flex;flex-direction:column}.status small{color:#b9b1c6}.keeper{position:absolute;right:4vw;bottom:5rem;text-align:right;font:1.25rem Georgia,serif;text-shadow:0 2px 16px #000}.keeper small{display:block;color:#c9c1d7;font:normal .85rem Inter,Arial}
.values{width:min(1180px,92vw);margin:-42px auto 0;position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(13,15,29,.92);border:1px solid rgba(255,255,255,.09);border-radius:1rem;box-shadow:0 30px 70px rgba(0,0,0,.38)}.values article{padding:1.15rem;display:flex;gap:.8rem;border-right:1px solid rgba(255,255,255,.07);color:var(--gold)}.values article:last-child{border:0}.values span{display:flex;flex-direction:column;gap:.3rem;color:white}.values small{color:var(--muted);line-height:1.35}
.realm{width:min(1280px,92vw);margin:0 auto;padding:8rem 0 6rem}.intro{display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end;margin-bottom:2.5rem}.intro h2,.split h2,.community h2,.cta h2{font-size:clamp(2.6rem,5vw,5rem);margin:.5rem 0}.intro>p,.split p{color:var(--muted);line-height:1.75}.realm-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,minmax(320px,1fr));gap:1.25rem}.card{position:relative;overflow:hidden;border-radius:1.15rem;border:1px solid rgba(255,255,255,.11);background-size:cover;background-position:center;box-shadow:0 28px 70px rgba(0,0,0,.38);transition:.4s}.card:hover{transform:translateY(-7px);border-color:rgba(168,85,247,.72)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,13,.98),rgba(5,6,13,.12) 72%)}.library{grid-row:1/3;background-image:url('./assets/living-world/great-library.jpg')}.castle{background-image:url('./assets/living-world/castle.jpg')}.observatory{background-image:url('./assets/living-world/observatory.jpg')}.card>div{position:absolute;inset:auto 1.5rem 1.4rem}.card small{color:#d8a4ff;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.card h3{font-size:clamp(2rem,3.2vw,3.4rem);margin:.35rem 0}.card p{color:#d1c9dc;line-height:1.6}.card b{color:#e8d8ff}.journey{width:min(1100px,90vw);margin:auto;padding:2rem 0 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.journey article{text-align:center;padding:1.5rem;background:linear-gradient(145deg,rgba(24,24,45,.86),rgba(10,11,22,.86));border:1px solid rgba(255,255,255,.09);border-radius:1rem}.journey article>b{color:#a855f7;font-size:2rem}.journey h3{font-size:1.7rem}.journey p,.community p{color:var(--muted);line-height:1.55}
.split,.community{width:min(1180px,90vw);margin:auto;padding:7rem 0}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:3rem;align-items:center;border-top:1px solid rgba(255,255,255,.07)}.panel,.community article{background:linear-gradient(145deg,rgba(24,24,45,.86),rgba(10,11,22,.86));border:1px solid rgba(255,255,255,.09);border-radius:1rem;padding:1.5rem}.panel{display:grid;gap:.85rem}.panel span{padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.07)}.community>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cta{text-align:center;padding:7rem 5vw;background:radial-gradient(circle at 50% 20%,rgba(101,44,188,.35),transparent 43%)}.cta p{color:var(--muted)}.cta .actions{justify-content:center}footer{border-top:1px solid rgba(255,255,255,.08);padding:2.4rem 5vw;display:grid;grid-template-columns:1fr auto auto;gap:2rem;color:#bfb7ca}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.095) translate(-1.4%,.8%)}}@media(max-width:900px){nav a:not(.login){display:none}.keeper{display:none}.values,.intro,.split{grid-template-columns:1fr}.realm-grid{grid-template-columns:1fr;grid-template-rows:none}.library{grid-row:auto;min-height:430px}.castle,.observatory{min-height:340px}.journey,.community>div{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:620px){header{padding:0 1rem}.hero{padding:125px 1.2rem 80px;min-height:760px}.actions{display:grid}.realm,.split,.community{padding:5rem 0}.values{margin-top:-20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}