:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-article-focus{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);padding-top:200px;padding-bottom:240px;width:100%}.block__vauxhall-article-focus .wrapper{max-width:var(--container-width);width:100%}.block__vauxhall-article-focus .wrapper .card{background:var(--color-surface-secondary);min-height:580px;padding:var(--spacing-lg) var(--spacing-md);transform:rotate(calc(min(1,var(--scroll-progress) * 2) * 8deg - 4deg));border-radius:8px;display:flex;align-items:center;position:relative}.block__vauxhall-article-focus .wrapper .card:has(.pos-bottom){transform:rotate(calc(min(1,var(--scroll-progress) * 2) * -8deg + 4deg))}.block__vauxhall-article-focus .wrapper .card:not(:has(.pos-bottom)) .cta-holder .cta{margin-left:auto;margin-right:30px}.block__vauxhall-article-focus .wrapper .card:not(:has(.pos-bottom)) .media{top:auto;bottom:var(--spacing-sm)}.block__vauxhall-article-focus .wrapper .card .media{aspect-ratio:1/1;width:361px;border-radius:8px;overflow:hidden;margin-left:auto;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.block__vauxhall-article-focus .wrapper .card .media img,.block__vauxhall-article-focus .wrapper .card .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__vauxhall-article-focus .wrapper .card .illustration{height:100%;aspect-ratio:1/1;max-width:50%;background-size:contain!important;position:absolute;left:50%;top:0}.block__vauxhall-article-focus .wrapper .card .illustration.dancing-couple{background:url(illustrations/dancing-couple.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.another-striding-couple{background:url(illustrations/another-striding-couple.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.blimp-man{background:url(illustrations/blimp-man.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.boy-on-a-ball{background:url(illustrations/boy-on-a-ball.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.dancer{background:url(illustrations/dancer.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.dancing-lady-in-dress{background:url(illustrations/dancing-lady-in-dress.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.lady-with-musical-notation{background:url(illustrations/lady-with-musical-notation.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.lion-tamer{background:url(illustrations/lion-tamer.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.rearing-horse-and-lady{background:url(illustrations/rearing-horse-and-lady.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .illustration.striding-couple{background:url(illustrations/striding-couple.png) no-repeat center center}.block__vauxhall-article-focus .wrapper .card .cta-holder{position:absolute;bottom:-70px;width:100%;left:0;display:flex;align-items:start}.block__vauxhall-article-focus .wrapper .card .cta-holder .cta{position:relative;z-index:1}.block__vauxhall-article-focus .wrapper .card .cta-holder .cta .cta-button{--button-background:var(--color-vauxhall-yellow);--button-color:var(--color-text-highlight);padding:7px 15px;background:var(--button-background);border-radius:2px;font:var(--type-b2);font-size:16px;line-height:normal;text-transform:uppercase;color:var(--button-color);display:inline-block;transition:transform .3s ease-out;font-weight:700;font-weight:700}.block__vauxhall-article-focus .wrapper .card .cta-holder .cta .cta-button:hover{transform:rotate(-10deg)}.block__vauxhall-article-focus .wrapper .card .cta-holder .cta .cta-end{width:37px;height:37px;right:-30px;bottom:-20px;position:absolute;z-index:-1;background:var(--color-vauxhall-pink) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDE1IDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMy4yMzUyMyAxLjIyMjQxTDEyLjUxMzMgMTEuODk1NkwxLjg0MDEgMjEuMTczNyIgc3Ryb2tlPSIjRkZENjAwIiBzdHJva2Utd2lkdGg9IjMuNSIvPgo8L3N2Zz4=) no-repeat center center;transition:transform .3s ease;border-radius:2px}.block__vauxhall-article-focus .wrapper .card .cta-holder .cta:hover .cta-end{transform:translateX(5px)}.block__vauxhall-article-focus .wrapper .card .section-text{position:absolute;top:0;right:0;font:var(--type-h2);text-transform:uppercase;margin-left:-50px;margin-top:-87px}.block__vauxhall-article-focus .wrapper .card .section-text.pos-bottom{top:auto;bottom:0;margin-bottom:-87px}.block__vauxhall-article-focus .wrapper .card .section-text.pos-bottom h2{align-items:end}.block__vauxhall-article-focus .wrapper .card .section-text.pos-bottom h2 span:first-child{margin-right:50px}.block__vauxhall-article-focus .wrapper .card .section-text.pos-bottom h2 span:nth-child(2){margin-left:0}.block__vauxhall-article-focus .wrapper .card .section-text h2{display:flex;flex-direction:column;align-items:start}.block__vauxhall-article-focus .wrapper .card .section-text h2 span{display:block;padding:0 20px}.block__vauxhall-article-focus .wrapper .card .section-text h2 span:first-child{color:var(--color-vauxhall-yellow);background:var(--color-vauxhall-pink)}.block__vauxhall-article-focus .wrapper .card .section-text h2 span:nth-child(2){color:var(--color-vauxhall-green);background:var(--color-vauxhall-blue);margin-left:50px}.block__vauxhall-article-focus .wrapper .card .text-content{max-width:50%;width:100%}.block__vauxhall-article-focus .wrapper .card .text-content h3{font:var(--type-h1);color:var(--color-text-highlight);text-transform:uppercase;margin-bottom:60px}.block__vauxhall-article-focus .wrapper .card .text-content p{font:var(--type-b1);color:var(--color-text-primary);vertical-align:middle}.block__vauxhall-article-focus .wrapper .card .text-content p .click-through{font-size:0;width:32px;height:32px;vertical-align:middle;background:var(--color-vauxhall-yellow) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDE0IDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi40OTUyNCAxLjY0OTQxTDExLjMwOTQgMTEuNzg5TDEuMTY5ODcgMjAuNjAzMSIgc3Ryb2tlPSIjRUI1ODkzIiBzdHJva2Utd2lkdGg9IjMuNSIvPgo8L3N2Zz4=) no-repeat center center;display:inline-block;margin-left:var(--spacing-sm);border-radius:2px;transition:transform .3s ease}.block__vauxhall-article-focus .wrapper .card .text-content p .click-through:hover{transform:rotate(-4deg) scale(1.2)}@media screen and (min-width:1920px) and (max-height:930px){.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus){margin-bottom:100px!important;padding-bottom:170px}.block__vauxhall-article-focus .wrapper .card{padding:var(--spacing-md);height:auto;max-height:680px;min-height:calc(100vh - 350px)}.block__vauxhall-article-focus .wrapper .card .illustration{aspect-ratio:1/1;height:100%;width:auto}.block__vauxhall-article-focus .wrapper .card .text-content h3{font-size:80px;line-height:86px;margin-bottom:20px}.block__vauxhall-article-focus .wrapper .card .media{width:280px}}@media screen and (max-width:1279px){.block__vauxhall-article-focus{padding:var(--spacing-md) 20px;padding-top:100px}.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus){padding-bottom:100px!important}.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus):has(.cta){margin-bottom:150px}.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus):has(.cta):has(.section-text.pos-bottom){margin-bottom:180px}.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus):has(.cta):has(.section-text.pos-bottom) .wrapper .card .cta-holder{bottom:-60px}.block__vauxhall-article-focus:has(+.block__vauxhall-article-focus):has(.section-text.pos-bottom){margin-bottom:120px}.block__vauxhall-article-focus:has(.cta){padding-bottom:150px}.block__vauxhall-article-focus:has(.cta):has(.section-text.pos-bottom){padding-bottom:180px}.block__vauxhall-article-focus:has(.cta):has(.section-text.pos-bottom) .wrapper .card .cta-holder{bottom:-120px}.block__vauxhall-article-focus:has(.section-text.pos-bottom){padding-bottom:120px}.block__vauxhall-article-focus .wrapper{padding:0 10px}.block__vauxhall-article-focus .wrapper .card{flex-direction:column;padding:0 19px;padding-top:70px;height:auto;padding-bottom:20px!important}.block__vauxhall-article-focus .wrapper .card:has(.media){padding-bottom:calc(60vw - 20px)}.block__vauxhall-article-focus .wrapper .card .media{width:100%;height:140px;position:static}.block__vauxhall-article-focus .wrapper .card:has(.section-text.pos-bottom){padding-top:20px!important;padding-bottom:65px!important}.block__vauxhall-article-focus .wrapper .card:has(.section-text.pos-bottom) .text-content{order:1;margin-top:20px}.block__vauxhall-article-focus .wrapper .card:has(.section-text.pos-bottom) .text-content h3{margin-bottom:0}.block__vauxhall-article-focus .wrapper .card .illustration{position:static;aspect-ratio:1/1;width:100%;height:auto;background-position:top center!important;background-size:cover!important;max-height:40vh}.block__vauxhall-article-focus .wrapper .card .text-content{max-width:100%}.block__vauxhall-article-focus .wrapper .card .text-content h3{font-size:40px;line-height:48px;margin-bottom:20px}.block__vauxhall-article-focus .wrapper .card .text-content p{display:none}.block__vauxhall-article-focus .wrapper .card .section-text{margin-top:-50px}.block__vauxhall-article-focus .wrapper .card .section-text.pos-bottom{margin-bottom:-50px}.block__vauxhall-article-focus .wrapper .card .section-text h2 span{padding:0 10px}}