@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
:root{--black:#09090b;--bone:#e9e5dc;--acid:#b7ff62;--violet:#8b6cff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--bone);font-family:Manrope,Arial,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}main{position:relative;height:100svh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 50% 44%,#17131e 0,#0c0b10 40%,#08080a 72%)}
.grain{position:absolute;inset:-50%;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}
header,footer{position:absolute;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;text-transform:uppercase;letter-spacing:.18em;font-size:8px}header{top:0;height:88px;border-bottom:1px solid rgba(233,229,220,.13)}footer{bottom:0;height:76px;border-top:1px solid rgba(233,229,220,.13)}.name{font-size:23px;font-weight:500;letter-spacing:-.08em;text-transform:none;position:relative}.name span{position:absolute;color:var(--acid);font-size:11px;right:-11px;top:-6px}.signal{display:flex;align-items:center;gap:10px}.signal i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid);animation:pulse 2.2s ease-in-out infinite}
.stage{position:absolute;inset:88px 0 76px;display:grid;place-items:center;perspective:1200px}.specimen{position:relative;width:min(27vw,380px);aspect-ratio:.48;border-radius:52% 48% 46% 54%/18% 20% 77% 79%;transform:rotate(19deg);filter:drop-shadow(0 42px 46px rgba(0,0,0,.7));will-change:transform}.shell{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 31% 20%,rgba(255,255,255,.98) 0 1.5%,rgba(228,219,255,.72) 4%,transparent 14%),radial-gradient(ellipse at 60% 45%,#d4c6ff 0,#876cf0 25%,#443263 54%,#18131d 75%,#070709 100%);border:1px solid rgba(255,255,255,.42);box-shadow:inset 18px 10px 30px rgba(255,255,255,.18),inset -22px -30px 45px rgba(0,0,0,.6),0 0 90px rgba(139,108,255,.18);animation:breathe 7s ease-in-out infinite}.shell:after{content:'';position:absolute;inset:4%;border-radius:inherit;border:1px solid rgba(255,255,255,.1)}.reflection{position:absolute;width:20%;height:67%;left:20%;top:12%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.02));filter:blur(8px);transform:rotate(-6deg)}.cuticle{position:absolute;width:83%;height:16%;left:9%;bottom:3%;border-top:1px solid rgba(183,255,98,.55);border-radius:50%;filter:drop-shadow(0 -2px 9px rgba(183,255,98,.28))}.glint{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 19px 5px rgba(255,255,255,.58)}.g1{width:3px;height:3px;top:13%;right:24%}.g2{width:2px;height:2px;bottom:29%;left:13%;animation:pulse 3s infinite .6s}
.orbit{position:absolute;border:1px solid rgba(233,229,220,.17);border-radius:50%;pointer-events:none}.orbit-one{width:57vw;height:23vw;transform:rotate(-17deg);animation:orbitA 14s ease-in-out infinite}.orbit-two{width:39vw;height:55vw;transform:rotate(41deg);border-color:rgba(139,108,255,.24);animation:orbitB 18s ease-in-out infinite}.whisper,.coordinates{position:absolute;margin:0;z-index:10;font-size:9px;line-height:1.65;letter-spacing:.14em;text-transform:uppercase}.whisper{left:7vw;top:50%;transform:translateY(-50%)}.coordinates{right:5vw;bottom:10%;color:rgba(233,229,220,.45);text-align:right}footer a{padding-bottom:5px;border-bottom:1px solid rgba(233,229,220,.5);transition:.25s}footer a:hover{color:var(--acid);border-color:var(--acid)}
@keyframes breathe{0%,100%{transform:scale(1);filter:saturate(.92)}50%{transform:scale(1.025);filter:saturate(1.18)}}@keyframes orbitA{0%,100%{transform:rotate(-17deg) scale(1)}50%{transform:rotate(-11deg) scale(1.06)}}@keyframes orbitB{0%,100%{transform:rotate(41deg) translateX(0)}50%{transform:rotate(47deg) translateX(2vw)}}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}
@media(max-width:720px){header,footer{padding:0 22px}.signal{font-size:6px}.stage{inset:78px 0 70px}.specimen{width:54vw}.orbit-one{width:110vw;height:48vw}.orbit-two{width:76vw;height:115vw}.whisper{left:23px;top:20%;font-size:7px}.coordinates{right:22px;bottom:8%;font-size:7px}footer{height:70px;font-size:6px}header{height:78px}}@media(prefers-reduced-motion:reduce){.grain,.shell,.orbit,.signal i,.g2{animation:none}.specimen{transform:rotate(19deg)!important}}