*{margin:0;box-sizing:border-box}:root{--noche: #0b1120;--noche-suave: #131b2e;--brasa: #e8a84c;--brasa-viva: #f5c97c;--led: #a8cbdc;--lino: #f0e9dc;--lino-tenue: #a99f8c;--display: "Fraunces", serif;--ui: "Archivo", system-ui, sans-serif}html{scroll-behavior:auto}body{background:var(--noche);color:var(--lino);font-family:var(--ui);font-weight:400;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.logo{width:clamp(150px,16vw,220px);height:auto;filter:drop-shadow(0 0 22px rgba(232,168,76,.35))}.logo-small{width:clamp(130px,12vw,170px)}.hero-overlay{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;text-align:center;padding:2rem 1.5rem;pointer-events:none;background:radial-gradient(75% 60% at 50% 46%,rgba(6,9,18,.52) 0%,rgba(6,9,18,.12) 62%,transparent 100%)}.hero-overlay h1{font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,7vw,5.6rem);line-height:1.04;letter-spacing:-.015em;max-width:11ch;margin-top:1.6rem;text-shadow:0 3px 34px rgba(0,0,0,.7)}.hero-overlay h1 em{font-style:italic;font-weight:450;color:var(--brasa-viva);text-shadow:0 0 32px rgba(232,168,76,.5)}.hint{margin-top:4.2rem;display:grid;justify-items:center;gap:.7rem}.hint-line{width:1px;height:56px;background:linear-gradient(var(--brasa-viva),transparent);position:relative;overflow:hidden}.hint-line:after{content:"";position:absolute;left:-1.5px;top:-8px;width:4px;height:8px;border-radius:2px;background:var(--brasa-viva);box-shadow:0 0 10px 2px #f5c97ccc;animation:gota 2.4s ease-in infinite}.hint-word{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--lino-tenue)}@keyframes gota{to{transform:translateY(72px)}}.hero-overlay>*{animation:alzar .9s cubic-bezier(.2,.6,.2,1) both}.hero-overlay .logo{animation-delay:.15s}.hero-overlay h1{animation-delay:.35s}.hero-overlay .hint{animation-delay:.9s}@keyframes alzar{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stage{height:100vh;position:relative}.stage .overlay{position:absolute;left:clamp(1.4rem,6vw,5rem);bottom:clamp(2rem,9vh,6rem);z-index:2;pointer-events:none;max-width:min(80vw,30ch);opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.stage .overlay.active{opacity:1;transform:none}.stage .kicker{font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--brasa-viva);text-shadow:0 1px 14px rgba(0,0,0,.8);margin-bottom:.55rem}.stage .overlay.cool .kicker{color:var(--led)}.stage .overlay h2{font-family:var(--display);font-style:italic;font-weight:450;font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.08;text-shadow:0 2px 28px rgba(0,0,0,.75)}.stage:after{content:"";position:absolute;inset:auto 0 0;height:34%;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0609128c)}.dimmer{position:fixed;right:clamp(.9rem,2.2vw,2rem);top:14vh;bottom:14vh;z-index:40;display:grid;grid-template-columns:auto auto;align-items:stretch;gap:.6rem}.dimmer-track{width:2px;background:#f0e9dc24;border-radius:2px;overflow:hidden;position:relative}.dimmer-fill{position:absolute;top:0;width:100%;height:calc(var(--journey, 0) * 100%);background:linear-gradient(var(--brasa-viva),var(--brasa));box-shadow:0 0 12px 1px #e8a84c8c}.dimmer-dots{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}.dot{width:7px;height:7px;border-radius:50%;background:#f0e9dc2e;transition:background .4s ease,box-shadow .4s ease}.dot.lit{background:var(--brasa-viva);box-shadow:0 0 10px 2px #f5c97c99}.dimmer-label{position:absolute;right:calc(100% + .9rem);bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--lino-tenue);white-space:nowrap}.final-overlay{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;text-align:center;gap:1.3rem;padding:2rem 1.5rem;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;background:radial-gradient(70% 55% at 50% 50%,rgba(6,9,18,.55) 0%,rgba(6,9,18,.1) 65%,transparent 100%)}.final-overlay.active{opacity:1;transform:none}.final-overlay h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem,5vw,3.6rem);text-shadow:0 3px 30px rgba(0,0,0,.75)}.final-overlay address{font-style:normal;color:var(--lino);letter-spacing:.04em;text-shadow:0 2px 16px rgba(0,0,0,.8)}.final-overlay address a{color:var(--lino);text-decoration:none;border-bottom:1px solid rgba(232,168,76,.6);padding-bottom:1px;pointer-events:auto}.final-overlay address a:hover{color:var(--brasa-viva)}.final-overlay address a:focus-visible{outline:2px solid var(--brasa-viva);outline-offset:3px;border-radius:2px}.final-overlay .sep{margin:0 .7rem;color:#f0e9dc66}.final-overlay .fine{font-size:.72rem;letter-spacing:.2em;color:#f0e9dc80}@media(max-width:768px){.dimmer{right:.55rem;top:18vh;bottom:18vh;gap:.4rem}.dimmer-label{display:none}.stage .overlay{max-width:82vw}}@media(prefers-reduced-motion:reduce){.hero-overlay>*{animation:none}.hint-line:after{animation:none}.final-overlay{transition:none}}