:root{--teal:#002395;--teal-light:#8EB2D6;--ink:#09090d;--charcoal:#1c1b25;--grey:#2b2a36;--muted:#9d9d9d;--white:#fff;--shell:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,a{overflow-wrap:break-word}.shell{width:min(var(--shell),calc(100% - 80px));margin:auto}
.site-header{height:148px;width:100%;display:grid;grid-template-columns:360px 1fr auto;background:linear-gradient(180deg,rgba(8,8,12,.98) 0%,rgba(8,8,12,.78) 58%,rgba(8,8,12,0) 100%);position:absolute;inset:0 0 auto;z-index:20}.brand{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-left:38px;border:0;transform:translateY(18px)}.brand-logo{width:105px;height:105px;flex:0 0 auto;object-fit:contain}.brand-name{font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:32px;font-weight:700;line-height:.86;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap}.wordmark{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;text-align:center;line-height:.72}.wordmark small{display:block;font-size:17px;font-weight:800;letter-spacing:.42em;padding-left:.42em}.wordmark strong{display:block;font-size:55px;font-weight:900;letter-spacing:-.045em}.primary-nav{display:flex;justify-content:flex-start;align-items:center;gap:50px;font:700 21px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;transform:translate(20px,18px)}.primary-nav a,.menu-trigger{transition:color .2s}.primary-nav a:hover,.menu-trigger:hover{color:var(--teal-light)}.menu-trigger{border:0;background:none;color:#fff;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:14px;cursor:pointer}.hamburger{display:grid;gap:5px}.hamburger i{display:block;width:29px;height:3px;background:#fff}
.header-actions{display:flex;height:148px}.header-actions>a,.partner-mark{width:clamp(150px,9.57vw,196px);border-left:1px solid rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:700 18px "Barlow Condensed",sans-serif;text-transform:uppercase}.header-actions>a{background:var(--teal)}.header-actions>a:hover{background:var(--teal-light)}.header-actions a span{font-size:27px;font-family:Arial,sans-serif;font-weight:400}.partner-mark{width:clamp(100px,5.76vw,118px);background:rgba(10,10,10,.3);font:700 43px Inter,sans-serif;border-left:0}.partner-mark sub{font-size:18px}.mobile-actions{display:none}
.menu-panel{position:fixed;inset:0;background:var(--teal);z-index:100;transform:translateY(-105%);transition:transform .45s cubic-bezier(.77,0,.18,1)}.menu-panel.open{transform:none}.menu-top{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.2)}.menu-logo img{width:88px;height:88px;object-fit:contain}.menu-close{font:200 58px/1 Arial;background:none;border:0;color:#fff;cursor:pointer}.menu-columns{width:min(1000px,90vw);height:calc(100% - 110px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.menu-main,.menu-secondary{display:flex;flex-direction:column}.menu-main a{font:800 clamp(42px,5vw,72px)/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase}.menu-secondary a{font:700 27px/1.6 "Barlow Condensed",sans-serif;text-transform:uppercase}.socials{display:flex;gap:14px;margin-top:35px}.socials a{border:1px solid rgba(255,255,255,.5);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 16px Inter}
.hero{height:100vh;min-height:760px;position:relative;overflow:hidden;background:#09090d}.hero-media{position:absolute;inset:92px 0 0;width:100%;height:calc(100% - 92px);display:block}.hero-media img{width:100%;height:100%;display:block;object-fit:cover}.hero:after{content:"";position:absolute;z-index:2;inset:55px 0 auto;height:190px;background:linear-gradient(180deg,#09090d 4%,rgba(9,9,13,.88) 32%,rgba(9,9,13,.42) 68%,transparent 100%);filter:blur(8px);transform:scale(1.03);pointer-events:none}.hero-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.24) 52%,rgba(0,0,0,.03) 100%)}.hero-content{z-index:4;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:clamp(268px,27vh,335px)}.hero-content.shell{width:100%;max-width:none;margin:0;padding-left:8.15vw;padding-right:8.15vw}.eyebrow{background:var(--teal);color:#fff;padding:9px 15px;font:700 18px "poster-gothic-excond-atf","Barlow Condensed",sans-serif;letter-spacing:.08em}.hero h1{font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:clamp(72px,9vw,150px);font-weight:700;line-height:.82;text-transform:uppercase;max-width:min(900px,62vw);margin:25px 0 42px;letter-spacing:-.015em}.hero h1 span{display:block;white-space:nowrap}.hero-cta{font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:20px;font-weight:600;letter-spacing:.06em}.hero-cta span{font-family:Arial,sans-serif;font-size:38px;line-height:0}
.button{height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0 29px;text-transform:uppercase;font:800 16px "Barlow Condensed",sans-serif;letter-spacing:.05em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{margin-right:13px}.button-dark{background:#111}.button-teal{background:var(--teal)}.button-grey{background:#353535}.section-dark{background:var(--ink)}.news{padding:100px 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:35px}.section-heading h2{font:800 40px "Barlow Condensed";margin:0;text-transform:uppercase}.section-heading>a,.video-heading>div>a{font:700 14px "Barlow Condensed";text-transform:uppercase;border-bottom:2px solid var(--teal-light);padding-bottom:3px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card-image{aspect-ratio:1.55;background-size:cover;background-position:center;transition:transform .3s}.news-card{overflow:hidden}.news-card:hover .card-image{transform:scale(1.025)}.news-card h3{font-size:19px;line-height:1.35;margin:20px 0 12px;min-height:52px}.news-card time{color:#888;font:700 13px "Barlow Condensed";text-transform:uppercase;letter-spacing:.08em}
.feature-section{background:var(--ink);padding:100px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{height:520px;background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,13,.96) 0%,rgba(9,9,13,.62) 28%,rgba(9,9,13,.08) 68%);transition:background .25s}.feature-card:hover:before{background:linear-gradient(0deg,rgba(0,35,149,.9) 0%,rgba(9,9,13,.35) 55%,rgba(9,9,13,.05) 100%)}.feature-card h2{position:relative;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:52px;font-weight:700;line-height:.9;text-transform:uppercase;margin:35px}.feature-faq{background-position:54% center}.feature-league{background-position:center}.feature-games{background-position:58% center}
.videos{padding:90px 0 110px}.video-heading>div{display:flex;align-items:baseline;gap:25px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{background:#1b1a1d}.video-image{aspect-ratio:1.75;background-size:cover;background-position:center;display:grid;place-items:center}.play{width:65px;height:65px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;padding-left:5px;font-size:20px;box-shadow:0 5px 25px #0008}.video-card h3{font-size:17px;line-height:1.4;margin:0;padding:24px;min-height:100px}
.store-banner{background:var(--ink);overflow:hidden}.store-grid{min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.store-copy{padding:60px 0}.store-copy h2,.physical-copy h2{font:800 clamp(40px,4vw,62px)/.95 "Barlow Condensed";text-transform:uppercase;margin:0 0 20px}.store-copy p,.physical-copy p{color:#c6c6c6;font-size:17px;line-height:1.7;margin:0 0 34px}.store-grid img{width:100%;align-self:end}.physical-store{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:var(--ink)}.store-photo{background-size:cover;background-position:center}.physical-copy{background:var(--ink);color:#fff;display:flex;align-items:center;padding:9vw}.physical-copy p{color:#c6c6c6;max-width:520px}
.newsletter{background:var(--ink);padding:65px 0;border-top:1px solid rgba(142,178,214,.14)}.newsletter-inner{display:flex;justify-content:space-between;align-items:center}.newsletter h2{font:800 clamp(30px,4vw,50px) "Barlow Condensed";text-transform:uppercase;margin:0}.footer{background:var(--ink);padding:80px 0 35px}.footer-grid{display:grid;grid-template-columns:220px 1fr 340px;gap:70px}.footer-wordmark{display:inline-block;color:#fff}.footer-wordmark strong{font-size:54px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font:700 16px "Barlow Condensed";text-transform:uppercase}.footer-family h3{font:800 22px "Barlow Condensed";text-transform:uppercase;margin-top:0}.family-marks{display:flex;gap:20px;align-items:center}.family-marks span{font-weight:800;font-size:14px;color:#bbb}.footer-bottom{border-top:1px solid #333;margin-top:70px;padding-top:28px;display:flex;justify-content:space-between;color:#777;font-size:12px}.footer-bottom nav{display:flex;gap:25px}
@media(max-width:1550px){.site-header{grid-template-columns:340px 1fr}.header-actions{display:none}.primary-nav{justify-content:flex-end;padding-right:55px}}
@media(max-width:1000px){.shell{width:min(100% - 40px,var(--shell))}.news-grid{grid-template-columns:repeat(2,1fr);gap:45px 24px}.feature-card{height:350px}.feature-card h2{font-size:39px;margin:25px}.footer-grid{grid-template-columns:170px 1fr}.footer-family{grid-column:1/-1}.hero h1{max-width:620px}}
@media(max-width:700px){body{padding-bottom:65px}.mobile-actions{position:fixed;bottom:0;left:0;right:0;height:65px;background:#111;z-index:60;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;font:700 11px "Barlow Condensed";border-right:1px solid #333;gap:3px}.mobile-actions span{font-size:18px}.site-header{height:74px;grid-template-columns:125px 1fr}.site-header:after{content:"☰  MORE";position:absolute;right:20px;top:26px;font:700 16px "Barlow Condensed";letter-spacing:.04em;pointer-events:none}.brand img{width:92px;transform:none}.primary-nav>a{display:none}.primary-nav{padding:0 20px;transform:none}.menu-trigger{display:flex!important;position:absolute;right:20px;top:26px;margin:0;opacity:0}.hero{height:790px;min-height:0}.hero-media{height:570px}.hero-content,.hero-content.shell{top:570px;height:220px;background:#111;padding:25px 20px;justify-content:flex-start;width:100%}.hero h1{font-size:38px;line-height:.9;margin:11px 0 18px;max-width:350px}.eyebrow{font-size:13px;padding:5px 10px}.hero .button{position:static;height:44px;padding:0 17px;font-size:13px;background:var(--teal)}.news,.videos,.feature-section{padding:65px 0}.news-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px}.news-card{min-width:82vw;scroll-snap-align:start}.section-heading h2{font-size:32px}.feature-grid{grid-template-columns:1fr}.feature-card{height:330px}.video-heading>.button{display:none}.video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px}.video-card{min-width:84vw;scroll-snap-align:start}.store-grid{grid-template-columns:1fr}.store-copy{padding:60px 0 20px}.physical-store{grid-template-columns:1fr;min-height:0}.store-photo{height:400px}.physical-copy{padding:65px 20px}.newsletter-inner{align-items:flex-start;flex-direction:column;gap:30px}.menu-columns{grid-template-columns:1fr;gap:25px;align-content:center}.menu-main a{font-size:42px}.menu-secondary a{font-size:20px;line-height:1.45}.menu-top{height:75px}.menu-top img{width:95px}.menu-panel{bottom:65px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-brand img{width:120px}.footer-family{grid-column:auto}.footer-bottom{flex-direction:column;gap:20px}.footer-bottom nav{flex-wrap:wrap;gap:12px 20px}}

@media(max-width:700px){
  .brand{transform:none;padding-left:8px;gap:3px}
  .brand-logo{width:58px!important;height:58px}
  .brand-name{font-size:17px}
  .hero-media img{object-position:66% center}
}

/* News listing */
.primary-nav .active{color:var(--teal-light)}
.news-hero{height:510px;position:relative;display:grid;place-items:end center;overflow:hidden;background:var(--ink)}
.news-hero-image{position:absolute;inset:70px 0 0;background:url("assets/imperial-devils-news-hero.png") center 46%/cover no-repeat}
.news-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,13,.9) 0%,rgba(9,9,13,.45) 38%,var(--ink) 100%)}
.news-hero h1{position:relative;margin:0 0 64px;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:clamp(78px,10vw,150px);font-weight:700;line-height:.8;text-transform:uppercase}
.news-listing{background:var(--ink);padding:0 0 100px}
.category-scroll{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:72px;padding:24px 0 30px;border-bottom:1px solid #2d2d33;overflow-x:auto}
.category-tab{flex:0 0 auto;border:0;border-bottom:4px solid transparent;background:none;color:#8d8d94;padding:18px 25px;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:19px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.2s}
.category-tab:hover{color:#fff}.category-tab.active{color:#fff;border-color:var(--teal)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}
.article-card{min-width:0;transition:opacity .25s,transform .25s}.article-card.hidden{display:none}.article-card:hover{transform:translateY(-4px)}
.article-image{aspect-ratio:1.85;background-position:center;background-size:cover}
.article-copy{min-height:175px;background:#1b1a1f;padding:27px 30px 25px;display:flex;flex-direction:column}
.article-copy h2{margin:0 0 22px;font-size:20px;line-height:1.35}.article-copy time{margin-top:auto;color:#777;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.news-pagination{display:flex;justify-content:center;align-items:center;gap:2px;margin:80px 0 10px;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-weight:600}
.news-pagination>a,.news-pagination>span{min-width:48px;height:48px;display:grid;place-items:center;color:#8b8b91}
.news-pagination a:hover,.news-pagination .current{background:var(--teal);color:#fff}.news-pagination .next{width:auto;display:flex;gap:15px;padding:0 20px;margin-left:15px;color:#fff;text-transform:uppercase}
.media-enquiries{background:var(--ink);padding:0 0 110px}.media-panel{background:#1b1a1f;padding:65px 70px;max-width:900px}
.media-panel h2{margin:0 0 18px;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:48px;text-transform:uppercase}
.media-panel p{color:#b8b8bd;line-height:1.7}.media-panel>a{color:var(--teal-light);text-decoration:underline;text-underline-offset:5px}
.footer-logo img{width:135px;height:135px;object-fit:contain}

@media(max-width:1000px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-hero{height:450px}
}

@media(max-width:700px){
  .news-hero{height:350px}
  .news-hero-image{inset:55px 0 0;background-position:65% center}
  .news-hero h1{margin-bottom:40px;font-size:70px}
  .category-scroll{justify-content:flex-start;margin-right:-20px;margin-bottom:45px;padding-bottom:18px}
  .category-tab{padding:14px 17px;font-size:16px}
  .article-grid{grid-template-columns:1fr;gap:24px}
  .article-copy{min-height:145px}
  .news-pagination{margin-top:55px}
  .news-pagination>a,.news-pagination>span{min-width:38px;height:42px}
  .news-pagination .next{padding:0 8px;margin-left:4px}
  .media-enquiries{padding-bottom:70px}.media-panel{padding:40px 25px}.media-panel h2{font-size:38px}
}

/* Individual news articles */
.article-hero{min-height:650px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:210px 30px 105px;background:var(--ink);overflow:hidden}
.article-hero-bg{position:absolute;inset:0;background:url("/assets/imperial-devils-news-hero.png") center/cover no-repeat}
.article-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,13,.92) 0%,rgba(9,9,13,.58) 42%,var(--ink) 100%)}
.article-title-wrap{position:relative;width:min(1050px,100%);text-align:center}
.article-meta{margin-bottom:28px;color:#d3d3d8;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.article-meta span{margin:0 12px;color:#777}.article-meta a{color:var(--teal-light)}
.article-title-wrap h1{margin:0;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:clamp(62px,7vw,112px);font-weight:700;line-height:.9;text-transform:uppercase}
.article-content{background:#fff;color:#282830;padding-bottom:90px}
.article-featured{position:relative;width:min(1050px,calc(100% - 60px));margin:0 auto;transform:translateY(-55px)}
.article-featured img{display:block;width:100%;max-height:560px;object-fit:cover}
.article-body{width:min(860px,calc(100% - 60px));margin:-10px auto 0;font-size:18px;line-height:1.8}
.article-body p{margin:0 0 28px}
.article-body h2{margin:55px 0 22px;color:var(--teal);font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:clamp(35px,4vw,52px);line-height:1;text-transform:uppercase}
.article-body h3{margin:38px 0 18px;font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;font-size:30px;line-height:1.1;text-transform:uppercase}.article-body ul{margin:0 0 32px;padding-left:28px}.article-body li{margin:9px 0}.article-body blockquote{margin:42px 0;padding:8px 0 8px 28px;border-left:6px solid var(--teal);color:#484854;font-size:19px;font-weight:600;line-height:1.55}.article-body a{color:var(--teal);font-weight:700;text-decoration:underline}.article-body strong{font-weight:800}
.article-share{width:min(860px,calc(100% - 60px));margin:70px auto 0;padding-top:35px;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:16px}
.article-share strong{font-family:"poster-gothic-excond-atf","Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.article-share a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800}

@media(max-width:700px){
  .article-hero{min-height:520px;padding:160px 20px 75px}.article-hero-bg{background-position:60% center}
  .article-title-wrap h1{font-size:48px;line-height:.95}.article-meta{font-size:14px}
  .article-featured{width:calc(100% - 40px);transform:translateY(-30px)}
  .article-body{width:calc(100% - 40px);font-size:16px}
  .article-share{width:calc(100% - 40px);margin-top:50px;justify-content:flex-start}
}