/* map */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-map{padding-top:160px;padding-bottom:280px;background:var(--color-vauxhall-blue);color:var(--color-vauxhall-sand);display:flex;justify-content:center}.block__vauxhall-map .wrapper{display:flex;flex-direction:column;align-items:center;gap:100px;max-width:var(--container-width);width:100%}.block__vauxhall-map .wrapper .top{max-width:900px;width:100%;text-align:center}.block__vauxhall-map .wrapper .top h2{font:var(--type-h3)}.block__vauxhall-map .wrapper .top p{font:var(--type-b3);margin-top:var(--spacing-md)}.block__vauxhall-map .wrapper .top p:empty{margin-top:0}.block__vauxhall-map .wrapper .main{display:flex;gap:80px;align-items:center}.block__vauxhall-map .wrapper .main .accordion{width:100%;aspect-ratio:1/1;position:relative}.block__vauxhall-map .wrapper .main .accordion::after{content:"";width:100%;height:100px;position:absolute;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,46,90,0) 0,var(--color-vauxhall-blue) 100%);pointer-events:none}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller{height:100%;width:100%;display:flex;flex-direction:column;gap:36px;overflow:scroll;padding-left:20px;padding-bottom:100px}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller .item h4{font-family:"GT America Compressed";font-size:56px;font-style:normal;font-weight:700;line-height:normal;transition:color .3s ease-out;text-transform:uppercase}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller .item.active h4{color:var(--color-vauxhall-pink)}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller .item .hider p{padding-top:10px;font:var(--type-b3)}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller .item .hider .cta{margin-top:var(--spacing-md);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-map .wrapper .main .accordion .accordion-scroller .item .hider .cta:hover{transform:rotate(-10deg)}.block__vauxhall-map .wrapper .main .map{width:100%;aspect-ratio:1/1;border-radius:8px}.block__vauxhall-map .wrapper .main .map .pin .icon{width:40px}.block__vauxhall-map .wrapper .main .map .pin .icon svg{width:100%;height:auto}.block__vauxhall-map .wrapper .main .map .pin .hover{font:var(--type-b3);font-size:16px;padding:0 10px;background:var(--color-vauxhall-sand);color:var(--color-vauxhall-blue);border-radius:4px;position:absolute;white-space:nowrap;transform:translate(-50%,0);opacity:0;transition:opacity .3s ease-out;left:50%}.block__vauxhall-map .wrapper .main .map .pin:hover .hover{opacity:1}@media screen and (max-width:768px){.block__vauxhall-map{padding:80px 0}.block__vauxhall-map .wrapper{gap:40px}.block__vauxhall-map .wrapper .main{flex-direction:column}.block__vauxhall-map .wrapper .main .accordion{order:1}.block__vauxhall-map .wrapper .main .accordion .accordion-scroller{padding-bottom:0;overflow:visible}.block__vauxhall-map .wrapper .main .accordion::after{display:none}.block__vauxhall-map .wrapper .main .map{aspect-ratio:16/12}}
/* multi-block */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__anatomy-multi-block{padding:90px 0;--multi-gap:100px}.block__anatomy-multi-block.color-sand{background:var(--color-vauxhall-sand)}.block__anatomy-multi-block+.block__anatomy-multi-block{padding-top:0}.block__anatomy-multi-block:has(.illustration-holder){padding:120px 0}.block__anatomy-multi-block .wrapper{display:flex;align-items:center;gap:var(--multi-gap);--gutter:calc((100vw - var(--container-width)) / 2)}.block__anatomy-multi-block .wrapper .section{transform-origin:50% 100%;transform:translateY(25px) scale(.9);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.block__anatomy-multi-block .wrapper .section.-scroll-visible{transform:translateY(0) scale(1);opacity:1}.block__anatomy-multi-block .wrapper .section.type-image,.block__anatomy-multi-block .wrapper .section.type-video{min-width:calc(50vw - var(--multi-gap));max-width:calc(50vw - var(--multi-gap));width:100%;aspect-ratio:1/1}.block__anatomy-multi-block .wrapper .section.type-image img,.block__anatomy-multi-block .wrapper .section.type-image video,.block__anatomy-multi-block .wrapper .section.type-video img,.block__anatomy-multi-block .wrapper .section.type-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__anatomy-multi-block .wrapper .section.type-image2{min-width:calc(50vw - var(--multi-gap));max-width:calc(50vw - var(--multi-gap));aspect-ratio:1/1;position:relative}.block__anatomy-multi-block .wrapper .section.type-image2 .illustration-holder{width:40%;position:absolute;bottom:calc(60% - 20px);right:0;z-index:0}.block__anatomy-multi-block .wrapper .section.type-image2 .illustration-holder img{width:100%}.block__anatomy-multi-block .wrapper .section.type-image2 .image-holder{width:60%;aspect-ratio:1/1;position:absolute}.block__anatomy-multi-block .wrapper .section.type-image2 .image-holder:first-child{top:0;left:0}.block__anatomy-multi-block .wrapper .section.type-image2 .image-holder:nth-child(2){bottom:0;right:0}.block__anatomy-multi-block .wrapper .section.type-image2 .image-holder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__anatomy-multi-block .wrapper .section.type-text{min-width:calc(50vw - var(--gutter));max-width:calc(50vw - var(--gutter));color:var(--color-text-primary);text-align:center;font:var(--type-b3);display:flex;flex-direction:column;align-items:center}.block__anatomy-multi-block .wrapper .section.type-text:first-child{margin-left:var(--gutter)}.block__anatomy-multi-block .wrapper .section.type-text .content{font:var(--type-b2);font:var(--type-b3)}.block__anatomy-multi-block .wrapper .section.type-text .content p{margin-bottom:var(--spacing-sm)}.block__anatomy-multi-block .wrapper .section.type-text .content p:last-child{margin-bottom:0}.block__anatomy-multi-block .wrapper .section.type-text .content b,.block__anatomy-multi-block .wrapper .section.type-text .content strong{font-weight:700}.block__anatomy-multi-block .wrapper .section.type-text .content h1,.block__anatomy-multi-block .wrapper .section.type-text .content h2,.block__anatomy-multi-block .wrapper .section.type-text .content h3,.block__anatomy-multi-block .wrapper .section.type-text .content h4,.block__anatomy-multi-block .wrapper .section.type-text .content h5{margin-bottom:1em}.block__anatomy-multi-block .wrapper .section.type-text .content h1{font:var(--type-h2)}.block__anatomy-multi-block .wrapper .section.type-text .content h2{font:var(--type-h3)}.block__anatomy-multi-block .wrapper .section.type-text .content h3{font:var(--type-h4)}.block__anatomy-multi-block .wrapper .section.type-text .content h4{font:var(--type-h4)}.block__anatomy-multi-block .wrapper .section.type-text .content p+h1,.block__anatomy-multi-block .wrapper .section.type-text .content p+h2,.block__anatomy-multi-block .wrapper .section.type-text .content p+h3,.block__anatomy-multi-block .wrapper .section.type-text .content p+h4{margin-top:var(--spacing-md)}.block__anatomy-multi-block .wrapper .section.type-text .content p.b1{font:var(--type-b1)}.block__anatomy-multi-block .wrapper .section.type-text .content a:link,.block__anatomy-multi-block .wrapper .section.type-text .content a:visited{color:var(--color-text-primary);text-decoration:underline}.block__anatomy-multi-block .wrapper .section.type-text .content a:link.btn,.block__anatomy-multi-block .wrapper .section.type-text .content a:visited.btn{text-decoration:none}.block__anatomy-multi-block .wrapper .section.type-text .content img{width:100%!important;border-radius:var(--radius-medium)}.block__anatomy-multi-block .wrapper .section.type-text .content figure{width:100%!important}.block__anatomy-multi-block .wrapper .section.type-text .content figure figcaption{font:var(--type-b3)}.block__anatomy-multi-block .wrapper .section.type-text .content .wagworks-btn{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__anatomy-multi-block .wrapper .section.type-text .content .wagworks-btn:hover{transform:rotate(-10deg)}.block__anatomy-multi-block .wrapper .section.type-text .content ul{list-style-position:outside;padding-left:1em;list-style:disc}.block__anatomy-multi-block .wrapper .section.type-text .content ol{list-style-type:decimal;list-style-position:inside}.block__anatomy-multi-block .wrapper .section.type-text .content ol,.block__anatomy-multi-block .wrapper .section.type-text .content ul{margin-bottom:1em}.block__anatomy-multi-block .wrapper .section.type-text .content blockquote{font:var(--type-b2);border-left:2px solid var(--color-border-highlight);padding-left:var(--spacing-md);margin:var(--spacing-md) 0}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder{margin-top:var(--spacing-lg)}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder h5{font-weight:700;margin-bottom:var(--spacing-sm)}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder .ctas{display:flex;gap:74px}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder .ctas a{display:block;--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}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder .ctas a:hover{transform:rotate(-10deg)}.block__anatomy-multi-block.only-text{display:flex;flex-direction:column;align-items:center}.block__anatomy-multi-block.only-text .wrapper{max-width:var(--container-width)}.block__anatomy-multi-block.only-text .wrapper .section.type-text{margin-left:0;min-width:0;max-width:100%;width:100%}@media screen and (max-width:768px){.block__anatomy-multi-block{padding:60px 0}.block__anatomy-multi-block:has(.illustration-holder){padding:60px 0}.block__anatomy-multi-block .wrapper{flex-direction:column;gap:40px}.block__anatomy-multi-block .wrapper .section{min-width:100%;max-width:100%;width:100%;margin-left:0}.block__anatomy-multi-block .wrapper .section.type-image,.block__anatomy-multi-block .wrapper .section.type-image2,.block__anatomy-multi-block .wrapper .section.type-video{max-width:100%;width:100%}.block__anatomy-multi-block .wrapper .section.type-image,.block__anatomy-multi-block .wrapper .section.type-video{aspect-ratio:16/10}.block__anatomy-multi-block .wrapper .section.type-text{max-width:var(--container-width);width:100%;order:1}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder{margin-top:var(--spacing-sm)}.block__anatomy-multi-block .wrapper .section.type-text .ctas-holder .ctas{gap:24px;justify-content:center;flex-wrap:wrap}}
/* 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}}
/* timeline */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__anatomy-timeline{display:flex;flex-direction:column;align-items:center;padding:191px 0;background:var(--color-vauxhall-sand)}.block__anatomy-timeline .wrapper{max-width:var(--container-xl-max-width);width:100%;position:relative}.block__anatomy-timeline .wrapper .top{text-align:center;margin-bottom:78px;color:var(--color-text-primary)}.block__anatomy-timeline .wrapper .top h2{font:var(--type-h1);text-transform:uppercase}.block__anatomy-timeline .wrapper .skip{position:sticky;top:calc(var(--header-height));right:-4px;transform:translateX(100%) rotate(90deg);transform-origin:left top;font-family:"GT America";font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.48px;text-transform:uppercase;display:flex;color:var(--color-text-primary);gap:2px}.block__anatomy-timeline .wrapper .skip div{padding:4px 16px}.block__anatomy-timeline .wrapper .skip .skipper{cursor:pointer}.block__anatomy-timeline .wrapper .skip .skipper:hover{background:var(--color-vauxhall-pink)}.block__anatomy-timeline .wrapper .timeline{display:flex;flex-direction:column;gap:48px;padding-right:var(--spacing-md)}.block__anatomy-timeline .wrapper .timeline .timeline-item{display:flex;align-items:center;width:80%;transition:width .5s ease-out}.block__anatomy-timeline .wrapper .timeline .timeline-item .info{display:flex;background:var(--color-vauxhall-blue);color:var(--color-vauxhall-sand);padding:var(--spacing-sm);gap:20px;height:179px;transition:height .5s ease-out;width:100%}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text{display:flex;flex-direction:column;width:100%}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text .title{display:flex;gap:20px}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text .title h3{font:var(--type-h3)}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text .title date{margin-top:12px;margin-left:auto;font-family:"GT America";font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.48px;opacity:0;transition:opacity .5s ease-out}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text p{margin-top:auto;font-family:"GT America";font-size:18px;font-style:normal;font-weight:400;line-height:normal;opacity:0;transition:opacity .5s ease-out}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .media{aspect-ratio:1/1;position:relative;height:calc(179px - var(--spacing-sm) * 2);transition:height .5s ease-out,width .5s ease-out}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.block__anatomy-timeline .wrapper .timeline .timeline-item>date{font-family:"GT America Compressed";font-size:140px;font-style:normal;font-weight:700;line-height:85%;padding:30px 20px;text-transform:uppercase;background:var(--color-vauxhall-pink);color:var(--color-vauxhall-blue);height:179px;transition:font-size .5s ease-out,height .5s ease-out}.block__anatomy-timeline .wrapper .timeline .timeline-item:nth-child(even) .info{order:1;background:var(--color-vauxhall-yellow);color:var(--color-vauxhall-blue)}.block__anatomy-timeline .wrapper .timeline .timeline-item:nth-child(even)>date{background:var(--color-vauxhall-green)}.block__anatomy-timeline .wrapper .timeline .timeline-item.active{align-items:center;width:100%}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info{height:calc(490px + var(--spacing-sm) * 2)}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .media{height:490px}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .text .title date{transition:opacity .5s .5s ease-out;opacity:1}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .text p{transition:opacity .5s .5s ease-out;opacity:1}.block__anatomy-timeline .wrapper .timeline .timeline-item.active>date{font-size:200px;line-height:85%;height:230px}@media screen and (max-width:1274px){.block__anatomy-timeline .wrapper .skip{position:static;transform:none;gap:10px;margin-bottom:30px}.block__anatomy-timeline .wrapper .skip div{padding:0;white-space:nowrap;font-family:"GT America";font-size:13px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.3px}.block__anatomy-timeline .wrapper .timeline{padding-right:0}.block__anatomy-timeline .wrapper .timeline .timeline-item{flex-direction:column;border-radius:4px;width:100%}.block__anatomy-timeline .wrapper .timeline .timeline-item>date{padding:4px 10px;align-self:end;font-size:40px;line-height:40px;height:auto}.block__anatomy-timeline .wrapper .timeline .timeline-item:nth-child(odd)>date{align-self:start}.block__anatomy-timeline .wrapper .timeline .timeline-item .info{order:1;flex-direction:column;height:auto}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text{order:1}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .text p{height:0;transition:height .5s ease-out;overflow:hidden}.block__anatomy-timeline .wrapper .timeline .timeline-item .info .media{height:auto;max-height:calc(60vh - var(--header-height));width:56px}.block__anatomy-timeline .wrapper .timeline .timeline-item.active>date{font-size:80px;line-height:80px;height:80px}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info{height:auto}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .title{margin-bottom:10px}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .title date{display:none}.block__anatomy-timeline .wrapper .timeline .timeline-item.active .info .media{height:auto;max-height:calc(60vh - var(--header-height));width:100%}}