.cube-landing{min-width:0;overflow:clip}
.cube-landing .hero-type{width:auto;pointer-events:auto;transform:none;z-index:auto}
.cube-landing .hero-type a,.cube-landing .hero-type button{pointer-events:auto}
.cube-landing .statement h1{font-family:Nebulica,Archivo,Arial Black,sans-serif;font-weight:900}
.cube-landing .statement h1 em{font-family:Georgia,serif}
.cube-landing .invitation>.invitation-art{box-sizing:border-box;width:100%;max-width:none;min-width:0;justify-self:stretch;align-self:stretch}
.cube-landing .invitation-art>a{display:block;margin-top:0}
.cube-landing .invitation>p{margin:0}
.cube-landing .invitation h2{font-family:Nebulica,Archivo,Arial Black,sans-serif}
.cube-landing .invitation h2 em{font-family:Georgia,serif}
.cube-landing .project-info h2{line-height:1.1;overflow-wrap:anywhere}
.cube-landing .welcome{padding-top:32px;padding-bottom:58px}
.cube-landing .statement{padding-top:20px;padding-bottom:20px}
.sidebar .brand img{transition:none}
.project-row.reveal-armed{transition:opacity .55s var(--delay,0ms),translate .7s cubic-bezier(.16,1,.3,1) var(--delay,0ms),background .2s}
.rail-card.reveal-armed{transition:opacity .7s var(--delay,0ms),translate .85s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}
.page-motion-off .reveal-armed{opacity:1!important;translate:none!important;transition:none!important}
.page-motion-off .experience,.page-motion-off .art-one,.page-motion-off .art-two{transform:none!important}
@media(max-width:800px){.cube-landing .welcome{padding-top:20px;padding-bottom:38px}.cube-landing .statement h1{font-size:clamp(46px,12vw,82px)}.cube-landing .project-info h2{font-size:22px}}


/* La figura es el botón; la pantalla permanece cubierta hasta la entrada. */
#sound-intro{display:none!important}body.awaiting-entry{overflow:hidden}
#entry-gate{position:fixed;inset:0;z-index:200;background:var(--paper,#F0EBDD);display:grid;place-items:center}
.entry-threshold{text-align:center;color:#a74e3e;display:flex;align-items:center;flex-direction:column}
.entry-cue{font:900 18px/1.2 Nebulica,Archivo,sans-serif;letter-spacing:.12em;margin:0 0 30px;padding-left:.12em}
.entry-foot{font:9px/1.5 Poppins,sans-serif;letter-spacing:.18em;color:#14213099;margin:32px 0 0}
#enter-site{display:grid;place-items:center;position:relative;width:170px;height:180px;padding:15px;border:0;background:transparent;cursor:pointer;border-radius:50%;isolation:isolate;-webkit-tap-highlight-color:transparent}
#enter-site:before{content:'';position:absolute;inset:-10px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 43% 43%,#ffffffb8 0%,#ffffff70 28%,#ffffff24 49%,transparent 70%);filter:blur(9px);animation:entry-glow 1s ease-in-out infinite}
#enter-site .entry-statue{display:block;width:140px;height:140px;background:#142130;-webkit-mask:url(assets/simbolo.svg) center/contain no-repeat;mask:url(assets/simbolo.svg) center/contain no-repeat;animation:entry-heartbeat 1s ease-in-out infinite;filter:drop-shadow(0 0 9px #ffffff90)}
.entry-touch{display:none}
#enter-site:hover img{filter:drop-shadow(0 0 13px #ffffffc0)}
#enter-site:focus-visible{outline:2px solid #a74e3e;outline-offset:9px}
.is-pressed #enter-site .entry-statue{animation:none;transform:translateY(7px) scale(.88);filter:drop-shadow(0 1px 0 #14213020);transition:transform .18s,filter .18s}
.is-pressed #enter-site:before{animation:none;transform:scale(.9);opacity:0;transition:transform .2s,opacity .2s}
.is-pressed .entry-touch{animation:none;opacity:0}
.awaiting-entry .sidebar .brand img,.entrance-playing:not(.entrance-done) .sidebar .brand img{opacity:0!important}
/* An opaque backdrop prevents the cube from flashing through between phases. */
#brand-intro{background:var(--paper,#F0EBDD)}
@keyframes entry-heartbeat{0%,45%,100%{transform:scale(1)}6%{transform:scale(1.075)}17%{transform:scale(1)}31%{transform:scale(1.045)}}
@keyframes entry-glow{0%,45%,100%{transform:scale(.94);opacity:.68}16%{transform:scale(1.04);opacity:.9}31%{transform:scale(1);opacity:.8}}
@keyframes entry-ring{0%{transform:scale(.86);opacity:.55}65%,100%{transform:scale(1.16);opacity:0}}
@keyframes entry-nudge{0%,45%,100%{transform:translateY(0)}22%{transform:translateY(5px)}}
@media(max-width:500px){.entry-cue{font-size:16px}#enter-site{width:152px;height:165px}#enter-site .entry-statue{width:126px;height:126px}}
@media(prefers-reduced-motion:reduce){#entry-gate *,#entry-gate *:before{animation:none!important;transition:none!important}}

.is-listening #enter-site .entry-statue{animation:none}.is-listening .entry-cue{opacity:1}.is-listening #enter-site:before{animation:entry-glow 1s ease-in-out infinite}

#enter-site:disabled{opacity:1;cursor:default}
.is-listening #enter-site .entry-statue{background:#a74e3e;opacity:1;transition:background-color .18s;filter:drop-shadow(0 0 9px #ffffff90)}
.heart-audible #enter-site .entry-statue{animation:none}