.page:where(.astro-ejmsv2pg){display:grid;grid-template:"fv" max-content "statement" max-content "feature-video" max-content "pick-up" max-content / 1fr}:where(.page):where(.astro-ejmsv2pg){.fv {grid-area: fv;} .statement {grid-area: statement; padding-block-start: calc(var(--vw) * 50); @media screen and (min-width: 768px) {padding-block-start: calc(var(--vw) * 120); padding-inline: calc(var(--vw) * 20);}} .feature-video {grid-area: feature-video; padding-block-start: calc(var(--vw) * 120); padding-inline: calc(var(--vw) * 16); display: flex; flex-direction: column; gap: calc(var(--vw) * 40); align-items: center; @media screen and (min-width: 768px) {padding-block-start: calc(var(--vw) * 180); padding-inline: calc(var(--vw) * 240);} .title {font-size: calc(var(--rem) * 24); line-height: var(--leading-none); letter-spacing: var(--tracking-wide); font-weight: var(--font-medium); @media screen and (min-width: 768px) {font-size: calc(var(--rem) * 34);}} .button {display: flex; flex-direction: column; align-items: center; justify-items: center; gap: calc(var(--vw) * 40);} :where(.button) {.thumbnail-wrapper {position: relative; .thumbnail {@media screen and (min-width: 768px) {width: calc(960 / var(--comp-w) * 100vw);}} .play-button {position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: calc(var(--vw) * 64); @media screen and (min-width: 768px) {width: calc(var(--vw) * 100);}}}}} .pick-up {grid-area: pick-up;}}