/* article-focus */
: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-md) 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:1274px){.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;min-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%;aspect-ratio:16/9;max-height:min(580px,80vh - 300px);position:static}}@media screen and (max-width:1274px) and (max-width:768px){.block__vauxhall-article-focus .wrapper .card .media{height:140px}}@media screen and (max-width:1274px){.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}}
/* newsletter-signup */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-newsletter-signup{padding:150px 0;padding-bottom:80px;background:var(--color-vauxhall-green);color:var(--color-text-primary);display:flex;justify-content:center;position:relative;overflow:hidden}.block__vauxhall-newsletter-signup .wrapper{max-width:var(--container-xl-max-width);width:100%}.block__vauxhall-newsletter-signup .wrapper .text{max-width:748px}.block__vauxhall-newsletter-signup .wrapper .text h2{font:var(--type-h3);margin-bottom:15px}.block__vauxhall-newsletter-signup .wrapper .text p{font:var(--type-b3);margin-bottom:45px}.block__vauxhall-newsletter-signup .wrapper .text form{position:relative;display:flex;flex-direction:column;align-items:start;gap:30px}.block__vauxhall-newsletter-signup .wrapper .text form input{font-family:"GT America";font-size:14px;font-style:normal;font-weight:400;line-height:25px;color:var(--color-text-primary);width:100%;display:block;padding:10px 0;border:none;outline:0;background:0 0;border-bottom:1px solid var(--color-text-primary);max-width:380px}.block__vauxhall-newsletter-signup .wrapper .text form input::-moz-placeholder{color:var(--color-text-primary)}.block__vauxhall-newsletter-signup .wrapper .text form input::placeholder{color:var(--color-text-primary)}.block__vauxhall-newsletter-signup .wrapper .text form button{border:none;border-radius:0;outline:0;margin-top:20px;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}.block__vauxhall-newsletter-signup .wrapper .text form button:hover{transform:rotate(-10deg)}.block__vauxhall-newsletter-signup .ball-boy{aspect-ratio:225/589;height:80%;position:absolute;background:url(ball-boy.png) no-repeat center center;background-size:contain;bottom:-16%;left:calc(50% + 100px);transform-origin:center 84%;transform:rotate(calc((var(--scroll-progress) - 1) * -180deg))}.block__vauxhall-newsletter-signup .bobber{position:absolute;top:0;height:60%;left:calc(50% + 400px)}.block__vauxhall-newsletter-signup .bobber .blimp-man{aspect-ratio:280/445;height:100%;background:url(blimp-man.png) no-repeat center center;background-size:contain;transform:translateY(-100%) translateX(-100px);transition:transform 2s ease-out;animation:none}.block__vauxhall-newsletter-signup.-scroll-complete .bobber{animation:bob 5s 2s ease-in-out infinite}@keyframes bob{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(0)}100%{transform:translateY(0) translateX(0)}}.block__vauxhall-newsletter-signup.-scroll-complete .bobber .blimp-man{transform:translateY(0) translateX(0)}@media screen and (max-width:1274px){.block__vauxhall-newsletter-signup{padding-top:200px}.block__vauxhall-newsletter-signup .ball-boy{top:calc(100% - 100px);left:auto;right:10px}.block__vauxhall-newsletter-signup .bobber{top:0;left:0;right:auto;bottom:auto;height:180px}}
/* page-hero */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-page-hero{padding-top:170px;position:relative;overflow-x:hidden;overflow-y:hidden}.block__vauxhall-page-hero .postcards{height:calc(100vh - var(--header-height));position:relative;background:var(--color-vauxhall-sand);margin-top:-200px;margin-bottom:200px;animation:hide-postcards 1s 2.5s ease-in-out forwards,opacity-postcards 1s 3.5s ease-out forwards}@keyframes hide-postcards{0%{margin-top:-200px}100%{margin-top:calc(-1 * (100vh - var(--header-height)) - 200px)}}@keyframes opacity-postcards{0%{opacity:1}100%{opacity:0}}.block__vauxhall-page-hero .postcards .postcard{position:absolute;top:calc(50% + 20vh);left:50%;transform:translate(-50%,-50%)}.block__vauxhall-page-hero .postcards .postcard.landscape{width:70vh}.block__vauxhall-page-hero .postcards .postcard.landscape:nth-child(1){transform:translate(-50%,-50%) rotate(-50deg)}.block__vauxhall-page-hero .postcards .postcard.landscape:nth-child(2){transform:translate(-50%,-50%) rotate(-62deg)}.block__vauxhall-page-hero .postcards .postcard.landscape:nth-child(3){transform:translate(-50%,-50%) rotate(-75deg)}.block__vauxhall-page-hero .postcards .postcard.landscape:nth-child(4){transform:translate(-50%,-50%) rotate(-68deg)}.block__vauxhall-page-hero .postcards .postcard.landscape img{width:100%}.block__vauxhall-page-hero .postcards .postcard.portrait{height:70vh}.block__vauxhall-page-hero .postcards .postcard.portrait:nth-child(1){transform:translate(-50%,-50%) rotate(10deg)}.block__vauxhall-page-hero .postcards .postcard.portrait:nth-child(2){transform:translate(-50%,-50%) rotate(28deg)}.block__vauxhall-page-hero .postcards .postcard.portrait:nth-child(3){transform:translate(-50%,-50%) rotate(25deg)}.block__vauxhall-page-hero .postcards .postcard.portrait:nth-child(4){transform:translate(-50%,-50%) rotate(32deg)}.block__vauxhall-page-hero .postcards .postcard.portrait img{height:100%}.block__vauxhall-page-hero .postcards .postcard:nth-child(1){animation:move-1 1s 1s ease-in-out forwards}@keyframes move-1{100%{transform:translate(-50%,-50%) translate(calc(-50vw + 40%),-50vh) rotate(2deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(2){animation:move-2 1s 1s ease-in-out forwards}@keyframes move-2{100%{transform:translate(-50%,-50%) translate(calc(50vw - 40%),-50vh) rotate(5deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(3){animation:move-3 1s 1s ease-in-out forwards}@keyframes move-3{100%{transform:translate(-50%,-50%) rotate(-5deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(4){animation:move-4 1s 1s ease-in-out forwards}@keyframes move-4{100%{transform:translate(-50%,-50%) translate(calc(-50vw + 40%),calc(50vh - 20%)) rotate(6deg)}}.block__vauxhall-page-hero:has(.postcards){background-color:var(--color-vauxhall-sand);animation:unsand-background 1s 3.5s ease-out forwards}@keyframes unsand-background{0%{background-color:var(--color-vauxhall-sand)}100%{background-color:var(--color-vauxhall-white)}}.block__vauxhall-page-hero:has(.postcards) .illustration{display:none}.block__vauxhall-page-hero:has(.postcards) .main{animation:loadIn 2s 3.5s ease-in-out forwards}.block__vauxhall-page-hero .illustration{width:680px;height:680px;background-size:contain!important;position:absolute;left:calc(100vw - 1500px);top:calc(100vh - 680px);animation:hideIllustration 1s 1.5s ease-out forwards}@keyframes hideIllustration{0%{opacity:1}100%{opacity:0}}.block__vauxhall-page-hero .illustration.dancing-couple{background:url(illustrations/dancing-couple.png) no-repeat center center}.block__vauxhall-page-hero .illustration.another-striding-couple{background:url(illustrations/another-striding-couple.png) no-repeat center center}.block__vauxhall-page-hero .illustration.blimp-man{background:url(illustrations/blimp-man.png) no-repeat center center}.block__vauxhall-page-hero .illustration.boy-on-a-ball{background:url(illustrations/boy-on-a-ball.png) no-repeat center center}.block__vauxhall-page-hero .illustration.dancer{background:url(illustrations/dancer.png) no-repeat center center}.block__vauxhall-page-hero .illustration.dancing-lady-in-dress{background:url(illustrations/dancing-lady-in-dress.png) no-repeat center center}.block__vauxhall-page-hero .illustration.lady-with-musical-notation{background:url(illustrations/lady-with-musical-notation.png) no-repeat center center}.block__vauxhall-page-hero .illustration.lion-tamer{background:url(illustrations/lion-tamer.png) no-repeat center center}.block__vauxhall-page-hero .illustration.rearing-horse-and-lady{background:url(illustrations/rearing-horse-and-lady.png) no-repeat center center}.block__vauxhall-page-hero .illustration.striding-couple{background:url(illustrations/striding-couple.png) no-repeat center center}.block__vauxhall-page-hero .main{display:flex;justify-content:center;transform:translate(calc(100vw - 900px),calc(100vh - 480px - 240px)) rotate(-10deg);animation:loadIn 2s ease-in-out forwards}@keyframes loadIn{0%{transform:translate(calc(100vw - 900px),calc(100vh - 480px - 240px)) rotate(-10deg)}100%{transform:translate(0,0) rotate(0)}}.block__vauxhall-page-hero .main .wrapper{width:100%;max-width:var(--container-xl-max-width);display:flex;flex-direction:column;align-items:center}.block__vauxhall-page-hero .main .wrapper .title{width:100%;font:var(--type-s1);text-transform:uppercase;display:flex;flex-direction:column;align-items:start;margin-top:-164px}.block__vauxhall-page-hero .main .wrapper .title div{padding:20px}.block__vauxhall-page-hero .main .wrapper .title div:first-child{background:var(--color-vauxhall-pink);color:var(--color-vauxhall-sand);margin-left:40px}.block__vauxhall-page-hero .main .wrapper .title div:nth-child(2){padding-left:0}.block__vauxhall-page-hero .main .wrapper .media{width:100%;aspect-ratio:18/9;max-height:calc(100vh - var(--header-height) - 50px);opacity:0;position:relative;animation:show 1s 1s ease-out forwards;overflow:hidden;border-radius:4px}@keyframes show{0%{opacity:0}100%{opacity:1}}.block__vauxhall-page-hero .main .wrapper .media img,.block__vauxhall-page-hero .main .wrapper .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.block__vauxhall-page-hero .main .wrapper .text{margin-top:120px;max-width:900px;font:var(--type-b0);color:var(--color-text-primary);text-align:center;padding-bottom:120px}.block__vauxhall-page-hero.color-green .main{--background:var(--color-vauxhall-green);background:var(--color-vauxhall-green)}.block__vauxhall-page-hero.color-green .main .wrapper .title div:nth-child(2){color:var(--color-vauxhall-blue)}.block__vauxhall-page-hero.color-pink .main{--background:var(--color-vauxhall-pink);background:var(--color-vauxhall-pink)}.block__vauxhall-page-hero.color-pink .main .wrapper .title div:first-child{background-color:var(--color-vauxhall-yellow);color:var(--color-vauxhall-pink)}.block__vauxhall-page-hero.color-pink .main .wrapper .title div:nth-child(2){color:var(--color-vauxhall-white)}.block__vauxhall-page-hero.color-pink .main .wrapper .text{color:var(--color-vauxhall-white)}.block__vauxhall-page-hero.color-pink-blue .main{--background:var(--color-vauxhall-pink);background:var(--color-vauxhall-pink)}.block__vauxhall-page-hero.color-pink-blue .main .wrapper .title div:first-child{background-color:var(--color-vauxhall-blue);color:var(--color-vauxhall-green)}.block__vauxhall-page-hero.color-pink-blue .main .wrapper .title div:nth-child(2){color:var(--color-vauxhall-blue)}.block__vauxhall-page-hero.color-pink-blue .main .wrapper .text{color:var(--color-vauxhall-blue)}.block__vauxhall-page-hero.color-yellow .main{--background:var(--color-vauxhall-yellow);background:var(--color-vauxhall-yellow)}.block__vauxhall-page-hero.color-yellow .main .wrapper .title div:nth-child(2){color:var(--color-vauxhall-pink)}.block__vauxhall-page-hero.color-yellow .main .wrapper .text{color:var(--color-vauxhall-pink)}@media screen and (max-width:1274px){.block__vauxhall-page-hero{padding-top:calc(100vh - 80px)}.block__vauxhall-page-hero .postcards{margin-top:0;margin-bottom:0;animation:none}.block__vauxhall-page-hero .postcards .postcard.landscape{width:70vw}.block__vauxhall-page-hero .postcards .postcard.portrait{height:70vw}.block__vauxhall-page-hero .postcards .postcard:nth-child(1){animation:move-1 1s 1s ease-in-out forwards}@keyframes move-1{100%{transform:translate(-50%,-50%) translate(calc(-50vw + 40%),-50vh) rotate(2deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(2){animation:move-2 1s 1s ease-in-out forwards}@keyframes move-2{100%{transform:translate(-50%,-50%) translate(calc(50vw - 40%),-30vh) rotate(5deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(3){animation:move-3 1s 1s ease-in-out forwards}@keyframes move-3{100%{transform:translate(-50%,-50%) translate(-25vw,-10vh) rotate(-5deg)}}.block__vauxhall-page-hero .postcards .postcard:nth-child(4){animation:move-4 1s 1s ease-in-out forwards}@keyframes move-4{100%{transform:translate(-50%,-50%) translate(calc(50vw - 40%),20vh) rotate(6deg)}}.block__vauxhall-page-hero:has(.postcards){padding-top:0;animation:none}.block__vauxhall-page-hero:has(.postcards) .main{margin-top:100vh;animation:loadIn 2s 1s ease-in-out forwards}@keyframes loadIn{0%{margin-top:100vh}100%{margin-top:-100px}}.block__vauxhall-page-hero .illustration{opacity:1!important;left:50%;top:0;width:100vh;height:100vh;transform:translate(-50%,0)}.block__vauxhall-page-hero .main{animation:none;transform:translate(0,0) rotate(0)}.block__vauxhall-page-hero .main .wrapper .title{margin-top:-230px;--sp:calc(max(0, 1 - var(--scroll-progress)*3));--isp:calc(min(1,var(--scroll-progress)*3));transform:rotate(calc(var(--sp) * -10deg)) translateX(calc(-20px * var(--isp))) translateY(calc(100px * var(--isp)))}.block__vauxhall-page-hero .main .wrapper .title div{padding:10px 20px}.block__vauxhall-page-hero .main .wrapper .title div:nth-child(2){background:var(--background);padding-left:20px;width:100vw;padding-bottom:100px}.block__vauxhall-page-hero .main .wrapper .media{z-index:2;aspect-ratio:1/1;max-height:60vh}.block__vauxhall-page-hero .main .wrapper .text{margin-top:50px;padding:0 30px;padding-bottom:50px}.block__vauxhall-page-hero:not(:has(.media)) .main .wrapper .text{margin-top:100px}}
/* post-list */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__anatomy-post-list{background:var(--color-vauxhall-sand);padding-bottom:200px}.block__anatomy-post-list .wrapper{display:flex;flex-direction:column;align-items:center}.block__anatomy-post-list .wrapper .top{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) 0}.block__anatomy-post-list .wrapper .top .mobile-show-button{display:none}.block__anatomy-post-list .wrapper .top.color-green{background:var(--color-vauxhall-green);color:var(--color-vauxhall-blue);--color-background:var(--color-vauxhall-green)}.block__anatomy-post-list .wrapper .top.color-pink{background:var(--color-vauxhall-pink);color:var(--color-vauxhall-sand);--color-background:var(--color-vauxhall-pink)}.block__anatomy-post-list .wrapper .top.color-yellow{background:var(--color-vauxhall-yellow);color:var(--color-vauxhall-blue);--color-background:var(--color-vauxhall-yellow)}.block__anatomy-post-list .wrapper .top h2{font:var(--type-h1);text-transform:uppercase}.block__anatomy-post-list .wrapper .top .taxonomies{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-md)}.block__anatomy-post-list .wrapper .top .taxonomies .mobile-hide-button{display:none}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy{display:flex;gap:44px;font:var(--type-b3);text-transform:uppercase;letter-spacing:.54px;font-weight:700}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul{display:flex;gap:44px}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li{opacity:.5}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li:has(.active){opacity:1}.block__anatomy-post-list .wrapper .posts{max-width:var(--container-width);width:100%;--gutter:27px;display:flex;gap:var(--gutter);padding:var(--gutter) 0;flex-wrap:wrap}.block__anatomy-post-list .wrapper .posts .illustration-1,.block__anatomy-post-list .wrapper .posts .illustration-2,.block__anatomy-post-list .wrapper .posts .post{max-width:calc((100% - 3 * var(--gutter))/ 4);width:100%}.block__anatomy-post-list .wrapper .posts .illustration-1 video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.block__anatomy-post-list .wrapper .posts .illustration-2{background:url(horse.png);background-size:contain;background-repeat:no-repeat;background-position:center}.block__anatomy-post-list .wrapper .posts .post{padding:15px;padding-top:30px;--adjusted-p:calc(min(1, var(--scroll-progress)*4));opacity:var(--adjusted-p);transition:transform .3s ease-out;transform:translateY(calc(50px * (1 - var(--adjusted-p))));border-radius:4px;background:var(--color-surface-primary);color:var(--color-text-primary);display:flex;flex-direction:column;--spacing:var(--spacing-md)}@media screen and (max-width:768px){.block__anatomy-post-list .wrapper .posts .post{--spacing:var(--spacing-sm)}}.block__anatomy-post-list .wrapper .posts .post:hover{transform:rotate(4deg)}.block__anatomy-post-list .wrapper .posts .post:hover .media img,.block__anatomy-post-list .wrapper .posts .post:hover .media video{transform:scale(1.05)}.block__anatomy-post-list .wrapper .posts .post:nth-child(odd) .category{margin-top:var(--spacing);order:1}.block__anatomy-post-list .wrapper .posts .post:nth-child(odd):not(:has(.category)) h4{margin-top:var(--spacing)}.block__anatomy-post-list .wrapper .posts .post:nth-child(odd) h4{order:2}.block__anatomy-post-list .wrapper .posts .post:nth-child(odd) datetime{order:3}.block__anatomy-post-list .wrapper .posts .post:nth-child(odd) .media{margin-top:0;margin-bottom:auto}.block__anatomy-post-list .wrapper .posts .post .category{font-family:"GT America";font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.48px;text-transform:uppercase;margin-bottom:7px}.block__anatomy-post-list .wrapper .posts .post h4{font:var(--type-h5);font-size:28px;line-height:30px;margin-bottom:14px}.block__anatomy-post-list .wrapper .posts .post datetime{font:var(--type-b3);font-size:16px;letter-spacing:.54px;line-height:normal;margin-bottom:auto;display:block}.block__anatomy-post-list .wrapper .posts .post .media{width:100%;aspect-ratio:32/22;border-radius:4px;overflow:hidden;margin-top:var(--spacing)}.block__anatomy-post-list .wrapper .posts .post .media img,.block__anatomy-post-list .wrapper .posts .post .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-out}.block__anatomy-post-list .wrapper .load-more{--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;cursor:pointer;margin-top:var(--spacing-md)}.block__anatomy-post-list .wrapper .load-more:hover{transform:rotate(-10deg)}@media screen and (max-width:768px){.block__anatomy-post-list .wrapper .top{flex-direction:row;align-items:center;padding:20px var(--container-padding)}.block__anatomy-post-list .wrapper .top .mobile-show-button{margin-left:auto;font-family:"GT America";font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;padding:10px 0}.block__anatomy-post-list .wrapper .top .mobile-show-button::after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTAgNyIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTEgMS41TDUgNS41TDkgMS41IiBzdHJva2U9IiMwMDJFNUEiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==) no-repeat center center;content:"";display:block;width:10px;height:7px;margin-left:5px}.block__anatomy-post-list .wrapper .top .taxonomies{margin-top:0;position:fixed;top:var(--header-height);left:0;width:100%;bottom:0;background:var(--color-background);opacity:0;pointer-events:none;transition:opacity .4s ease-out}.block__anatomy-post-list .wrapper .top .taxonomies.active{opacity:1;pointer-events:all}.block__anatomy-post-list .wrapper .top .taxonomies .mobile-hide-button{font-size:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;transform:rotate(45deg);font-family:"GT America";font-size:40px;font-weight:400}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy{flex-direction:column;align-items:start;gap:0;padding:var(--spacing-md) 0;width:100%;padding-left:36px;padding-right:20px}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul{flex-direction:column;gap:20px;width:100%}.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li{font-family:"GT America Compressed";font-size:40px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}.block__anatomy-post-list .wrapper .posts .post{max-width:100%}.block__anatomy-post-list .wrapper .posts .illustration-1{display:none}.block__anatomy-post-list .wrapper .posts .illustration-2{display:none}}
/* section-links */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-section-links{padding-top:var(--spacing-sm);padding-bottom:calc(var(--spacing-xl) - 32px);background:var(--color-surface-secondary)}.block__vauxhall-section-links .wrapper{width:100%;overflow-x:hidden;overflow-y:visible}.block__vauxhall-section-links .wrapper .scroll-inner{padding-left:32px;display:flex;gap:60px;padding-bottom:32px;padding-top:32px}.block__vauxhall-section-links .wrapper .scroll-inner .section{min-width:492px;max-width:492px;width:100%;padding:16px;background:var(--color-surface-primary);border-radius:4px;position:relative;transition:transform .4s ease-out}.block__vauxhall-section-links .wrapper .scroll-inner .section .media{width:100%;aspect-ratio:46/34}.block__vauxhall-section-links .wrapper .scroll-inner .section .media img,.block__vauxhall-section-links .wrapper .scroll-inner .section .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__vauxhall-section-links .wrapper .scroll-inner .section h4{color:var(--color-text-primary);font-family:"GT America Condensed";font-size:30px;font-style:normal;font-weight:700;line-height:34px;padding:20px 0;padding-bottom:16px}.block__vauxhall-section-links .wrapper .scroll-inner .section::after{content:"";display:block;width:38px;height:38px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDE0IDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMiAxLjVMMTEuNSAxMUwyIDIwLjUiIHN0cm9rZT0iI0RDNjI5NSIgc3Ryb2tlLXdpZHRoPSIzLjUiLz4KPC9zdmc+) no-repeat center center;background-color:var(--color-vauxhall-yellow);border-radius:2px;position:absolute;right:-16px;bottom:29px}.block__vauxhall-section-links .wrapper .scroll-inner .section:hover{transform:rotate(-4deg)}.block__vauxhall-section-links.color-yellow{background:var(--color-vauxhall-yellow)}.block__vauxhall-section-links.color-yellow .wrapper .scroll-inner .section::after{background-color:var(--color-vauxhall-pink);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDE0IDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMiAyLjA1ODExTDExLjUgMTEuNTU4MUwyIDIxLjA1ODEiIHN0cm9rZT0iI0Y2RUZFMiIgc3Ryb2tlLXdpZHRoPSIzLjUiLz4KPC9zdmc+)}.block__vauxhall-section-links.color-pink{background:var(--color-vauxhall-pink)}.block__vauxhall-section-links.color-blue{background:var(--color-vauxhall-blue)}@media screen and (max-width:1274px){.block__vauxhall-section-links{padding-bottom:80px}.block__vauxhall-section-links .wrapper .scroll-inner{gap:33px}.block__vauxhall-section-links .wrapper .scroll-inner .section{width:190px;min-width:190px;max-width:190px;padding:8px}.block__vauxhall-section-links .wrapper .scroll-inner .section .media{aspect-ratio:1/1}.block__vauxhall-section-links .wrapper .scroll-inner .section h4{font-family:"GT America";font-size:18px;font-style:normal;font-weight:700;line-height:22px;padding:10px 0}.block__vauxhall-section-links .wrapper .scroll-inner .section::after{width:24px;height:24px;right:-8px;bottom:16px;background-size:14px 14px}}