body:has(.catalog-experience,.catalog-site){--primary:oklch(58% .23 0);--primary-foreground:#fff;--ring:oklch(58% .23 0);--highlight:var(--primary);--highlight-foreground:#fff}html:not(.dark) body:has(.catalog-experience,.catalog-site){--background:#fff}html.dark body:has(.catalog-experience,.catalog-site){--primary:oklch(72% .19 0);--primary-foreground:#1d0916;--highlight-foreground:var(--primary-foreground);--ring:var(--primary)}.catalog-experience{padding:6rem 1.25rem}body:has(.catalog-experience,.catalog-site) .catalog-site-header nav>div{max-width:1184px}.catalog-container{max-width:1104px;margin-inline:auto}.catalog-hero{text-align:center;background:linear-gradient(135deg,#fff1f5 0%,#faf5ff 65%,#fff 100%);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}}.dark .catalog-hero{background:linear-gradient(135deg, #281820, #20192b, var(--background))}