:root{color-scheme:light;--orange:#FF4A0F;--ink:#1e0c03;--mx:0;--my:0}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--orange)}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.scene{position:relative;width:100%;height:100%;height:100svh;overflow:hidden;isolation:isolate;background:var(--orange)}.room{position:absolute;inset:-5%;transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-4px),0);will-change:transform}.people{position:absolute;inset:0;background:url('assets/frosted-orange-room.jpg') center center / cover no-repeat;animation:passing 24s ease-in-out infinite alternate;filter:blur(3px)}.glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,#fff4df0b,transparent 35%,#ff4a0f0a 65%,#fff4df08);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.glass::after{content:"";position:absolute;inset:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}h1{position:absolute;z-index:2;left:5%;right:5%;top:50%;transform:translateY(-50%);margin:0;line-height:0}h1 img{display:block;width:100%;height:auto}button{position:absolute;z-index:3;right:4%;bottom:24px;display:flex;gap:10px;align-items:center;font:inherit;font-size:12px;letter-spacing:.05em;color:#fff4df;border:0;border-radius:0;background:#1e0c0360;padding:12px 14px;min-height:44px;cursor:pointer}button:focus-visible{outline:2px solid #fff4df;outline-offset:5px}.pause-icon{width:8px;height:10px;border-left:2px solid;border-right:2px solid}.paused .pause-icon{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid}.paused .people{animation-play-state:paused}.paused .room{transform:none}@keyframes passing{from{transform:scale(1.025) translateX(-1.8%)}to{transform:scale(1.025) translateX(1.8%)}}@media(max-width:700px){h1{left:4%;right:4%}.room{inset:-3% -35%}button{right:4%;bottom:16px}}@media(prefers-reduced-motion:reduce){.people{animation:none}.room{transform:none!important}}