*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#01050b;color:#f4eadb;font-family:Georgia,'Times New Roman',serif}.intro-page{overflow:hidden}.intro-experience,.media-stage,.enter-stage{width:100vw;height:100dvh;min-height:520px}.media-stage,.enter-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:#000}.media-stage[hidden],.enter-stage[hidden],.start-overlay[hidden],.play-invitation[hidden],.stage-skip[hidden]{display:none}.stage-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.landscape-video{max-width:100vw}.avatar-stage{isolation:isolate}.avatar-backdrop{position:absolute;z-index:-2;inset:-30px;background:linear-gradient(rgba(0,4,11,.72),rgba(0,4,11,.88)),url('/website/HourBound_Website_v6/images/background.png') center/cover no-repeat;filter:blur(12px);transform:scale(1.05)}.avatar-stage:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.65) 85%)}.portrait-video{width:auto;max-width:100%;box-shadow:0 0 65px rgba(0,0,0,.85)}.start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(rgba(0,3,9,.25),rgba(0,3,9,.86));text-shadow:0 2px 18px #000}.start-overlay h1{margin:.25em 0;font-size:clamp(2.1rem,6vw,5rem);font-weight:400;letter-spacing:.04em}.start-overlay>p:not(.eyebrow){color:#d6dce5;font-size:clamp(.9rem,2vw,1.1rem)}.eyebrow{color:#e1b664;font:600 .7rem Arial,sans-serif;letter-spacing:.34em}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:230px;margin-top:22px;padding:16px 26px;border:1px solid #d5a34f;background:rgba(2,12,27,.88);color:#f5dca8;text-decoration:none;text-transform:uppercase;font:600 .74rem Arial,sans-serif;letter-spacing:.18em;box-shadow:0 0 22px rgba(224,166,64,.2);cursor:pointer}.gold-button:hover,.gold-button:focus-visible{background:#102744;box-shadow:0 0 28px rgba(224,166,64,.48);outline:2px solid #f3c875;outline-offset:3px}.text-button{margin-top:18px;border:0;border-bottom:1px solid rgba(233,198,132,.5);padding:7px;background:transparent;color:#ddd4c6;font:600 .66rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;cursor:pointer}.stage-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:5;border:1px solid rgba(221,177,99,.58);padding:11px 15px;background:rgba(0,7,17,.78);color:#f0d39b;text-transform:uppercase;font:600 .62rem Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.play-status{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;color:#fff}.play-invitation{position:absolute;z-index:5;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));margin:0;min-width:0}.enter-art{display:block;width:100%;height:100%;object-fit:cover}.enter-shade{position:absolute;inset:0;background:linear-gradient(transparent 58%,rgba(0,4,10,.52))}.final-enter{position:absolute;left:50%;bottom:6%;transform:translateX(-50%)}.replay-button{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);white-space:nowrap}.noscript-message{position:fixed;z-index:10;inset:auto 0 30px;text-align:center}.noscript-message a{color:#f2cc81}@media(max-width:600px){.intro-experience,.media-stage,.enter-stage{min-height:100svh}.start-overlay{padding:20px}.stage-skip{top:12px;right:12px}.portrait-video{height:100%;width:100%;object-fit:contain}.play-invitation{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:13px 16px}.enter-art{object-position:center}.final-enter{bottom:8%}.replay-button{bottom:3%}}