:root{--ink:#101510;--paper:#e9dfc9;--bone:#f5efdf;--moss:#374334;--amber:#c58e4d;--line:rgba(233,223,201,.3);--display:"Bebas Neue",sans-serif;--body:"Source Serif 4",Georgia,serif;--mono:"Special Elite",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4rem}body{margin:0;background:var(--ink);color:var(--bone);font:400 18px/1.45 var(--body)}button,a{font:inherit}.skip{position:absolute;left:1rem;top:-5rem;background:var(--bone);color:var(--ink);padding:.7rem 1rem;z-index:9}.skip:focus{top:1rem}.topbar{height:64px;padding:0 clamp(18px,4vw,65px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:3;border-bottom:1px solid var(--line)}.mark{font:18px var(--mono);color:var(--bone);text-decoration:none}.mark span{color:var(--amber)}.sound,.room,.text-action,.button{cursor:pointer}.sound{border:1px solid var(--line);background:transparent;color:var(--bone);padding:.48rem .8rem;font-size:.78rem}.sound[aria-pressed=true]{background:var(--bone);color:var(--ink)}.hero{min-height:100svh;display:grid;align-items:end;padding:clamp(100px,15vw,175px) clamp(18px,8vw,130px) 54px;position:relative;overflow:hidden}.hero__image,.hero__shade{position:absolute;inset:0}.hero__image{background:url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=2200&q=85") center/cover;filter:grayscale(.78) sepia(.35) brightness(.48);transform:scale(1.04);transition:transform 6s ease}.hero:hover .hero__image{transform:scale(1.0)}.hero__shade{background:linear-gradient(90deg,rgba(9,13,10,.92) 0%,rgba(9,13,10,.52) 44%,rgba(9,13,10,.1) 100%),linear-gradient(0deg,rgba(9,13,10,.76),transparent 50%)}.hero__copy,.hero__caption{position:relative;z-index:1}.eyebrow{font:13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0 0 1rem}.hero h1,.section-head h2,.tape h2,.exit h2{font:clamp(4rem,11vw,10rem)/.78 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0}.hero h1 em{font-style:normal;color:var(--amber)}.hero__lede{max-width:410px;font-size:clamp(1.1rem,2vw,1.45rem);margin:1.6rem 0 2rem}.button{display:inline-flex;gap:1rem;align-items:center;text-decoration:none;border:1px solid var(--amber);padding:.8rem 1rem;color:var(--amber);background:transparent;font-weight:600}.button--light{border-color:var(--bone);color:var(--bone)}.button:hover{background:var(--amber);color:var(--ink)}.button--light:hover{background:var(--bone)}.hero__caption{justify-self:end;margin:0;font:13px var(--mono);color:rgba(245,239,223,.72)}.casefile{padding:clamp(80px,12vw,160px) clamp(18px,8vw,130px);background:var(--paper);color:var(--ink)}.section-head{max-width:700px;margin-bottom:4rem}.section-head h2{font-size:clamp(3.8rem,8vw,7rem)}.section-head p:not(.eyebrow){max-width:500px;margin:1rem 0}.house-layout{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);border-top:1px solid rgba(16,21,16,.25)}.house-index{border-right:1px solid rgba(16,21,16,.25)}.room{width:100%;min-height:132px;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(16,21,16,.25);padding:1.2rem;color:var(--ink);display:grid;grid-template-columns:34px 1fr;gap:.25rem;font:clamp(1.45rem,2vw,2rem) var(--display);text-transform:uppercase}.room span{font:11px var(--mono);padding-top:.5rem}.room i{grid-column:2;font:12px var(--body);font-style:normal;color:#6a6256;text-transform:none}.room:hover,.room.active{background:var(--ink);color:var(--paper)}.room.active i{color:var(--amber)}.room-story{min-height:440px;display:grid;grid-template-columns:1.15fr 1fr}.room-story__media{min-height:280px;background:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=85") center/cover;filter:grayscale(.8) sepia(.25) brightness(.65);transition:background .35s ease}.room-story__text{padding:clamp(24px,4vw,60px);align-self:end}.room-story h3{font:clamp(2.6rem,5vw,4.8rem)/.9 var(--display);text-transform:uppercase;margin:.25rem 0 1rem}.text-action{border:0;border-bottom:1px solid currentColor;background:transparent;padding:0 0 .2rem;color:var(--ink);font-weight:600}.tape{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:clamp(75px,11vw,140px) clamp(18px,8vw,130px);background:#20291e;color:var(--paper);position:relative}.tape:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px);pointer-events:none}.tape>*{position:relative}.tape h2{font-size:clamp(4rem,8vw,8rem)}.tape__body{max-width:430px;align-self:end}.tape output{display:block;margin-top:1rem;font:13px var(--mono);color:#d6c39f}.exit{min-height:75svh;display:grid;align-content:center;padding:clamp(75px,11vw,140px) clamp(18px,8vw,130px);background:linear-gradient(110deg,rgba(11,15,11,.9),rgba(11,15,11,.3)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=85") center/cover}.exit h2{max-width:850px;margin-bottom:2rem}dialog{border:1px solid var(--amber);background:var(--paper);color:var(--ink);max-width:600px;padding:clamp(25px,5vw,60px);box-shadow:0 20px 80px #000}dialog::backdrop{background:rgba(0,0,0,.78)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:2rem;cursor:pointer;color:var(--ink)}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}@keyframes flash{0%,100%{filter:none}30%{filter:brightness(3) contrast(1.3)}}body.flash{animation:flash .25s 2}@media(max-width:750px){body{font-size:17px}.hero{min-height:92svh}.hero__caption{justify-self:start;margin-top:2rem}.house-layout,.room-story,.tape{grid-template-columns:1fr}.house-index{border-right:0;display:grid;grid-template-columns:repeat(3,1fr);overflow:auto}.room{min-width:145px;min-height:105px;border-right:1px solid rgba(16,21,16,.25)}.room-story{min-height:auto}.room-story__media{min-height:52vw}.tape{gap:1rem}.exit{min-height:65svh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero__image{transform:none!important}}
.hero__torch{position:absolute;inset:-12%;z-index:1;pointer-events:none;background:radial-gradient(circle 170px at var(--mx,50%) var(--my,50%),rgba(241,191,106,.2),transparent 72%);mix-blend-mode:screen;opacity:.9}.hero__copy,.hero__caption{z-index:2}.reveal{opacity:0;transform:translateY(36px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.tape.is-playing{color:#f3c27f}.tape.is-playing:after{content:'SEÑAL ENTRANTE';position:absolute;right:clamp(18px,8vw,130px);top:1.5rem;color:var(--amber);font:11px var(--mono);letter-spacing:.12em;animation:blink .8s steps(2,end) infinite}@keyframes blink{50%{opacity:.25}}