@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--bg:#080e10;--panel:#0d1518;--text:#eef2ec;--muted:#9daead;--gold:#d9bd86;--line:#ffffff1c;--mint:#a1d5c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#b8d5ba;color:#081010}header{height:102px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;gap:20px}.brand{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:2px;display:flex;align-items:center;gap:5px;font-weight:700;white-space:nowrap}.brand .light{font-weight:300}.brand-symbol{color:var(--gold);font-size:43px;line-height:1;margin-right:8px;font-weight:300}nav{display:flex;gap:32px;font-size:13px;color:#b5c2c0}nav a:hover,.text-link:hover{color:var(--gold)}.header-cta{font-size:12px;border:1px solid #b9c6bd40;padding:11px 18px;border-radius:4px}.header-cta span{margin-left:28px;color:var(--gold)}.hero{position:relative;min-height:710px;height:calc(100svh - 102px);max-height:1000px;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,#18333344,transparent 53%)}.hero-copy{position:relative;z-index:2;width:48%;padding:100px 0 115px 5%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;line-height:1.7;color:var(--gold);margin:0 0 29px}.status{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin:0 8px 2px 0;box-shadow:0 0 12px var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-3.9px;line-height:1.12}h1{font-size:clamp(64px,6.3vw,106px);margin-bottom:28px}em{font-style:normal;color:var(--gold)}.intro{max-width:360px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:30px}.primary{background:var(--gold);color:#152023;border:1px solid var(--gold);padding:16px 21px;display:inline-flex;align-items:center;gap:30px;border-radius:3px;font-weight:600;font-size:12px;transition:background .25s,transform .25s}.primary:hover{background:#f0d9aa;transform:translateY(-3px)}.primary span{font-size:19px;line-height:1}.welcome{font-size:10px;color:#758985;margin-top:19px}.orbit-scene{position:absolute;inset:0 -6% 20px 38%;isolation:isolate}#orbit{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}#orbit:active{cursor:grabbing}.orbit-center{pointer-events:none;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;text-shadow:0 2px 15px #000;white-space:nowrap}.core-mark{font-size:52px;color:#f2dbab;line-height:1.2}.orbit-center strong{font-size:13px;letter-spacing:3px;font-weight:500}.orbit-center small{font-size:7px;letter-spacing:2px;color:#c1c7b5;margin-top:6px}.orb-label{position:absolute;z-index:2;transform:translate(-50%,-50%);font-size:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#0c171aee;border:1px solid #81958e40;padding:7px 11px;border-radius:30px;box-shadow:0 4px 25px #0008;transition:border-color .2s,color .2s}.orb-label:hover,.orb-label:focus-visible{border-color:var(--gold);color:var(--gold);z-index:10!important}.orb-label i{color:var(--gold);font-style:normal;font-size:14px}.orb-label b{font-size:11px;font-weight:400;color:#809792}.orbit-caption{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;color:#7c9591;white-space:nowrap;font-size:8px;letter-spacing:1.3px}.orbit-caption button{font-size:9px;letter-spacing:0;border:1px solid var(--line);background:#0a1216;padding:5px 9px;border-radius:20px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#77918b;font-size:8px;letter-spacing:2px}.section{padding:95px 7%;border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between}.section-top>span{font-size:8px;letter-spacing:2px;color:#718882}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:44px}h2{font-size:clamp(36px,3.4vw,56px);letter-spacing:-2px;margin-bottom:20px}.section-heading>p{max-width:320px;font-size:13px;color:var(--muted);line-height:1.9}.learning-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.learning-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;position:relative;text-align:left;padding:21px 18px 23px;color:#6f8a85;font-size:10px}.learning-tabs button span{display:block;color:#adbcb7;font-size:18px;margin:5px 0}.learning-tabs button small{font-size:11px;font-weight:400}.learning-tabs button[aria-selected=true]{border-color:var(--gold);background:linear-gradient(0deg,#d9bd8610,transparent)}.learning-tabs button[aria-selected=true] span{color:var(--gold)}#lesson{padding:40px 0 0;min-height:285px}.lesson-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px}.lesson-intro h3{font-size:28px;font-weight:400;letter-spacing:-.7px;margin-bottom:12px}.lesson-intro p{font-size:13px;line-height:1.9;color:var(--muted);max-width:440px}.lesson-kicker{font-size:9px;color:var(--gold);letter-spacing:2px;margin-bottom:13px}.belief-points{display:grid;gap:15px}.belief-points p{padding-left:18px;border-left:1px solid #bdb39055;margin:0}.belief-points strong{color:var(--text);font-weight:500;display:block}.text-link{font-size:11px;display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #7e958948;padding:10px 0;color:var(--gold)}.source{margin-top:24px;font-size:10px;color:#91a7a0}.source a{text-decoration:underline;text-underline-offset:3px}.lesson-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-item{padding:17px 0;border-top:1px solid var(--line)}.lesson-item small{color:var(--gold);font-size:9px;letter-spacing:2px}.lesson-item h3{font-weight:400;font-size:19px;margin:7px 0}.lesson-item p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:radial-gradient(ellipse at 22% 50%,#20483f25,transparent 60%)}.purpose>div>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;max-width:430px}.purpose .art-note{font-size:9px!important;color:#6f8b83!important;margin-top:24px}.purpose-art{height:340px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.purpose-art>span{font-family:Georgia,serif;font-size:45px;color:var(--gold);z-index:1}.purpose-art>small{font-size:8px;letter-spacing:3px;color:#8fa99f;margin-top:20px;z-index:1}.halo{position:absolute;border:1px solid #b8b6893b;border-radius:50%;width:300px;height:300px;box-shadow:0 0 50px #b0c9a807,inset 0 0 40px #d7c49207}.h1{transform:rotateX(55deg) rotateZ(-35deg);width:390px;height:390px}.h2{transform:rotateY(50deg) rotateZ(35deg);width:320px;height:320px}.h3{width:260px;height:260px;border-style:dashed;animation:spin 100s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.site-card{position:relative;background:var(--bg);padding:27px;min-height:185px;transition:background .3s}.site-card:hover{background:#122321}.site-icon{display:flex;align-items:center;justify-content:center;border:1px solid #789b8944;border-radius:50%;width:40px;height:40px;color:var(--gold);font-size:23px;margin-bottom:24px}.site-card h3{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:0 0 6px}.site-card p{font-size:10px;color:#829c91;margin:0}.site-card>span:last-child{position:absolute;right:24px;top:31px;color:#84988b}.questions{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.questions>.eyebrow{grid-column:1/-1}.questions h2{grid-column:1;grid-row:2/6}.questions details{grid-column:2;border-bottom:1px solid var(--line);padding:17px 0}.questions summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--gold)}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:12px;color:var(--muted);margin:15px 0 5px;line-height:1.9}.closing{position:relative;overflow:hidden;padding:100px 7%;text-align:center;background:radial-gradient(ellipse at 50% 120%,#23453b55,transparent 60%)}.closing h2{font-size:62px}.closing>*:not(.closing-orbit){position:relative;z-index:1}.closing-orbit{position:absolute;border:1px solid #c9b78128;border-radius:50%;width:1000px;height:500px;left:50%;bottom:-375px;transform:translateX(-50%);box-shadow:0 0 70px #d9bd860a,inset 0 0 70px #d9bd860b}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;gap:30px}footer .brand{font-size:13px}footer .brand-symbol{font-size:29px}footer p,footer a:not(.brand),footer small{font-size:10px;color:#81978d;margin:0}footer a:not(.brand){margin-left:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--gold);color:var(--bg);padding:10px}.skip:focus{top:10px}@media(min-width:1550px){.hero-copy{padding-top:150px}}@media(max-width:1000px){nav{gap:20px}.header-cta{display:none}.hero-copy{padding-top:100px;width:49%}h1{font-size:66px}.orbit-scene{left:37%;right:-15%}.intro{max-width:310px}.section{padding:75px 6%}.purpose{gap:5%}.purpose-art{transform:scale(.83)}.questions{column-gap:40px}}@media(max-width:700px){header{height:78px;margin:0 6%}.brand{font-size:16px}.brand-symbol{font-size:34px}nav{gap:15px;font-size:10px}nav a:last-child{display:none}.hero{height:auto;min-height:940px;max-height:none}.hero-copy{width:100%;padding:55px 7% 0}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:65px;letter-spacing:-3px;line-height:1.06}.intro{font-size:13px;max-width:335px;margin-bottom:22px}.primary{padding:13px 17px;font-size:11px}.welcome{font-size:9px;margin-top:15px}.orbit-scene{inset:405px -12% 64px -12%}.orbit-center strong{font-size:11px}.orbit-center small{font-size:6px}.core-mark{font-size:38px}.orb-label{font-size:8px;padding:6px 8px;gap:5px}.orb-label i{font-size:11px}.orbit-caption{bottom:25px}.hero-bottom{font-size:6px;letter-spacing:1.2px;left:7%;right:7%}.section{padding:59px 7%}.section-top>span{display:none}.section-heading{display:block;margin-bottom:23px}h2{font-size:36px;letter-spacing:-1.8px}.section-heading>p{max-width:100%;font-size:12px}.learning-tabs button{padding:16px 7px}.learning-tabs button span{font-size:14px}.learning-tabs button small{font-size:9px}.lesson-intro{grid-template-columns:1fr;gap:24px}.lesson-intro h3{font-size:25px}#lesson{padding-top:28px}.lesson-list{grid-template-columns:1fr 1fr;gap:15px}.lesson-item h3{font-size:17px}.purpose{grid-template-columns:1fr;gap:20px}.purpose-art{height:280px;transform:scale(.85)}.site-grid{grid-template-columns:1fr 1fr}.site-card{padding:19px;min-height:170px}.site-card h3{font-size:16px}.site-card p{font-size:8px}.site-card>span:last-child{right:18px;top:22px}.questions{display:block}.questions h2{margin-bottom:25px}.closing{padding:70px 7%}.closing h2{font-size:47px}footer{flex-wrap:wrap;gap:15px;padding:27px 7%}footer p{display:none}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body.motion-paused .halo{animation-play-state:paused}
@media(max-width:700px){.hero{min-height:1040px}.orbit-scene{top:505px}}
.purpose{overflow:hidden}
/* Keep the entire rotating scene inside its own padded column. */
.orbit-scene{left:40%;right:4%}
.arrow-right{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.header-cta .arrow-right,.primary .arrow-right,.text-link .arrow-right{width:17px;height:17px}
nav{gap:5px;padding:5px;border:1px solid #d9bd862c;border-radius:40px;background:linear-gradient(145deg,#1a2b29aa,#0b1516aa);box-shadow:inset 0 1px 0 #ffffff08,0 8px 28px #0002}
nav a{position:relative;padding:10px 17px;border-radius:28px;color:#ccd6ce;font-size:12px;transition:background .2s,color .2s,box-shadow .2s}
nav a:hover,nav a:focus-visible,nav a[aria-current="location"]{color:#efd8ab;background:#d9bd8615;box-shadow:inset 0 0 0 1px #d9bd8635}
.header-cta{border-color:#d9bd8644;background:linear-gradient(125deg,#d9bd8615,transparent);transition:background .2s,border-color .2s}
.header-cta:hover{background:#d9bd8622;border-color:#d9bd8699}
footer{flex-wrap:wrap}footer .footer-credit{flex-basis:100%;text-align:left;line-height:1.9;color:#a4b5aa}
footer .footer-credit a{margin:0;color:var(--gold);font-size:inherit;border-bottom:1px solid #d9bd8640}
@media(max-width:1000px){.orbit-scene{left:40%;right:3%}nav a{padding:9px 12px}}
@media(max-width:700px){header{height:auto;min-height:122px;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 0}header .brand{margin-right:auto}nav{width:100%;justify-content:space-between;padding:4px;gap:0}nav a{font-size:10px;padding:8px 12px;text-align:center;flex:1}nav a:last-child{display:block}.orbit-scene{left:0;right:0}.orbit-center strong{font-size:9px;letter-spacing:1.7px}.orbit-center small{font-size:5px;letter-spacing:1px}.core-mark{font-size:30px}footer .footer-credit{font-size:10px}}
/* Distinct learning compositions: foundation, practice, and belief. */
.foundations{background:radial-gradient(ellipse at 0 45%,#23453830,transparent 55%)}
.learning-tabs{gap:12px;border:0}
.learning-tabs button{border:1px solid #ffffff18;border-radius:9px;padding:22px 24px;background:#0d191966;transition:border-color .25s,background .25s;overflow:hidden}
.learning-tabs button::after{content:'';position:absolute;right:22px;top:25px;width:7px;height:7px;border:1px solid #80968b;border-radius:50%}
.learning-tabs button:hover{border-color:#d9bd8655;background:#192820}
.learning-tabs button[aria-selected=true]{border:1px solid #d9bd8680;background:linear-gradient(120deg,#d9bd861c,#0d1919);box-shadow:inset 0 1px 0 #e6cd9922}
.learning-tabs button[aria-selected=true]::after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #d9bd8699}
#lesson{padding-top:27px}
.lesson-intro{gap:22px;grid-template-columns:1.15fr 1fr}
.belief-main{position:relative;overflow:hidden;padding:35px;border:1px solid #b3bf8d30;border-radius:10px;background:radial-gradient(ellipse at 95% 0,#74936b24,transparent 60%),linear-gradient(130deg,#13231d,#0b1416)}
.belief-main>.lesson-kicker{color:var(--gold);font-size:9px;max-width:75%}
.belief-main h3{font-size:30px;max-width:80%;margin-top:38px}
.belief-main p{position:relative;z-index:1}
.belief-emblem{position:absolute;right:25px;top:20px;width:80px;height:80px;display:grid;place-items:center;color:#d9bd86}
.belief-emblem span,.belief-emblem span::before,.belief-emblem span::after{position:absolute;inset:13px;border:1px solid #d9bd8644;content:'';transform:rotate(30deg)}
.belief-emblem span::before{inset:0;transform:rotate(30deg)}.belief-emblem span::after{inset:0;transform:rotate(60deg)}
.belief-emblem b{font:300 25px Manrope,sans-serif;color:#d9bd86aa}
.belief-points{gap:12px;counter-reset:belief}
.belief-points p{position:relative;counter-increment:belief;border:1px solid #93b1a326;border-radius:8px;background:linear-gradient(110deg,#12221d88,#0c1415);padding:20px 24px 20px 68px;max-width:none;display:flex;flex-direction:column;justify-content:center;font-size:12px}
.belief-points p::before{content:'0' counter(belief);position:absolute;left:22px;top:24px;font:300 22px Manrope,sans-serif;color:#d9bd8688}
.belief-points strong{font-size:16px;margin-bottom:6px}
.lesson-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:5px 0 26px;padding:10px 0}
.lesson-banner .lesson-kicker{margin-bottom:7px;font-size:9px}
.lesson-banner h3{font:400 27px Manrope,sans-serif;letter-spacing:-.8px;margin:0}
.lesson-banner>p{color:var(--muted);font-size:12px;max-width:270px;margin:0}
.lesson-list{gap:14px}.pillars-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.lesson-item{position:relative;overflow:hidden;border:1px solid #a9b9a72b;background:linear-gradient(150deg,#172a23aa,#0b1415);border-radius:10px;padding:23px 21px 27px;transition:border-color .25s,background .25s}
.lesson-item:hover{border-color:#d9bd8677;background:linear-gradient(150deg,#23382caa,#0d1818)}
.lesson-item small{font-size:8px;letter-spacing:1.5px;display:block;color:#c9b88f}
.lesson-item h3{font-size:22px;margin:9px 0 14px}.lesson-item p{font-size:12px;color:#a9b9b2;line-height:1.85}
.lesson-visual{position:relative;height:83px;display:flex;align-items:start;margin-bottom:18px;color:#a6b49c}
.lesson-number{font:300 37px Manrope,sans-serif;letter-spacing:-2px;color:#d9bd86b3;z-index:1}
.lesson-visual svg{position:absolute;right:-15px;bottom:-2px;width:105px;height:64px;opacity:.35}
.pillars-grid .lesson-item{border-radius:75px 75px 10px 10px;padding-top:32px}
.pillars-grid .lesson-visual{justify-content:center;height:80px;margin-bottom:20px;align-items:center}
.pillars-grid .lesson-visual svg{width:100%;right:0;bottom:0;height:100%;opacity:.2}
.pillars-grid .lesson-number{font-size:35px}
.faith-grid .lesson-item{min-height:250px}.faith-grid .lesson-visual{height:45px}.faith-grid .lesson-visual svg{transform:rotate(180deg);width:125px;right:-20px;top:-23px}
.source{border-top:1px solid var(--line);padding-top:17px;margin-top:24px}
@media(max-width:1100px){.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.belief-main{padding:27px}.belief-main h3{font-size:27px}.learning-tabs button{padding:20px}}
@media(max-width:700px){.learning-tabs{gap:6px}.learning-tabs button{padding:15px 9px;border-radius:6px}.learning-tabs button::after{right:10px;top:18px;width:4px;height:4px}.learning-tabs button span{font-size:13px}.learning-tabs button small{font-size:8px}.lesson-intro{grid-template-columns:1fr}.belief-main{padding:26px}.belief-main h3{font-size:28px;margin-top:34px;max-width:100%}.belief-emblem{right:15px;top:12px}.belief-points p{padding:20px 20px 20px 62px}.lesson-banner{display:block;margin-bottom:15px}.lesson-banner h3{font-size:25px}.lesson-banner>p{margin-top:10px;max-width:none}.lesson-list{gap:12px}.pillars-grid,.faith-grid{grid-template-columns:1fr 1fr}.lesson-item{padding:20px 16px}.lesson-item h3{font-size:19px}.lesson-item small{font-size:7px;letter-spacing:1px}.lesson-item p{font-size:11px}.pillars-grid .lesson-item{padding-top:20px;border-radius:60px 60px 9px 9px}.pillars-grid .lesson-visual{height:65px}.faith-grid .lesson-item{min-height:0}}
@media(max-width:360px){.pillars-grid,.faith-grid{grid-template-columns:1fr}.pillars-grid .lesson-item{border-radius:12px}}

/* Illustrated Connected Universe tiles. */
#universe .oc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#universe .oc-tile{--tone:#cabb8e;position:relative;isolation:isolate;min-width:0;height:250px;text-align:left;font:inherit;color:var(--ink);background:#0d1919;border:1px solid #9bb1a32c;border-radius:12px;overflow:hidden;padding:0;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:border-color .35s,box-shadow .35s,transform .25s}
#universe .oc-tile:hover,#universe .oc-tile:focus-visible,#universe .oc-tile[data-active=true]{border-color:#d9bd8699;box-shadow:0 12px 40px #0006,0 0 22px #bace9920}#universe .oc-tile::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(220px circle at var(--px,70%) var(--py,25%),#eee4b618,transparent 70%);opacity:0;transition:opacity .3s}#universe .oc-tile:hover::after{opacity:1}
#universe .oc-art{position:absolute;inset:0;overflow:hidden;opacity:var(--detail);transform:translate(var(--dx,0px),var(--dy,0px)) scale(1.035);transition:transform .3s;background:radial-gradient(ellipse at 70% 30%,#31554665,transparent 68%)}#universe .oc-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081112 0%,#081112d9 18%,transparent 65%);z-index:4}
#universe .oc-copy{position:absolute;z-index:5;left:22px;bottom:21px;right:22px;pointer-events:none}#universe .oc-copy h3{display:block;font-size:20px;line-height:1.3;letter-spacing:-.4px;font-weight:400;margin:0 0 5px}#universe .oc-copy small{display:block;color:#a6b6ac;font-size:11px}#universe .oc-arrow{position:absolute;right:0;bottom:4px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #b6c49d40;border-radius:50%;color:var(--gold);transition:transform .3s}#universe .oc-arrow svg{width:16px;height:16px}#universe .oc-tile:hover .oc-arrow{transform:translateX(4px)}#universe .oc-tag{position:absolute;z-index:6;top:18px;left:20px;font-size:9px;letter-spacing:2px;color:#ced6bfaa}
#universe .oc-arch{position:absolute;width:130px;height:230px;right:48px;top:19px;border:1px solid #d9bd8670;border-radius:95px 95px 0 0;background:radial-gradient(ellipse at 50% 10%,#dfd0a03d,transparent 65%);box-shadow:0 0 40px #d9bd8611,inset 0 0 40px #d9bd8611}
#universe .oc-arch::before,#universe .oc-arch::after{content:'';position:absolute;inset:10px;border:1px solid #c7d5af3b;border-radius:inherit}#universe .oc-arch::after{inset:22px;border-color:#c7d5af22}#universe .oc-rays{position:absolute;inset:-60px -40px;transform-origin:60% 0;background:repeating-conic-gradient(from 165deg at 62% 0%,transparent 0deg 8deg,#d9bd8613 9deg 11deg,transparent 12deg 20deg);animation:oc-rays 14s ease-in-out infinite alternate}
#universe .oc-floor{position:absolute;width:330px;height:100px;bottom:20px;right:-40px;background:repeating-linear-gradient(90deg,transparent 0 25px,#cad5ab22 26px 27px),repeating-linear-gradient(0deg,transparent 0 24px,#cad5ab22 25px 26px);transform:perspective(150px) rotateX(60deg)}
#universe .oc-beads{position:absolute;width:182px;height:182px;top:6px;right:22px;transform:rotate(-28deg);animation:oc-sway 9s ease-in-out infinite alternate}#universe .oc-bead{position:absolute;left:84px;top:84px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f1dfba,#a08e5a 35%,#233831 82%);box-shadow:2px 3px 5px #0008;transform:rotate(calc(var(--n)*12deg)) translateY(-70px)}#universe .oc-beads::before{content:'';position:absolute;inset:20px;border:1px solid #c0ab7888;border-radius:50%}#universe .oc-beads::after{content:'';position:absolute;left:88px;top:151px;width:8px;height:59px;background:repeating-linear-gradient(90deg,#b7a17188 0 1px,transparent 1px 3px);transform:rotate(-15deg);transform-origin:top}
#universe .oc-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#f0e2b6 1px,transparent 1.7px);background-size:39px 47px;opacity:.17;mask-image:linear-gradient(120deg,transparent,#000);animation:oc-breathe 5s ease-in-out infinite alternate}
#universe .oc-mosaic{position:absolute;right:0;top:0;width:220px;height:210px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;transform:perspective(550px) rotateX(20deg) rotateY(-28deg) rotateZ(-25deg)}#universe .oc-pixel{background:linear-gradient(130deg,#d0c39366,#233f36);border:1px solid #ccdaae20;box-shadow:2px 4px 0 #081510;animation:oc-pixel 5s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.21s)}#universe .oc-pixel:nth-child(3n){background:#789f8a66}#universe .oc-pixel:nth-child(5n){opacity:.15}#universe .oc-pixel:nth-child(7n){transform:translateY(-7px);background:#d9bd86a0}
#universe .oc-moon{position:absolute;right:46px;top:27px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at 24% 35%,#e1d7b7,#c3b58e 48%,#819786 75%,#3a5448);box-shadow:0 0 40px #d9bd8629;animation:oc-lunar 10s ease-in-out infinite alternate}#universe .oc-moon::after{content:'';position:absolute;width:91%;height:91%;border-radius:50%;background:#102220;left:20%;top:-8%;box-shadow:-5px 5px 14px #102220}
#universe .oc-calendar-orbit{position:absolute;width:245px;height:130px;border:1px solid #b2c39c44;border-radius:50%;right:-10px;top:33px;transform:rotate(-24deg)}#universe .oc-calendar-orbit::before{content:'';position:absolute;width:220px;height:165px;border:1px dashed #b2c39c22;border-radius:50%;left:11px;top:-18px}#universe .oc-phase{position:absolute;top:150px;right:35px;display:flex;gap:17px}#universe .oc-phase span{width:13px;height:13px;border-radius:50%;border:1px solid #d9bd8666;background:linear-gradient(90deg,#d9bd8680 50%,transparent 50%)}#universe .oc-phase span:nth-child(2){background:#d9bd86bb}#universe .oc-phase span:last-child{background:linear-gradient(90deg,transparent 50%,#d9bd8680 50%)}
#universe .oc-book{position:absolute;right:33px;top:62px;width:160px;height:99px;transform:perspective(400px) rotateX(30deg) rotateZ(-13deg);filter:drop-shadow(0 15px 12px #0009)}#universe .oc-page{position:absolute;top:0;width:80px;height:96px;border:1px solid #d0c49c99;background:repeating-linear-gradient(0deg,transparent 0 8px,#ad9d7833 8px 9px,transparent 9px 13px),linear-gradient(90deg,#9e9571,#d8cdad);box-shadow:0 4px 0 #68715b,0 7px 0 #273c32}#universe .oc-page:first-child{left:0;transform:skewY(10deg);border-radius:8px 0 0 3px}#universe .oc-page:last-child{right:0;transform:skewY(-10deg);border-radius:0 8px 3px 0}#universe .oc-book-light{position:absolute;right:43px;top:-30px;width:145px;height:200px;background:linear-gradient(0deg,#e1d5a34a,transparent);clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);filter:blur(13px);animation:oc-breathe 6s ease-in-out infinite alternate}
#universe .oc-dome{position:absolute;width:130px;height:92px;right:48px;top:62px;border-radius:100% 100% 0 0;background:repeating-linear-gradient(90deg,transparent 0 10px,#d3d2a010 11px 12px),linear-gradient(110deg,#456c50,#1b3628 65%,#10201c);border:1px solid #c2b57c40;box-shadow:-10px -5px 25px #94b68313}#universe .oc-dome::before{content:'';position:absolute;width:2px;height:22px;background:#c2b57c;top:-22px;left:50%}#universe .oc-dome::after{content:'';position:absolute;left:-15px;right:-15px;top:90px;height:36px;background:repeating-linear-gradient(90deg,#203d30 0 11px,#6f8b6155 12px 14px);border-top:4px solid #82956866}#universe .oc-minaret{position:absolute;right:25px;top:27px;width:17px;height:155px;background:linear-gradient(90deg,#274938,#929e714d,#173024);border-top:6px solid #b0b08188;clip-path:polygon(50% 0,74% 8%,74% 23%,100% 25%,100% 29%,79% 30%,79% 62%,100% 64%,100% 68%,79% 69%,85% 100%,15% 100%,21% 69%,0 68%,0 64%,21% 62%,21% 30%,0 29%,0 25%,26% 23%,26% 8%)}#universe .oc-horizon{position:absolute;right:-60px;top:46px;width:280px;height:220px;border-radius:50%;border:1px solid #d9bd862a;box-shadow:0 0 40px #d9bd860b,inset 0 0 45px #d9bd860c;animation:oc-breathe 8s ease-in-out infinite alternate}
#universe[data-motion=off] *,#universe[data-motion=off] *::before,#universe[data-motion=off] *::after{animation-play-state:paused!important}#universe[data-motion=off] .oc-tile,#universe[data-motion=off] .oc-art{transform:none!important}#universe .oc-tile[data-active=true] .oc-art{filter:brightness(1.18)}
@keyframes oc-rays{to{transform:rotate(5deg);opacity:.6}}@keyframes oc-sway{to{transform:rotate(-18deg) translateY(3px)}}@keyframes oc-breathe{to{opacity:.4}}@keyframes oc-pixel{to{filter:brightness(1.65);transform:translateY(-4px)}}@keyframes oc-lunar{to{transform:translateY(-5px)}}

#universe .oc-grid{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:0;gap:16px}
#universe{--ink:#edf2e9;--sub:#9dafaa;--gold:#d9bd86;--detail:.7}
#universe .oc-tile{display:block;text-decoration:none;height:255px}
#universe .oc-copy small{padding-right:33px}
#universe .oc-arrow svg{width:16px;height:16px}
#universe .tile-controls{display:flex;justify-content:flex-end;margin:-18px 0 18px}
#universe .oc-motion{font:inherit;font-size:11px;background:#18241f;color:var(--gold);border:1px solid #d9bd8640;border-radius:24px;padding:9px 14px}
#universe .oc-motion:hover{border-color:#d9bd8690}
#universe[data-offscreen=true] *,#universe[data-offscreen=true] *::before,#universe[data-offscreen=true] *::after{animation-play-state:paused!important}
@media(max-width:1000px){#universe .oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#universe .oc-grid{grid-template-columns:1fr}#universe .oc-tile{height:235px}#universe .tile-controls{justify-content:flex-start;margin:0 0 18px}}
@media(prefers-reduced-motion:reduce){#universe *,#universe *::before,#universe *::after{animation:none!important;transition:none!important;transform:none!important}}