*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:#efe8dc;color:#1c1915;font-family:Outfit,sans-serif}:focus{outline:none}:focus-visible{outline:2px solid #1c1915;outline-offset:3px}header{padding:28px 28px 8px;display:flex;justify-content:space-between;align-items:baseline}header p{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}h1{margin:0;font-family:Fraunces,serif;font-weight:560;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em}main{display:grid;grid-template-columns:1fr;gap:14px;padding:14px 14px 48px}.pieza{color:inherit;text-decoration:none;display:grid;gap:8px}.diorama{position:relative;height:42vh;min-height:220px;overflow:hidden}.diorama video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pieza{touch-action:manipulation}.meta{display:flex;gap:12px;font-size:1.05rem}.meta span{font-variant-numeric:tabular-nums;opacity:.55}.pieza:hover .diorama,.pieza:focus-visible .diorama{outline:2px solid #1c1915;outline-offset:3px}.diorama--orbita{background:#12141a;display:grid;place-items:center}.diorama--orbita .busto{width:28%;aspect-ratio:3/4;border-radius:46% 46% 18% 18%;background:radial-gradient(circle at 50% 32%,#d9cfc3,#8d8176 70%);position:relative;z-index:1;animation:flotar 5.5s cubic-bezier(.16,1,.3,1) infinite}.diorama--orbita i{position:absolute;border:1px solid rgba(232,226,214,.45);border-radius:50%}.diorama--orbita i:first-of-type{width:46%;aspect-ratio:1;animation:pulso-anillo 5.5s cubic-bezier(.16,1,.3,1) infinite}.diorama--orbita i:last-of-type{width:68%;aspect-ratio:1;animation:pulso-anillo 5.5s cubic-bezier(.16,1,.3,1) infinite reverse}.diorama--estela{background:#16303a}.diorama--camara{background:#c4b49a}.diorama--camara .mesa{position:absolute;left:18%;right:18%;bottom:18%;height:10%;background:#efe6d8}.diorama--camara .hielo{position:absolute;left:42%;bottom:28%;width:16%;aspect-ratio:1;background:linear-gradient(160deg,#f7fbff,#9eb4c4);box-shadow:inset 0 0 0 8px #ffffff59;animation:flotar 4.8s cubic-bezier(.16,1,.3,1) infinite}.diorama--semilla{background:#d5e6d8;display:grid;place-items:end center}.diorama--semilla .campana{position:absolute;inset:12% 30% 18%;border:2px solid #1d4a32;border-radius:80px 80px 8px 8px;border-bottom:0}.diorama--semilla .pino{width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:90px solid #1d4a32;margin-bottom:22%;transform-origin:50% 100%;animation:crecer 5s cubic-bezier(.16,1,.3,1) infinite}.diorama--grano{background:#e7e1d4}.diorama--placa{background:#07080a}.diorama--mesa{background:#241910}.diorama--bitacora{background:#1c1914;display:grid;place-items:center}.diorama--bitacora .hoja{width:62%;height:70%;background:#efe8dc;box-shadow:-14px 0 #c45a48;transform-origin:left center;animation:pasar 6s cubic-bezier(.16,1,.3,1) infinite}.diorama--umbral{background:#070605;display:grid;place-items:center}.diorama--umbral .portal{width:34%;height:72%;background:linear-gradient(#d7cbb8,#cbbba8);box-shadow:0 0 0 8px #cbbba8;position:relative;transform-origin:left center;animation:entreabrir 5.2s cubic-bezier(.16,1,.3,1) infinite}.diorama--umbral .portal:before{content:"";position:absolute;left:50%;top:8%;bottom:6%;width:2px;background:#070605}.diorama--umbral .portal:after{content:"";position:absolute;left:-18%;right:-18%;top:-16%;height:22%;background:#cbbba8;clip-path:polygon(50% 0,100% 100%,0 100%)}.diorama--umbral .pomo{position:absolute;left:50%;top:58%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:#e7b2a8;box-shadow:7px 0 #e7b2a8,-7px 0 #e7b2a8}.diorama--meridiano{background:#070c18}@media(min-width:800px){main{grid-template-columns:1fr 1fr}.diorama{height:36vh}}@keyframes flotar{50%{transform:translateY(-10px)}}@keyframes pulso-anillo{50%{transform:scale(1.06);opacity:.45}}@keyframes crecer{50%{transform:scaleY(1.08)}}@keyframes pasar{50%{transform:rotateY(-16deg)}}@keyframes entreabrir{50%{transform:perspective(280px) rotateY(-18deg)}}@media(prefers-reduced-motion:reduce){.pieza{scroll-behavior:auto}.diorama--orbita .busto,.diorama--orbita i,.diorama--camara .hielo,.diorama--semilla .pino,.diorama--bitacora .hoja,.diorama--umbral .portal{animation:none}}