/* full-width-media */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-full-width-media{width:100%;opacity:calc(var(--scroll-progress) * 2);transform:translateY(calc((1 - min(1,var(--scroll-progress) * 2)) * 200px))}.block__vauxhall-full-width-media .wrapper{width:100%;aspect-ratio:19/8;position:relative}.block__vauxhall-full-width-media .wrapper img,.block__vauxhall-full-width-media .wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__vauxhall-full-width-media.show-text-1 .wrapper{aspect-ratio:19/10;position:relative}.block__vauxhall-full-width-media.show-text-1 .wrapper .text{position:absolute;max-width:440px;top:44px;right:44px;padding:44px;border-radius:4px;background:var(--color-surface-secondary);color:var(--color-text-primary);z-index:1}.block__vauxhall-full-width-media.show-text-1 .wrapper .text h2{font:var(--type-h3);margin-bottom:25px}.block__vauxhall-full-width-media.show-text-1 .wrapper .text p{font:var(--type-b3);margin-bottom:var(--spacing-md)}.block__vauxhall-full-width-media.show-text-1 .wrapper .text .cta{--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__vauxhall-full-width-media.show-text-1 .wrapper .text .cta:hover{transform:rotate(-10deg)}@media screen and (max-width:768px){.block__vauxhall-full-width-media{transform:translateY(calc((1 - var(--scroll-progress)) * 50px))}.block__vauxhall-full-width-media .wrapper{aspect-ratio:37.5/24}.block__vauxhall-full-width-media.show-text-1 .wrapper{aspect-ratio:auto;overflow:hidden;padding:15px}.block__vauxhall-full-width-media.show-text-1 .wrapper .text{position:relative;top:0;left:0;right:auto;bottom:auto;z-index:2;margin-top:80vw;padding:20px;padding-right:30px}.block__vauxhall-full-width-media.show-text-1 .wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}}
/* hero */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__vauxhall-hero{overflow:hidden;padding:60px;padding-bottom:var(--spacing-lg);background:var(--color-surface-secondary);position:relative;width:100%;--height:calc(min(100vw / 16 * 8, 100vh - var(--header-height) - 150px) + 60px + var(--spacing-lg))}.block__vauxhall-hero .illustrations div{width:40vw;height:40vw;position:absolute;top:50%;left:50%;transform:translate(-110%,-50%);background-size:contain;animation:hide 1s 2.5s ease-out forwards}@keyframes hide{0%{opacity:1}100%{opacity:0}}.block__vauxhall-hero .illustrations div:nth-child(2){transform:translate(10%,-50%)}.block__vauxhall-hero .illustrations .dancing-couple{background-image:url(illustrations/dancing-couple.png)}.block__vauxhall-hero .illustrations .another-striding-couple{background-image:url(illustrations/another-striding-couple.png)}.block__vauxhall-hero .illustrations .blimp-man{background-image:url(illustrations/blimp-man.png)}.block__vauxhall-hero .illustrations .boy-on-a-ball{background-image:url(illustrations/boy-on-a-ball.png)}.block__vauxhall-hero .illustrations .dancer{background-image:url(illustrations/dancer.png)}.block__vauxhall-hero .illustrations .dancing-lady-in-dress{background-image:url(illustrations/dancing-lady-in-dress.png)}.block__vauxhall-hero .illustrations .lady-with-musical-notation{background-image:url(illustrations/lady-with-musical-notation.png)}.block__vauxhall-hero .illustrations .lion-tamer{background-image:url(illustrations/lion-tamer.png)}.block__vauxhall-hero .illustrations .rearing-horse-and-lady{background-image:url(illustrations/rearing-horse-and-lady.png)}.block__vauxhall-hero .illustrations .striding-couple{background-image:url(illustrations/striding-couple.png)}.block__vauxhall-hero .illustrations .top-hat-man{background-image:url(illustrations/top-hat-man.png)}.block__vauxhall-hero h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font:var(--type-h1);text-transform:uppercase;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:start}.block__vauxhall-hero h1 span{display:inline-block;white-space:nowrap;padding:10px 25px;position:absolute;top:0;left:0}.block__vauxhall-hero h1 span:nth-child(1){background-color:var(--color-vauxhall-yellow);color:var(--color-vauxhall-pink);animation:movefirst 1s 2s ease-out forwards;transform:translate(-50%,-50%)}@keyframes movefirst{0%{transform:translate(-50%,-50%)}100%{transform:translate(calc(-50vw + 60px),calc(-1 * var(--height)/ 2 + 50px))}}.block__vauxhall-hero h1 span:nth-child(2){margin-left:var(--spacing-xl);background-color:var(--color-vauxhall-green);color:var(--color-vauxhall-blue);animation:movesecond 1s 2s ease-out forwards;transform:translate(-50%,50%)}@keyframes movesecond{0%{transform:translate(-50%,50%)}100%{transform:translate(calc(50vw - 60px - 100% - var(--spacing-xl)),calc(var(--height)/ 2 - 100% - 50px))}}.block__vauxhall-hero .media-holder{aspect-ratio:16/8;width:100%;display:flex;align-items:center;max-height:calc(100vh - var(--header-height) - 150px)}.block__vauxhall-hero .media-holder .media{width:100%;min-width:100%;height:0%;position:relative;animation:full-height 1s 2s ease-out forwards}@keyframes full-height{0%{height:0%}50%{transform:rotate(0)}100%{height:100%;transform:rotate(-2deg)}}.block__vauxhall-hero .media-holder .media img,.block__vauxhall-hero .media-holder .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;border-radius:8px}@media screen and (max-width:768px){.block__vauxhall-hero{padding:40px}.block__vauxhall-hero .media-holder{aspect-ratio:10/16}.block__vauxhall-hero .illustrations div{width:100vw;height:100vw;animation:fadeout 1s 2s ease-out forwards}.block__vauxhall-hero .illustrations div:first-child{transform:translate(-50%,-80%)}.block__vauxhall-hero .illustrations div:nth-child(2){transform:translate(-50%,20%)}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.block__vauxhall-hero h1 span{padding:5px 15px}.block__vauxhall-hero h1 span:nth-child(1){animation:movefirstmob 1s 2s ease-out forwards}@keyframes movefirstmob{0%{transform:translate(-50%,-50%)}100%{transform:translate(calc(-50vw + 30px),calc(-50vw - 50px))}}.block__vauxhall-hero h1 span:nth-child(2){animation:movesecondmob 1s 2s ease-out forwards;margin-left:30px}@keyframes movesecondmob{0%{transform:translate(-50%,50%)}100%{transform:translate(calc(50vw - 100% - 50px),50vw)}}}
/* 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}}
/* title */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}.block__anatomy-title{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.block__anatomy-title.background-beige{background:var(--color-surface-secondary)}.block__anatomy-title .wrapper{max-width:var(--container-width);width:100%;display:flex;flex-direction:column;align-items:center;color:var(--color-text-primary);text-align:center}.block__anatomy-title .wrapper h2{transform-origin:50% 100%;transform:translateY(25px) scale(.9);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;max-width:900px;font:var(--type-h3);margin-bottom:var(--spacing-sm)}.block__anatomy-title .wrapper h2.-scroll-visible{transform:translateY(0) scale(1);opacity:1}.block__anatomy-title .wrapper h2.highlight-1{color:var(--color-text-highlight)}.block__anatomy-title .wrapper .text{transform-origin:50% 100%;transform:translateY(25px) scale(.9);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;max-width:900px;font:var(--type-b2)}.block__anatomy-title .wrapper .text.-scroll-visible{transform:translateY(0) scale(1);opacity:1}.block__anatomy-title .wrapper .text p{margin-bottom:var(--spacing-sm)}.block__anatomy-title .wrapper .text p:last-child{margin-bottom:0}.block__anatomy-title .wrapper .text b,.block__anatomy-title .wrapper .text strong{font-weight:700}.block__anatomy-title .wrapper .text h1,.block__anatomy-title .wrapper .text h2,.block__anatomy-title .wrapper .text h3,.block__anatomy-title .wrapper .text h4,.block__anatomy-title .wrapper .text h5{margin-bottom:1em}.block__anatomy-title .wrapper .text h1{font:var(--type-h2)}.block__anatomy-title .wrapper .text h2{font:var(--type-h3)}.block__anatomy-title .wrapper .text h3{font:var(--type-h4)}.block__anatomy-title .wrapper .text h4{font:var(--type-h4)}.block__anatomy-title .wrapper .text p+h1,.block__anatomy-title .wrapper .text p+h2,.block__anatomy-title .wrapper .text p+h3,.block__anatomy-title .wrapper .text p+h4{margin-top:var(--spacing-md)}.block__anatomy-title .wrapper .text p.b1{font:var(--type-b1)}.block__anatomy-title .wrapper .text a:link,.block__anatomy-title .wrapper .text a:visited{color:var(--color-text-primary);text-decoration:underline}.block__anatomy-title .wrapper .text a:link.btn,.block__anatomy-title .wrapper .text a:visited.btn{text-decoration:none}.block__anatomy-title .wrapper .text img{width:100%!important;border-radius:var(--radius-medium)}.block__anatomy-title .wrapper .text figure{width:100%!important}.block__anatomy-title .wrapper .text figure figcaption{font:var(--type-b3)}.block__anatomy-title .wrapper .text .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-title .wrapper .text .wagworks-btn:hover{transform:rotate(-10deg)}.block__anatomy-title .wrapper .text ul{list-style-position:outside;padding-left:1em;list-style:disc}.block__anatomy-title .wrapper .text ol{list-style-type:decimal;list-style-position:inside}.block__anatomy-title .wrapper .text ol,.block__anatomy-title .wrapper .text ul{margin-bottom:1em}.block__anatomy-title .wrapper .text 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-title .wrapper .text.text-size-large{font:var(--type-b0)}.block__anatomy-title .wrapper .text p{margin-bottom:var(--spacing-sm)}.block__anatomy-title .wrapper .cta-label{transform-origin:50% 100%;transform:translateY(25px) scale(.9);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;font:var(--type-b2);font-size:20px;line-height:normal;margin-top:80px;font-weight:700;margin-bottom:-16px}.block__anatomy-title .wrapper .cta-label.-scroll-visible{transform:translateY(0) scale(1);opacity:1}.block__anatomy-title .wrapper .ctas{transform-origin:50% 100%;transform:translateY(25px) scale(.9);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;display:flex;gap:44px;margin-top:46px}.block__anatomy-title .wrapper .ctas.-scroll-visible{transform:translateY(0) scale(1);opacity:1}.block__anatomy-title .wrapper .ctas .cta{--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-title .wrapper .ctas .cta:hover{transform:rotate(-10deg)}@media screen and (max-width:1274px){.block__anatomy-title{padding:80px 0}.block__anatomy-title .wrapper .ctas{justify-content:center;flex-wrap:wrap;gap:24px}}