.section--hero.section--hero{padding:10rem 0 0;overflow:hidden;position:relative}.container--hero__icon{display:none}.hero__image{background-size:cover}@media(min-width:960px){.section--hero.section--hero{padding-top:calc(4rem + 6rem)}}.variation-1 .container--hero-content{padding:0 1rem}.variation-1 .hero__heading,.variation-1 .hero__content{text-align:center}.variation-1 .hero__heading{font-size:2.5rem;line-height:1}.variation-1 .hero__content{margin:1rem 0}.variation-1 .hero__content>*{max-width:20em;margin:0 auto}.variation-1 .hero__image{height:20rem;margin:0 -1rem;background-size:cover;background-position:top;margin-top:2rem}.variation-1.illustration .hero__image{margin-top:0}.variation-1 .hero__button{width:100%;margin:0 -1rem;padding:1.5rem;border-radius:0;text-align:center;position:absolute;bottom:0;font-size:.875rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;overflow:hidden}.variation-1 .hero__button .o-button__background,.variation-1 .hero__button .o-button__background span{border-radius:0}@media(min-width:960px){.variation-1 .container--hero-content{display:flex;padding:2rem calc(var(--section-padding) + 6rem) 0}.variation-1 .container--hero-content>*{flex-basis:50%}.variation-1 .hero__content>*{width:20em;margin:0 auto}.variation-1 .hero__heading,.variation-1 .hero__content{text-align:left}.variation-1 .hero__heading{font-size:4.5rem;max-width:7em}.variation-1 .hero__image{height:40rem;margin-top:6rem}.variation-1.illustration .hero__image{margin-top:0}.variation-1 .hero__button{position:absolute;right:0;bottom:12rem;width:20em;height:6rem;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;letter-spacing:.08em}}@media(min-width:1440px){.variation-1 .hero__image{height:50rem}}.variation-2.section--hero{position:relative}.variation-2 .container--hero-content{width:90%;background-color:white;padding:3rem 2rem;position:relative;z-index:1}.variation-2 .hero__heading{font-size:2.5rem}.variation-2 .hero__content.sub-heading,.variation-2 .hero__button{margin-left:3rem;margin-top:2rem}.variation-2 .hero__image{width:85%;position:absolute;top:0;bottom:0;right:0;background-color:var(--med-light-gray);background-size:cover;background-position:bottom;max-height:100%}@media(min-width:960px){.variation-2.section--hero{min-height:52rem}.variation-2 .container--hero-content{width:55%;background-color:transparent;padding:0 4rem 8rem var(--section-padding)}.variation-2 .hero__heading{font-size:4.5rem;max-width:9em}.variation-2 .hero__content.sub-heading,.variation-2 .hero__button{margin-left:18.5rem;margin-top:2rem}.variation-2 .hero__image{width:45%}}.section--hero.variation-3{padding-top:18rem;position:relative}.variation-3 .container--hero-content{width:90%;background-color:rgba(250,87,36,.9);padding:2rem 2rem 0;position:relative;z-index:1;color:white;overflow:hidden}.variation-3 .hero__heading{font-size:2rem;margin-left:3rem}.variation-3 .hero__content{margin-left:3rem;margin-top:2rem;margin-bottom:3rem}.variation-3 .hero__button{font-size:.875rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;overflow:hidden}.variation-3 .hero__button:not(:hover){color:var(--dark-gray)}.variation-3 .hero__button .o-button__background span:first-child{background-color:white}.variation-3 .hero__button .o-button__background{border-radius:0}.variation-3 .hero__button span{border-radius:0}.variation-3 .hero__button .o-icon.o-icon--arrow-right{display:none}.variation-3 .hero__image{width:85%;position:absolute;top:0;bottom:0;right:0;background-color:var(--med-light-gray);max-height:100%;background-position:right 50%}@media(max-width:959px){.variation-3 .hero__button{width:calc(100% + 4rem);margin:0 -2rem;padding:1.5rem 1.5rem 1.5rem 5rem}}@media(min-width:960px){.section--hero.variation-3{padding-top:16rem;min-height:52rem}.variation-3 .container--hero-content{width:75rem;padding:4rem;margin-left:var(--section-padding);position:absolute;bottom:0}.variation-3 .hero__heading{font-size:3.5rem}.variation-3 .hero__content,.variation-3 .hero__heading{margin-left:24rem}.variation-3 .hero__content{margin-top:2rem;max-width:25em}.variation-3 .hero__button{position:absolute;bottom:0;right:0;width:auto;margin:0;width:20em;height:6rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.variation-3 .hero__image{width:74rem;background-position:50%}.variation-3 .container--hero__icon{display:block;position:absolute;top:0;left:0;bottom:0;width:22rem;display:flex;align-items:center;justify-content:center}.variation-3 .hero__icon{max-width:10rem;max-height:10rem}}@media(min-width:1440px){.variation-3 .hero__image{width:88rem}}.variation-4.section--hero{position:relative;overflow:visible}.variation-4 .container--hero-content{padding:0 1rem;position:relative;z-index:2;color:white}.variation-4 .container--hero-content{text-align:center}.variation-4 .hero__heading{font-size:2.5rem;line-height:1}.variation-4 .hero__content{margin:2rem 0}.variation-4 .hero__image{height:40rem;margin:0 -1rem;background-size:cover;background-position:top left;position:absolute;top:0;left:0;right:0}.hero__form{background-color:#fff;padding:4rem 1rem;margin:0 1rem;position:relative;z-index:2;box-shadow:0 1.875rem 2.813rem rgba(0,0,0,.08);min-height:18rem}.hero__form-heading{text-align:center;color:var(--dark-gray);margin-bottom:3rem}.container--hero-icons{padding:4rem 1rem}.variation-4 .hero__icons{display:flex;flex-wrap:wrap;margin:-1rem -.5rem;justify-content:center}.variation-4 .hero__icon{margin:1rem .5rem;width:calc(33.33% - 1.01rem);object-fit:contain;object-position:50%}@media(min-width:960px){.variation-4.section--hero{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}.hero__form{width:41rem;margin-left:0;margin-right:0;flex-shrink:0;padding:4rem;margin-right:calc(var(--section-padding) + 8rem);min-height:30rem}.hero__form-heading{font-size:2rem;margin-bottom:1em}.variation-4 .container--hero-content{margin-top:2rem;text-align:left;max-width:35rem;margin-left:calc(var(--section-padding) + 4rem);padding:0}.variation-4 .container--hero-icons{padding:0}.variation-4 .hero__heading{font-size:3.5rem}.variation-4 .hero__icons{flex-basis:100%}.variation-4 .hero__icons{margin:-1rem;padding:4rem calc(var(--section-padding) + 4rem)}.variation-4 .hero__icon{margin:2rem;width:calc(16.6666% - 4.01rem)}}