.hero{--hero-magenta:#e0197f;--hero-violet:#8b3fd0;--hero-red:#e0341a;--hero-orange:#f5742a;--hero-amber:#e8b33c;--hero-base:#0a0c0f;--hero-card-overlap:0px;isolation:isolate;background:var(--hero-base);border-bottom:4px solid var(--color-primary);height:268px;position:relative;overflow:hidden}[data-theme=dark] .hero{--hero-magenta:#a8135f;--hero-violet:#6830a0;--hero-red:#a82613;--hero-orange:#b4521c;--hero-amber:#a87f24;--hero-base:#07080b}.hero--compact{height:190px}.hero--bare{height:6rem}.hero-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-parallax{transform:translate3d(calc(var(--hero-mx,0) * 2.2%), calc(var(--hero-my,0) * 1.4%), 0);transition:transform .9s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.hero-bands{filter:blur(18px);will-change:transform;position:absolute;inset:-20% -35%}.hero-bands--main{background:linear-gradient(100deg, var(--hero-violet) 0% 9%, var(--hero-magenta) 9% 30%, var(--hero-red) 30% 41%, var(--hero-orange) 41% 64%, var(--hero-amber) 64% 84%, var(--hero-magenta) 84% 100%);animation:140s ease-in-out infinite alternate hero-drift}.hero-bands--cross{background:linear-gradient(64deg, var(--hero-amber) 0% 16%, var(--hero-orange) 16% 38%, var(--hero-magenta) 38% 58%, var(--hero-violet) 58% 78%, var(--hero-red) 78% 100%);opacity:.5;mix-blend-mode:overlay;animation:95s ease-in-out infinite alternate hero-cross}@keyframes hero-drift{0%{transform:translate(-13%)scaleX(1)}to{transform:translate(12%)scaleX(1.18)}}@keyframes hero-cross{0%{transform:translate(11%,-4%)scaleX(1.14)}to{transform:translate(-12%,5%)scaleX(1)}}.hero-scrim{background:#06080b2e;position:absolute;inset:0}.hero-grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-rows{z-index:1;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.hero-row{white-space:nowrap;height:30px;opacity:var(--hero-row-opacity);color:#fff;align-items:center;font-size:13px;font-weight:500;display:flex;overflow:hidden}.hero-row--title{font-weight:600}.hero-track{width:max-content;animation:hero-scroll var(--hero-row-duration) linear infinite;will-change:transform;display:flex}.hero-row--right .hero-track{animation-direction:reverse}@keyframes hero-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.hero-run{flex-shrink:0;display:flex}.hero-item{color:inherit;padding-inline:24px;text-decoration:none;transition:color .18s,background-color .18s;display:inline-block}.hero-row:hover .hero-track,.hero-row:focus-within .hero-track{animation-play-state:paused}.hero-row:hover,.hero-row:focus-within{opacity:1}a.hero-item:hover,a.hero-item:focus-visible{color:#fff;background:#06080be0;border-radius:4px;outline:none}.hero-item--active{color:#fff;background:#06080bb3;border-radius:4px;font-weight:700}.hero-centre{inset:0 0 var(--hero-card-overlap) 0;z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.hero-panel{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#080a0e6b;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:1.25rem;padding:.9rem 2.25rem;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-panel{background:#080a0ee0}}.hero-avatar{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;flex:none;width:76px;height:76px;overflow:hidden;box-shadow:0 6px 20px #00000059}.hero-avatar img{object-fit:cover;width:100%;height:100%;display:block}.hero-text{text-align:center}.hero-title{color:#fff;letter-spacing:-.03em;text-shadow:0 1px 2px #0000008c,0 4px 18px #00000073;margin:0;font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800;line-height:1}.hero-subtitle{color:#ffffffe0;text-transform:lowercase;letter-spacing:.02em;text-shadow:0 1px 2px #0000008c,0 3px 12px #0006;margin:0;font-size:.9rem}.hero-subtitle:before{content:"";opacity:.55;background:#d4d5d9;width:100px;height:1px;margin:.85rem auto;display:block}@media (prefers-reduced-motion:reduce){.hero-track,.hero-bands{animation:none!important}.hero-parallax{transition:none!important;transform:none!important}}