.homepage-demo[data-astro-cid-5ugclr4n]{--demo-nav-height: 10.7%}.mode-control[data-astro-cid-5ugclr4n]{padding:0;margin-top:1rem;border:0}.mode-checkbox[data-astro-cid-5ugclr4n]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mode-switch[data-astro-cid-5ugclr4n]{display:inline-flex;align-items:center;gap:.9rem;padding:.75rem .9rem;border:2px solid var(--foreground);background:var(--background);font-family:Space Mono,ui-monospace,monospace;font-size:.78rem;cursor:pointer}.mode-checkbox[data-astro-cid-5ugclr4n]:focus-visible+.mode-switch[data-astro-cid-5ugclr4n]{outline:3px solid var(--ring);outline-offset:3px}.mode-label[data-astro-cid-5ugclr4n]{transition:color .18s ease,opacity .18s ease}.mode-label-current[data-astro-cid-5ugclr4n],.homepage-demo[data-astro-cid-5ugclr4n][data-mode=current] .mode-label-evergreen[data-astro-cid-5ugclr4n]{opacity:.48}.homepage-demo[data-astro-cid-5ugclr4n][data-mode=current] .mode-label-current[data-astro-cid-5ugclr4n]{opacity:1}.switch-track[data-astro-cid-5ugclr4n]{position:relative;flex:0 0 auto;width:3.6rem;height:2rem;padding:.2rem;border:2px solid var(--foreground);border-radius:999px;background:var(--background)}.switch-thumb[data-astro-cid-5ugclr4n]{display:block;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--foreground);transition:transform .3s cubic-bezier(.22,1,.36,1)}.mode-checkbox[data-astro-cid-5ugclr4n]:checked+.mode-switch[data-astro-cid-5ugclr4n] .switch-thumb[data-astro-cid-5ugclr4n]{transform:translate(1.55rem)}.demo-frame[data-astro-cid-5ugclr4n]{position:relative;isolation:isolate;aspect-ratio:8 / 5;overflow:hidden;border:2px solid var(--foreground);background:#fff}.demo-image[data-astro-cid-5ugclr4n]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.demo-hero[data-astro-cid-5ugclr4n]{z-index:1;transition:filter .7s ease,opacity .7s ease}.demo-news[data-astro-cid-5ugclr4n]{z-index:2;clip-path:inset(100% 0 0 0);opacity:0;transform:translateY(10%);transition:clip-path .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),opacity .3s ease;will-change:clip-path,transform,opacity}.demo-navbar[data-astro-cid-5ugclr4n]{z-index:3;clip-path:inset(0 0 89.3% 0);opacity:0;transition:opacity .45s ease .12s}.homepage-demo[data-astro-cid-5ugclr4n][data-mode=current] .demo-hero[data-astro-cid-5ugclr4n]{filter:saturate(.75) brightness(1.05);opacity:.62}.homepage-demo[data-astro-cid-5ugclr4n][data-mode=current] .demo-news[data-astro-cid-5ugclr4n]{clip-path:inset(var(--demo-nav-height) 0 0 0);opacity:1;transform:translateY(0)}.homepage-demo[data-astro-cid-5ugclr4n][data-mode=current] .demo-navbar[data-astro-cid-5ugclr4n]{opacity:1}.mobile-gallery[data-astro-cid-5ugclr4n]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;padding:0 1rem 1.25rem 0}.phone-frame[data-astro-cid-5ugclr4n]{position:relative;aspect-ratio:640 / 1308;min-width:0;margin:0;filter:drop-shadow(0 1.25rem 2rem rgb(0 0 0 / .18))}.phone-frame-offset[data-astro-cid-5ugclr4n]{margin-top:2.5rem}.phone-screen[data-astro-cid-5ugclr4n]{position:absolute;top:2.22%;left:5%;width:90%;height:95.72%;overflow:hidden;border-radius:8.25%;background:#000}.phone-screen[data-astro-cid-5ugclr4n] img[data-astro-cid-5ugclr4n],.phone-overlay[data-astro-cid-5ugclr4n]{display:block;width:100%;height:100%}.phone-screen[data-astro-cid-5ugclr4n] img[data-astro-cid-5ugclr4n]{object-fit:cover}.phone-overlay[data-astro-cid-5ugclr4n]{position:relative;z-index:2;pointer-events:none;user-select:none}@media(max-width:767px){.mode-switch[data-astro-cid-5ugclr4n]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;gap:.6rem;font-size:.68rem}.mode-label-current[data-astro-cid-5ugclr4n]{text-align:right}.mobile-gallery[data-astro-cid-5ugclr4n]{grid-template-columns:repeat(3,minmax(72vw,1fr));overflow-x:auto;padding:0 .75rem 1rem 0;scroll-snap-type:x mandatory}.phone-frame[data-astro-cid-5ugclr4n]{scroll-snap-align:start}.phone-frame-offset[data-astro-cid-5ugclr4n]{margin-top:0}}@media(prefers-reduced-motion:reduce){.demo-hero[data-astro-cid-5ugclr4n],.demo-news[data-astro-cid-5ugclr4n],.demo-navbar[data-astro-cid-5ugclr4n],.mode-switch[data-astro-cid-5ugclr4n],.mode-label[data-astro-cid-5ugclr4n],.switch-thumb[data-astro-cid-5ugclr4n]{transition:none}}