/*
 * End of the Line Studios — 062 Publisher Rebuild
 * Ground-up public information architecture and property-page reset.
 * Brand authority: EOTLS brand guide.
 * Layout reference: major comics publisher portal patterns (Marvel-led, DC/Dark Horse secondary).
 */

:root {
  --e062-black:#000000;
  --e062-white:#f1f5f5;
  --e062-purple:#7631a0;
  --e062-silver:#bdbdbd;
  --e062-yellow:#e9c116;
  --e062-max:1440px;
  --e062-wide:1680px;
  --e062-pad:clamp(1.15rem,4vw,4.25rem);
  --e062-line:rgba(0,0,0,.16);
}

body.eotls-062 {
  margin:0;
  color:var(--e062-white);
  background:var(--e062-black);
  font-family:"Poppins",Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
}

body.eotls-062::before,body.eotls-062::after{
  content:none!important
}

body.eotls-062 *{
  box-sizing:border-box
}

body.eotls-062 .page-shell,body.eotls-062 main{
  overflow:clip
}

body.eotls-062 img,body.eotls-062 video{
  display:block;
  max-width:100%
}

body.eotls-062 a{
  color:inherit;
  text-decoration:none
}

body.eotls-062 p{
  font-family:"Poppins",Arial,sans-serif
}

body.eotls-062 h1,body.eotls-062 h2,body.eotls-062 h3{
  margin:0;
  font-family:"Bangers",Impact,sans-serif;
  font-weight:400;
  letter-spacing:.012em;
  line-height:.94;
  text-transform:uppercase;
  text-shadow:none
}

body.eotls-062 h1{
  font-size:clamp(4.2rem,8.8vw,10rem)
}

body.eotls-062 h2{
  font-size:clamp(3.1rem,6vw,6.8rem)
}

body.eotls-062 h3{
  font-size:clamp(1.7rem,2.7vw,3rem)
}

.e062-header{
  position:sticky;
  top:0;
  z-index:200;
  background:#000;
  color:var(--e062-white);
  border-bottom:1px solid rgba(255,255,255,.16)
}

.e062-utility{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:34px;
  padding:0 var(--e062-pad);
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:rgba(241,245,245,.62)
}

.e062-utility>span{
  justify-self:center
}

.e062-utility>div{
  justify-self:end;
  display:flex;
  gap:1.1rem
}

.e062-utility a:hover{
  color:var(--e062-yellow)
}

.e062-cart em{
  font-style:normal;
  color:var(--e062-yellow)
}

.e062-mast{
  position:relative;
  display:grid;
  place-items:center;
  height:74px;
  padding:.45rem var(--e062-pad)
}

.e062-brand{
  width:clamp(140px,14vw,215px);
  height:62px;
  overflow:hidden
}

.e062-brand img{
  width:100%;
  height:100%;
  object-fit:contain
}

.e062-header .nav-toggle{
  position:absolute;
  right:var(--e062-pad);
  top:50%;
  display:none;
  width:44px;
  height:44px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.3);
  border-radius:0;
  background:#000
}

.e062-header .nav-toggle span{
  background:var(--e062-white)
}

.e062-nav.nav-wrap{
  display:flex!important;
  justify-content:center;
  min-height:48px;
  border-top:1px solid rgba(255,255,255,.1);
  background:#000
}

.e062-nav .nav-links{
  display:flex;
  justify-content:center;
  gap:0
}

.e062-nav .nav-links a{
  position:relative;
  padding:.95rem 1.5rem .82rem;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(241,245,245,.78);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:none
}

.e062-nav .nav-links a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:0;
  height:3px;
  background:var(--e062-purple);
  transform:translateX(-50%);
  transition:width .16s ease
}

.e062-nav .nav-links a:hover,.e062-nav .nav-links a.is-active{
  color:#fff
}

.e062-nav .nav-links a:hover::after,.e062-nav .nav-links a.is-active::after{
  width:calc(100% - 3rem)
}

.e062-kicker{
  margin:0 0 .85rem;
  color:var(--e062-yellow)!important;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase
}

.e062-kicker.dark{
  color:var(--e062-purple)!important
}

.e062-meta{
  margin:0 0 .45rem!important;
  color:var(--e062-purple)!important;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}

.e062-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.5rem
}

.e062-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.8rem 1.25rem;
  border:2px solid currentColor;
  border-radius:0;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease
}

.e062-btn:hover{
  transform:translateY(-2px)
}

.e062-btn-primary,.e062-btn-purple{
  border-color:var(--e062-purple);
  background:var(--e062-purple);
  color:#fff
}

.e062-btn-primary:hover,.e062-btn-purple:hover{
  background:#8a3cb4;
  border-color:#8a3cb4
}

.e062-btn-outline{
  border-color:rgba(255,255,255,.72);
  background:transparent;
  color:#fff
}

