@font-face{font-family:Cormorant;src:url('assets/cormorant-light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
:root{color-scheme:light;--purple:#68309c;--pointer-x:0px;--pointer-y:0px}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#b7b6dd}body{font-family:Arial,sans-serif}.sanctuary{position:relative;isolation:isolate;width:100%;height:100svh;min-height:620px;overflow:hidden;background:#b8c9eb}.sky,.stars,.sunlight,.veil{position:absolute;inset:0;pointer-events:none}.sky{z-index:-5;background:radial-gradient(ellipse at 43% 19%,#e7effb 0%,#c9d9f3 22%,transparent 61%),radial-gradient(ellipse at 8% 66%,#fbd5c5 0%,transparent 43%),linear-gradient(145deg,#c2d5f1 12%,#a7ade0 51%,#8074b7 100%)}.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 84% 19%,#7168b82b,transparent 46%),radial-gradient(ellipse at 70% 76%,#ba9ccc52,transparent 48%)}.stars{z-index:-4;opacity:.65;background-image:radial-gradient(circle at 84% 21%,#fff6dc 0 1px,transparent 1.5px),radial-gradient(circle at 74% 10%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 66% 31%,#fff 0 .8px,transparent 1.3px),radial-gradient(circle at 12% 16%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 25% 38%,#ffefda 0 1px,transparent 2px),radial-gradient(circle at 90% 46%,#fff 0 1px,transparent 2px),radial-gradient(circle at 59% 8%,#fff 0 .8px,transparent 1.5px),radial-gradient(circle at 7% 38%,#fff 0 1px,transparent 2px)}.sunlight{z-index:-3;inset:0;background:radial-gradient(ellipse at 27% 53%,#fff6d4 0, #ffe3b860 8%,#fff3cd00 28%)}.masthead{position:absolute;z-index:10;left:0;right:0;top:clamp(22px,5.8vh,70px);text-align:center;pointer-events:none}.wordmark{position:relative;display:inline-block;color:var(--purple);font-family:Cormorant,Georgia,'Times New Roman',serif;font-size:clamp(72px,9.5vw,148px);font-weight:300;line-height:1;letter-spacing:-.047em;margin:0;text-shadow:0 2px 26px #f5f0ff55;white-space:nowrap}.swash{position:absolute;left:-.23em;top:.24em;width:1.13em;height:.43em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.1;transform:rotate(1deg)}
.world-position{position:absolute;z-index:0;top:54%;left:50%;width:min(65vw,66svh);aspect-ratio:1;transform:translate(calc(-50% + var(--pointer-x)*.22),calc(-50% + var(--pointer-y)*.22))}.world{position:absolute;inset:0;border-radius:50%}.aura{position:absolute;inset:-2.2%;border-radius:50%;background:radial-gradient(circle,transparent 64%,#efffffaa 68%,#c5ddff77 69%,#dbd8ff20 72%,transparent 75%);box-shadow:0 0 45px #dff3ff80,0 0 100px #c7d8ff55}.earth-fallback{position:absolute;inset:0;border-radius:50%;background:#3f83b7 url('assets/earth.jpg') 27% center/200% 100%;box-shadow:inset -55px -15px 85px #44396677,inset 12px 4px 28px #eeffff99;overflow:hidden}.earth-fallback:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 30%,#fff7d529,transparent 60%,#30365f55)}canvas{position:absolute;inset:-2%;width:104%;height:104%;border-radius:50%;opacity:0;transition:opacity 700ms}canvas.ready{opacity:1}.sunburst{position:absolute;left:9%;top:12%;width:10%;height:10%;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fffce6 10%,#ffebad99 25%,#ffbf7140 45%,transparent 70%);filter:blur(2px);transform:translate(-50%,-50%);box-shadow:0 0 60px 20px #ffd6a535;mix-blend-mode:screen}.sunburst:after{content:"";position:absolute;left:49%;top:-70%;width:2%;height:240%;background:linear-gradient(transparent,#fff3cebd,transparent);transform:rotate(55deg)}
.cloud-layer{position:absolute;pointer-events:none;will-change:transform}.cloud-layer img{display:block;width:100%;height:auto;user-select:none}.clouds-back{z-index:-2;width:70vw;min-width:700px;left:-32vw;bottom:-14vw;opacity:.43;filter:blur(2px) saturate(.75);animation:drift-back 56s ease-in-out infinite alternate}.clouds-high{z-index:-1;width:60vw;right:-29vw;top:-12vw;opacity:.37;filter:blur(1px) hue-rotate(7deg);transform:rotate(163deg);animation:drift-high 70s ease-in-out infinite alternate}.clouds-front-left{z-index:2;left:-40vw;bottom:-22vw;width:130vw;transform:translate(calc(var(--pointer-x)*-.7),calc(var(--pointer-y)*-.7));animation:drift-left 39s ease-in-out infinite alternate}.clouds-front-right{z-index:3;right:-45vw;bottom:-23vw;width:125vw;filter:hue-rotate(8deg) saturate(.83);transform:scaleX(-1);animation:drift-right 48s ease-in-out infinite alternate}.veil{z-index:4;inset:70% 0 0;background:linear-gradient(transparent,#d9d9f14d 51%,#e4e3f2a6 100%)}.footnote{position:absolute;z-index:5;bottom:5.1vh;left:50%;transform:translateX(-50%);font-family:Cormorant,Georgia,serif;font-size:clamp(24px,2.5vw,32px);font-weight:300;letter-spacing:.035em;color:#593a80;white-space:nowrap}.motion{position:absolute;z-index:6;bottom:clamp(22px,4.5vh,46px);right:clamp(20px,3.5vw,56px);display:flex;align-items:center;gap:6px;border:1px solid #71539438;border-radius:30px;background:#f4f1fa59;color:#58357c;padding:9px 14px 9px 10px;font:11px/1.3 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s}.motion:hover{background:#fff9}.motion:focus-visible{outline:2px solid #68309c;outline-offset:5px}.motion svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.play-icon{display:none}.paused .pause-icon{display:none}.paused .play-icon{display:block}.paused .cloud-layer{animation-play-state:paused}
@keyframes drift-back{from{translate:-2% 1%}to{translate:4% -1%}}@keyframes drift-high{from{translate:0 -1%}to{translate:-6% 2%}}@keyframes drift-left{from{translate:-1.5% 1%}to{translate:2% -1.5%}}@keyframes drift-right{from{translate:2% 1%}to{translate:-2% -1%}}
@media(min-aspect-ratio:17/10){.world-position{top:56%;width:min(54vw,69svh)}.masthead{top:4vh}.wordmark{font-size:clamp(64px,8vw,120px)}.clouds-front-left{bottom:-30vw}.clouds-front-right{bottom:-29vw}}
@media(max-width:700px){.sanctuary{min-height:590px}.masthead{top:8.2svh}.wordmark{font-size:16.5vw;letter-spacing:-.05em}.world-position{top:48%;width:88vw;max-width:65svh}.clouds-back{left:-92vw;bottom:-3vw;width:135vw;min-width:0;opacity:.42}.clouds-high{top:-5vw;right:-70vw;width:120vw;opacity:.4}.clouds-front-left{width:230vw;left:-115vw;bottom:-25vw}.clouds-front-right{width:225vw;right:-120vw;bottom:-22vw}.veil{inset:73% 0 0}.footnote{bottom:13svh;font-size:29px}.motion{bottom:max(25px,env(safe-area-inset-bottom));right:50%;transform:translateX(50%);padding:9px 13px 9px 10px}.sunlight{background:radial-gradient(ellipse at 14% 43%,#fff7dc 0,#ffe3b869 10%,transparent 32%)}}
@media(max-height:650px) and (min-width:701px){.sanctuary{min-height:450px}.masthead{top:18px}.wordmark{font-size:72px}.world-position{top:54%;width:64svh}.footnote{bottom:22px}.motion{bottom:18px}}
@media(prefers-reduced-motion:reduce){.cloud-layer{animation:none!important;will-change:auto}.world-position{transform:translate(-50%,-50%)}canvas{transition:none}*{scroll-behavior:auto}}

.clouds-high,.clouds-back{mask-image:radial-gradient(ellipse at center,#000 25%,transparent 70%)}