html:not(.dark) body:has(.catalog-experience,.catalog-site){--background:#fff}.catalog-experience{padding:6rem 1.25rem}.catalog-container{max-width:1104px;margin-inline:auto}.catalog-experience.catalog-home{padding:0}.catalog-home .catalog-section{margin-top:0}.catalog-home #how-it-works>h2{font-size:1.875rem;line-height:2.25rem}@media (width>=640px){.catalog-home #how-it-works>h2{font-size:2.25rem;line-height:2.5rem}}.catalog-home .catalog-workspace[data-layout=home]{gap:1.5rem 2rem}.catalog-hero{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 6%, var(--background)) 0%, color-mix(in oklab, var(--highlight) 5%, var(--background)) 65%, var(--background) 100%);text-align:center;margin:-1.5rem -1.25rem 2.5rem;padding:3rem 1.25rem 2.5rem}.catalog-hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.05}.catalog-hero p{max-width:650px;margin:1.25rem auto 0;line-height:1.75}.catalog-section{margin-top:4rem;scroll-margin-top:6rem}.catalog-section h2{letter-spacing:-.025em;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;line-height:1.2}.catalog-workspace{align-items:start;gap:2rem;display:grid}.catalog-panel{border:1px solid var(--border);background:var(--card);border-radius:1rem;min-width:0;padding:1.5rem;box-shadow:0 4px 24px #00000009}.catalog-media{background:var(--muted);border-radius:1rem;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.catalog-media video,.catalog-media img,.catalog-preview [data-hub-preview-content] video{aspect-ratio:9/12;object-fit:contain;background:#080808;width:100%;max-height:600px;display:block}@media (width<=1023px){.catalog-workspace:has([data-hub-creation-preview])>.catalog-preview{grid-row:1}}.catalog-media>p{text-align:center;color:var(--muted-foreground);padding:3rem}.catalog-experience :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.catalog-experience summary{cursor:pointer;padding:1.25rem 0;font-weight:500}.catalog-experience details{border-bottom:1px solid var(--border)}.catalog-experience details>p{color:var(--muted-foreground);padding-bottom:1.25rem;line-height:1.75}@media (width>=1024px){.catalog-workspace{grid-template-columns:420px minmax(0,1fr);gap:2.5rem}.catalog-workspace[data-layout=detail]{grid-template-columns:minmax(0,1fr) 420px}.catalog-workspace[data-layout=detail]>.catalog-panel{grid-area:1/2}.catalog-workspace[data-layout=detail]>.catalog-preview{grid-area:1/1}}@media (width<=639px){.catalog-experience{padding-inline:1rem}.catalog-hero{margin-inline:-1rem;padding-inline:1rem}.catalog-panel{padding:1.1rem}.catalog-workspace[data-layout=detail]>.catalog-preview{grid-row:1}.catalog-media video,.catalog-media img,.catalog-preview [data-hub-preview-content] video{max-height:460px}}