.backrooms{--room-height:clamp(720px, calc(100svh - 82px), 1000px);isolation:isolate;height:var(--room-height);color:#fff1cf;background:#151016;position:relative;overflow:hidden}.backrooms-art,.backrooms-shade{pointer-events:none;position:absolute;inset:0}.backrooms-art svg{width:max(100%, calc(var(--room-height) * 1.5));height:100%;image-rendering:pixelated;position:absolute;left:50%;transform:translate(-50%)}.backrooms-shade{background:linear-gradient(90deg,#100c16cc,#100c1640 48%,#0000 75%),linear-gradient(#100c1626 0%,#0000 72%,#100c16 100%);animation:19s ease-in-out infinite backrooms-light}.backrooms-copy{width:min(100%,1280px);margin-inline:auto;padding:clamp(100px,17vh,180px) 24px 0;position:relative}.backrooms-eyebrow{font:500 13px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ddc68e;margin:0 0 24px}.backrooms h1{max-width:540px;font:600 clamp(48px, 5.6vw, 80px)/1.04 var(--sans);letter-spacing:-.055em;text-wrap:balance;margin:0 0 24px}.backrooms-copy>p:not(.backrooms-eyebrow){color:#dfd2b8;margin:0 0 32px;font-size:19px;line-height:1.65}.site-theme main .button.backrooms-home{--keycap-face:#fff1cf;--keycap-label:#241c27;--keycap-top:#fff9eb;--keycap-bottom:#b39963}.backrooms-location{font:10px/1.4 var(--mono);letter-spacing:.14em;color:#b7a98d;position:absolute;bottom:115px;left:max(32px,50% - 616px)}.backrooms-runner{opacity:0;animation:24s linear infinite backrooms-dash}.backrooms-peeker{opacity:0;animation:24s linear infinite backrooms-peek}.backrooms-stride{animation:.12s steps(2,end) infinite backrooms-bob}.backrooms-leg{animation:.12s steps(2,end) infinite alternate backrooms-feet}.backrooms-leg-left{transform-origin:-4px 4px}.backrooms-leg-right{transform-origin:5px 4px;animation-direction:alternate-reverse}@keyframes backrooms-dash{0%,12.49%{opacity:0;transform:translate(1058px,508px)scale(2)}12.5%{opacity:1;transform:translate(1058px,508px)scale(2)}13.3%{opacity:1;transform:translate(1078px,595px)scale(2.5)}14.5%{opacity:1;transform:translate(1305px,593px)scale(2.5)}15.2%{opacity:1;transform:translate(1340px,480px)scale(1.6)}15.21%,58.32%{opacity:0;transform:translate(1340px,480px)scale(1.6)}58.33%{opacity:1;transform:translate(1340px,480px)scale(-1.6,1.6)}59.1%{opacity:1;transform:translate(1305px,593px)scale(-2.5,2.5)}60.2%{opacity:1;transform:translate(1078px,595px)scale(-2.5,2.5)}61%{opacity:1;transform:translate(1058px,508px)scale(-2,2)}61.01%,to{opacity:0;transform:translate(1058px,508px)scale(-2,2)}}@keyframes backrooms-peek{0%,32.49%,35%,90.49%,93%,to{opacity:0;transform:translate(956px,533px)scale(2.7)rotate(12deg)}32.5%,90.5%{opacity:1;transform:translate(970px,533px)scale(2.7)rotate(12deg)}33.1%,33.8%,91.1%,91.8%{opacity:1;transform:translate(1001px,533px)scale(2.7)rotate(12deg)}34.5%,92.5%{opacity:0;transform:translate(956px,533px)scale(2.7)rotate(12deg)}}@keyframes backrooms-bob{to{transform:translateY(-2px)}}@keyframes backrooms-feet{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}@keyframes backrooms-light{0%,40%,53%,to{opacity:1}46%{opacity:.78}}@media (max-width:700px){.backrooms-art svg{left:calc(50% - var(--room-height) * .285)}.backrooms-shade{background:linear-gradient(#100c16e6,#100c16b3 30%,#0000 58%,#100c16 100%)}.backrooms-copy{padding:64px 24px 0}.backrooms h1{max-width:340px;font-size:clamp(42px,11vw,64px)}.backrooms-copy>p:not(.backrooms-eyebrow){margin-bottom:24px;font-size:16px}.backrooms-eyebrow{margin-bottom:18px;font-size:11px}.backrooms-location{bottom:168px;left:24px}}@media (prefers-reduced-motion:reduce){.backrooms-runner,.backrooms-peeker,.backrooms-stride,.backrooms-leg,.backrooms-shade{animation:none}}.backrooms:after{content:"";background:var(--p-bg);pointer-events:none;height:96px;position:absolute;inset:auto 0 0;-webkit-mask-image:url(/not-found/exit-dither.svg);mask-image:url(/not-found/exit-dither.svg);-webkit-mask-size:24px 96px;mask-size:24px 96px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
