.hero{--foreground:var(--color-white);--background:var(--color-black);--highlight:var(--color-black);background-color:var(--background);color:var(--foreground);display:block;position:relative}.hero.compact .bg-wrap{height:auto;min-height:auto}.hero.compact .layout{height:auto;min-height:6.4rem}.hero .bg-wrap{height:100svh;min-height:fit-content;position:relative;width:100%}.hero .layout{display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:space-between;padding:1.8rem 0 .3rem}.hero .marquee{align-items:center;background-color:var(--color-black);color:var(--color-orange);display:flex;height:.6rem;overflow:hidden;width:100%;z-index:1}:is(.hero .marquee) .track{align-items:center;animation:marquee 20s linear infinite;display:flex;gap:.16rem;padding-right:.2rem;white-space:nowrap;width:max-content}:is(.hero .marquee) .text strong{white-space:pre}.hero .hero-nav{align-items:flex-start;background-color:var(--color-black);border-radius:.12rem;color:var(--color-white);display:block;display:flex;gap:.3rem;max-width:100%;padding:.2rem .3rem;position:relative;width:fit-content}:is(.hero .hero-nav) .hero-nav-main{display:inline-block;white-space:nowrap}:is(.hero .hero-nav) .hero-nav-separator{align-items:center;display:flex;height:.16rem;justify-content:center;position:relative;width:.16rem}:is(:is(.hero .hero-nav) .hero-nav-separator) svg{height:.16rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.16rem}:is(.hero .hero-nav) .hero-nav-list{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;row-gap:.15rem}:is(:is(.hero .hero-nav) .hero-nav-list) .hero-nav-item{color:var(--color-white);display:inline-block;opacity:.5;transition:opacity .3s var(--ease);white-space:nowrap}.active:is(:is(:is(.hero .hero-nav) .hero-nav-list) .hero-nav-item),:is(:is(:is(.hero .hero-nav) .hero-nav-list) .hero-nav-item):hover{opacity:1}@media screen and (max-width:768px) and (orientation:portrait){.hero .layout{min-height:8rem;padding-top:2rem}.hero .hero-nav{flex-wrap:nowrap;gap:0;overflow:hidden;width:100%}:is(.hero .hero-nav) .hero-nav-main{width:fit-content}:is(.hero .hero-nav) .hero-nav-separator{flex-shrink:0;margin-left:.2rem;position:relative}:is(:is(.hero .hero-nav) .hero-nav-separator):after{background:linear-gradient(90deg,#000,transparent);content:"";height:.3rem;pointer-events:none;position:absolute;right:-.3rem;top:50%;transform:translateY(-50%);user-select:none;width:.3rem;z-index:1}:is(.hero .hero-nav) .hero-nav-list{align-items:center;display:flex;flex-wrap:nowrap;gap:.3rem;overflow-y:auto;padding-left:.2rem;width:fit-content}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}