.e062-btn-outline:hover{
  background:#fff;
  color:#000
}

.e062-btn-light{
  border-color:var(--e062-white);
  background:var(--e062-white);
  color:#000
}

.e062-btn-light:hover{
  border-color:var(--e062-yellow);
  background:var(--e062-yellow)
}

.e062-btn-dark{
  border-color:#000;
  background:#000;
  color:#fff
}

.e062-btn-dark:hover{
  border-color:var(--e062-purple);
  background:var(--e062-purple)
}

.e062-pad{
  padding:clamp(4.75rem,8vw,8rem) var(--e062-pad)
}

.e062-white{
  background:var(--e062-white);
  color:#111
}

.e062-white p{
  color:rgba(0,0,0,.68)
}

.e062-black{
  background:#000;
  color:var(--e062-white)
}

.e062-purple{
  background:var(--e062-purple);
  color:#fff
}

.e062-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  width:min(var(--e062-max),100%);
  margin:0 auto clamp(2.2rem,4vw,3.6rem);
  padding-bottom:1rem;
  border-bottom:1px solid rgba(0,0,0,.18)
}

.e062-heading-row.light{
  border-color:rgba(255,255,255,.18)
}

.e062-heading-row h2{
  max-width:11ch
}

.e062-heading-row>a{
  padding-bottom:.35rem;
  border-bottom:2px solid var(--e062-purple);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase
}

.e062-heading-row.light>a{
  border-color:var(--e062-yellow)
}

/* Home portal */
.e062-home-hero{
  position:relative;
  min-height:clamp(570px,73vh,790px);
  display:grid;
  align-items:center;
  isolation:isolate;
  background:#050505;
  overflow:hidden
}

.e062-home-hero-art{
  position:absolute;
  inset:0;
  z-index:-3
}

.e062-home-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  filter:saturate(.92) contrast(1.05)
}

.e062-home-hero-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 32%,rgba(0,0,0,.2) 67%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 40%)
}

.e062-home-hero-copy{
  width:min(var(--e062-max),100%);
  margin:0 auto;
  padding:clamp(4rem,9vw,8rem) var(--e062-pad)
}

.e062-home-hero-copy h1{
  max-width:8.6ch
}

.e062-home-hero-copy>p:not(.e062-kicker){
  max-width:38rem;
  margin:1.2rem 0 0;
  color:rgba(241,245,245,.82);
  font-size:clamp(1rem,1.35vw,1.2rem)
}

.e062-feature-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  width:min(var(--e062-max),calc(100% - 2*var(--e062-pad)));
  margin:-54px auto 0;
  position:relative;
  z-index:8;
  background:#0a0a0a;
  box-shadow:0 24px 50px rgba(0,0,0,.38)
}

.e062-feature-strip a{
  display:grid;
  align-content:end;
  min-height:132px;
  padding:1rem 1.2rem;
  border-right:1px solid rgba(255,255,255,.12);
  transition:background .16s ease,transform .16s ease
}

.e062-feature-strip a:first-child{
  background:var(--e062-purple)
}

.e062-feature-strip a:hover{
  background:#1b1b1b;
  transform:translateY(-3px)
}

.e062-feature-strip span{
  color:rgba(255,255,255,.48);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em
}

.e062-feature-strip strong{
  font-family:"Bangers",Impact,sans-serif;
  font-size:clamp(1.5rem,2vw,2.2rem);
  font-weight:400;
  text-transform:uppercase
}

.e062-feature-strip small{
  color:rgba(255,255,255,.64);
  font-size:.7rem
}

.e062-news-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(3,1fr);
  gap:1.15rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-news-grid a{
  color:#111
}

.e062-news-grid figure{
  margin:0 0 .9rem;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#111
}

.e062-news-grid .e062-news-lead figure{
  aspect-ratio:16/10
}

.e062-news-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .23s ease
}

.e062-news-grid a:hover img{
  transform:scale(1.025)
}

.e062-news-grid h3{
  font-size:clamp(1.7rem,2.3vw,2.6rem);
  margin-bottom:.35rem
}

.e062-news-grid p:last-child{
  margin:0;
  font-size:.86rem;
  line-height:1.55
}

.e062-video-band{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(340px,.75fr);
  min-height:620px;
  background:#000;
  color:#fff
}

.e062-video-stage{
  position:relative;
  overflow:hidden
}

.e062-video-stage::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 64%,rgba(0,0,0,.7))
}

.e062-video-stage video{
  width:100%;
  height:100%;
  object-fit:cover
}

