.composition.svelte-18wn41g{--card-h: 42vh;--card-w: calc(var(--card-h) * 4 / 5);--gap: clamp(1.25rem, 3.2vw, 3rem);--group-w: calc(3 * var(--card-w) + 2 * var(--gap));position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--group-w);will-change:transform,opacity}.composition-inner.svelte-18wn41g{position:absolute;inset:0;transform:translateZ(0);will-change:transform}.brand-mark.svelte-18wn41g{position:absolute;top:clamp(3rem,8vh,7rem);left:0;display:flex;align-items:center;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.brand-mark__logo.svelte-18wn41g{width:clamp(9.75rem,17.8vw,14.5rem);height:auto;pointer-events:none}.brand-mark__name.svelte-18wn41g{position:relative;top:.2vh;font-family:Bitter Variable,Bitter,serif;font-weight:500;font-size:clamp(2.5rem,4.5vw,3.75rem);letter-spacing:.01em;line-height:1}.heroes.svelte-18wn41g{position:absolute;top:30%;left:0;right:0;height:var(--card-h);display:flex;align-items:stretch;justify-content:space-between}.hero.svelte-18wn41g{position:relative;height:100%;aspect-ratio:4 / 5;min-width:0;border-radius:.5rem;border:1px solid transparent;background:radial-gradient(120% 90% at 50% 0%,#2a3a60 0%,transparent 70%),linear-gradient(180deg,#1a2440,#0d1428);display:grid;place-items:center;text-align:center;text-decoration:none;color:var(--text);padding:1.25rem;filter:brightness(.92) saturate(.95);transition:border-color .18s ease}.hero.svelte-18wn41g:hover,.hero.svelte-18wn41g:focus-visible{border-color:#96beebb3;outline:none}.hero__name.svelte-18wn41g{font-family:Bitter Variable,Bitter,serif;font-size:clamp(.95rem,1.4vw,1.4rem);font-weight:600;letter-spacing:.01em;line-height:1.2}