.codex-spread.svelte-1uha8ag{grid-template-columns:1fr 1fr;grid-template-areas:"one one""two three""four five";gap:.5rem;display:grid}.codex-spread.svelte-1uha8ag>div:where(.svelte-1uha8ag){min-height:0}.area-one.svelte-1uha8ag{aspect-ratio:4/5;grid-area:one}.area-two.svelte-1uha8ag{aspect-ratio:1;grid-area:two}.area-three.svelte-1uha8ag{aspect-ratio:1;grid-area:three}.area-four.svelte-1uha8ag{aspect-ratio:1;grid-area:four}.area-five.svelte-1uha8ag{aspect-ratio:1;grid-area:five}@media (width>=768px){.codex-spread.svelte-1uha8ag{grid-template:"one two three"3fr"one four five"2fr/5fr 2fr 2fr;gap:.75rem;height:600px}.area-one.svelte-1uha8ag,.area-two.svelte-1uha8ag,.area-three.svelte-1uha8ag,.area-four.svelte-1uha8ag,.area-five.svelte-1uha8ag{aspect-ratio:auto}}@media (width>=1024px){.codex-spread.svelte-1uha8ag{height:680px}}.codex-tile.svelte-1uha8ag{box-shadow:0 30px 60px -25px color-mix(in oklab, var(--color-ember-blaze), transparent 60%), 0 12px 24px -10px color-mix(in oklab, var(--color-ember-void), transparent 30%), inset 0 1px 0 0 color-mix(in oklab, var(--color-ember-copper), transparent 60%);transition:box-shadow .4s}.codex-tile.svelte-1uha8ag:hover{box-shadow:0 40px 80px -25px color-mix(in oklab, var(--color-ember-flame), transparent 50%), 0 16px 32px -10px color-mix(in oklab, var(--color-ember-void), transparent 20%), 0 0 0 1px color-mix(in oklab, var(--color-ember-flame), transparent 40%)}.codex-tile--featured.svelte-1uha8ag{box-shadow:0 40px 80px -20px color-mix(in oklab, var(--color-ember-blaze), transparent 50%), 0 16px 32px -10px color-mix(in oklab, var(--color-ember-void), transparent 25%), inset 0 1px 0 0 color-mix(in oklab, var(--color-ember-copper), transparent 50%), inset 0 0 0 1px color-mix(in oklab, var(--color-ember-flame), transparent 75%)}.codex-tile--featured.svelte-1uha8ag:hover{box-shadow:0 50px 100px -25px color-mix(in oklab, var(--color-ember-flame), transparent 40%), 0 20px 40px -10px color-mix(in oklab, var(--color-ember-void), transparent 20%), 0 0 0 1px color-mix(in oklab, var(--color-ember-flame), transparent 30%)}.codex-pip.svelte-1uha8ag{letter-spacing:.05em;width:1.75rem;height:1.75rem;font-size:.7rem}.codex-pip--featured.svelte-1uha8ag{border-width:1px;border-color:color-mix(in oklab, var(--color-ember-flame), transparent 30%);width:2.5rem;height:2.5rem;color:var(--color-ember-glow);font-size:1rem}@media (prefers-reduced-motion:reduce){.codex-tile.svelte-1uha8ag{transition:none}.codex-tile.svelte-1uha8ag img:where(.svelte-1uha8ag),.codex-tile.svelte-1uha8ag [class*=bg-ember-forge]:where(.svelte-1uha8ag){transition:none;transform:none!important}}