.e062-video-stage>span{
  position:absolute;
  left:1.4rem;
  bottom:1.4rem;
  z-index:2;
  padding:.45rem .65rem;
  background:#000;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}

.e062-video-copy{
  display:grid;
  align-content:center;
  padding:clamp(3rem,5vw,6rem)
}

.e062-video-copy h2{
  max-width:7ch
}

.e062-video-copy p:not(.e062-kicker){
  color:rgba(255,255,255,.7);
  line-height:1.7
}

.e062-video-copy .e062-btn{
  justify-self:start;
  margin-top:.85rem
}

.e062-cover-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(.9rem,1.8vw,1.5rem);
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-cover-rail figure{
  margin:0 0 .85rem;
  aspect-ratio:3/4.35;
  overflow:hidden;
  background:#ddd
}

.e062-cover-rail img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease
}

.e062-cover-rail a:hover img{
  transform:scale(1.025)
}

.e062-cover-rail p{
  margin:0;
  color:var(--e062-purple)!important;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase
}

.e062-cover-rail h3{
  margin-top:.15rem;
  font-size:clamp(1.45rem,2vw,2.15rem);
  color:#111
}

.e062-cover-rail.dark h3{
  color:#fff
}

.e062-cover-rail.dark p{
  color:var(--e062-yellow)!important
}

.e062-world-feature{
  display:grid;
  grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);
  min-height:660px;
  background:var(--e062-purple);
  color:#fff
}

.e062-world-copy{
  display:grid;
  align-content:center;
  padding:clamp(4rem,7vw,8rem) var(--e062-pad)
}

.e062-world-copy h2{
  font-size:clamp(4rem,7vw,8rem)
}

.e062-world-copy p:not(.e062-kicker){
  max-width:38rem;
  color:rgba(255,255,255,.82)
}

.e062-world-feature figure{
  margin:0;
  overflow:hidden
}

.e062-world-feature figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}

.e062-shop-tease{
  display:grid;
  grid-template-columns:.75fr .75fr 1.5fr;
  gap:1.25rem;
  align-items:center;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-shop-tease>img{
  width:100%;
  max-height:560px;
  object-fit:cover
}

.e062-shop-tease>div{
  padding:clamp(1rem,3vw,3rem)
}

.e062-shop-tease h3{
  font-size:clamp(2.7rem,4vw,4.5rem);
  max-width:9ch
}

.e062-shop-tease p{
  max-width:35rem
}

.e062-join{
  display:grid;
  grid-template-columns:140px 1fr auto;
  align-items:center;
  gap:clamp(1.5rem,4vw,4rem);
  padding:clamp(3rem,5vw,5rem) var(--e062-pad);
  background:var(--e062-purple);
  color:#fff
}

.e062-join img{
  width:130px
}

.e062-join h2{
  font-size:clamp(3rem,5vw,5.4rem)
}

.e062-join p:last-child{
  margin-bottom:0;
  color:rgba(255,255,255,.8)
}

/* Section indexes */
.e062-section-hero{
  position:relative;
  min-height:590px;
  display:grid;
  align-items:end;
  isolation:isolate;
  background:#080808
}

.e062-section-hero-bg,.e062-section-hero-video{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden
}

.e062-section-hero-bg img,.e062-section-hero-video video{
  width:100%;
  height:100%;
  object-fit:cover
}

.e062-section-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.38) 62%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 52%)
}

.e062-section-hero-copy{
  width:min(var(--e062-max),100%);
  margin:auto;
  padding:clamp(4rem,8vw,7rem) var(--e062-pad)
}

.e062-section-hero-copy h1{
  max-width:9ch
}

.e062-section-hero-copy>p:last-child{
  max-width:38rem;
  color:rgba(255,255,255,.78);
  font-size:1.05rem
}

.e062-worlds-hero .e062-section-hero-bg img{
  object-position:center 35%
}

.e062-motion-hero .e062-section-hero-copy{
  z-index:2
}

.e062-featured-release{
  display:grid;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  align-items:center;
  gap:clamp(2rem,7vw,7rem);
  width:min(1160px,100%);
  margin:auto
}

.e062-featured-release figure{
  margin:0;
  max-width:440px
}

.e062-featured-release img{
  width:100%;
  box-shadow:0 26px 60px rgba(0,0,0,.22)
}

.e062-featured-release h3{
  max-width:12ch;
  font-size:clamp(3rem,5vw,5.8rem)
}

.e062-featured-release p{
  max-width:44rem;
  line-height:1.75
}

.e062-art-strip{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  gap:1rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-art-strip img{
  width:100%;
  height:430px;
  object-fit:cover
}

.e062-world-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-world-grid>a{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#111;
  color:#fff
}

.e062-world-grid figure{
  position:absolute;
  inset:0;
  margin:0
}

.e062-world-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease
}

.e062-world-grid>a::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.12) 65%)
}

.e062-world-grid>a>div{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:clamp(1.4rem,3vw,2.6rem)
}

.e062-world-grid h3{
  font-size:clamp(2.7rem,4.3vw,5rem)
}

.e062-world-grid p:last-child{
  max-width:35rem;
  color:rgba(255,255,255,.74)
}

