: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/6;opacity:0;position:relative;animation:show 1s 1s ease-out forwards}@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:1279px){.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}}