/* Baseline for IE8 standards mode through IE11. Modern browsers retain the main layout. */
main,section,article,aside,figure,figcaption{display:block}
img{border:0}
a:focus,button:focus{outline:2px solid #ffad72}
.lightbox-backdrop{display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background:#050905;background:rgba(5,9,5,.92);overflow:auto;text-align:center;padding:12px 0}
.lightbox-backdrop .lightbox{display:block;position:relative;margin:0 auto;width:680px;max-width:96%;max-height:none;background:#18211a;text-align:left}
.lightbox-backdrop .lightbox>img{display:block;max-width:100%;margin:0 auto;object-fit:contain}
.viewer-toolbar,.viewer-controls{display:block;overflow:hidden;line-height:38px}
.viewer-toolbar #viewer-title{float:left}
.viewer-toolbar button{float:right}
.viewer-controls{text-align:center;position:relative;min-height:40px}
.viewer-controls #viewer-previous{float:left}
.viewer-controls #viewer-next{float:right}
.lightbox button{color:#f1f0e9}
.ie body{background:#141614;color:#f1f0e9}
.ie .wrap{width:92%;max-width:1180px;margin-left:auto;margin-right:auto}
.ie header{display:block;height:auto;min-height:88px;padding:23px 0}
.ie .header-inner,.ie .brand,.ie nav,.ie .section-top,.ie .about-inner,.ie .footer-inner,.ie .crumbs,.ie .intro-grid,.ie .facts div,.ie .gallery-heading,.ie .portrait-gallery,.ie .hero-bottom,.ie .text-link{display:block}
.ie .header-inner:after,.ie .section-top:after,.ie .about-inner:after,.ie .intro-grid:after,.ie .facts div:after,.ie .gallery-heading:after,.ie .portrait-gallery:after{content:"";display:block;clear:both}
.ie .brand{float:left}
.ie .brand-mark{display:inline-block;vertical-align:middle;margin-right:12px;background:#f1f0e9;width:22px;height:28px}
.ie .brand-name{display:inline-block;vertical-align:middle}
.ie nav{float:right;padding-top:6px}
.ie nav a{display:inline-block;margin-left:30px}
.ie .section-top h1,.ie .section-top h2{display:inline-block}
.ie .section-top .eyebrow{float:right;padding-top:14px}
.ie .work-card{display:table;table-layout:fixed;width:100%;min-height:0}
.ie .home-art{display:table-cell;vertical-align:middle;width:61.5%;background:#0d110e}
.ie .work-copy{display:table-cell;vertical-align:middle;width:38.5%;padding:35px}
.ie .home-art img,.ie .hero-visual img,.ie .explore-section img,.ie .portrait-gallery img{width:100%;height:auto}
.ie .text-link{width:140px}
.ie .text-link i{float:right}
.ie .about-inner>div{float:left;width:30%}
.ie .about-inner>div+div{float:right;width:65%}
.ie .footer-inner{text-align:center}
.ie .footer-inner p,.ie .footer-inner a{display:block;margin:8px 0}
.ie .crumbs a,.ie .crumbs span{margin-right:15px}
.ie .game-hero-real{display:block;min-height:0;background:#1b241c}
.ie .hero-layout{display:table;table-layout:fixed;width:92%}
.ie .game-hero-real .hero-copy{display:table-cell;vertical-align:middle;width:39%;padding:40px 0}
.ie .game-hero-real h1{font-size:54px;white-space:normal}
.ie .hero-visual{display:table-cell;vertical-align:middle;width:61%;padding:32px 0 32px 36px}
.ie .hero-bottom a{display:inline-block;margin:0 24px 12px 0}
.ie .hero-bottom span{margin-left:14px}
.ie .intro-grid>div{float:left;width:58%}
.ie .intro-grid>.facts{float:right;width:35%}
.ie .facts dt{float:left;width:28%}
.ie .facts dd{float:right;width:66%}
.ie .explore-section{display:table;table-layout:fixed;width:100%}
.ie .explore-section>figure{display:table-cell;vertical-align:middle;width:55%;padding-right:40px}
.ie .explore-section>div{display:table-cell;vertical-align:middle;width:45%}
.ie .gallery-heading>div{float:left}
.ie .gallery-hint{float:right;padding-top:28px}
.ie .portrait-gallery{font-size:0;overflow:visible}
.ie .portrait-gallery figure{display:inline-block;vertical-align:top;width:18.5%;margin:0 .75% 24px}
.ie .portrait-gallery a{display:block}
.ie .lightbox-backdrop .lightbox{width:680px;padding:18px;border:1px solid #7e8b73}
.ie .lightbox #viewer-counter{color:#a7afa7}
@media(max-width:800px){
 .ie .work-card,.ie .home-art,.ie .work-copy,.ie .hero-layout,.ie .game-hero-real .hero-copy,.ie .hero-visual,.ie .explore-section,.ie .explore-section>figure,.ie .explore-section>div{display:block;width:100%}
 .ie .hero-layout{width:92%}.ie .hero-visual{padding:0 0 30px}.ie .explore-section>figure{padding:0 0 24px}
 .ie .about-inner>div,.ie .intro-grid>div,.ie .intro-grid>.facts{float:none;width:100%}
 .ie .portrait-gallery figure{width:31.8%;margin-left:.75%;margin-right:.75%}
 .ie .game-hero-real h1{font-size:48px}.ie nav a{margin-left:16px}
}
@media(max-width:480px){
 .ie header{padding:15px 0}.ie .brand,.ie nav{float:none}.ie nav{margin-top:12px}.ie nav a{margin:0 20px 0 0}
 .ie .portrait-gallery figure{width:48.5%}.ie .gallery-hint{float:none;clear:both;padding-top:0;display:block}
}