.e062-world-grid>a:hover img{
  transform:scale(1.025)
}

.e062-brand-pull{
  display:grid;
  grid-template-columns:220px 1fr;
  align-items:center;
  gap:clamp(2rem,6vw,6rem);
  padding:clamp(4rem,7vw,7rem) var(--e062-pad)
}

.e062-brand-pull img{
  width:210px;
  max-height:210px;
  object-fit:contain
}

.e062-brand-pull h2{
  max-width:10ch
}

.e062-brand-pull p:last-child{
  max-width:48rem;
  color:rgba(255,255,255,.8)
}

/* Property pages — no legacy story cards */
.e062-property-hero{
  position:relative;
  min-height:clamp(680px,82vh,900px);
  display:grid;
  align-items:end;
  isolation:isolate;
  background:#000;
  overflow:hidden
}

.e062-property-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover
}

.e062-bg-video{
  filter:saturate(.85) contrast(1.08)
}

.e062-property-gradient{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 38%,rgba(0,0,0,.22) 72%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 48%)
}

.e062-property-copy{
  width:min(var(--e062-max),100%);
  margin:auto;
  padding:clamp(4rem,8vw,7rem) var(--e062-pad)
}

.e062-property-copy h1{
  max-width:9ch
}

.e062-property-copy>p:not(.e062-kicker){
  max-width:42rem;
  color:rgba(255,255,255,.8);
  font-size:clamp(1rem,1.3vw,1.2rem)
}

.e062-property-nav{
  position:sticky;
  top:157px;
  z-index:100;
  display:flex;
  justify-content:center;
  gap:0;
  border-bottom:1px solid rgba(0,0,0,.16);
  background:rgba(241,245,245,.97);
  color:#111;
  backdrop-filter:blur(10px)
}

.e062-property-nav a{
  padding:1rem 1.25rem;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase
}

.e062-property-nav a:hover{
  background:#fff;
  color:var(--e062-purple)
}

.e062-property-intro,.e062-nm-overview{
  display:grid;
  grid-template-columns:1.2fr .65fr;
  align-items:center;
  gap:clamp(3rem,8vw,8rem)
}

.e062-property-intro>div,.e062-nm-overview>div{
  justify-self:end;
  max-width:670px
}

.e062-property-intro h2,.e062-nm-overview h2{
  max-width:9ch
}

.e062-property-intro>div>p:last-child,.e062-nm-overview>div>p:last-child{
  font-size:1.02rem;
  line-height:1.8
}

.e062-property-intro figure,.e062-nm-overview figure{
  margin:0;
  max-width:500px
}

.e062-property-intro img,.e062-nm-overview img{
  width:100%;
  max-height:650px;
  object-fit:cover
}

.e062-jazs-triptych{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#000
}

.e062-jazs-triptych figure{
  position:relative;
  margin:0;
  min-height:440px;
  overflow:hidden
}

.e062-jazs-triptych img{
  width:100%;
  height:100%;
  object-fit:cover
}

.e062-jazs-triptych figcaption{
  position:absolute;
  left:1rem;
  bottom:1rem;
  padding:.45rem .65rem;
  background:#000;
  color:#fff;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase
}

.e062-preorder{
  padding:clamp(5rem,8vw,8rem) var(--e062-pad);
  background:#0b0b0b;
  color:#fff
}

.e062-preorder>.e062-heading-row,.e062-tier-grid,.e062-preorder-note{
  width:min(var(--e062-max),100%);
  margin-left:auto;
  margin-right:auto
}

.e062-intro{
  max-width:42rem;
  color:rgba(255,255,255,.68)
}

.e062-tier-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem
}

.e062-tier-grid .preorder-tier{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:0!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important
}

.e062-tier-grid .preorder-tier:hover{
  border-color:var(--e062-purple)!important;
  transform:translateY(-3px)!important
}

.e062-tier-grid .tier-media{
  margin:0!important;
  aspect-ratio:3/4.1!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important
}

.e062-tier-grid .tier-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important
}

.e062-tier-grid .tier-media figcaption{
  display:none!important
}

.e062-tier-grid .tier-body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:1.15rem!important;
  background:#111!important
}

.e062-tier-grid .tier-number-pill{
  align-self:flex-start!important;
  margin-bottom:.7rem!important;
  padding:.3rem .45rem!important;
  border:0!important;
  border-radius:0!important;
  background:var(--e062-purple)!important;
  color:#fff!important;
  font-size:.62rem!important
}

.e062-tier-grid .eyebrow{
  color:var(--e062-yellow)!important;
  font-family:"Poppins",Arial,sans-serif!important;
  font-size:.62rem!important
}

.e062-tier-grid h3{
  font-family:"Bangers",Impact,sans-serif!important;
  font-size:2.3rem!important;
  color:#fff!important
}

