@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.tr-card{display:flex;flex-direction:column;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden;transition:transform var(--transition-medium),background-color var(--transition-medium),box-shadow var(--transition-medium)}.tr-card:hover{transform:translateY(-2px);background:var(--bg-card-hover);box-shadow:var(--shadow-card)}.tr-card:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:3px}.tr-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-muted)}.tr-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.tr-card:hover .tr-card-thumb{transform:scale(1.03)}.tr-card-play{position:absolute;inset:0;margin:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--ink-0) 55%,transparent);border:1px solid color-mix(in srgb,var(--white) 30%,transparent);color:var(--white);backdrop-filter:blur(4px);transition:background-color var(--transition-medium)}.tr-card:hover .tr-card-play{background:color-mix(in srgb,var(--color-accent-brand) 85%,transparent)}.tr-card-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink-0) 70%,transparent);color:var(--white);font-size:var(--text-small);font-variant-numeric:tabular-nums}.tr-card-copy{padding:var(--space-4)}.tr-card-eyebrow{margin:0 0 var(--space-1);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-purple-light)}.tr-card-title{margin:0 0 var(--space-2);font-size:var(--text-h4);font-weight:600;line-height:1.3;text-wrap:pretty;color:var(--text-primary)}.tr-card-desc{margin:0;font-size:var(--text-small);line-height:1.6;color:var(--text-secondary);text-wrap:pretty}}@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.tr-hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--color-accent-brand) 22%,transparent),transparent 60%)}.tr-hero-eyebrow{margin:0 0 var(--space-3);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-purple-light)}.tr-hero-title{margin:0 0 var(--space-4);font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:var(--tracking-heading);line-height:1.1;background:linear-gradient(to bottom,var(--white) 42%,color-mix(in srgb,var(--white) 55%,transparent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tr-hero-sub{margin:0;max-width:60ch;font-size:var(--text-body-lg);line-height:1.7;color:var(--color-text-secondary);text-wrap:pretty}.tr-modules{padding-block:var(--space-16)}.tr-module+.tr-module{margin-top:var(--space-16)}.tr-module-head{margin-bottom:var(--space-8)}.tr-module-index{margin:0 0 var(--space-2);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.tr-module-title{margin:0 0 var(--space-2);font-size:var(--text-h2);font-weight:600;letter-spacing:var(--tracking-heading);line-height:1.2;color:var(--text-primary)}.tr-module-desc{margin:0;max-width:60ch;font-size:var(--text-body);line-height:1.7;color:var(--color-text-secondary);text-wrap:pretty}.tr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.tr-empty{margin:0;font-size:var(--text-body);color:var(--color-text-secondary)}.tr-empty a{color:var(--accent-purple-light);text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.tr-hero{padding-top:calc(var(--nav-height) + var(--space-10))}.tr-modules{padding-block:var(--space-10)}.tr-module+.tr-module{margin-top:var(--space-12)}.tr-module-head{margin-bottom:var(--space-6)}}}