.brand-hero{min-width:100%}
.brand-hero .brand-hero--container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative}
.brand-hero--content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding-top:0}
.brand-hero--content>ul{margin-bottom:1.25rem;padding-left:2.25rem !important;padding-right:2rem}
.brand-hero--content>ul>li{padding-bottom:1.5rem}
.brand-hero--content>ul>li::marker{color:#707070}
.brand-hero--content>p{padding-bottom:1.5rem;margin:0}
.brand-hero--content .btn{margin-left:auto !important}
.brand-hero--content>*{margin-left:0 !important;margin-right:auto}
.brand-hero.style--gray{background-color:#fff}
.brand-hero.style--gray--breadcrumbs{display:none}
.brand-hero.style--gray .brand-hero--image>img{display:block;margin:auto;margin-left:0;height:auto;width:100%;max-width:100%}
.brand-hero.style--gray .brand-hero--content{margin:auto .75rem;-webkit-box-flex:1;flex-grow:1}
.brand-hero.style--gray .brand-hero--content h1{line-height:1;margin-bottom:3.125rem}
.brand-hero.style--gray .brand-hero--content h1 span{display:inline;font-size:clamp(2.5rem,6vw,8rem)}
.brand-hero.style--gray .brand-hero--content h1 span.line_1{display:block;font-size:clamp(1.9375rem,4.25vw,6.375rem)}
.brand-hero.style--red{background:-webkit-gradient(linear,left top,right top,from(#720017),color-stop(0,#80001a),color-stop(0,#a30022),color-stop(0,#be0028),color-stop(0,#d2002c),color-stop(0,#de002f),color-stop(0,#e20030),color-stop(0,#8f0020),color-stop(0,#ce002d),color-stop(0,#720017),color-stop(30%,#ae0025),color-stop(50%,#d9002f),color-stop(58%,#d3002d),color-stop(69%,#c30029),color-stop(81%,#a80023),color-stop(95%,#83001b),to(#720017)) 0 0 no-repeat padding-box;background:linear-gradient(90deg,#720017 0,#80001a 0,#a30022 0,#be0028 0,#d2002c 0,#de002f 0,#e20030 0,#8f0020 0,#ce002d 0,#720017 0,#ae0025 30%,#d9002f 50%,#d3002d 58%,#c30029 69%,#a80023 81%,#83001b 95%,#720017 100%) 0 0 no-repeat padding-box;background-size:150%;background-position:75%;position:relative}
.brand-hero.style--red .brand-hero--container .breadcrumbs{width:100%;padding:1rem .5rem;margin-right:auto}
.brand-hero.style--red .brand-hero--container .breadcrumbs a,.brand-hero.style--red .brand-hero--container .breadcrumbs span{text-transform:uppercase;font-family:"Roboto",sans-serif;font-weight:700;color:#fff;font-size:.875rem;padding:.25rem;text-decoration:underline}
.brand-hero.style--red .brand-hero--container .breadcrumbs a.family,.brand-hero.style--red .brand-hero--container .breadcrumbs span.family{text-decoration:none !important}
.brand-hero.style--red .brand-hero--container .breadcrumbs a.icon:before,.brand-hero.style--red .brand-hero--container .breadcrumbs span.icon:before{font-size:.5rem;vertical-align:.1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}
.brand-hero.style--red .brand-hero--image{display:none;max-width:20rem}
.brand-hero.style--red .brand-hero--image>img{display:block;margin:auto;height:auto;width:100%}
.brand-hero.style--red .brand-hero--content{margin:0 .75rem;position:relative;max-width:100%;width:100%;-webkit-box-pack:center;justify-content:center}
.brand-hero.style--red .brand-hero--content h1{line-height:1;margin-bottom:1.25rem;max-width:40.625rem;min-width:100%}
.brand-hero.style--red .brand-hero--content h1>span{display:inline-block;font-size:1.4375rem}
.brand-hero.style--red .brand-hero--content h1>span.empty{display:none}
.brand-hero.style--red .brand-hero--content h1>span.line_1{display:block;font-size:1.1875rem}
.brand-hero.style--red .brand-hero--content *{color:#fff}
.brand-hero.style--red .brand-hero--content *>li::marker{color:#fff}
.brand-hero.style--red .brand-hero--content>ul{margin-bottom:0;padding-bottom:1rem}
.brand-hero.style--red .brand-hero--content>ul li{padding-bottom:1rem}
.brand-hero.style--red .brand-hero--links{background:#fff}
.brand-hero.style--red .brand-hero--links.empty{display:none}
.brand-hero.style--red .brand-hero--links-inner{padding:1rem}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button{width:100%;padding-top:2rem;margin-right:2rem;padding-bottom:2rem;text-align:center}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn{font-size:.9rem;letter-spacing:0}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn:after{content:"n";font-family:"woob-icons";font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;margin-left:1rem;vertical-align:bottom;-webkit-transform:scale(125%);transform:scale(125%);display:inline-block}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn:before{content:""}
.brand-hero.style--red .brand-hero--links-inner .breadcrumbs{display:none;padding:1rem 0;margin-right:auto}
.brand-hero.style--red .brand-hero--links-inner .breadcrumbs a,.brand-hero.style--red .brand-hero--links-inner .breadcrumbs span{text-transform:uppercase;font-family:"Roboto",sans-serif;font-weight:700;color:#707070;font-size:1.4375rem;padding:.25rem}
.brand-hero.style--red .brand-hero--links-inner .breadcrumbs a.icon:before,.brand-hero.style--red .brand-hero--links-inner .breadcrumbs span.icon:before{font-size:.9rem;vertical-align:.1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);display:inline-block}
.brand-hero.style--red .brand-hero--links-inner .breadcrumbs a.family,.brand-hero.style--red .brand-hero--links-inner .breadcrumbs span.family{color:#000;text-decoration:underline}
@media screen and (min-width:23.4375em){.brand-hero.style--red .brand-hero--content h1>span.line_1{font-size:1.4375rem}
.brand-hero.style--red .brand-hero--content h1>span{font-size:1.625rem}
}@media screen and (min-width:23.75em){.brand-hero.style--gray .brand-hero--content h1 span{display:block}
.brand-hero.style--red .brand-hero--content h1>span{display:block}
}@media screen and (min-width:25.625em){.brand-hero.style--red .brand-hero--content h1>span.line_1{font-size:1.5625rem}
.brand-hero.style--red .brand-hero--content h1>span{font-size:1.875rem}
}@media screen and (min-width:30em){.brand-hero.style--gray .brand-hero--content h1{margin-bottom:1.25rem}
}@media print,screen and (min-width:40em){.brand-hero .brand-hero--container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:start;justify-content:start;flex-wrap:wrap}
.brand-hero--content{padding:2rem 0}
.brand-hero--content .btn{font-size:1.25rem;padding:1rem 2.75rem}
.brand-hero.style--gray .brand-hero--container{max-width:120rem;flex-wrap:nowrap}
.brand-hero.style--gray .brand-hero--image{max-width:40%}
.brand-hero.style--gray .brand-hero--content .btn{margin-left:0 !important}
}@media print,screen and (min-width:64em){.brand-hero--content{padding:2rem 3rem 2rem 0}
.brand-hero--content>ul>li{font-size:1.1rem;padding-bottom:.75rem}
.brand-hero--content>p{font-size:1.1rem;padding-bottom:.75rem}
.brand-hero.style--gray .brand-hero--image{max-width:100%;display:-webkit-box;display:flex}
.brand-hero.style--red{background-size:unset;background-position:unset}
.brand-hero.style--red .brand-hero--container{min-height:19.6875rem}
.brand-hero.style--red .brand-hero--container .breadcrumbs{display:none}
.brand-hero.style--red .brand-hero--image{display:block;position:absolute;margin-bottom:-6.25rem}
.brand-hero.style--red .brand-hero--content{max-width:calc(100% - 25rem);margin-right:auto;margin-left:25rem}
.brand-hero.style--red .brand-hero--links.empty{display:block}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button{padding-top:8.75rem;width:22.5rem;float:left}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn{white-space:nowrap}
.brand-hero.style--red .brand-hero--links-inner .breadcrumbs{display:block;margin-left:calc(app.rem-calc(400) + 4rem)}
}@media screen and (min-width:75em){.brand-hero--content{padding:2rem 0 3rem;margin:auto}
.brand-hero--content>ul{margin-bottom:3.125rem}
.brand-hero--content .btn{font-size:1.5rem;margin-left:1.5rem !important;padding:1.25rem 3rem}
.brand-hero.style--gray .brand-hero--content h1{margin-bottom:2.25rem}
.brand-hero.style--gray .brand-hero--content h1 span{display:block}
.brand-hero.style--red .brand-hero--container{min-height:23.4375rem}
.brand-hero.style--red .brand-hero--image{max-width:22.5rem;margin-bottom:-7.5rem}
.brand-hero.style--red .brand-hero--content{max-width:calc(100% - 30rem)}
.brand-hero.style--red .brand-hero--content h1{max-width:37.5rem}
.brand-hero.style--red .brand-hero--content h1>span{display:inline-block}
.brand-hero.style--red .brand-hero--content h1>span.line_1{font-size:2rem}
.brand-hero.style--red .brand-hero--content h1>span{font-size:2.8125rem}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn{letter-spacing:.0125em}
}@media screen and (min-width:90em){.brand-hero--content>ul>li{font-size:1.625rem;padding-bottom:.6875rem}
.brand-hero--content>p{font-size:1.625rem;padding-bottom:.6875rem}
.brand-hero.style--gray .brand-hero--image>img{max-width:31.25rem}
.brand-hero.style--red .brand-hero--container{min-height:30rem}
.brand-hero.style--red .brand-hero--image{max-width:26.25rem;margin-bottom:-9.375rem}
.brand-hero.style--red .brand-hero--content{max-width:calc(100% - 37rem);margin-left:30rem}
.brand-hero.style--red .brand-hero--content h1{margin-bottom:2.25rem;max-width:51.25rem}
.brand-hero.style--red .brand-hero--content h1>span.line_1{font-size:2.875rem}
.brand-hero.style--red .brand-hero--content h1>span{font-size:4.0625rem}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button{width:27.5rem}
.brand-hero.style--red .brand-hero--links-inner .brand-hero--button .btn{font-size:1rem}
}@media screen and (min-width:100em){.brand-hero.style--gray .brand-hero--image>img{max-width:40rem}
.brand-hero.style--red .brand-hero--container{max-width:106.25rem;margin-left:auto;margin-right:auto;padding-left:0}
.brand-hero.style--red .brand-hero--links-inner{max-width:106.25rem;margin-left:auto;margin-right:auto}
}@media screen and (min-width:106.25em){.brand-hero--content>ul>li{font-size:1.8125rem;padding-bottom:1.0625rem}
.brand-hero--content>p{font-size:1.8125rem;padding-bottom:1.0625rem}
}@media screen and (min-width:112.5em){.brand-hero.style--red .brand-hero--image{margin-bottom:-10.625rem;left:0}
.brand-hero.style--red .brand-hero--content{margin:auto;margin-left:30rem;max-width:73.125rem}
}