@layer base{.ai-director{--background:#13110f;--foreground:#f7f5f1;--surface:#1c1a18;--surface-2:#292624;--line:#353230;--card:#1c1a18;--card-foreground:#f7f5f1;--muted-foreground:#b4aca7;--ember:#9d5bf4;--ember-glow:#bc8fff;--ember-foreground:#f7f5f1;--border:#302d2b}@supports (color:lab(0% 0 0)){.ai-director{--background:lab(5.2603% .659198 1.21096);--foreground:lab(96.5348% .282526 1.88144);--surface:lab(9.51011% .85739 1.67418);--surface-2:lab(15.3082% 1.02814 2.00851);--line:lab(21.1084% 1.0231 2.00501);--card:lab(9.51011% .85739 1.67418);--card-foreground:lab(96.5348% .282526 1.88144);--muted-foreground:lab(70.9773% 2.03818 4.00455);--ember:lab(52.2932% 50.4727 -67.8536);--ember-glow:lab(67.2342% 37.9671 -55.9811);--ember-foreground:lab(96.5348% .282526 1.88144);--border:lab(18.7883% 1.02492 2.00626)}}.ai-director{background-color:var(--background);color:var(--foreground)}.ai-director h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-weight:700;line-height:1}.ai-director h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-weight:600;line-height:1.05}.ai-director h3{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;font-weight:500;line-height:1.1}}@layer utilities{.ai-director .text-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em}.ai-director .text-secondary{color:rgb(from var(--foreground) r g b / .8)}.ai-director .text-tertiary{color:rgb(from var(--foreground) r g b / .6)}.ai-director .text-hint{color:rgb(from var(--foreground) r g b / .5)}.ai-director .bg-ember-radial{background-image:radial-gradient(ellipse at top, color-mix(in oklab, var(--ember) 18%, transparent) 0%, transparent 60%)}.ai-director .bg-gradient-ember{background-image:linear-gradient(135deg, var(--ember) 0%, var(--ember-glow) 100%)}.ai-director .text-gradient-ember{background:linear-gradient(135deg, var(--ember) 0%, var(--ember-glow) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ai-director .shadow-ember{box-shadow:0 30px 80px -30px color-mix(in oklab, var(--ember) 55%, transparent)}.ai-director .grid-lines{background-image:linear-gradient(to right, color-mix(in oklab, var(--line) 40%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--line) 40%, transparent) 1px, transparent 1px);background-size:80px 80px}.ai-director .noise:before{content:"";opacity:.06;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}}@keyframes ember-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ai-director .animate-ember-pulse{animation:4s ease-in-out infinite ember-pulse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ai-director .animate-marquee{animation:40s linear infinite marquee}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ai-director .animate-rise{animation:.8s cubic-bezier(.2,.7,.2,1) both rise}