*{box-sizing:border-box} :root{color-scheme:dark;--ink:#06141e;--mint:#adecd9}body{margin:0;background:var(--ink);color:#eaf9f5;font-family:system-ui,sans-serif;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:7px}#atmosphere,.aurora{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#atmosphere{opacity:.8}.aurora{background:radial-gradient(ellipse at 28% 34%,#24575f24,transparent 46%),radial-gradient(ellipse at 76% 58%,#51447d20,transparent 43%);animation:aurora 18s ease-in-out infinite alternate}header,footer,main{position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;padding:28px 4vw;gap:20px}.studio{font-size:11px;letter-spacing:.24em;font-weight:700}.studio span{display:block;color:#829caa;font-size:10px;font-weight:400;letter-spacing:.03em;margin-top:7px}.edition{font-size:9px;letter-spacing:.17em;color:#b3c6cd;display:flex;gap:9px;align-items:center}.edition i{height:5px;width:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #adecd9}main{text-align:center;max-width:1100px;margin:0 auto;padding:0 20px 40px;display:flex;flex-direction:column;align-items:center}.crystal-stage{position:relative;width:min(74vw,740px);margin:-28px 0 -8px;isolation:isolate}.crystal-drift{position:relative;z-index:1;animation:float 9s ease-in-out infinite}.crystal{display:block;width:100%;height:auto;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 48%,#000 39%,#000c 60%,transparent 77%);transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s ease-out;filter:drop-shadow(0 0 17px #7adfc71a)}.halo{position:absolute;inset:17% 18%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#61c7bf20,transparent 70%);filter:blur(26px);animation:breathe 6s ease-in-out infinite alternate}.wordmark{position:relative;width:min(83vw,850px);margin:0}.letter{position:absolute;top:0;height:100%;display:block;animation:arrive 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--i)*.085s)}.letter img{display:block;width:100%;height:100%;overflow:hidden;animation:letterlight 7s ease-in-out infinite;animation-delay:calc(var(--i)*.48s)}.tagline{font-size:clamp(10px,1.35vw,15px);letter-spacing:clamp(.18em,.5vw,.4em);font-weight:650;margin:12px 0 0;color:#d7f6ef;text-shadow:0 0 20px #a8ecd650;animation:reveal 1.2s .65s both}.intro{font-size:18px;line-height:1.7;margin:26px 0 24px;color:#d9eae9;animation:reveal 1s .8s both}.intro span{font-size:14px;color:#91abb9}.play{position:relative;display:flex;gap:27px;align-items:center;justify-content:center;padding:19px 32px;min-width:260px;border:1px solid #bcecdfa0;border-radius:3px;background:linear-gradient(120deg,#c9f5e7,#97dcca 65%,#c2eeeb);color:#102d32;box-shadow:0 6px 40px #6bd6bb20,inset 0 1px #fff9;font-size:17px;font-weight:700;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:reveal 1s .9s both}.play:after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 42%,#fff8 49%,transparent 57%);transform:translateX(-90%);animation:gleam 7s 2s infinite;pointer-events:none}.play:hover{transform:translateY(-3px);box-shadow:0 12px 45px #6bd6bb45}.play-icon{font-size:24px;line-height:1}.arrow{font-size:22px;font-weight:400}.play-note{font-size:10px;letter-spacing:.08em;color:#85a29e;margin:13px 0 25px}.compendium{font-size:12px;letter-spacing:.04em;color:#b7c9d2;border-bottom:1px solid #b7c9d22a;padding-bottom:8px;transition:color .2s}.compendium span{display:inline-block;margin-left:16px;transition:transform .2s}.compendium:hover{color:#fff}.compendium:hover span{transform:translateX(4px)}footer{margin:0 4vw;padding:20px 0;border-top:1px solid #b7c9d218;display:flex;align-items:center;gap:24px;color:#7f99a7;font-size:10px;letter-spacing:.03em}footer>span{flex:1}#motion,summary{color:#aec1c9;background:transparent;border:0;cursor:pointer;font-size:10px;padding:6px 0}#motion span{margin-left:8px}details{position:relative}details p{position:absolute;bottom:100%;right:0;width:250px;padding:18px;background:#10232d;border:1px solid #38535b;line-height:1.7;color:#bdd0d5;box-shadow:0 8px 40px #0006}summary{list-style:none}.paused *,.paused *:after{animation-play-state:paused!important}.paused .crystal{transform:none;transition:none}@keyframes arrive{from{opacity:0;transform:translateY(34px) rotateX(45deg) scale(.9);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes breathe{to{opacity:.4;transform:scale(.85)}}@keyframes aurora{to{transform:scale(1.18) translate(2%,-2%)}}@keyframes letterlight{0%,70%,100%{opacity:.82}82%{opacity:1}}@keyframes gleam{0%,65%{transform:translateX(-90%)}90%,100%{transform:translateX(90%)}}@media(min-width:900px) and (min-height:850px){main{padding-top:1vh}.crystal-stage{width:min(78vh,820px)}footer{margin-top:1vh}}@media(max-width:600px){header{padding:22px 22px 34px}.studio{font-size:9px}.studio span{font-size:9px}.edition{font-size:8px;letter-spacing:.09em;max-width:116px;line-height:1.6}main{padding:10px 16px 33px}.crystal-stage{width:108%;margin:0 0 4px}.wordmark{width:96%}.tagline{font-size:9px;margin-top:9px;letter-spacing:.17em;white-space:nowrap}.intro{margin:25px 0 20px;font-size:17px}.intro span{font-size:12px}.play{font-size:16px;padding:17px 25px;min-width:245px}.play-note{margin-bottom:24px}footer{margin:0 22px;flex-wrap:wrap;gap:15px;justify-content:space-between}footer>span{flex-basis:100%;font-size:9px}details p{right:0} }@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}.crystal{transform:none!important}}