@media screen and (max-width: 640px){.why-phaser{padding:var(--spacing-outer);position:relative;display:flex;flex-direction:column;gap:var(--spacing-outer)}.why-phaser-header{align-self:flex-start;display:flex;flex-direction:column;gap:0}.why-phaser-header .subtitle{font-size:var(--font-size-m);line-height:1.3}.why-phaser-header-text{flex:1 0 85%}.why-phaser-header-illustration{width:70vw;aspect-ratio:1.147;height:auto;margin:0 auto 1em;position:relative}.why-phaser-header-illustration img{width:100%;height:auto}.why-phaser-header-illustration .why-phaser-header-illustration-bg{position:absolute;width:100%;height:auto;transform:translate(calc(5% + 5% * var(--scroll-delta))) translateY(calc(0% - 10% * var(--scroll-delta)))}.why-phaser-header-illustration .why-phaser-header-illustration-fg{position:absolute;width:100%;height:auto;left:0;top:0;transform:translate(calc(-5% - 5% * var(--scroll-delta))) translateY(calc(0% - 25% * var(--scroll-delta)))}.why-phaser-header-illustration:after{content:"";position:absolute;top:0;left:0;width:100%;height:30svh;background-image:radial-gradient(closest-side,var(--color-accent-dark) 0%,var(--color-black-zero) 100%);z-index:-1}.why-phaser-content-section{margin-bottom:2em}.why-phaser-content-section h3{margin:.5em 0}.why-phaser-content-section-icon{width:9vw}}@media screen and (min-width: 640.1px){.why-phaser{padding:var(--spacing-outer);position:relative}.why-phaser-header{width:50%;height:auto;gap:0;align-self:flex-start;position:sticky;top:calc(1.5 * var(--nav-height))}.why-phaser-header .subtitle{font-size:var(--font-size-m);line-height:1.3}.why-phaser-header-illustration{position:relative;pointer-events:none;width:66%;height:auto;aspect-ratio:1.4;margin-bottom:-1em}.why-phaser-header-illustration .why-phaser-header-illustration-bg{position:absolute;width:100%;height:auto;transform:translate(calc(0% + 1% * var(--mousex-delta))) translateY(calc(-10% + 1% * var(--mousey-delta) - 15% * var(--scroll-delta)))}.why-phaser-header-illustration .why-phaser-header-illustration-bg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.why-phaser-header-illustration .why-phaser-header-illustration-fg{width:100%;height:auto;position:absolute;left:0;top:0;transform:translate(calc(0% + 2% * var(--mousex-delta))) translateY(calc(-10% + 2% * var(--mousey-delta) - 20% * var(--scroll-delta)))}.why-phaser-header-illustration .why-phaser-header-illustration-fg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.why-phaser-header-illustration:after{content:"";position:absolute;top:-33.333vh;left:-27.5vw;width:55vw;height:100vh;background-image:radial-gradient(closest-side,var(--color-accent-dark) 0%,var(--color-black-zero) 100%);z-index:-1}.why-phaser-content{width:45%;margin-left:55%}.why-phaser-content-section{margin-bottom:2em}.why-phaser-content-section h3{margin:.5em 0}.why-phaser-content-section-icon{width:3vw}}