html,body,main{background:#050814;width:100%;height:100%;margin:0;overflow:hidden}.viewer-frame{border:0;width:100%;height:100%;display:block}.welcome{z-index:10;isolation:isolate;color:#f8f0d8;opacity:1;visibility:visible;background:radial-gradient(circle at 50% 45%,#b1802b21,#0000 31%),radial-gradient(circle at 18% 18%,#2c437740,#0000 34%),linear-gradient(145deg,#03050b 0%,#070b18 54%,#020307 100%);place-items:center;transition:opacity 1.05s,visibility 1.05s step-end;display:grid;position:fixed;inset:0;overflow:hidden}.has-entered .welcome{opacity:0;visibility:hidden;pointer-events:none}.welcome:before,.welcome:after{content:"";pointer-events:none;position:absolute;inset:0}.welcome:before{z-index:-2;opacity:.34;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.welcome:after{z-index:5;box-shadow:inset 0 0 170px 45px #000000db}.welcome-content{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(92vw,720px);animation:1.4s cubic-bezier(.2,.75,.25,1) both arrive;display:flex;position:relative}.logo-wrap{aspect-ratio:1;width:clamp(210px,33vh,350px);margin-bottom:clamp(12px,2vh,24px);position:relative}.welcome-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 0 24px #f5d7912e);width:100%;height:100%;animation:none;position:relative;transform:none}.logo-halo{border:1px solid #ebc77652;border-radius:50%;animation:4s ease-in-out infinite halo;position:absolute;inset:10%;box-shadow:0 0 42px #e4ba6029,inset 0 0 36px #e4ba601f}.eyebrow{color:#e8d7aeb8;letter-spacing:.32em;text-transform:uppercase;margin:0 0 12px;font:500 .72rem/1.2 Arial,sans-serif}h1{color:#fff9e9;letter-spacing:-.035em;text-shadow:0 3px 30px #000000b3;margin:0;font:400 clamp(2.4rem,6vw,5rem)/.96 Georgia,Times New Roman,serif}h1 span{color:#d4b66c;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px;font:500 clamp(.8rem,1.5vw,1.05rem)/1.2 Arial,sans-serif;display:block}.invitation{color:#e8e4d6ad;letter-spacing:.04em;margin:20px 0 26px;font:400 clamp(.88rem,1.7vw,1.02rem)/1.5 Arial,sans-serif}.enter-button{color:#f6e9c7;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#d2ae5b0f;border:1px solid #e5c57775;border-radius:999px;align-items:center;gap:18px;padding:13px 22px 13px 26px;font:600 .72rem/1 Arial,sans-serif;transition:color .35s,border-color .35s,transform .35s,background .35s;display:inline-flex;box-shadow:0 8px 40px #00000047}.enter-button:hover,.enter-button:focus-visible{color:#101018;background:#e6c979;border-color:#ead08e;outline:none;transform:translateY(-2px)}.arrow{font-size:1.1rem;line-height:0;transition:transform .35s}.enter-button:hover .arrow,.enter-button:focus-visible .arrow{transform:translate(4px)}.library-entry-link{color:#e8d7aead;letter-spacing:.16em;text-transform:uppercase;margin-top:18px;font:600 .65rem/1 Arial,sans-serif;text-decoration:none;transition:color .25s}.library-entry-link:hover,.library-entry-link:focus-visible{color:#f4d98f;outline:none}.sound-note{z-index:3;color:#e6e2d55c;letter-spacing:.16em;text-transform:uppercase;margin:0;font:400 .65rem/1.2 Arial,sans-serif;position:absolute;bottom:22px}.aurora{z-index:-1;filter:blur(90px);opacity:.15;border-radius:50%;width:60vw;height:60vw;animation:14s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:#476cb4;top:-35%;left:-18%}.aurora-two{background:#c49642;animation-delay:-6s;bottom:-40%;right:-25%}.stars{z-index:-1;opacity:.48;background-image:radial-gradient(circle at 12% 18%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 78% 22%,#efdba3 0 1px,#0000 1.5px),radial-gradient(circle at 86% 72%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 24% 78%,#d5e5ff 0 1px,#0000 1.5px),radial-gradient(circle at 65% 88%,#fff 0 1px,#0000 1.5px);background-size:280px 240px,370px 320px,310px 290px,420px 380px,350px 410px;animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.orbit{z-index:1;aspect-ratio:1;pointer-events:none;border:1px solid #dec37f1f;border-radius:50%;width:min(66vh,66vw);position:absolute}.orbit:after{content:"";background:#f6d98d;border-radius:50%;width:4px;height:4px;position:absolute;top:12%;left:14%;box-shadow:0 0 14px 4px #f6d98d6b}.orbit-one{animation:28s linear infinite spin}.orbit-two{width:min(79vh,79vw);animation:40s linear infinite spinReverse;transform:rotate(42deg)}@keyframes arrive{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes breathe{0%,to{transform:scale(.985)}50%{transform:scale(1.015)}}@keyframes halo{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes drift{0%{transform:translate(-4%,-3%)scale(.95)}to{transform:translate(7%,5%)scale(1.08)}}@keyframes twinkle{0%{opacity:.28}to{opacity:.62}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(42deg)}to{transform:rotate(-318deg)}}@media (height<=700px){.logo-wrap{width:190px;margin-bottom:8px}.invitation{margin:12px 0 17px}.sound-note{display:none}}@media (width<=600px){.logo-wrap{width:min(64vw,270px)}.welcome-content{width:88vw}.eyebrow{letter-spacing:.25em;font-size:.62rem}h1{font-size:clamp(2.5rem,13vw,4rem)}h1 span{letter-spacing:.18em;font-size:.7rem}.invitation{max-width:280px}.orbit{width:88vw}.orbit-two{width:112vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}