.AnnouncementBanner{position:relative;padding-top:230px;margin-top:-40px}@media (max-width:767px){.AnnouncementBanner{padding-bottom:54px}}@media (min-width:768px){.AnnouncementBanner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:160px;margin-top:-80px}}.AnnouncementBanner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:top}.AnnouncementBanner-bg--desktop{background-size:cover}@media (max-width:767px){.AnnouncementBanner-bg--desktop{display:none}}.AnnouncementBanner-bg--mobile{background-size:auto}@media (min-width:768px){.AnnouncementBanner-bg--mobile{display:none}}.AnnouncementBanner-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.AnnouncementBanner-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.AnnouncementBanner-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}@media (min-width:768px){.AnnouncementBanner-details{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left}}.AnnouncementBanner-logo{margin-bottom:12px;max-width:100%}.AnnouncementBanner-badge,.AnnouncementBanner-subheading{display:inline-block;vertical-align:middle}.AnnouncementBanner-badge{margin-right:12px}@media (max-width:767px){.AnnouncementBanner--noLogo .AnnouncementBanner-details{margin-top:40px}}@media (min-width:768px){.AnnouncementBanner--defaultReverse .AnnouncementBanner-content,.AnnouncementBanner--reverse .AnnouncementBanner-content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.AnnouncementBanner--defaultReverse .AnnouncementBanner-details,.AnnouncementBanner--reverse .AnnouncementBanner-details{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}}.AnnouncementBanner--split .AnnouncementBanner-details{padding-top:56px}.AnnouncementBanner--split .AnnouncementBanner-image{top:-35%;position:absolute;width:375px}@media (min-width:768px){.AnnouncementBanner--split .AnnouncementBanner-details,.AnnouncementBanner--split .AnnouncementBanner-image{padding:0 40px;width:50%}.AnnouncementBanner--split .AnnouncementBanner-image{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.AnnouncementBanner--split .AnnouncementBanner-logo{max-width:80%}.AnnouncementBanner--split .AnnouncementBanner-details{padding:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}}@media (min-width:1280px){.AnnouncementBanner--split .AnnouncementBanner-logo{max-width:60%}}@media (max-width:767px){.ie11 .AnnouncementBanner,.ie11 .AnnouncementBanner-content,.ie11 .AnnouncementBanner-description,.ie11 .AnnouncementBanner-details{display:block;margin-left:auto;margin-right:auto}}.AnnouncementBanner-heading{font-family:Big Noodle Too,impact,sans-serif;-webkit-font-smoothing:antialiased;font-style:italic;font-weight:400;letter-spacing:1px;font-size:31px;line-height:32px;margin-bottom:3px}:lang(ja) .AnnouncementBanner-heading{font-family:DFSoGeiStd,sans-serif}:lang(zh) .AnnouncementBanner-heading{font-family:Noto Sans TC,sans-serif}:lang(ko) .AnnouncementBanner-heading{font-family:Koverwatch,sans-serif}@media (min-width:768px){.AnnouncementBanner-heading{font-size:54px;line-height:50px}}@media (min-width:1280px){.AnnouncementBanner-heading{font-size:64px;line-height:60px}}@media (min-width:768px){.AnnouncementBanner-heading{margin-bottom:5px}}.AnnouncementBanner-subheading{font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.8px;font-size:18px;line-height:21px;text-transform:uppercase}:lang(ja) .AnnouncementBanner-subheading{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .AnnouncementBanner-subheading{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .AnnouncementBanner-subheading{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.AnnouncementBanner-subheading{font-size:21px;line-height:25px}}@media (min-width:1280px){.AnnouncementBanner-subheading{font-size:24px;line-height:27px}}.AnnouncementBanner-description{font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:0;font-size:14px;line-height:20px;max-width:30em}:lang(ja) .AnnouncementBanner-description{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .AnnouncementBanner-description{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .AnnouncementBanner-description{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.AnnouncementBanner-description{font-size:16px;line-height:24px}}@media (min-width:1280px){.AnnouncementBanner-description{font-size:18px;line-height:26px}}.AnnouncementBanner-cta.Button{margin-top:15px}@media (min-width:768px){.AnnouncementBanner-cta.Button{margin-top:25px}}.AnnouncementBanner-secondaryCta{font-weight:700;text-transform:uppercase;font-size:1.25rem}@media (min-width:992px){body.home .nav-logo{display:none}}body.home .footer-prepurchase{display:none}.Button,.Button:link,.Button:visited{font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;line-height:16px;-webkit-font-smoothing:antialiasing;border-color:transparent;color:#fff}:lang(ja) .Button,:lang(ja) .Button:link,:lang(ja) .Button:visited{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .Button,:lang(zh) .Button:link,:lang(zh) .Button:visited{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .Button,:lang(ko) .Button:link,:lang(ko) .Button:visited{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:1280px){.Button,.Button:link,.Button:visited{font-size:21px;line-height:21px}}.Button:focus,.Button:link:focus,.Button:visited:focus{color:#fff}.Button.Button--primary,.Button:link.Button--primary,.Button:visited.Button--primary{background-color:#ff9c00}.Button.Button--primary:hover,.Button:link.Button--primary:hover,.Button:visited.Button--primary:hover{background-color:#ffb033;border-color:transparent}.Button.Button--primary:active,.Button.Button--primary:focus,.Button:link.Button--primary:active,.Button:link.Button--primary:focus,.Button:visited.Button--primary:active,.Button:visited.Button--primary:focus{background-color:#ff8900;border-color:#c75a00;color:#fff}.Button.Button--primary:active:focus,.Button:link.Button--primary:active:focus,.Button:visited.Button--primary:active:focus{background:#c75a00;border-color:#c75a00;color:#fff}.Button.Button--secondary,.Button:link.Button--secondary,.Button:visited.Button--secondary{background-color:#00a5e2}.Button.Button--secondary:hover,.Button:link.Button--secondary:hover,.Button:visited.Button--secondary:hover{background-color:#0cbdff;border-color:transparent;color:#fff}.Button.Button--secondary:active,.Button.Button--secondary:focus,.Button:link.Button--secondary:active,.Button:link.Button--secondary:focus,.Button:visited.Button--secondary:active,.Button:visited.Button--secondary:focus{background-color:#0cbdff;border-color:#00a5e2;color:#fff}.Button.Button--secondary:active:focus,.Button:link.Button--secondary:active:focus,.Button:visited.Button--secondary:active:focus{background:#00a5e2;border-color:#00a5e2;color:#fff}.Container{max-width:1200px;width:100%;margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.Container{padding-left:40px;padding-right:40px}}.Container--wide{max-width:1600px}.HeaderSection{position:relative;height:82vh;min-height:600px;overflow:hidden}.HeaderSection-video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%}.HeaderSection-video--mobile{display:block}@media (min-width:768px){.HeaderSection-video--mobile{display:none}}.HeaderSection-video--desktop{display:none}@media (min-width:768px){.HeaderSection-video--desktop{display:block}}.HeaderSection-inner{position:relative;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:1280px){.HeaderSection-inner{margin-top:45px}}.HeaderSection-title{line-height:1em}.HeaderSection-logo{width:75%;max-width:900px;min-width:300px;fill:#fff;margin-top:-2.3%}@media (min-width:768px){.HeaderSection-ctaWrapper{margin-left:-30px}}.HeaderSection-ctaWrapper .HeaderSection-cta{font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;line-height:16px;color:#fff;display:block;width:auto;margin:15px auto 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}:lang(ja) .HeaderSection-ctaWrapper .HeaderSection-cta{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .HeaderSection-ctaWrapper .HeaderSection-cta{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .HeaderSection-ctaWrapper .HeaderSection-cta{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:1280px){.HeaderSection-ctaWrapper .HeaderSection-cta{font-size:21px;line-height:21px}}@media (min-width:768px){.HeaderSection-ctaWrapper .HeaderSection-cta{display:inline-block;min-width:13em;margin-left:30px}}.HeaderSection-cta.Button:not(.m-auto-width){width:auto}.HeaderSection-platformWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:34px;margin-top:1em;margin-left:auto;margin-right:auto}@media (max-width:767px){.HeaderSection-platformWrapper{max-width:300px}}.HeaderSection-platformIcon{fill:#fff}.HeaderSection-platformIcon--pc{height:1.3em;width:1.3em;max-width:9.39%;margin:0 .25em}.HeaderSection-platformIcon--psn{height:1em;width:4.719em;max-width:34.09333%;margin:.1em .33em}.HeaderSection-platformIcon--xbl{height:1em;width:4.969em;max-width:35.89667%;margin:.125em .33em}.HeaderSection .BgVidControl{cursor:pointer;position:absolute;left:10px;bottom:20px;outline:none;color:#fff;font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;line-height:16px}:lang(ja) .HeaderSection .BgVidControl{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .HeaderSection .BgVidControl{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .HeaderSection .BgVidControl{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:1280px){.HeaderSection .BgVidControl{font-size:21px;line-height:21px}}@media (min-width:768px){.HeaderSection .BgVidControl{left:40px;bottom:20px}}@media (min-width:1280px){.HeaderSection .BgVidControl{bottom:60px}}@media (min-width:1600px){.HeaderSection .BgVidControl{left:50%;-webkit-transform:translateX(-760px);transform:translateX(-760px)}}.HeaderSection .BgVidControl-icon{display:inline;vertical-align:middle;fill:#fff;background-color:#ff9c00;height:1.5em;width:1.5em;padding:.3em;margin-right:.5em;border-radius:.1em}.HeaderSection .BgVidControl-text{display:inline-block;vertical-align:middle;color:#fff;text-transform:uppercase;-webkit-font-smoothing:antialiased}.HeaderSection .BgVidControl .BgVidControl-inner--play{display:none}.HeaderSection .BgVidControl.js-paused .BgVidControl-inner--play{display:block}.HeaderSection .BgVidControl.js-paused .BgVidControl-inner--pause{display:none}.HeaderSection .BgVidControl .BgVidControl-icon{border:2px solid transparent;-webkit-transition:background-color .3s;transition:background-color .3s}.HeaderSection .BgVidControl:active .BgVidControl-icon,.HeaderSection .BgVidControl:focus .BgVidControl-icon,.HeaderSection .BgVidControl:hover .BgVidControl-icon{-webkit-transition:background-color .1s;transition:background-color .1s}.HeaderSection .BgVidControl:hover .BgVidControl-icon{background-color:#ffb033}.HeaderSection .BgVidControl:active .BgVidControl-icon,.HeaderSection .BgVidControl:focus .BgVidControl-icon{background-color:#ff8900;border-color:#c75a00}.HeaderSection .BgVidControl:active:focus .BgVidControl-icon{background:#c75a00;border-color:#c75a00}.NewsSection{position:relative;display:block;width:100%;max-width:100%;text-align:center;padding-top:60px;background-color:#f6f6f6}.NewsSection-headline{font-family:Big Noodle Too,impact,sans-serif;-webkit-font-smoothing:antialiased;font-style:italic;font-weight:400;letter-spacing:1px;font-size:31px;line-height:32px;color:#4b535d}:lang(ja) .NewsSection-headline{font-family:DFSoGeiStd,sans-serif}:lang(zh) .NewsSection-headline{font-family:Noto Sans TC,sans-serif}:lang(ko) .NewsSection-headline{font-family:Koverwatch,sans-serif}@media (min-width:768px){.NewsSection-headline{font-size:54px;line-height:50px}}@media (min-width:1280px){.NewsSection-headline{font-size:64px;line-height:60px}}.NewsSection-newsList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-24px;margin-top:24px}.NewsSection-newsItem{display:block;position:relative;padding-left:24px;margin-bottom:24px;width:33.3333%}.NewsSection-newsItem,.NewsSection-newsItem:link{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.NewsSection-newsItem:focus,.NewsSection-newsItem:hover{-webkit-transform:scale(1.08);transform:scale(1.08);outline:none}.NewsSection-newsItem:focus,.NewsSection-newsItem:focus:link,.NewsSection-newsItem:hover,.NewsSection-newsItem:hover:link{-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}@media (max-width:767px){.NewsSection-newsItem{width:100%}.NewsSection-newsItem:focus,.NewsSection-newsItem:hover{-webkit-transform:none;transform:none}}.NewsSection-newsItemInner{display:block;position:relative}.NewsSection-newsItemImage{display:block;padding-top:48%;background-position:50%;background-size:cover;background-color:#212529}.NewsSection-newsItemLabel{position:absolute;width:100%;left:0;bottom:0;padding:10px 15px;background-color:rgba(3,20,26,.75);color:#f6f6f6;text-align:left;font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:0;font-size:14px;line-height:18px}:lang(ja) .NewsSection-newsItemLabel{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .NewsSection-newsItemLabel{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .NewsSection-newsItemLabel{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.NewsSection-newsItemLabel{font-size:16px;line-height:20px}}@media (min-width:1280px){.NewsSection-newsItemLabel{font-size:18px;line-height:22px}}.NewsSection-cta,.NewsSection-cta.Button{font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;line-height:16px;color:#fff;border-color:transparent;background-color:#00a5e2}:lang(ja) .NewsSection-cta,:lang(ja) .NewsSection-cta.Button{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .NewsSection-cta,:lang(zh) .NewsSection-cta.Button{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .NewsSection-cta,:lang(ko) .NewsSection-cta.Button{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:1280px){.NewsSection-cta,.NewsSection-cta.Button{font-size:21px;line-height:21px}}.NewsSection-cta.Button:hover,.NewsSection-cta:hover{background-color:#0cbdff;border-color:transparent}.NewsSection-cta.Button:active,.NewsSection-cta.Button:focus,.NewsSection-cta:active,.NewsSection-cta:focus{color:#fff;background-color:#0cbdff;border-color:#00a5e2}.NewsSection-newsItem .NewsSection-newsItemLabel{-webkit-transition:background-color .3s;transition:background-color .3s}.NewsSection-newsItem:focus .NewsSection-newsItemLabel,.NewsSection-newsItem:hover .NewsSection-newsItemLabel{background-color:rgba(3,20,26,.95);-webkit-transition:background-color .1s;transition:background-color .1s}.NewsSection-newsItem--youtube:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-position:50%;background-repeat:no-repeat;background-image:url(https://static.playoverwatch.com/img/icons/youtube-btn-ylw-d31de6ac9c.png);background-size:13% auto;-webkit-transition:background-image .3s;transition:background-image .3s}.NewsSection-newsItem--youtube:focus:after,.NewsSection-newsItem--youtube:hover:after{background-image:url(https://static.playoverwatch.com/img/icons/youtube-btn-wh-7d0cb7c93e.png);-webkit-transition:background-image .1s;transition:background-image .1s}.NewsSection-notchAccent{position:absolute;bottom:0;left:0;right:0;bottom:100%}.NewsSection-notchAccent:after,.NewsSection-notchAccent:before{content:"";position:absolute;bottom:0;height:20px;width:100%;border-bottom:20px solid #f6f6f6}.NewsSection-notchAccent:before{right:50%;-webkit-transform:translateX(-580px);transform:translateX(-580px);border-right:20px solid transparent}.NewsSection-notchAccent:after{left:50%;-webkit-transform:translateX(580px);transform:translateX(580px);border-left:20px solid transparent}.HeroesSection{position:relative;text-align:center;background-image:url(https://static.playoverwatch.com/img/scene/candy-5d74c9b93f.jpg);background-position:top;background-size:cover;padding-top:44px;padding-bottom:44px}@media (min-width:1280px){.HeroesSection{padding-top:72px;padding-bottom:72px}}.HeroesSection-headline{font-family:Big Noodle Too,impact,sans-serif;-webkit-font-smoothing:antialiased;font-style:italic;font-weight:400;letter-spacing:1px;font-size:31px;line-height:32px;color:#4b535d}:lang(ja) .HeroesSection-headline{font-family:DFSoGeiStd,sans-serif}:lang(zh) .HeroesSection-headline{font-family:Noto Sans TC,sans-serif}:lang(ko) .HeroesSection-headline{font-family:Koverwatch,sans-serif}@media (min-width:768px){.HeroesSection-headline{font-size:54px;line-height:50px}}@media (min-width:1280px){.HeroesSection-headline{font-size:64px;line-height:60px}}.HeroesSection-description{font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:0;font-size:16px;line-height:22px;color:#212529;margin-bottom:36px}:lang(ja) .HeroesSection-description{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .HeroesSection-description{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .HeroesSection-description{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.HeroesSection-description{font-size:18px;line-height:26px}}@media (min-width:1280px){.HeroesSection-description{font-size:21px;line-height:30px}}.HeroSpotlight{background-image:-webkit-gradient(linear,left top,right top,from(rgba(64,82,117,0)),color-stop(25%,rgba(64,82,117,.8)),color-stop(75%,rgba(64,82,117,.8)),to(rgba(64,82,117,0)));background-image:linear-gradient(90deg,rgba(64,82,117,0) 0,rgba(64,82,117,.8) 25%,rgba(64,82,117,.8) 75%,rgba(64,82,117,0));background-position:50%;background-size:100% 200px}@media (max-width:767px){.HeroSpotlight{display:none}}.HeroSpotlight-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.HeroSpotlight-image{position:relative;display:inline-block;max-width:50%;width:490px;margin-right:36px;background-size:auto 100%;background-repeat:no-repeat;background-position:100%}.HeroSpotlight-image:before{content:"";display:block;padding-top:89.79592%}.HeroSpotlight-text{position:relative;width:50%}.HeroSpotlight-textInner{max-width:25em}.HeroesSection-heroList{-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.HeroesSection-heroList,.HeroPortraitLink{display:-webkit-box;display:-ms-flexbox;display:flex}.HeroPortraitLink{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:2.4px 3px}.HeroPortraitLink-imageWrapper{display:inline-block;position:relative;width:76px;height:84px;border:3px solid #f6f6f6;background-color:rgba(51,51,51,.9);background-clip:padding-box;overflow:hidden;border-radius:7px;-webkit-transform:skew(25rad);transform:skew(25rad)}.HeroPortraitLink-title{display:inline-block;font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:0;color:#212529;padding:.25em .5em;margin-left:-17%;border-radius:.3em;font-size:12px;line-height:1.25em}:lang(ja) .HeroPortraitLink-title{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .HeroPortraitLink-title{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .HeroPortraitLink-title{font-family:Noto Sans KR,sans-serif;font-weight:400}.HeroPortraitLink-image{display:block;width:calc(100% + 10px);height:100%;background-size:auto 100%;background-position:50% 50%;position:relative;-webkit-transform:skew(-25rad) translateX(-5px);transform:skew(-25rad) translateX(-5px)}.HeroPortraitLink{-webkit-backface-visibility:hidden;backface-visibility:hidden}.HeroPortraitLink-imageWrapper{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.HeroPortraitLink:focus,.HeroPortraitLink:hover{outline:none;z-index:1}.HeroPortraitLink:focus .HeroPortraitLink-imageWrapper,.HeroPortraitLink:hover .HeroPortraitLink-imageWrapper{-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;-webkit-transform:skew(25rad) scale(1.3);transform:skew(25rad) scale(1.3);background-color:#ff9c00}.HeroPortraitLink-title{position:relative;-webkit-transition:background-color .15s ease-in;transition:background-color .15s ease-in;word-break:keep-all}.HeroPortraitLink:focus .HeroPortraitLink-title,.HeroPortraitLink:hover .HeroPortraitLink-title{-webkit-transition:background-color 0s ease-out;transition:background-color 0s ease-out;background-color:#f6f6f6}.HeroSpotlight-title{font-family:Big Noodle Too,impact,sans-serif;-webkit-font-smoothing:antialiased;font-style:italic;font-weight:400;letter-spacing:1px;font-size:24px;line-height:27px;color:#fff}:lang(ja) .HeroSpotlight-title{font-family:DFSoGeiStd,sans-serif}:lang(zh) .HeroSpotlight-title{font-family:Noto Sans TC,sans-serif}:lang(ko) .HeroSpotlight-title{font-family:Koverwatch,sans-serif}@media (min-width:768px){.HeroSpotlight-title{font-size:45px;line-height:43px}}@media (min-width:1280px){.HeroSpotlight-title{font-size:54px;line-height:50px}}.HeroSpotlight-caption{font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:0;font-size:14px;line-height:20px;color:#fff}:lang(ja) .HeroSpotlight-caption{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .HeroSpotlight-caption{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .HeroSpotlight-caption{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.HeroSpotlight-caption{font-size:16px;line-height:24px}}@media (min-width:1280px){.HeroSpotlight-caption{font-size:18px;line-height:26px}}.ow-ana-color{background-color:#9c978a}.ow-ashe-color{background-color:#b3a05f}.ow-bastion-color{background-color:#24f9f8}.ow-baptiste-color{background-color:#2892a8}.ow-brigitte-color{background-color:#efb016}.ow-doomfist-color{background-color:#762c21}.ow-dva-color{background-color:#ee4bb5}.ow-genji-color{background-color:#abe50b}.ow-hanzo-color{background-color:#837c46}.ow-junkrat-color{background-color:#fbd73a}.ow-lucio-color{background-color:#aaf531}.ow-mccree-color{background-color:#c23f46}.ow-mei-color{background-color:#87d7f6}.ow-mercy-color{background-color:#fcd849}.ow-moira-color{background-color:#7112f4}.ow-orisa-color{background-color:#ccb370}.ow-pharah-color{background-color:#3461a4}.ow-reaper-color{background-color:#333}.ow-reinhardt-color{background-color:#b9b5ad}.ow-roadhog-color{background-color:#54515a}.ow-soldier-76-color{background-color:#525d9b}.ow-sombra-color{background-color:#9762ec}.ow-symmetra-color{background-color:#3e90b5}.ow-torbjorn-color{background-color:#b04a33}.ow-tracer-color{background-color:#ffcf35}.ow-widowmaker-color{background-color:#af5e9e}.ow-winston-color{background-color:#595959}.ow-wrecking-ball-color{background-color:#4a575f}.ow-zarya-color{background-color:#ff73c1}.ow-zenyatta-color{background-color:#e1c931}.BuyOWSection{border-top:1px solid hsla(0,0%,100%,.4);background-image:url(https://static.playoverwatch.com/img/pages/home/purchase-section-bg-530f374cf1.jpg);background-size:cover;background-position:50%}.BuyOWSection-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:25px;padding-bottom:25px}.BuyOWSection-imageWrapper{width:33.333%;margin-right:24px}@media (max-width:767px){.BuyOWSection-imageWrapper{display:none}}.BuyOWSection-image{display:block;max-width:100%}.BuyOWSection-details{color:#4b535d;text-align:center;position:relative}@media (min-width:768px){.BuyOWSection-details{text-align:left}}@media (min-width:1280px){.BuyOWSection-details{width:28%;margin-right:33.333%;text-align:center}}.BuyOWSection-accentImage{position:absolute;bottom:-20px;left:65%;right:0;width:46%;max-width:680px;background-position:0 100%;background-image:url(https://static.playoverwatch.com/img/pages/home/brigitte-shoulder-flail-7c1cdbf7f7.png);background-repeat:no-repeat}@media (max-width:1279px){.BuyOWSection-accentImage{display:none}}.BuyOWSection-accentImage:before{content:"";display:block;padding-top:54.41176%}.BuyOWSection-headline{font-family:Big Noodle Too,impact,sans-serif;-webkit-font-smoothing:antialiased;font-style:italic;font-weight:400;letter-spacing:1px;font-size:24px;line-height:27px}:lang(ja) .BuyOWSection-headline{font-family:DFSoGeiStd,sans-serif}:lang(zh) .BuyOWSection-headline{font-family:Noto Sans TC,sans-serif}:lang(ko) .BuyOWSection-headline{font-family:Koverwatch,sans-serif}@media (min-width:768px){.BuyOWSection-headline{font-size:45px;line-height:43px}}@media (min-width:1280px){.BuyOWSection-headline{font-size:54px;line-height:50px}}.BuyOWSection-description{font-family:Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:0;font-size:14px;line-height:18px}:lang(ja) .BuyOWSection-description{font-family:UDTypos,sans-serif;font-weight:400}:lang(zh) .BuyOWSection-description{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .BuyOWSection-description{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:768px){.BuyOWSection-description{font-size:16px;line-height:20px}}@media (min-width:1280px){.BuyOWSection-description{font-size:18px;line-height:22px}}.BuyOWSection-cta.Button{font-family:FuturaNo2D,Century Gothic,AppleGothic,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:16px;line-height:16px;margin-top:16px}:lang(ja) .BuyOWSection-cta.Button{font-family:DFSoGeiStd,sans-serif;font-weight:400}:lang(zh) .BuyOWSection-cta.Button{font-family:Noto Sans TC,sans-serif;font-weight:400}:lang(ko) .BuyOWSection-cta.Button{font-family:Noto Sans KR,sans-serif;font-weight:400}@media (min-width:1280px){.BuyOWSection-cta.Button{font-size:21px;line-height:21px}}
/*# sourceMappingURL=home-c3622fa8d2.css.map */