.demo-viewport{--demo-duration:.7s;--demo-ease:cubic-bezier(.4, 0, .2, 1)}.demo-layer{transition:opacity var(--demo-duration) var(--demo-ease), transform var(--demo-duration) var(--demo-ease), filter var(--demo-duration) var(--demo-ease)}.demo-layer--hidden{opacity:0;pointer-events:none;filter:blur(4px);transform:scale(.98)translateY(6px)}.demo-layer--visible{opacity:1;filter:blur();transform:scale(1)translateY(0)}.demo-spotlight-ring{width:0;height:0;transition:opacity .28s var(--demo-ease);top:-9999px;left:-9999px}.demo-cursor{transition:opacity .2s var(--demo-ease);top:-40px;left:-40px}.demo-pulse{animation:demo-pulse .52s var(--demo-ease)}@keyframes demo-pulse{0%{box-shadow:0 0 #34b27a80}70%{box-shadow:0 0 0 12px #34b27a00}to{box-shadow:0 0 #34b27a00}}.demo-modal-in{animation:demo-modal-in .32s var(--demo-ease)}@keyframes demo-modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-nav-active{background:color-mix(in srgb, var(--sr-green) 18%, transparent);color:var(--sr-green-dark)}.demo-click{animation:demo-click-press .22s var(--demo-ease)}@keyframes demo-click-press{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.16);transform:scale(.97)}to{filter:brightness();transform:scale(1)}}.demo-cursor--click{animation:demo-cursor-click .22s var(--demo-ease)}@keyframes demo-cursor-click{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}.demo-permit-phase{animation:demo-permit-in .24s var(--demo-ease)}@keyframes demo-permit-in{0%{opacity:.35}to{opacity:1}}.demo-brand{z-index:65;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible}.demo-brand--intro{animation:15.15s linear both demo-brand-intro-scrim}.demo-brand--closing{animation:demo-brand-scrim-in .64s var(--demo-ease) both}@keyframes demo-brand-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes demo-brand-intro-scrim{0%{opacity:0}4%{opacity:1}90%{opacity:1}to{opacity:0}}.demo-brand-lockup{transform-origin:50%;will-change:transform;width:min(28vmin,12rem);height:min(28vmin,12rem);position:relative;overflow:visible}.demo-brand--intro .demo-brand-lockup{animation:4.4s cubic-bezier(.22,1,.36,1) .15s both demo-brand-intro-scale}@keyframes demo-brand-intro-scale{0%{transform:scale(.01)}to{transform:scale(2)}}.demo-brand--closing .demo-brand-lockup{animation:2.5s cubic-bezier(.64,0,.78,.12) 4.05s both demo-brand-closing-scale;transform:scale(2)}@keyframes demo-brand-closing-scale{0%{transform:scale(2)}to{transform:scale(.01)}}.demo-brand-backlight{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-brand-backlight-art{opacity:0;transform-box:fill-box;transform-origin:50%}.demo-brand--intro .demo-brand-backlight-art{animation:.8s ease-out 7.55s both demo-brand-backlight}@keyframes demo-brand-backlight{0%{opacity:0;transform:scale(.94)}20%{opacity:1;transform:scale(1.06)}42%{opacity:.7;transform:scale(1.16)}to{opacity:0;transform:scale(1.28)}}.demo-brand-mark{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.demo-brand-glint-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-brand-star{opacity:0}.demo-brand-star--intro{animation:2.7s linear 4.85s both demo-brand-star-visible}.demo-brand-star--closing{animation:2.55s linear .95s both demo-brand-star-visible}@keyframes demo-brand-star-visible{0%{opacity:0}7%{opacity:1}48%{opacity:1}52%{opacity:1}93%{opacity:1}to{opacity:0}}.demo-brand-star-art{animation:2.7s ease-in-out 4.85s both demo-brand-star-pulse}.demo-brand-star--closing .demo-brand-star-art{animation-duration:2.55s;animation-delay:.95s}@keyframes demo-brand-star-pulse{0%{transform:scale(.82)}8%{transform:scale(1.08)}50%{transform:scale(1)}92%{transform:scale(1.08)}to{transform:scale(.82)}}.demo-home-exit{z-index:110;color:#ffffffe6;letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);background:#0f1114c7;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.3rem;max-width:calc(100% - 1.4rem);padding:.38rem .72rem;font-size:.75rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:absolute;top:.7rem;left:.7rem;box-shadow:0 1px 10px #00000047}.demo-home-exit:hover{border-color:color-mix(in srgb, var(--sr-green) 60%, #ffffff29);color:#fff}.demo-home-exit:focus-visible{outline:2px solid var(--sr-green);outline-offset:2px}@media (max-width:479px){.demo-home-exit{padding:.32rem .58rem;font-size:.6875rem;top:.5rem;left:.5rem}}@media (prefers-reduced-motion:reduce){.demo-brand,.demo-brand-lockup,.demo-brand-star,.demo-brand-star-art,.demo-click,.demo-cursor--click{animation:none!important}.demo-brand-lockup{transform:scale(1)}.demo-brand-glint-svg,.demo-brand-backlight{display:none}}