@layer components{.theme-noir{--espresso:#0e0b09;--roast:#1a1410;--wood:#3a2a1e;--copper:#c98a3b;--caramel:#e2a85b;--smoke:#f1e6d6;--ash:#9c8f80;--rule:color-mix(in srgb, var(--copper) 25%, transparent);--lit-a:135deg;--lit-o:0;--px:50%;--py:50%;background:var(--espresso);color:var(--smoke);font-size:16px;font-family:var(--font-dmsans);font-weight:300;line-height:1.6}.theme-noir ::selection{background:var(--caramel);color:var(--espresso)}.theme-noir .noir-display{font-family:var(--font-shoulders);text-transform:uppercase;letter-spacing:-.01em;font-weight:800;line-height:.9}.theme-noir .noir-eyebrow{font-family:var(--font-dmmono);letter-spacing:.18em;text-transform:uppercase;font-size:12px;line-height:1.4}.theme-noir .noir-mono{font-family:var(--font-dmmono);font-variant-numeric:tabular-nums}.theme-noir .noir-grain{z-index:70;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}.theme-noir .noir-vignette{z-index:69;pointer-events:none;background:radial-gradient(80% 70% at 50% 45%,#0000 55%,#00000080 100%);position:fixed;inset:0}.theme-noir .noir-spot{z-index:68;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle, var(--caramel) 0%, color-mix(in srgb, var(--caramel) 55%, transparent) 30%, transparent 70%);opacity:.9;border-radius:50%;width:600px;height:600px;margin:-300px 0 0 -300px;position:fixed;top:0;left:0}.theme-noir .noir-lit{isolation:isolate;position:relative}.theme-noir .noir-lit:before,.theme-noir .noir-lit:after{content:"";border-radius:inherit;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.theme-noir .noir-lit:before{background:linear-gradient(var(--lit-a), color-mix(in srgb, var(--caramel) 70%, transparent), color-mix(in srgb, var(--copper) 25%, transparent) 35%, transparent 60%);-webkit-mask-composite:xor;opacity:var(--lit-o);z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.theme-noir .noir-lit:after{background:radial-gradient(360px circle at var(--px) var(--py), color-mix(in srgb, var(--caramel) 9%, transparent), transparent 70%);opacity:var(--lit-o);z-index:-1}@keyframes noir-kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}.theme-noir .noir-kenburns{will-change:transform;animation:12s ease-in-out infinite alternate noir-kenburns}@keyframes noir-scrollcue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.theme-noir .noir-scrollcue{animation:2.2s cubic-bezier(.76,0,.24,1) infinite noir-scrollcue}@media (prefers-reduced-motion:reduce){.theme-noir .noir-kenburns,.theme-noir .noir-scrollcue{animation:none}}}