#landing{--color-title:#fff;--color-text:#fff;color:#fff;background-image:url(/images/landing/bg-main.jpg);background-position:top;background-size:100%}@media (width>=768px) and (width<=1279px){#landing h2{font-size:30px}#landing p{font-size:16px}}@media (width<=767px){#landing h2{font-size:18px}#landing p{font-size:14px}#landing .Section-content{width:600px}}.NavigationWidget{z-index:10;text-align:right;position:fixed}@media (width<=767px){.NavigationWidget{top:0;left:0;right:0}}@media (width>=768px){.NavigationWidget{top:64px;right:64px}}@media (width<=767px){.NavigationWidget-grid{grid-template-columns:1fr auto;place-items:center start;gap:16px;padding:16px;transition:background .25s;display:grid}}.NavigationWidget-container{opacity:.5;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));width:96px;height:48px;transition:opacity .25s;display:inline-flex;position:relative}@media (width<=767px){.NavigationWidget-container{grid-area:1/2}}.NavigationWidget-container:hover{opacity:1}.NavigationWidget-outline{pointer-events:none;background-color:#00000080;border:1px solid #fff;border-radius:32px;width:100%;transition:all .25s;position:absolute;top:0;bottom:0;left:0}.NavigationWidget-language,.NavigationWidget-site{cursor:pointer;z-index:1;width:48px;height:48px;padding:14px;display:inline-block;position:relative}.NavigationWidget-language:hover~.NavigationWidget-outline{width:50%}.NavigationWidget-language.is-active .NavigationWidget-languageDropdown{display:block}.NavigationWidget-languageDropdown{text-align:left;background-color:#d9d9d9;margin:0;padding:0;list-style:none;display:none;position:absolute;top:100%;right:0}.NavigationWidget-optionLink{color:#000;opacity:.5;padding:4px 16px;font-weight:700}.NavigationWidget-optionLink.is-active:after{content:"&middot;";margin-left:8px}.NavigationWidget-optionLink:hover{opacity:1}.NavigationWidget-site:hover~.NavigationWidget-outline{width:50%;left:50%}.NavigationWidget-icon{filter:invert();width:20px;height:20px}.NavigationWidget-cta{opacity:0;pointer-events:none;text-align:center;transition:opacity .25s}@media (width<=767px){.NavigationWidget-cta{grid-area:1/1}}@media (width>=768px){.NavigationWidget-cta{margin-top:16px}}@media (width<=767px){.NavigationWidget.is-active .NavigationWidget-grid{background-color:#000000e6}}.NavigationWidget.is-active .NavigationWidget-cta{opacity:1;pointer-events:unset}@media (width<=767px){.NavigationCTAButton{padding:0 8px}}.MastheadPlaceholder,.MastheadSectionMask,.MastheadSection{height:100vh;max-height:100vh}@media (width>=1920px){.MastheadPlaceholder,.MastheadSectionMask,.MastheadSection{height:900px}}.MastheadSectionMask{position:fixed;top:0;left:0;right:0;overflow:hidden}@media (width>=1920px){.MastheadSectionMask{width:1920px;left:calc(50% - 960px);right:auto}}.MastheadSection{text-align:center;position:absolute;top:0;left:0;right:0}.MastheadSection.is-hidden{display:none}.MastheadSection .Section-background{overflow:hidden}.MastheadSection .Section-background:before{content:"";pointer-events:none;background-image:linear-gradient(#0000 33%,#000c 67%);position:absolute;inset:0}.MastheadSection .Section-content{height:100%}.MastheadVideo,.MastheadImage{object-fit:cover;object-position:center;width:100%;height:100%}@media (width<=1279px){body.game-about-chinese-regional .MastheadVideo,body.game-about-chinese-regional .MastheadImage{object-position:20% center}}.MastheadContainer{box-sizing:border-box;filter:drop-shadow(0 0 6px #000);grid-template-rows:auto 1fr;height:100%;display:grid}@media (width>=1280px){.MastheadContainer{grid-template-rows:minmax(0,2fr) minmax(0,3fr)}}@media (width<=767px){.MastheadContainer-spacer{height:20vw}}@media (width>=768px) and (width<=1279px){.MastheadContainer-spacer{height:20vh}}.MastheadLogo-image{width:80%;max-width:420px}.MastheadDescription{opacity:.8;width:90%;max-width:800px;margin:2rem auto 3rem}@media (width>=768px){.TopCTAButton{padding:0 128px}}.MasteheadMobilePlatforms{opacity:.8;display:none}.MasteheadMobilePlatforms a{display:none}@media (width<=1279px){.MasteheadMobilePlatforms{flex-direction:column;gap:20px;margin-top:1rem;display:flex}.MasteheadMobilePlatforms img{align-self:center;width:150px}}.MastheadPlatformIcons{flex-flow:wrap;justify-content:center;place-items:center;gap:16px;width:90%;margin:0 auto 32px;display:flex}@media (width>=1280px){.MastheadPlatformIcons{gap:16px 32px}}@media (width<=767px){.MastheadPlatformIcons-icon{height:30px}}.MastheadUpperContainer,.MastheadLowerContainer{z-index:1}.MastheadScrollContainer{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.MastheadScrollArrow{pointer-events:none}.MastheadScrollArrow-icon{filter:invert()drop-shadow(0 0 6px #000);width:4rem;height:4rem}.TitleSection{text-align:center;-webkit-mask-image:linear-gradient(#000 0% 75%,#0000);mask-image:linear-gradient(#000 0% 75%,#0000)}.TitleSection .Section-content,.TitleSection .SectionContent{height:100%}.WidescreenSectionBackground{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.TitleSectionBackground{background-image:url(/images/landing/bg-title.jpg)}.TitleWarframeImage{position:absolute;top:50%;left:47.5%;transform:translate(-50%,-50%)}.TitleWarframeImage-image{height:54.44vh}@media (width>=1280px){.TitleWarframeImage-image{height:90.74vh}}.MultiplayerSection{text-align:center}@media (width>=1280px){.MultiplayerSection .MultiplayerContent{width:66.6667%;margin-left:auto;margin-right:auto}}.MultiplayerSection .Section-background .MultiplayerBackground{aspect-ratio:16/9;background-image:url(/images/community/referral/new/masthead.png);-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.MultiplayerSection .Section-background .MultiplayerBackground:before{content:"";pointer-events:none;background-image:linear-gradient(#0000,#0000 45%,#000);position:absolute;inset:0}.MultiplayerSection .Section-content{height:fit-content;margin-top:0;padding-top:40vw}@media (width>=1280px){.MultiplayerSection .Section-content{height:-webkit-fill-available;height:-moz-available;height:stretch;padding-top:600px}.MultiplayerSection .SectionContent{align-content:end;height:-webkit-fill-available;height:-moz-available;height:stretch;display:grid}}.GameplaySection{margin-top:72px;margin-bottom:121px;overflow:hidden}@media (width<=1279px){.GameplaySection{margin-top:92px;margin-bottom:121px}}@media (width<=767px){.GameplaySection{margin-top:33px;margin-bottom:23px}}.GameplayGrid{flex-flow:column wrap;align-content:center;display:flex}.GameplayTitleBlock{text-align:center}.GameplayTile-Container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid;position:relative}@media (width<=1279px){.GameplayTile-Container{grid-template-columns:1fr;display:inline-grid}}.GameplayTile{border:1px solid #5f553d;grid-template-rows:auto 1fr;place-self:center;height:100%;transition:opacity .125s;display:grid;overflow:visible}@media (width<=767px){.GameplayTile{width:90%;display:inline-grid}}@media (width>=768px) and (width<=1279px){.GameplayTile{grid-template-rows:auto;grid-template-columns:1fr 1fr}.GameplayTile .Landscape-image{order:1}}.GameplayTile-image{object-fit:cover;width:100%;display:block}@media (width>=768px) and (width<=1279px){.GameplayTile-image{height:100%}}.GameplayTile-text{z-index:1;background:#000;min-height:14rem;padding:16px 24px 24px;position:relative}.GameplayTile-title{color:#0000;background:radial-gradient(50% 50%,#a99565 0%,#a99565b3 100%);font-family:var(--font-family-title,"Roboto", Arial, Helvetica, sans-serif);text-transform:none;-webkit-background-clip:text;background-clip:text;font-size:2.0625rem;font-weight:700;line-height:1.25;text-transform:uppercase!important;font-size:22px!important}.GameplayTile-subheading{color:#fff;margin-top:8px;font-size:15px;font-weight:700;line-height:1.6}.GameplayTile-description{margin-top:8px;font-size:.875rem;line-height:1.6}.WarframesSection{margin-top:72px;margin-bottom:121px;overflow:hidden}@media (width<=1279px){.WarframesSection{margin-top:92px;margin-bottom:121px}}@media (width<=767px){.WarframesSection{margin-top:33px;margin-bottom:23px}}.WarframesTitleBlock{text-align:center}.WarframesTitleBlock-description{max-width:800px;margin:1.5rem auto 64px}@media (width<=767px){.WarframesTitleBlock-description{margin-bottom:16px}}.WarframesGalleryGrid{position:relative}.WarframesGalleryGrid-scrollWrapper{padding:32px 0 0;position:relative}@media (width<=767px){.WarframesGalleryGrid-scrollWrapper{margin:0 -5vw;padding:32px 5vw;overflow-x:scroll}}.WarframesGalleryGrid-tileContainer{z-index:1;max-width:1000px;height:400px;margin:0 auto;padding:0;transition:height .25s;position:relative}.WarframesGalleryGrid-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid;position:relative}@media (width<=767px){.WarframesGalleryGrid-tiles{grid-template-columns:repeat(3,288px);display:inline-grid}}.WarframesGalleryGrid-controls{text-align:center;max-width:1000px;margin:0 auto;padding:80px 0 64px;position:relative}@media (width<=767px){.WarframesGalleryGrid-controls{padding-top:16px;padding-bottom:16px}}.WarframesGalleryGrid-outerGuideline{border:1px solid #5f553d;border-top:none;height:50%;position:absolute;top:0;left:16%;right:16%}@media (width<=767px){.WarframesGalleryGrid-outerGuideline{display:none}}.WarframesGalleryGrid-innerGuideline{border-left:1px solid #5f553d;width:0;position:absolute;top:0;bottom:0;left:50%}@media (width<=767px){.WarframesGalleryGrid-innerGuideline{display:none}}.WarframesGalleryGrid-leftNode,.WarframesGalleryGrid-rightNode{border:1px solid #5f553d;border-radius:50%;width:16px;height:16px;position:absolute;bottom:0}@media (width<=767px){.WarframesGalleryGrid-leftNode,.WarframesGalleryGrid-rightNode{display:none}}.WarframesGalleryGrid-leftNode{left:0;transform:translate(-50%,50%)}.WarframesGalleryGrid-rightNode{right:0;transform:translate(50%,50%)}.WarframesGalleryGrid-showMore{background:#000;border:1px solid #5f553d;border-radius:0}.WarframesGalleryGrid-showMore .Button-label{background:radial-gradient(50% 50%,#a99565 0%,#a99565b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:5px 10px;font-size:28px;font-weight:700}.WarframeTile{border:1px solid #5f553d;height:100%;overflow:visible}@media (width<=767px){.WarframeTile{width:270px;display:inline-grid}}.WarframeTile-container{opacity:0;grid-template-rows:auto 1fr;height:100%;transition:opacity .125s;display:grid;overflow:visible}.WarframeTile.is-active .WarframeTile-container{opacity:1}.WarframeTile-image{aspect-ratio:1;object-fit:cover;width:100%;margin-top:-32px;margin-bottom:-32px;display:block}body.game-about-chinese-regional .WarframeTile-image{margin-top:0}.WarframeTile-text{z-index:1;background:linear-gradient(#0000,#000 32px,#000);min-height:14rem;padding:16px 24px 24px;position:relative}.WarframeTile-name{color:#0000;background:radial-gradient(50% 50%,#a99565 0%,#a99565b3 100%);font-family:var(--font-family-title,"Roboto", Arial, Helvetica, sans-serif);text-transform:none;-webkit-background-clip:text;background-clip:text;font-size:2.0625rem;font-weight:700;line-height:1.25}.WarframeTile-description{margin-top:8px;font-size:.875rem;line-height:1.6}.CustomizationSection{text-align:center;height:100vh}.CustomizationSection .Section-content{height:100%;overflow:hidden}.CustomizationSection-title.is-compressed{font-family:var(--font-family-title,"Roboto", Arial, Helvetica, sans-serif);text-transform:none;font-size:2.0625rem;font-weight:700;line-height:1.25}.CustomizationSection-title.is-compressedMore{font-family:var(--font-family-title,"Roboto", Arial, Helvetica, sans-serif);text-transform:none;font-size:1.75rem;font-weight:700;line-height:1.25}.CustomizationSection-description{width:90%;max-width:600px;margin:0 auto}.CustomizationSectionBackground{filter:brightness(.5)blur(5px);background-image:url(/images/landing/bg-arsenal.jpg);-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}@media (width>=1280px){.CustomizationSectionBackground{filter:brightness(.7)blur(5px)}}.CustomizationGalleryBlock{aspect-ratio:967/1857;height:50vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}@media (width>=768px){.CustomizationGalleryBlock{height:70vh}}.CustomizationGalleryBlock.is-visible{transform:translate(-50%,-50%)}.CustomizationGrid{width:100%;height:100%;position:relative}.CustomizationGrid-thumbnails{flex-flow:row;justify-content:center;gap:16px;display:flex;position:absolute}@media (width<=767px){.CustomizationGrid-thumbnails{padding-top:40px;top:100%;left:50%;transform:translate(-50%)}}@media (width>=768px){.CustomizationGrid-thumbnails{flex-flow:column;gap:24px;padding-right:80px;top:0;bottom:0;right:100%}}.CustomizationGrid-thumbnail{cursor:pointer;background-color:#fff3;width:60px;height:60px;position:relative}@media (width>=768px){.CustomizationGrid-thumbnail{width:100px;height:100px}}.CustomizationGrid-thumbnail:after{content:"";pointer-events:none;border:1px solid #fff;position:absolute;inset:0}.CustomizationGrid-thumbnail.is-active:after{border-width:3px}.CustomizationGrid-thumbnail:hover{background-color:#fff6}.CustomizationGrid-slides{aspect-ratio:967/1857;width:100%;margin:0 auto;position:relative}.CustomizationGrid-slide{opacity:0;filter:drop-shadow(0 0 10px #ffffff80);transition:opacity .25s;display:block;position:absolute;inset:0}.CustomizationGrid-slide.is-active{opacity:1}.CustomizationGrid-image{object-fit:cover;border:none;width:100%;height:100%}.AnimateWhenVisible--reverseVideoZoom{aspect-ratio:16/9;z-index:1;width:100%;max-width:100%;transition:all .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width>=1920px){.AnimateWhenVisible--reverseVideoZoom{width:1600px;max-width:1600px}}.AnimateWhenVisible--reverseVideoZoom .AnimateWhenVisible-content{margin:16px;transition:all .5s;position:absolute;inset:0}@media (width<=767px){.AnimateWhenVisible--reverseVideoZoom .AnimateWhenVisible-content{margin:4px}}.AnimateWhenVisible--reverseVideoZoom.is-visible{border:3px solid #5f553d;width:60vw;max-width:960px;top:19px}@media (width<=767px){.AnimateWhenVisible--reverseVideoZoom.is-visible{width:90vw;max-width:600px}}.AnimatedVideoPlaceholder{text-align:center}.AnimatedVideoPlaceholder-border{padding:16px;display:inline-block}@media (width<=767px){.AnimatedVideoPlaceholder-border{padding:4px}}.AnimatedVideoPlaceholder-matte{aspect-ratio:16/9;width:60vw;max-width:960px;display:inline-block}@media (width<=767px){.AnimatedVideoPlaceholder-matte{width:90vw;max-width:600px}}.AnimatedVideoSection{z-index:1;pointer-events:none;height:0;position:relative;overflow:visible}.AnimatedVideoSection-inner{aspect-ratio:16/9;position:absolute;top:0;left:0;right:0;overflow:hidden}.AnimatedVideo{object-fit:cover;position:absolute;inset:0}.ParkourSection{margin-bottom:128px;overflow:hidden}.ParkourSection .Section-content{text-align:center}.ParkourSection-description{width:90%;max-width:800px;margin:0 auto}@media (width<=767px){.ParkourSection{margin-bottom:16px}}.ParkourTitleBlock{margin:64px 0}@media (width<=767px){.ParkourTitleBlock{margin:16px 0}}.WeaponsSection-title{text-align:center}.WeaponsSection-description{text-align:center;max-width:800px;margin:0 auto}@media (width<=767px){.WeaponsSection .Section-content{width:600px}}.WeaponsGrid{margin-bottom:128px}@media (width<=767px){.WeaponsGrid{margin-bottom:16px}}.WeaponsGrid-wrapper{text-align:center;margin-top:2px;margin-bottom:128px}@media (width<=767px){.WeaponsGrid-wrapper{margin-bottom:16px}}.WeaponsGrid-container{display:inline-grid}@media (width<=767px){.WeaponsGrid-container{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr;gap:32px}}@media (width>=768px) and (width<=1279px){.WeaponsGrid-container{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:0 auto}}@media (width>=1280px){.WeaponsGrid-container{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:0;margin:0 auto}}.WeaponsGrid-divider{background-color:#5f553d;width:120px;height:1px;display:none}@media (width>=1280px){.WeaponsGrid-divider{display:unset}}.WeaponsGridTile{background:#000;border:1px solid #5f553d;position:relative}@media (width<=767px){.WeaponsGridTile{aspect-ratio:1.2;width:80vw}}@media (width>=768px){.WeaponsGridTile{aspect-ratio:.72;width:275px}}.WeaponsGridTile-text,.WeaponsGridTile-slide{z-index:1}.WeaponsGridTile-text{text-align:center;position:absolute;left:16px;right:16px}@media (width<=767px){.WeaponsGridTile-text{white-space:nowrap;bottom:16px}}@media (width>=768px) and (width<=1279px){.WeaponsGridTile-text{bottom:16px}}@media (width>=1280px){.WeaponsGridTile-text{top:110%;left:0;right:0}}.WeaponsGridTile-title{text-transform:uppercase;color:#0000;background:radial-gradient(50% 50%,#a99565 0%,#a99565b3 100%);-webkit-background-clip:text;background-clip:text;font-weight:700}@media (width>=1280px){.WeaponsGridTile-title{font-size:1.75rem}}.WeaponsGridTile-subtitle{display:none}.WeaponsGridTile:after{content:"";opacity:.5;pointer-events:none;background:radial-gradient(#5f553d,#000);position:absolute;inset:0}@media (width>=768px) and (width<=1279px){.WeaponsGridTile--melee{aspect-ratio:3.02;grid-column:1/span 2;width:598px}.WeaponsGridTile--melee .WeaponsGridTile-text{white-space:nowrap;left:auto}}@keyframes WeaponSlideIn{0%{-webkit-mask-position:0;mask-position:0}to{-webkit-mask-position:100%;mask-position:100%}}@keyframes WeaponSlideOut{0%{-webkit-mask-position:0;mask-position:0}to{-webkit-mask-position:100%;mask-position:100%}}.WeaponSlideshow{aspect-ratio:1;width:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.WeaponSlideshow-slide{opacity:0;-webkit-mask-origin:border;position:absolute;inset:0;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:border-box;mask-origin:border-box}.WeaponSlideshow-slide.is-on{opacity:1;animation-name:WeaponSlideIn;animation-duration:1s;animation-fill-mode:both;-webkit-mask-image:linear-gradient(45deg,#0000,#0000 50%,#000 51%,#000);mask-image:linear-gradient(45deg,#0000,#0000 50%,#000 51%,#000)}.WeaponSlideshow-slide.is-off{opacity:1;animation-name:WeaponSlideOut;animation-duration:1s;animation-fill-mode:both;-webkit-mask-image:linear-gradient(45deg,#000,#000 50%,#0000 51%,#0000);mask-image:linear-gradient(45deg,#000,#000 50%,#0000 51%,#0000)}.WeaponSlideshow-image{border:none;width:100%;height:100%}@media (width<=767px){.WeaponSlideshow{width:70%;top:0;transform:translate(-50%)}}@media (width>=768px) and (width<=1279px){.WeaponSlideshow--melee{width:50%}}.SystemSection{overflow:hidden}.SystemSection .Section-content{text-align:center}.SystemSection-description{width:90%;max-width:800px;margin:0 auto}.SystemTitleBlock{margin-top:64px;margin-bottom:128px}@media (width<=767px){.SystemTitleBlock{margin:16px 0}}.PathTitleBlock{padding:64px 0 128px}.SquadSection{text-align:center;aspect-ratio:16/9;background-image:linear-gradient(#0000 0% 75%,#000)}@media (width>=1920px){.SquadSection{aspect-ratio:auto;height:900px}}.SquadSection .Section-background:before{content:"";pointer-events:none;background-image:linear-gradient(#0000,#0000 75%,#000);position:absolute;inset:0}.SquadSection .Section-content{height:100%;overflow:hidden}.SquadSection-imageContainer{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.SquadSection-image{width:60vw;max-width:960px}.SquadSectionBackground{background-image:url(/images/landing/bg-squad.jpg);-webkit-mask-image:linear-gradient(#000 0% 75%,#0000);mask-image:linear-gradient(#000 0% 75%,#0000)}.SquadTextSection .Section-background{background-color:#000}.SquadTextSection .Section-content{text-align:center;padding-bottom:10vw}.SquadTextSection-description{width:90%;max-width:800px;margin:0 auto}