.e062-tier-grid .tier-price{
  display:block!important;
  margin:.35rem 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--e062-yellow)!important;
  font-size:1.4rem!important;
  box-shadow:none!important;
  text-shadow:none!important
}

.e062-tier-grid .tier-body>p{
  color:rgba(255,255,255,.68)!important;
  font-size:.86rem!important
}

.e062-tier-grid .tier-reward-list{
  padding-left:1.05rem!important;
  color:rgba(255,255,255,.7)!important;
  font-size:.8rem!important
}

.e062-tier-grid .preorder-fund-field{
  margin-top:auto!important;
  border-radius:0!important;
  background:#090909!important
}

.e062-tier-grid .btn.primary{
  width:100%!important;
  margin-top:.7rem!important;
  border:2px solid var(--e062-purple)!important;
  border-radius:0!important;
  background:var(--e062-purple)!important;
  color:#fff!important;
  font-family:"Poppins",Arial,sans-serif!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important
}

.e062-preorder-note{
  margin-top:1.2rem;
  color:rgba(255,255,255,.55);
  font-size:.82rem
}

.e062-campaign-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:clamp(3.5rem,6vw,6rem) var(--e062-pad);
  background:var(--e062-purple);
  color:#fff
}

.e062-campaign-cta h2{
  max-width:10ch
}

.e062-campaign-cta .e062-actions{
  margin:0
}

.e062-character-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-character-grid article{
  display:grid;
  grid-template-columns:.8fr 1fr;
  align-items:center;
  background:#111
}

.e062-character-grid figure{
  margin:0;
  min-height:480px;
  background:#fff;
  overflow:hidden
}

.e062-character-grid img{
  width:100%;
  height:100%;
  object-fit:contain
}

.e062-character-grid article>div{
  padding:2rem
}

.e062-character-grid p{
  color:rgba(255,255,255,.68)
}

.e062-editorial-columns{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-editorial-columns>div{
  padding-top:1rem;
  border-top:3px solid #000
}

.e062-editorial-columns span{
  color:var(--e062-purple);
  font-size:.68rem;
  font-weight:900
}

.e062-editorial-columns h3{
  margin:.45rem 0
}

.e062-editorial-columns.compact{
  margin-top:2.5rem
}

.e062-editorial-columns.compact h3{
  font-size:2rem
}

/* Art + motion */
.e062-motion-hero{
  align-items:end
}

.e062-section-hero-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.15))
}

.e062-video-rail{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.1rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-video-rail figure{
  margin:0
}

.e062-video-rail video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#111
}

.e062-video-rail figcaption{
  padding:.75rem 0;
  color:rgba(255,255,255,.72);
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase
}

.e062-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:290px;
  gap:.8rem;
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-gallery-grid figure{
  margin:0;
  overflow:hidden;
  background:#ddd
}

.e062-gallery-grid figure.wide{
  grid-column:span 2
}

.e062-gallery-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease
}

.e062-gallery-grid figure:hover img{
  transform:scale(1.025)
}

/* Shop */
.e062-shop-hero{
  display:grid;
  grid-template-columns:1fr .65fr;
  align-items:center;
  min-height:620px;
  padding:clamp(4rem,8vw,7rem) var(--e062-pad);
  background:#000;
  color:#fff
}

.e062-shop-hero>div{
  justify-self:end;
  max-width:720px
}

.e062-shop-hero h1{
  max-width:8ch
}

.e062-shop-hero>div>p:last-child{
  max-width:42rem;
  color:rgba(255,255,255,.72)
}

.e062-shop-hero figure{
  margin:0;
  max-width:430px;
  justify-self:center
}

.e062-shop-hero img{
  width:100%;
  max-height:560px;
  object-fit:contain
}

.e062-shop-grid-section .e062-filters,.e062-shop-grid-section .e062-product-grid{
  width:min(var(--e062-max),100%);
  margin-left:auto;
  margin-right:auto
}

.e062-shop-grid-section .merch-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.45rem!important;
  margin-bottom:1.6rem!important
}

.e062-shop-grid-section .merch-filters button{
  border:1px solid #111!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  font-size:.68rem!important;
  font-weight:900!important;
  text-transform:uppercase!important
}

.e062-shop-grid-section .merch-filters button:hover,.e062-shop-grid-section .merch-filters button.is-active{
  background:#111!important;
  color:#fff!important
}

.e062-shop-grid-section .product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1.2rem!important
}

.e062-shop-grid-section .product-card{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important
}

.e062-shop-grid-section .product-card img{
  border-radius:0!important
}

.e062-shop-grid-section .product-card h3{
  font-family:"Bangers",Impact,sans-serif!important;
  color:#111!important
}

/* News */
.e062-news-hero{
  display:grid;
  align-items:end;
  min-height:380px;
  padding:clamp(4rem,7vw,6rem) var(--e062-pad);
  background:var(--e062-purple);
  color:#fff
}

