@layer components{.visual-stage_wrap{aspect-ratio:16/11;padding:var(--space-6) var(--space-6) 0;background-color:var(--light-100);background-image:radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--brand-500) 18%, transparent), transparent 65%);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);justify-content:center;align-items:flex-end;display:flex;overflow:hidden}@media not (min-width:45.5rem){.visual-stage_wrap{padding:var(--space-4) var(--space-4) 0}}.visual-stage_wrap.bare{align-items:flex-end}.visual-stage_wrap.widget{aspect-ratio:auto;min-height:26rem;padding:var(--space-7);align-items:center}@media not (min-width:45.5rem){.visual-stage_wrap.widget{padding:var(--space-4)}}.visual-stage_widget{max-width:30rem}.visual-stage_image{object-fit:cover;object-position:center top;background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-small) var(--radius-small) 0 0;width:100%;height:100%;box-shadow:0 1rem 2.5rem -1rem color-mix(in srgb, var(--dark-900) 25%, transparent);border-bottom:0}.visual-stage_window{background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-small) var(--radius-small) 0 0;width:100%;height:100%;box-shadow:0 1rem 2.5rem -1rem color-mix(in srgb, var(--dark-900) 25%, transparent);border-bottom:0;flex-direction:column;display:flex;overflow:hidden}.visual-stage_bar{border-bottom:var(--border-width) solid var(--border);flex:none;gap:.35rem;padding:.6rem .75rem;display:flex}.visual-stage_bar span{border-radius:var(--radius-round);background-color:var(--light-200);width:.5rem;height:.5rem}.visual-stage_screen{flex:1;position:relative}.hero-landing_layout{align-items:center;gap:var(--space-8) var(--site-gutter);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.hero-landing_layout.has-visual{grid-template-columns:repeat(2,minmax(0,1fr))}@media not (min-width:57rem){.hero-landing_layout.has-visual{grid-template-columns:minmax(0,1fr)}}.hero-landing_crumb-list{font-size:var(--text-small);gap:var(--space-2);color:color-mix(in srgb, currentcolor 60%, transparent);flex-wrap:wrap;display:flex}.hero-landing_crumb-list li+li:before{content:"/";margin-right:var(--space-2);opacity:.5}.hero-landing_crumb-list a{transition:color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.hero-landing_crumb-list a:hover{color:var(--text)}}.explore-list_list{background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);width:100%;overflow:hidden}.explore-list_item{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);transition:background-color var(--hover-duration) var(--hover-ease);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative}.explore-list_item+.explore-list_item{border-top:var(--border-width) solid var(--border)}@media (hover:hover){.explore-list_item:hover{background-color:var(--light-100)}.explore-list_item:hover .explore-list_arrow{background-color:var(--brand-500);border-color:var(--brand-500);color:var(--light-base);transform:translate(.25rem)}}@media not (min-width:45.5rem){.explore-list_item{padding:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto}.explore-list_item .explore-list_tag{display:none}}.explore-list_index{color:var(--brand-500)}.explore-list_link:after{content:"";position:absolute;inset:0}.explore-list_link:focus-visible{outline:none}.explore-list_link:focus-visible:after{outline:var(--focus-width) solid var(--text);outline-offset:calc(var(--focus-width) * -1)}.explore-list_tag{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);color:color-mix(in srgb, currentcolor 70%, transparent);padding:.3rem .7rem;line-height:1}.explore-list_arrow{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);width:2.25rem;height:2.25rem;transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), transform var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;padding:.7rem;display:flex}}