*,:after,:before{box-sizing:border-box}:root{font-size:15px}body{--color-text:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#fff;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:neuzeit-grotesk,sans-serif;line-height:1;overflow-x:hidden;overflow-y:scroll}header{z-index:1;font-family:neuzeit-grotesk,sans-serif;font-size:16px}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:loaderAnim .7s linear infinite alternate forwards;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;font-weight:600;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.match__name{font-size:16px;font:neuzeit-grotesk,sans-serif;--color-link-hover:#fff;--color-link:#e3e3e3;margin:0 0 2rem}.name{opacity:.7}.match__header{color:#a5a4a4;--color-link-hover:#fff;font-family:neuzeit-grotesk,sans-serif;font-size:16px;font-weight:400}.match__nonlink{color:#6d6d6d;--color-link:#a5a4a4;--color-link-hover:#6d6d6d;font-family:neuzeit-grotesk,sans-serif;font-size:16px;font-weight:400}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.line{transform-origin:0%;white-space:nowrap;will-change:transform;padding-bottom:.35rem}.oh{overflow:hidden}.oh>.line{margin-top:.5rem;margin-bottom:.5rem}.oh__inner{transform-origin:0%;will-change:transform;padding:1rem;display:inline-block}navbar-demos{margin-top:0}.navbar-title{text-align:center;opacity:1;justify-content:center}.align-middle{text-align:center;color:#e3e3e3;margin-top:2.75rem}@media screen and (min-width:768px){.navbar{width:100%;grid-gap:5vw;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title title links demos";align-content:space-between;font-family:neuzeit-grotesk,sans-serif;display:grid}.navbar-title{grid-area:title;margin:0}.navbar-links{grid-area:links;justify-self:end;padding:0}.navbar-demos{grid-area:demos;justify-self:end;margin:0}}.frame{height:100%;flex-direction:column;align-items:flex-start;font-family:neuzeit-grotesk,sans-serif;display:flex}.frame--fixed{width:100%;height:auto;z-index:1;grid-template-columns:38% 62%;padding:1rem;display:grid;position:fixed;top:0;left:0}.frame__title{margin:0 0 2rem;font-size:1rem;font-weight:400}.frame__links{flex-direction:column;align-items:flex-start;display:flex}.frame__links a{margin:0 1rem .35rem 0}.frame--fixed .frame__links{flex-direction:row}.grid{--grid-border-radius:1px;grid-template-columns:repeat(2,50%);display:grid}.grid--large{--grid-padding:.6vw;grid-auto-rows:48vmin;padding:.3vw}@media screen and (min-width:768px){.grid--large{--grid-padding:.3vw;width:100%;grid-auto-rows:28vmin}}.grid__cell{align-items:end;display:grid}.grid--mini .grid__cell:not(.grid__cell--current):hover .grid__cell-img{opacity:.7}.grid__cell--current .grid__cell-img{opacity:.3}.grid__cell--padded{padding:calc(var(--grid-padding)*2 )}.grid__cell-img{width:calc(100% - var(--grid-padding)*2);height:calc(100% - var(--grid-padding)*2);margin:var(--grid-padding);border-radius:var(--grid-border-radius);display:block;position:relative;overflow:hidden}.grid__cell-img-inner{width:100%;height:100%;cursor:pointer;background-position:50%;background-size:cover}.content{width:100%;height:100%;z-index:1000;pointer-events:none;flex-direction:column;justify-content:space-between;padding:15vh 8vw 0;display:flex;position:fixed;top:0;left:0}.content__item{opacity:0;display:grid;position:absolute}.content__item--current{opacity:0;width:0;pointer-events:auto;position:relative}.content__item-img{width:100vw;height:100vh;object-fit:cover;z-index:1000;position:relative}@media screen and (min-width:768px){.content__item--current{opacity:1;pointer-events:auto;position:relative}.content__item-number{font-weight:600;display:block}.content__item-heading{margin:1rem 0 3rem;font-size:2vw;font-weight:500;line-height:1}.content__item-text{margin-bottom:1rem;margin-left:.5rem}.content__item-link{cursor:pointer}}.slide-nav{width:40%;height:100%;pointer-events:none;align-content:space-between;display:grid;position:fixed;top:0;right:15%}.slide-nav__img{width:100%;height:10vh;opacity:.3;cursor:not-allowed;position:relative;overflow:hidden}.content--open .slide-nav__img{pointer-events:auto}.slide-nav__img-inner{width:100%;height:100%;background-position:50%;background-size:cover}.back{opacity:0;pointer-events:none;stroke:#fff;z-index:1000;cursor:pointer;width:50px;background:0 0;border:0;margin:auto 0 1.5rem;padding:0}.back svg{stroke-linecap:round}.back:hover,.back:focus{stroke:rgba(123,123,123,.67);outline:none}.content--open .back{pointer-events:auto}.master{margin-bottom:.75rem;padding:1rem}.grid{height:40%;grid-template-columns:repeat(1,100%)}@media screen and (min-width:768px){.master{padding:3.5rem 3.1rem 1.8rem 3.2rem}.content{width:38%}.grid{grid-template-columns:repeat(4,25%)}.grid__cell--padded{padding:var(--grid-padding)}.grid__cell-c1-r1{grid-area:1/1}.grid__cell-c3-r1{grid-area:1/3}.grid__cell-c4-r1{grid-area:1/4}.grid__cell-c1-r2{grid-area:2/1}.grid__cell-c2-r2{grid-area:2/2}.grid__cell-c3-r2{grid-area:2/3}.grid__cell-c4-r2{grid-area:2/4}.grid__cell-c2-r3{grid-area:3/2}.grid__cell-c4-r3{grid-area:3/4}.grid__cell-c1-r4{grid-area:4/1}.grid__cell-c3-r4{grid-area:4/3}.grid__cell-c3-r5{grid-area:5/3}.grid__cell-c2-r6{grid-area:6/2}.grid__cell-c4-r6{grid-area:6/4}.grid__cell-c1-r7{grid-area:7/1}.grid__cell-c3-r7{grid-area:7/3}.grid__cell-c1-r5{grid-area:5/1}.grid__cell-c2-r8{grid-area:8/2}.grid__cell-c3-r9{grid-area:9/3}.grid__cell-c4-r9{grid-area:9/4}.grid--mini{visibility:visible;position:relative}.content--open .grid--mini{pointer-events:auto}body #cdawrap{--cda-left:auto;--cda-right:auto;--cda-width:300px;--cda-bottom:auto;--cda-top:auto;pointer-events:auto;z-index:1;margin-top:auto;position:relative;opacity:1!important}body #cdawrap .cda-footer{display:none}body #cdawrap .cda-text{height:1.25rem;pointer-events:none;text-align:left;position:relative;color:rgba(0,0,0,0)!important}body #cdawrap .cda-text:before{color:var(--color-text);content:"Sponsored by " attr(data-sponsor);pointer-events:auto;opacity:.5;font-size:.85rem;font-weight:500;transition:opacity .4s;position:absolute;top:0;left:0}.grid[style*="pointer-events: none;"] .frame #cdawrap .cda-text:before{opacity:0!important}body #cdawrap:hover .cda-text:before{color:var(--color-link-hover)}body #cdawrap a:after{display:none}.blank_row{background-color:#fff;height:10px!important}}