.e062-news-hero>div{
  width:min(var(--e062-max),100%);
  margin:auto
}

.e062-news-hero h1{
  max-width:8ch
}

.e062-news-hero p:last-child{
  max-width:42rem;
  color:rgba(255,255,255,.8)
}

.e062-news-page{
  grid-template-columns:1.5fr 1fr 1fr
}

.e062-news-page>a:nth-child(4){
  grid-column:2/4
}

/* Studio / forms */
.e062-studio-hero{
  display:grid;
  grid-template-columns:1.2fr .55fr;
  align-items:center;
  min-height:590px;
  padding:clamp(4rem,8vw,7rem) var(--e062-pad);
  background:#000;
  color:#fff
}

.e062-studio-hero>div{
  justify-self:end;
  max-width:820px
}

.e062-studio-hero img{
  width:min(350px,100%);
  justify-self:center
}

.e062-studio-hero p:last-child{
  max-width:45rem;
  color:rgba(255,255,255,.7)
}

.e062-contact-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(3rem,7vw,7rem)
}

.e062-contact-grid>div:first-child{
  justify-self:end;
  max-width:700px
}

.e062-contact-grid h2{
  max-width:10ch
}

.e062-form-shell{
  max-width:640px
}

.e062-form-shell .contact-form,.e062-signup-shell .release-signup-card{
  border:1px solid rgba(0,0,0,.18)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important
}

.e062-form-shell .contact-form h2{
  font-size:3rem!important
}

.e062-form-shell input,.e062-form-shell textarea,.e062-signup-shell input{
  border-radius:0!important
}

.e062-signup-shell{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  align-items:center;
  gap:4rem
}

.e062-signup-shell>div{
  justify-self:end
}

.e062-signup-shell .release-signup-card{
  background:#111!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important
}

.e062-signup-shell .release-signup-card h2{
  font-size:2.8rem!important;
  color:#fff!important
}

/* Footer */
.e062-footer{
  padding:clamp(3rem,5vw,4.5rem) var(--e062-pad) 1.2rem;
  border-top:1px solid rgba(255,255,255,.14);
  background:#000;
  color:#fff
}

.e062-footer-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  width:min(var(--e062-max),100%);
  margin:auto;
  padding-bottom:2rem
}

.e062-footer-top>img{
  width:min(310px,42vw);
  max-height:92px;
  object-fit:contain;
  object-position:left center
}

.e062-footer-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:1.25rem
}

.e062-footer-nav a,.e062-footer-bottom a{
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}

.e062-footer-nav a:hover,.e062-footer-bottom a:hover{
  color:var(--e062-yellow)
}

.e062-footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  width:min(var(--e062-max),100%);
  margin:auto;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.52);
  font-size:.65rem
}

.e062-footer-bottom>div{
  display:flex;
  gap:1rem
}

.e062-footer .admin-sigil{
  opacity:.35
}

@media(max-width:980px){
  .e062-utility{
    grid-template-columns:1fr 1fr
  }
  .e062-utility>span{
    display:none
  }
  .e062-header .nav-toggle{
    display:flex
  }
  .e062-nav.nav-wrap{
    display:none!important;
    position:absolute;
    top:108px;
    left:0;
    right:0;
    background:#000
  }
  .e062-header.nav-open .e062-nav.nav-wrap{
    display:block!important
  }
  .e062-nav .nav-links{
    display:grid
  }
  .e062-nav .nav-links a{
    padding:1rem var(--e062-pad);
    border-top:1px solid rgba(255,255,255,.1)
  }
  .e062-feature-strip{
    grid-template-columns:1fr 1fr;
    margin-top:0;
    width:100%
  }
  .e062-news-grid,.e062-news-page{
    grid-template-columns:1fr 1fr
  }
  .e062-news-page>a:nth-child(4){
    grid-column:auto
  }
  .e062-video-band,.e062-world-feature,.e062-shop-hero,.e062-studio-hero,.e062-contact-grid,.e062-signup-shell{
    grid-template-columns:1fr
  }
  .e062-video-stage{
    min-height:440px
  }
  .e062-world-feature figure{
    min-height:480px
  }
  .e062-cover-rail{
    grid-template-columns:repeat(3,1fr)
  }
  .e062-shop-tease{
    grid-template-columns:1fr 1fr
  }
  .e062-shop-tease>div{
    grid-column:1/3
  }
  .e062-join{
    grid-template-columns:100px 1fr
  }
  .e062-join>a{
    grid-column:2
  }
  .e062-featured-release,.e062-property-intro,.e062-nm-overview{
    grid-template-columns:1fr
  }
  .e062-property-intro>div,.e062-nm-overview>div{
    justify-self:auto
  }
  .e062-property-intro figure,.e062-nm-overview figure{
    justify-self:center
  }
  .e062-tier-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .e062-character-grid{
    grid-template-columns:1fr
  }
  .e062-gallery-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .e062-shop-grid-section .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .e062-property-nav{
    top:108px;
    overflow-x:auto;
    justify-content:flex-start
  }
  .e062-property-nav a{
    white-space:nowrap
  }
}

