:root{--void: #060608;--void-warm: #0a0a0e;--glass: rgba(140, 160, 180, .06);--glass-edge: rgba(140, 160, 180, .08);--text-primary: rgba(190, 194, 200, .78);--text-dim: rgba(140, 144, 150, .48);--text-faint: rgba(100, 104, 110, .3);--accent: #dc8c50;--accent-dim: rgba(220, 140, 80, .2);--serif: "Cormorant Garamond", "Garamond", "Georgia", serif;--mono: "IBM Plex Mono", "Menlo", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{width:100%;min-height:100dvh;background:var(--void);color:var(--text-primary);overflow-x:hidden}body::-webkit-scrollbar{width:0}body{scrollbar-width:none}body.idle{cursor:none}#app{display:flex;flex-direction:column;min-height:100dvh}#hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;overflow:hidden}#wordmark{position:absolute;top:clamp(1.2rem,3vh,2.5rem);left:clamp(1.5rem,3vw,3rem);font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,2.5vw,1.9rem);letter-spacing:.3em;color:var(--text-dim);text-transform:lowercase;line-height:1;opacity:0;animation:fade-in 1.8s ease-out .3s forwards;z-index:2}#terrarium{display:flex;flex-direction:column;align-items:center;width:100%}#frame{position:relative;width:min(94vw,calc((100vh - 7rem) * 16 / 9));width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;aspect-ratio:16 / 9;border:1px solid rgba(140,160,180,.04);border-radius:2px;box-shadow:0 0 0 1px #0006,0 0 40px #50788c08,0 0 80px #50788c04;overflow:hidden;opacity:0;animation:world-emerge 2s ease-out .1s forwards,breathe 8s ease-in-out 3s infinite}canvas#world{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(168deg,rgba(255,255,255,.012) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.03) 100%);border-radius:2px}#cycle-info{display:flex;justify-content:space-between;align-items:baseline;width:min(94vw,calc((100vh - 7rem) * 16 / 9));width:min(94vw,calc((100dvh - 7rem) * 16 / 9));max-width:2000px;padding:.75rem .2rem 0;font-family:var(--mono);font-weight:300;font-size:clamp(.58rem,.85vw,.7rem);letter-spacing:.14em;text-transform:uppercase;opacity:0;animation:fade-in 1.2s ease-out 1s forwards}#cycle-name{color:var(--text-dim)}#cycle-phase{color:var(--text-faint)}#scroll-cue{position:absolute;bottom:clamp(1rem,2.5vh,2rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;animation:fade-in 1.5s ease-out 2.5s forwards}#scroll-cue span{display:block;width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--text-faint),transparent);animation:scroll-drift 2.8s ease-in-out infinite}#story{position:relative;display:flex;justify-content:center;padding:clamp(5rem,12vh,9rem) 1.5rem clamp(5rem,12vh,10rem)}#story:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(280px,50vw);height:1px;background:linear-gradient(90deg,transparent,rgba(140,160,180,.1),transparent)}.story-inner{max-width:580px;width:100%}.headline{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.2;letter-spacing:.01em;color:var(--text-primary);margin-bottom:clamp(2rem,5vh,3.5rem)}.body-copy{margin-bottom:clamp(2.5rem,5vh,4rem)}.body-copy p{font-family:var(--mono);font-weight:300;font-size:clamp(.76rem,1.1vw,.88rem);line-height:1.85;color:var(--text-dim);margin-bottom:1.5em}.body-copy p:last-child{margin-bottom:0}.body-copy .interaction-hint{color:var(--text-faint);font-style:italic}.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:clamp(3rem,6vh,5rem);border-top:1px solid rgba(140,160,180,.06);border-bottom:1px solid rgba(140,160,180,.06)}.detail{display:flex;flex-direction:column;gap:.3rem;padding:clamp(.9rem,1.5vh,1.3rem) 0}.detail:nth-child(odd){padding-right:clamp(1rem,2vw,2rem);border-right:1px solid rgba(140,160,180,.06)}.detail:nth-child(2n){padding-left:clamp(1rem,2vw,2rem)}.detail:nth-child(n+3){border-top:1px solid rgba(140,160,180,.06)}.detail dt{font-family:var(--mono);font-weight:400;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.detail dd{font-family:var(--mono);font-weight:300;font-size:clamp(.72rem,1vw,.82rem);color:var(--text-dim);line-height:1.5}.attribution{display:flex;flex-direction:column;gap:.75rem}.attribution p{font-family:var(--mono);font-weight:300;font-size:clamp(.68rem,.9vw,.76rem);line-height:1.7;color:var(--text-faint)}.attribution a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .3s ease,color .3s ease}.attribution a:hover{border-bottom-color:var(--accent)}.journal-link{font-family:var(--mono);font-weight:300;font-size:clamp(.65rem,.85vw,.72rem);letter-spacing:.06em;color:var(--text-faint)!important;border-bottom-color:#8ca0b414!important;width:fit-content}.journal-link:hover{color:var(--accent)!important;border-bottom-color:var(--accent-dim)!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes world-emerge{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{box-shadow:0 0 0 1px #0006,0 0 40px #50788c08,0 0 80px #50788c04}50%{box-shadow:0 0 0 1px #0006,0 0 55px #50788c0d,0 0 110px #50788c06}}@keyframes scroll-drift{0%,to{opacity:.25;transform:scaleY(.7)}50%{opacity:.6;transform:scaleY(1)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .9s ease-out,transform .9s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.15s}.reveal:nth-child(3){transition-delay:.3s}.reveal:nth-child(4){transition-delay:.45s}@media(max-width:700px){#hero{padding:0}#wordmark{top:1rem;left:1.25rem;font-size:1.15rem}#frame{width:100vw;max-width:100vw;border-radius:0;border-left:none;border-right:none}#cycle-info{width:100%;max-width:100%;padding-left:1.25rem;padding-right:1.25rem}#story{padding-left:1.25rem;padding-right:1.25rem}.details{grid-template-columns:1fr}.detail:nth-child(odd){padding-right:0;border-right:none}.detail:nth-child(2n){padding-left:0}.detail:nth-child(2){border-top:1px solid rgba(140,160,180,.06)}}@media(min-width:1800px){.story-inner{max-width:620px}}