section.hx{--hi-a:hsl(calc(var(--th) + 354) calc(100% * var(--ts)) 78%);--hi-soft:hsl(calc(var(--th) + 354) calc(60% * var(--ts)) 92%/0.78);--hi-hair:hsl(calc(var(--th) + 354) calc(60% * var(--ts)) 85%/0.16);padding:12px;color:#fff}.hx-panel{--u:min(1vw,1.6vh);position:relative;z-index:0;display:flex;min-height:calc(100vh - 24px);align-items:flex-end;overflow:hidden;border-radius:28px;background:radial-gradient(70% 60% at 0 0,hsl(calc(var(--th) + 350) calc(60% * var(--ts)) 13%),transparent 70%),hsl(calc(var(--th) + 352) calc(55% * var(--ts)) 6%);padding:6rem clamp(1.8rem,4vw,4rem) clamp(6.5rem,14vh,9rem)}.hx-head{position:relative;z-index:20;max-width:calc(var(--u) * 42)}.hx-head>*{animation:hx-up .9s cubic-bezier(.22,1,.36,1) backwards}.hx-head>:nth-child(2){animation-delay:.08s}.hx-head>:nth-child(3){animation-delay:.18s}@keyframes hx-up{0%{opacity:0;transform:translateY(22px)}}.hx-tag{display:inline-block;margin:0 0 1.4rem;padding:.4rem 1rem;border:1px solid var(--hi-hair);border-radius:999px;color:var(--hi-a);font-size:.875rem;font-weight:500}.hx-title{margin:0;font-size:max(2.4rem,calc(var(--u) * 3.6));font-weight:500;letter-spacing:-.03em;line-height:1.1}.hx-title span{color:rgb(255 255 255/.55)}.hx-text{max-width:calc(var(--u) * 31);margin:1.6rem 0 0;color:var(--hi-soft);font-size:max(1.0625rem,calc(var(--u) * 1.2));line-height:1.65}.hx-orbit{position:absolute;right:15%;bottom:21%;width:0;height:0;pointer-events:none}.hx-halo{position:absolute;top:0;left:0;z-index:11;width:calc(var(--u) * 90);height:calc(var(--u) * 90);margin:calc(var(--u) * -45) 0 0 calc(var(--u) * -45);border-radius:50%;background:radial-gradient(circle,hsl(calc(var(--th) + 336) calc(100% * var(--ts)) 74%/.5) 0,hsl(calc(var(--th) + 336) calc(95% * var(--ts)) 68%/.38) 8%,hsl(calc(var(--th) + 336) calc(90% * var(--ts)) 62%/.25) 17%,hsl(calc(var(--th) + 338) calc(85% * var(--ts)) 56%/.14) 28%,hsl(calc(var(--th) + 340) calc(80% * var(--ts)) 50%/.06) 40%,hsl(calc(var(--th) + 342) calc(75% * var(--ts)) 45%/.02) 52%,transparent 64%);filter:blur(18px);opacity:.7;transition:opacity .7s}.hx-orbit{transition:transform .9s cubic-bezier(.22,1,.36,1)}.hx-ring{position:absolute;top:0;left:0;z-index:calc(10 - var(--k));width:calc(var(--u) * (20.8 + var(--k) * 9.7));height:calc(var(--u) * (10.4 + var(--k) * 8.7));border-radius:999px;background:hsl(calc(var(--th) + 336 + var(--k) * 3) calc((90% - var(--k) * 4%) * var(--ts)) calc(62% - var(--k) * 9.1%));transform:translate(-50%,-50%);animation:hx-ring 6s calc(var(--k) * -.7s) ease-in-out infinite alternate}@keyframes hx-ring{to{transform:translate(-50%,-50%) scale(1.03)}}.hx-go{position:absolute;right:15%;bottom:21%;z-index:20;display:inline-flex;align-items:center;height:3.6rem;padding:0 2.5rem;border-radius:999px;background:rgb(255 255 255/.94);box-shadow:0 14px 40px -8px rgb(0 0 0/.4),inset 0 0 0 1px rgb(255 255 255/.9);color:hsl(calc(var(--th) + 350) calc(60% * var(--ts)) 12%);font-size:.9375rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transform:translate(50%,50%);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.hx-go:after{content:"→";margin-left:.9rem;font-size:1.1rem;transition:transform .4s cubic-bezier(.22,1,.36,1)}.hx-go:focus-visible,.hx-go:hover{box-shadow:0 0 0 8px hsl(calc(var(--th) + 336) calc(100% * var(--ts)) 80%/.2),0 0 64px 6px hsl(calc(var(--th) + 336) calc(100% * var(--ts)) 70%/.65),inset 0 0 0 1px #fff;transform:translate(50%,50%) scale(1.05)}.hx-go:focus-visible:after,.hx-go:hover:after{transform:translateX(5px)}.hx-panel:has(.hx-go:focus-visible) .hx-orbit,.hx-panel:has(.hx-go:hover) .hx-orbit{transform:scale(1.06)}.hx-panel:has(.hx-go:focus-visible) .hx-halo,.hx-panel:has(.hx-go:hover) .hx-halo{opacity:1}.hx-rec{display:flex;align-items:center;gap:1.2rem;margin-top:clamp(1.4rem,3vh,2.2rem)}.hx-rec p{margin:0;color:var(--hi-soft);font-size:.875rem;letter-spacing:.16em;text-transform:uppercase}.hx-rec ul{display:flex;align-items:center;gap:.9rem;margin:0;padding:0;list-style:none}.hx-rec li{display:grid;place-items:center;padding:.6rem 1.3rem;border:1px solid hsl(calc(var(--th) + 340) calc(80% * var(--ts)) 88%/.24);border-radius:999px;background:linear-gradient(150deg,hsl(calc(var(--th) + 336) calc(75% * var(--ts)) 56%/.34),hsl(calc(var(--th) + 346) calc(60% * var(--ts)) 24%/.6));box-shadow:inset 0 1px 0 rgb(255 255 255/.34),inset 0 0 24px hsl(calc(var(--th) + 330) calc(90% * var(--ts)) 72%/.12)}.hx-rec img{display:block;width:auto;height:2.4rem;max-width:8.5rem;object-fit:contain}@media (prefers-reduced-motion:reduce){.hx-head>*,.hx-ring{animation:none!important}}@media (max-width:1023.98px){:root .hx-panel{padding:6rem 1.3rem 17rem}.hx-go,.hx-orbit{right:50%;bottom:7rem}.hx-ring{width:calc(180px + var(--k) * 120px);height:calc(100px + var(--k) * 100px)}.hx-title{font-size:clamp(2.2rem,8.6vw,3.4rem)}.hx-rec{flex-wrap:wrap}}