@media(max-width:640px){
  body.eotls-062 h1{
    font-size:clamp(3.6rem,18vw,6rem)
  }
  body.eotls-062 h2{
    font-size:clamp(2.9rem,14vw,4.8rem)
  }
  .e062-mast{
    justify-items:start
  }
  .e062-brand{
    width:155px
  }
  .e062-home-hero{
    min-height:650px
  }
  .e062-home-hero-shade{
    background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.18))
  }
  .e062-home-hero-copy{
    align-self:end
  }
  .e062-feature-strip{
    grid-template-columns:1fr 1fr
  }
  .e062-news-grid,.e062-news-page{
    grid-template-columns:1fr
  }
  .e062-cover-rail{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:.7rem
  }
  .e062-cover-rail>a{
    min-width:70vw;
    scroll-snap-align:start
  }
  .e062-world-grid{
    grid-template-columns:1fr
  }
  .e062-world-grid>a{
    min-height:540px
  }
  .e062-shop-tease{
    grid-template-columns:1fr
  }
  .e062-shop-tease>div{
    grid-column:auto
  }
  .e062-join{
    grid-template-columns:72px 1fr
  }
  .e062-join img{
    width:72px
  }
  .e062-heading-row{
    align-items:flex-start;
    flex-direction:column
  }
  .e062-art-strip{
    grid-template-columns:1fr
  }
  .e062-art-strip img{
    height:340px
  }
  .e062-jazs-triptych{
    grid-template-columns:1fr
  }
  .e062-jazs-triptych figure{
    min-height:300px
  }
  .e062-tier-grid{
    grid-template-columns:1fr
  }
  .e062-campaign-cta{
    align-items:flex-start;
    flex-direction:column
  }
  .e062-character-grid article{
    grid-template-columns:1fr
  }
  .e062-editorial-columns{
    grid-template-columns:1fr
  }
  .e062-video-rail{
    grid-template-columns:1fr
  }
  .e062-gallery-grid{
    grid-template-columns:1fr;
    grid-auto-rows:360px
  }
  .e062-gallery-grid figure.wide{
    grid-column:auto
  }
  .e062-shop-grid-section .product-grid{
    grid-template-columns:1fr!important
  }
  .e062-brand-pull{
    grid-template-columns:100px 1fr
  }
  .e062-brand-pull img{
    width:100px
  }
  .e062-footer-top,.e062-footer-bottom{
    align-items:flex-start;
    flex-direction:column
  }
  .e062-footer-nav{
    justify-content:flex-start
  }
  .e062-studio-hero>div{
    justify-self:auto
  }
  .e062-property-nav{
    top:108px
  }
}

/* Transactional surfaces inherit the publisher shell but stay intentionally calm. */
body.e062-system main{
  min-height:60vh;
  padding:clamp(3.5rem,6vw,6rem) var(--e062-pad);
  background:var(--e062-white);
  color:#111
}

body.e062-system main>.section{
  width:min(1180px,100%);
  max-width:1180px;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}

body.e062-system .eyebrow{
  color:var(--e062-purple)!important;
  font-family:"Poppins",Arial,sans-serif!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important
}

body.e062-system h1,body.e062-system h2,body.e062-system h3{
  color:#111
}

body.e062-system .card,body.e062-system .total-box,body.e062-system .account-head,body.e062-system .admin-record{
  border:1px solid rgba(0,0,0,.16)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important
}

body.e062-system input,body.e062-system select,body.e062-system textarea{
  border-radius:0!important;
  background:#fff!important;
  color:#111!important
}

body.e062-system .btn{
  border-radius:0!important;
  font-family:"Poppins",Arial,sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important
}

body.e062-system .btn.primary{
  border-color:var(--e062-purple)!important;
  background:var(--e062-purple)!important;
  color:#fff!important
}

body.e062-system .lede{
  color:rgba(0,0,0,.62)!important
}

/* ============================================================
   062 Publisher Editor — protected layout / explicit edit points
   ============================================================ */
body.eotls-062.godmode-active [data-editable] {
  position: relative;
  outline: 1px dashed rgba(118,49,160,.44) !important;
  outline-offset: 3px !important;
  cursor: pointer;
}

body.eotls-062.godmode-active [data-editable]:hover {
  outline: 2px solid rgba(233,193,22,.78) !important;
  outline-offset: 4px !important;
}

body.eotls-062.godmode-active .is-editor-selected {
  outline: 3px solid var(--e062-purple) !important;
  outline-offset: 5px !important;
  box-shadow: 0 0 0 7px rgba(118,49,160,.18) !important;
}

