.page-billboard{position:relative;isolation:isolate;height:7rem;overflow:hidden;box-shadow:inset 0 -6px #00000059;--billboard-accent: #c4b5fd}@media(min-width:40rem){.page-billboard{height:10.75rem}}.page-billboard--bleed{width:calc(100% + var(--rail-slack));margin-left:calc(-1 * var(--rail-slack))}.page-billboard--hall,.page-billboard--forum{background:#2a1f6e url(/patterns/hall-banniere-nuit-8-bits.svg) no-repeat;background-position:calc(50% + var(--rail-slack) / 2) bottom;background-size:calc(100% - var(--rail-slack) + 5rem) 100%;box-shadow:inset 0 -6px #0f0d2e}.page-billboard--press{--billboard-accent: var(--hero-accent)}.page-billboard>.hero-banner{position:absolute;inset:0;z-index:-1}.page-billboard__copy{position:absolute;inset:0;padding-left:var(--rail-slack);pointer-events:none}.page-billboard__headline{display:flex;height:100%;max-width:var(--page-feed-width);margin-inline:auto;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-align:center;padding:3.25rem 1rem 0}.page-billboard__eyebrow{display:none;border-left:2px solid var(--billboard-accent);padding-left:.6rem;color:var(--billboard-accent);font-family:Barlow Condensed,Rajdhani,sans-serif;font-size:.75rem;font-weight:600;line-height:1.2;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 3px rgb(0 0 0 / .6);transition:color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}.page-billboard__title{margin:0;color:#fffffff0;font-family:Bebas Neue,Belmont,sans-serif;font-size:1.4rem;font-weight:400;line-height:.95;letter-spacing:2px;text-shadow:0 2px 14px rgb(0 0 0 / .55)}.page-billboard__prefix,.page-billboard__word{display:block}@media(min-width:40rem){.page-billboard__eyebrow{display:block}.page-billboard__headline{gap:.35rem;padding:0 1rem}.page-billboard__title{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1;white-space:nowrap}}@keyframes page-billboard-ring{0%{background-position:0% 50%}to{background-position:100% 50%}}.page-billboard__action{display:none;margin-top:.35rem;padding:2px;border:0;background:linear-gradient(90deg,#5865f2,#9b84f3,#eb459e,#5865f2) 0% 50% / 320% 100%;box-shadow:0 0 22px #5865f280,0 6px 18px #00000047;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));cursor:pointer;pointer-events:auto;text-decoration:none;animation:page-billboard-ring 3.5s linear infinite;transition:transform .22s cubic-bezier(.22,1,.36,1)}.page-billboard__action>span{display:block;padding:.45rem 1.4rem;background-color:#e8eaf4;color:#1e2124;font-family:Barlow Condensed,Rajdhani,sans-serif;font-size:.8125rem;font-weight:700;line-height:1.2;letter-spacing:2px;text-transform:uppercase;transition:background-color .16s ease-out,color .16s ease-out}.page-billboard__action:hover{transform:translateY(-1px)}.page-billboard__action:hover>span,.page-billboard__action:focus-visible>span{background-color:#5865f2;color:#fff}.page-billboard__action:focus-visible{outline:2px solid rgb(255 255 255 / .85);outline-offset:3px}@media(min-width:40rem){.page-billboard__action{display:inline-block}}@media(prefers-reduced-motion:reduce){.page-billboard__action{animation:none;background-position:50% 50%;transition:none}}.page-billboard__corner{position:absolute;width:14px;height:14px;border-color:var(--billboard-accent);pointer-events:none;transition:border-color .42s cubic-bezier(.22,1,.36,1)}.page-billboard__corner--tl{top:8px;left:8px;border-top:2px solid;border-left:2px solid}.page-billboard__corner--tr{top:8px;right:8px;border-top:2px solid;border-right:2px solid}.page-billboard__corner--bl{bottom:8px;left:8px;border-bottom:2px solid;border-left:2px solid}.page-billboard__corner--br{bottom:8px;right:8px;border-bottom:2px solid;border-right:2px solid}.page-intro-bar .feed-filter-inner{max-width:var(--page-intro-width)}@media(min-width:40rem){.page-intro-bar .feed-filter-inner{padding-inline:1.5rem}}.page-intro-bar--in-band{width:100%;margin-left:0}.hero-banner,.page-billboard--press{--hero-hub: #1e2732;--hero-accent: #64748b;--hero-accent-2: #94a3b8;--hero-bg-end: #090d12;--hero-border: color-mix(in srgb, var(--hero-hub) 70%, white 10%);--hero-text-muted: rgba(196, 181, 253, .65)}[data-content-mode=gaming] .hero-banner,[data-content-mode=gaming] .page-billboard--press{--hero-hub: #002678;--hero-accent: #4d80d0;--hero-accent-2: #3b82f6;--hero-bg-end: #010615}[data-content-mode=tech] .hero-banner,[data-content-mode=tech] .page-billboard--press{--hero-hub: #007a59;--hero-accent: #10b981;--hero-accent-2: #34d399;--hero-bg-end: #010d09;--hero-border: rgba(0, 122, 89, .35);--hero-text-muted: rgba(134, 239, 172, .65)}[data-content-mode=indie] .hero-banner,[data-content-mode=indie] .page-billboard--press{--hero-hub: #9c6108;--hero-accent: #a8811a;--hero-accent-2: #a8811a;--hero-bg-end: #130a00;--hero-border: rgba(156, 97, 8, .34);--hero-text-muted: rgba(254, 215, 170, .65)}[data-content-mode=esport] .hero-banner,[data-content-mode=esport] .page-billboard--press{--hero-hub: #8c1f1f;--hero-accent: #a34a4a;--hero-accent-2: #a34a4a;--hero-bg-end: #140000;--hero-border: rgba(140, 31, 31, .34);--hero-text-muted: rgba(254, 165, 165, .65)}[data-content-mode=learn] .hero-banner,[data-content-mode=learn] .page-billboard--press{--hero-hub: #7c3aed;--hero-accent: #a78bfa;--hero-accent-2: #8b5cf6;--hero-bg-end: #10051f;--hero-border: rgba(124, 58, 237, .38);--hero-text-muted: rgba(221, 214, 254, .7)}.hero-banner{position:relative;width:100%;height:100%;background-color:var(--hero-bg-end);background-image:radial-gradient(ellipse 78% 105% at 14% 42%,color-mix(in srgb,var(--hero-hub) 82%,#08101b) 0%,color-mix(in srgb,var(--hero-hub) 36%,transparent) 48%,transparent 74%),radial-gradient(ellipse 55% 90% at 92% 68%,color-mix(in srgb,var(--hero-accent-2) 24%,transparent),transparent 72%),linear-gradient(112deg,color-mix(in srgb,var(--hero-hub) 54%,#04070c) 0%,color-mix(in srgb,var(--hero-hub) 22%,#04070c) 50%,var(--hero-bg-end) 100%);overflow:hidden;font-family:Barlow,Inter,sans-serif;transition:background .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}[data-content-mode=all] .hero-banner{background-image:radial-gradient(ellipse 45% 90% at 12% 25%,color-mix(in srgb,#3f6ac0 32%,transparent),transparent 70%),radial-gradient(ellipse 40% 80% at 85% 20%,color-mix(in srgb,#197e62 34%,transparent),transparent 70%),radial-gradient(ellipse 35% 70% at 30% 100%,color-mix(in srgb,#956921 34%,transparent),transparent 70%),radial-gradient(ellipse 35% 70% at 68% 95%,color-mix(in srgb,#c82b2c 24%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,#3f6ac0 18%,#070b12),color-mix(in srgb,#7c3aed 20%,#070b12))}.hero-banner__slash{position:absolute;top:-40px;right:28%;width:2px;height:400px;background:linear-gradient(180deg,transparent,var(--hero-accent) 30%,var(--hero-accent-2) 60%,transparent);transform:rotate(-20deg);opacity:.45;animation:heroPulse 3s ease-in-out infinite}.hero-banner__slash-2{right:26%;width:1px;opacity:.2;animation-delay:.5s}@keyframes heroPulse{0%,to{opacity:.45}50%{opacity:.85}}.hero-banner__orb{position:absolute;border-radius:50%;filter:blur(60px);transition:background-color .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1)}.hero-banner__orb-1{width:220px;height:220px;background:#4d80d033;top:-60px;left:-50px}.hero-banner__orb-2{width:160px;height:160px;background:#2994cc1f;bottom:-50px;left:18%}.hero-banner__orb-3{width:260px;height:160px;background:#3b82f61a;top:20px;right:-20px}[data-content-mode=tech] .hero-banner__orb-1{background:#06b6d433}[data-content-mode=tech] .hero-banner__orb-2{background:#22d3ee1f}[data-content-mode=tech] .hero-banner__orb-3{background:#0ea5e91a}[data-content-mode=indie] .hero-banner__orb-1{background:#9a761433}[data-content-mode=indie] .hero-banner__orb-2{background:#855d0e1f}[data-content-mode=indie] .hero-banner__orb-3{background:#8f51101a}[data-content-mode=esport] .hero-banner__orb-1{background:#a34a4a33}[data-content-mode=esport] .hero-banner__orb-2{background:#9c34341f}[data-content-mode=esport] .hero-banner__orb-3{background:#9128281a}[data-content-mode=learn] .hero-banner__orb-1{background:#8b5cf638}[data-content-mode=learn] .hero-banner__orb-2{background:#a78bfa24}[data-content-mode=learn] .hero-banner__orb-3{background:#7c3aed1f}.hero-banner__motto{position:absolute;right:0;top:50%;transform:translateY(-50%);width:45%;max-width:360px;min-width:200px;display:flex;flex-direction:column;align-items:flex-end;gap:0;z-index:1;pointer-events:none}.hero-banner__motto-line{font-family:Bebas Neue,Belmont,sans-serif;font-size:clamp(24px,4.5vw,52px);line-height:.95;letter-spacing:3px;color:#ffffff38;text-shadow:0 0 40px rgba(77,128,208,.2);white-space:nowrap;transition:color .42s cubic-bezier(.22,1,.36,1),text-shadow .42s cubic-bezier(.22,1,.36,1)}.hero-banner__motto-line--1{align-self:flex-start;margin-right:30%}.hero-banner__motto-line--2{align-self:center}.hero-banner__motto-line--3{align-self:flex-end;margin-left:30%}[data-content-mode=tech] .hero-banner__motto-line{text-shadow:0 0 60px rgba(6,182,212,.25)}.hero-banner__hex{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:500px;height:320px;opacity:.065;color:var(--hero-accent);mix-blend-mode:soft-light;mask-image:linear-gradient(90deg,transparent 0%,black 28%,black 60%,transparent 88%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 28%,black 60%,transparent 88%);transition:color .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1)}.hero-banner__hex svg{width:100%;height:100%}.hero-banner__logo-glow{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:280px;height:280px;background:radial-gradient(ellipse,rgba(77,128,208,.15) 0%,transparent 70%)}.hero-banner__model-wrap{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:280px;height:280px;overflow:visible;background:transparent;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--hero-accent) 30%,transparent));z-index:2;transition:filter .42s cubic-bezier(.22,1,.36,1)}.hero-banner__model-angle{width:100%;height:100%;transform:rotateY(0) rotateX(0) rotate(0);transform-style:preserve-3d}.hero-banner__model{width:100%;height:100%;--poster-color: transparent;background:transparent!important;filter:brightness(.95) saturate(1.05)}[data-content-mode=tech] .hero-banner__logo-glow{background:radial-gradient(ellipse,rgba(6,182,212,.18) 0%,transparent 70%)}@keyframes heroModelWave{0%,to{transform:translateY(-50%) translateY(2px)}25%{transform:translateY(-50%) translate(3px,-1px)}50%{transform:translateY(-50%) translate(-2px,3px)}75%{transform:translateY(-50%) translate(2px,-2px)}}@keyframes heroLogoLight{0%,to{filter:brightness(.75)}50%{filter:brightness(1.5)}}.hero-banner__waves{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-banner__waves-svg{position:absolute;bottom:0;left:-15%;width:130%;height:60%;min-height:80px}.hero-banner__wave{fill:color-mix(in srgb,var(--hero-hub) 6%,transparent);stroke:color-mix(in srgb,var(--hero-accent) 14%,transparent);stroke-width:.5;animation:heroWaveFlow1 14s ease-in-out infinite;transition:fill .42s cubic-bezier(.22,1,.36,1),stroke .42s cubic-bezier(.22,1,.36,1)}.hero-banner__wave-2{animation:heroWaveFlow2 11s ease-in-out infinite;animation-delay:-3s;fill:color-mix(in srgb,var(--hero-accent) 5%,transparent);stroke:color-mix(in srgb,var(--hero-accent-2) 11%,transparent)}.hero-banner__wave-3{animation:heroWaveFlow3 13s ease-in-out infinite;animation-delay:-6s;fill:color-mix(in srgb,var(--hero-accent-2) 5%,transparent);stroke:color-mix(in srgb,var(--hero-accent) 11%,transparent)}@keyframes heroWaveFlow1{0%,to{transform:translate3d(-2%,0,0) scaleY(1)}50%{transform:translate3d(3%,-4%,0) scaleY(1.12)}}@keyframes heroWaveFlow2{0%,to{transform:translate3d(2%,2%,0) scaleY(1.08)}50%{transform:translate3d(-3%,-3%,0) scaleY(.92)}}@keyframes heroWaveFlow3{0%,to{transform:translate3d(-1%,3%,0) scaleY(.96)}50%{transform:translate3d(3%,-5%,0) scaleY(1.1)}}.hero-banner__motto,.hero-banner__motto-line,.hero-banner__model-wrap,.hero-banner__waves,.hero-banner__orb,.hero-banner__slash,.hero-banner__hex{opacity:0;animation-play-state:paused}.hero-banner[data-in-view] .hero-banner__motto{animation:heroFadeIn .5s ease .15s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__motto-line--1{animation:heroFadeInMottoLine .5s ease .2s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__motto-line--2{animation:heroFadeInMottoLine .5s ease .45s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__motto-line--3{animation:heroFadeInMottoLine .5s ease .7s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__model-wrap{animation:heroFadeInRight .8s ease .25s both,heroModelWave 11s ease-in-out 1.05s infinite;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__waves{animation:heroFadeIn .5s ease .1s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__orb{animation:heroFadeIn .6s ease both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__slash{animation:heroFadeIn .5s ease .15s both;animation-play-state:running}.hero-banner[data-in-view] .hero-banner__hex{animation:heroFadeIn .6s ease .2s both;animation-play-state:running}@keyframes heroFadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes heroFadeInRight{0%{opacity:0;transform:translateY(-50%) translate(24px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes heroFadeInMottoLine{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}