:where(:root){--mt-hero-filter-dark: brightness(.42) saturate(.7) contrast(1.08)}.mt-hero:has(>.mt-showcase){display:grid;grid-template-columns:minmax(0, 3fr) minmax(0, 2fr);column-gap:1.5rem;align-content:center;clear:both;position:relative;isolation:isolate;overflow:clip;border-radius:var(--mt-radius-lg);padding:3rem clamp(1.25rem, 4vw, 3rem);min-height:28rem}.mt-hero:has(>.mt-showcase)>:not(.mt-showcase){grid-column:1}.mt-hero:has(>.mt-showcase) :is(h1, p){word-break:keep-all}.mt-hero:has(>.mt-showcase) h1{font-size:clamp(2rem, 1.4rem + 1.6vw, 2.75rem)}.mt-hero:has(>.mt-showcase) .mt-actions a{min-height:44px}.mt-showcase{display:contents}.mt-showcase-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.mt-showcase-art{grid-column:2;grid-row:1 / span 9;align-self:center;position:relative;aspect-ratio:4 / 3}.mt-hero:has(>.mt-showcase)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg, color-mix(in srgb, var(--mt-background) 70%, transparent) 0 35%, transparent 80%)}.mt-showcase-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mt-showcase-still{display:none}@media (prefers-reduced-motion: reduce){.mt-showcase-motion{display:none}.mt-showcase-still{display:block}}@media (max-width: 48rem){.mt-hero:has(>.mt-showcase){grid-template-columns:minmax(0, 1fr);padding:2rem 1.25rem;min-height:0}.mt-showcase-art{grid-column:1;grid-row:auto;width:min(100%, 22rem);justify-self:center;margin-top:1.5rem}}:where(:root){--mt-img-filter-dark: brightness(.85) contrast(1.05) saturate(.9)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mt-showcase-bg{filter:var(--mt-hero-filter-dark, var(--mt-img-filter-dark))}}[data-theme="dark"] .mt-showcase-bg{filter:var(--mt-hero-filter-dark, var(--mt-img-filter-dark))}.mt-showcase-card{filter:drop-shadow(0 6px 10px rgba(31,35,40,0.18))}.mt-showcase{--mt-sc-win: var(--mt-foreground);--mt-sc-ink: var(--mt-background)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mt-showcase{--mt-sc-win: var(--mt-card);--mt-sc-ink: var(--mt-foreground)}}:root[data-theme="dark"] .mt-showcase{--mt-sc-win: var(--mt-card);--mt-sc-ink: var(--mt-foreground)}.mt-showcase-win{fill:var(--mt-sc-win);stroke:var(--mt-border)}.mt-showcase-dot1{fill:var(--mt-caution)}.mt-showcase-dot2{fill:var(--mt-warning)}.mt-showcase-dot3{fill:var(--mt-tip)}.mt-showcase-c1{stroke:var(--mt-code-keyword)}.mt-showcase-c2{stroke:var(--mt-code-string)}.mt-showcase-c3{stroke:var(--mt-code-function)}.mt-showcase-c4{stroke:var(--mt-code-comment)}.mt-showcase-caret{fill:var(--mt-sc-ink)}.mt-showcase-panel{fill:var(--mt-card);stroke:var(--mt-border)}.mt-showcase-skel{fill:var(--mt-muted-foreground);opacity:.35}.mt-showcase-s1{stop-color:var(--mt-primary)}.mt-showcase-s2{stop-color:var(--mt-brand);stop-opacity:.6}.mt-showcase-trail{fill:none;stroke:var(--mt-brand);stroke-width:1.5;stroke-dasharray:4 6;opacity:.5}.mt-showcase-chip{fill:var(--mt-primary)}.mt-showcase-chipt{fill:var(--mt-primary-foreground);font:600 12px var(--mt-font-mono)}.mt-showcase-cursor{fill:var(--mt-foreground);stroke:var(--mt-background);stroke-width:1.2}.mt-showcase-sparks{fill:var(--mt-brand)}