body.eotls-062 .editor-select-handle {
  position:absolute!important;
  z-index:60!important;
  top:.45rem!important;
  right:.45rem!important;
  width:auto!important;
  min-height:0!important;
  padding:.35rem .55rem!important;
  border:0!important;
  border-radius:0!important;
  background:var(--e062-purple)!important;
  color:#fff!important;
  font:800 .58rem/1 "Poppins",Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 .45rem 1.2rem rgba(0,0,0,.25)!important;
}

body.eotls-062 .publisher-editor {
  position:fixed!important;
  z-index:10000!important;
  right:1rem!important;
  bottom:1rem!important;
  left:auto!important;
  top:auto!important;
  width:min(25rem,calc(100vw - 2rem))!important;
  max-height:calc(100vh - 2rem)!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:0!important;
  background:#0a0a0a!important;
  color:var(--e062-white)!important;
  font-family:"Poppins",Arial,sans-serif!important;
  box-shadow:0 2rem 5rem rgba(0,0,0,.55)!important;
}

body.eotls-062 .publisher-editor .godmode-grip {
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  min-height:64px!important;
  padding:.8rem 1rem!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:#000!important;
}

body.eotls-062 .publisher-editor .godmode-grip>div{
  display:grid;
  gap:.1rem
}

body.eotls-062 .publisher-editor .godmode-grip strong{
  font:400 1.4rem/1 "Bangers",Impact,sans-serif;
  letter-spacing:.03em;
  text-transform:uppercase
}

body.eotls-062 .publisher-editor .godmode-grip span{
  max-width:15rem;
  color:rgba(241,245,245,.58);
  font-size:.64rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

body.eotls-062 .publisher-editor .godmode-body{
  display:grid!important;
  gap:.75rem!important;
  padding:1rem!important;
  background:#0a0a0a!important;
  color:#fff!important
}

body.eotls-062 .publisher-editor .publisher-editor-intro{
  padding:.75rem;
  border-left:3px solid var(--e062-purple);
  background:rgba(118,49,160,.12);
  color:rgba(241,245,245,.72);
  font-size:.72rem;
  line-height:1.5
}

body.eotls-062 .publisher-editor details{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  background:#111!important
}

body.eotls-062 .publisher-editor summary{
  padding:.75rem .85rem!important;
  color:#fff!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer
}

body.eotls-062 .publisher-editor details>*:not(summary){
  margin-left:.8rem;
  margin-right:.8rem
}

body.eotls-062 .publisher-editor details>*:last-child{
  margin-bottom:.8rem
}

body.eotls-062 .publisher-editor label{
  display:grid;
  gap:.35rem;
  margin-top:.6rem;
  color:rgba(241,245,245,.7);
  font-size:.65rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em
}

body.eotls-062 .publisher-editor textarea,body.eotls-062 .publisher-editor input,body.eotls-062 .publisher-editor select{
  width:100%!important;
  min-height:42px!important;
  padding:.65rem!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important;
  background:#1b1b1b!important;
  color:#fff!important;
  font:500 .78rem/1.4 "Poppins",Arial,sans-serif!important
}

body.eotls-062 .publisher-editor textarea{
  min-height:110px!important;
  resize:vertical
}

body.eotls-062 .publisher-editor .godmode-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.5rem!important;
  margin-top:.65rem!important
}

body.eotls-062 .publisher-editor button{
  min-height:40px!important;
  padding:.55rem .7rem!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:0!important;
  background:#191919!important;
  color:#fff!important;
  font:800 .62rem/1.2 "Poppins",Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  box-shadow:none!important
}

body.eotls-062 .publisher-editor button:hover{
  border-color:var(--e062-yellow)!important;
  background:#242424!important;
  color:var(--e062-yellow)!important
}

body.eotls-062 .publisher-editor .publisher-editor-primary [data-god-save]{
  border-color:var(--e062-purple)!important;
  background:var(--e062-purple)!important
}

body.eotls-062 .publisher-editor .publisher-editor-footer{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding-top:.7rem;
  border-top:1px solid rgba(255,255,255,.1);
  font-size:.62rem;
  color:rgba(241,245,245,.5)
}

body.eotls-062 .publisher-editor .publisher-editor-footer a{
  color:var(--e062-yellow);
  font-weight:900;
  text-transform:uppercase
}

body.eotls-062 .publisher-editor.is-minimized{
  width:auto!important;
  max-height:none!important;
  overflow:visible!important
}

body.eotls-062 .publisher-editor.is-minimized .godmode-body{
  display:none!important
}

@media(max-width:720px){
  body.eotls-062 .publisher-editor{
    right:.5rem!important;
    bottom:.5rem!important;
    width:calc(100vw - 1rem)!important;
    max-height:70vh!important
  }
}