:root{--offline-text: var(--color-text);--offline-muted: rgba(255, 255, 255, .62)}html{overflow:hidden;background:#1b1717}body{min-height:100%;overflow:hidden}body>:not(.offline,.showcase-transition,.offline-audio,audio){display:none!important}.offline{transition:opacity .62s ease,transform .62s cubic-bezier(.4,0,.2,1),filter .62s ease}.is-leaving-for-showcase .offline{opacity:0;filter:blur(8px);transform:scale(1.025)}.is-leaving-for-showcase .offline__message{transform:translateY(-.75rem)}.showcase-transition{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;background:#08080d;transition:opacity .62s ease,visibility .62s ease}.showcase-transition.is-visible{visibility:visible;opacity:1}.showcase-transition iframe{display:block;width:100%;height:100%;border:0}.offline{position:relative;display:grid;width:100%;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;isolation:isolate;padding:clamp(2rem,7vw,6rem) clamp(1.25rem,6vw,5rem);color:var(--offline-text);background-color:var(--color-bg);background-image:linear-gradient(180deg,#00000047,#0000007a 52%,#000000e0),linear-gradient(90deg,#000000ad,#00000024 50%,#000000ad),url(/background.jpg);background-position:center;background-size:cover}.offline:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 18%,rgba(0,0,0,.48) 82%);background-size:60px 60px,60px 60px,100% 100%;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);pointer-events:none}.offline__backdrop{position:absolute;z-index:-1;top:-4%;right:-4%;bottom:-4%;left:-4%;background:inherit;background-position:center;background-size:cover;animation:offline-drift 18s ease-in-out infinite alternate}.offline__message{width:min(100%,52rem);text-align:center;text-wrap:balance;animation:offline-arrive 1.35s cubic-bezier(.2,.7,.2,1) both}.offline__brand{margin:0 0 1.5rem;color:var(--color-text);font-family:var(--font-display);font-size:1.75rem;font-weight:400;letter-spacing:-.02em;line-height:1;text-transform:uppercase}.offline__brand span{background:var(--gradient-iridescent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.offline__rule{width:3rem;height:1px;margin:0 auto 1.75rem;background:var(--gradient-iridescent);transform-origin:center;animation:offline-rule 1s .45s ease-out both}.offline h1{max-width:52rem;margin:0 auto clamp(1.5rem,4vh,2.25rem);color:var(--offline-text);font-family:var(--font-display);font-size:clamp(2.75rem,6.5vw,5.75rem);font-weight:400;line-height:.94;letter-spacing:0;text-transform:uppercase}.offline__copy{max-width:42rem;margin:0 auto;color:var(--offline-muted);font-family:var(--font-body);font-size:clamp(.85rem,1.3vw,1rem);font-weight:400;line-height:1.75}.offline__copy p{margin:0}.offline__copy p+p{margin-top:1.25rem}.offline__farewell{color:var(--offline-text)}.offline__farewell span{display:inline-block;filter:saturate(.8)}.offline__showcase-link{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.24);color:#ffffffc7;font-family:var(--font-body);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition-fast),border-color var(--transition-fast)}.offline__showcase-link:hover,.offline__showcase-link:focus-visible{border-color:var(--color-cyan);color:var(--color-text)}.offline__showcase-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.offline__showcase-link svg{width:1rem;height:1rem}.offline-audio{position:fixed;z-index:101;right:clamp(1.25rem,3vw,2.5rem);bottom:clamp(1.25rem,3vw,2.5rem);display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#ffffffb8;background:#00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.offline-audio:hover,.offline-audio:focus-visible{border-color:#ffffffa6;color:var(--color-text);background:#0000007a}.offline-audio:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.offline-audio__icon{width:1.25rem;height:1.25rem}.offline-audio__icon--pause,.offline-audio[aria-pressed=true] .offline-audio__icon--play{display:none}.offline-audio[aria-pressed=true] .offline-audio__icon--pause{display:block}.offline-audio__pulse{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--color-cyan);border-radius:inherit;opacity:0;pointer-events:none}.offline-audio[aria-pressed=true] .offline-audio__pulse{animation:offline-audio-pulse 2.4s ease-out infinite}.offline-audio[data-state=error]{cursor:not-allowed;opacity:.45}@keyframes offline-arrive{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes offline-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes offline-drift{0%{transform:scale(1.02)}to{transform:scale(1.06) translateY(-.5%)}}@keyframes offline-audio-pulse{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(1.35)}}@media(max-width:640px){.offline{align-items:center;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}.offline__brand{margin-bottom:1rem}.offline__rule{margin-bottom:1.25rem}.offline h1{font-size:clamp(2.5rem,12vw,3.75rem)}.offline__copy{font-size:.8rem;line-height:1.62;text-wrap:pretty}.offline__copy p+p{margin-top:1rem}.offline-audio{width:2.75rem;height:2.75rem}}@media(max-height:680px){.offline{overflow-y:auto}.offline h1{margin-bottom:1.25rem;font-size:clamp(1.7rem,7vh,3rem)}.offline__copy{font-size:.76rem;line-height:1.55}}@media(prefers-reduced-motion:reduce){.offline__backdrop,.offline__message,.offline__rule,.offline-audio__pulse{animation:none}}