/* Issue 02 — Bonelli noir cover + golden masthead/footer */

.poster{
  background:
    radial-gradient(ellipse 92% 72% at 50% 36%, #2a251f 0%, #14110c 55%, #060504 100%) !important;
}
.poster::after{
  background:
    radial-gradient(ellipse 56% 36% at 50% 33%, rgba(245,184,0,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 28%, rgba(0,0,0,.55) 100%) !important;
  mix-blend-mode:normal !important;opacity:1 !important;
}
.dylan-strip{
  background:#FCD200 !important;border-bottom:3px solid #0a0908 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.6) !important;
}
.dylan-strip .logo{color:#fff !important;text-shadow:2px 2px 0 #000 !important}
.dylan-strip .cat-badge{background:#0a0908 !important}
.dylan-strip .eye::after{background:#0a0908 !important}
.dylan-strip .main-issue{color:#fff !important;text-shadow:2px 2px 0 #000 !important}
.issue-trigger{color:#fff !important;border-left-color:#0a0908 !important}
.issue-trigger .caret{color:#fff !important;filter:drop-shadow(1.5px 1.5px 0 #000) !important}
.bonelli-price{
  align-self:center;margin-left:8px;padding-left:13px;border-left:3px solid #0a0908;
  font-family:var(--serif);color:#0a0908;font-size:11px;letter-spacing:1.5px;
  line-height:1.05;text-transform:uppercase;flex-shrink:0;
}
.bonelli-price b{
  display:block;margin-top:2px;font-family:var(--bowlby);font-size:17px;
  letter-spacing:.5px;color:#0a0908;
}
.edition-2 .ep-banner .l .ep-release{
  display:block;margin-top:6px;font-family:var(--serif);font-size:11px;
  font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#0a0908;opacity:.9;
}
.edition-2 .about-release{
  margin:12px auto 0;font-family:var(--serif);font-size:12px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;color:#f0d68c;text-shadow:1px 1px 0 #0a0908;
}

.cover-art{
  position:absolute;inset:0;z-index:3;overflow:hidden;
}
.noir-scene{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center center;display:block;
}

.poster:not(.show-about) .title-lockup{
  left:9% !important;right:9% !important;top:56% !important;bottom:auto !important;
  transform:rotate(-2deg) !important;text-align:center !important;
}
.cover-yell{
  font-family:var(--hand) !important;font-weight:700 !important;font-style:normal !important;
  font-size:42px !important;color:#fff !important;letter-spacing:0 !important;
  line-height:1.04 !important;
  text-shadow:3px 3px 0 #0a0908, 5px 5px 10px rgba(0,0,0,.65) !important;
}

.ep-banner{background:#FCD200 !important;border-top:4px solid #0a0908 !important}
.ep-banner .l{color:#0a0908 !important}
.ep-banner .l b{color:#fff !important;text-shadow:3px 3px 0 #000 !important}
.ep-banner .ep-divider{background:#0a0908 !important;opacity:.4 !important}

/* About page — hero + theme banner */
.edition-2 .about-scare{color:#FCD200;text-shadow:2px 2px 0 #0a0908}
.edition-2 .about-pitch{margin-bottom:14px;padding-top:4px}
.edition-2 .about-hero-title{
  margin:6px 0 0;font-family:var(--bowlby);font-weight:400;font-size:clamp(42px, 7.2vw, 58px);
  line-height:.95;letter-spacing:.5px;text-transform:uppercase;color:#fff;
  text-shadow:4px 4px 0 #0a0908, 6px 6px 0 var(--red-dylan);
  transform:skewX(-2deg);
}
.edition-2 .about-pitch-lead{
  margin:14px auto 0;max-width:520px;font-family:var(--body);font-weight:700;
  font-size:clamp(16px, 2.4vw, 19px);line-height:1.5;color:#f7ecd0;
  text-shadow:1px 1px 0 #0a0908;
}
.edition-2 .about-theme-banner{
  position:relative;max-width:640px;margin:0 auto 20px;padding:14px 16px 12px;
  text-align:center;background:#FCD200;border:3px solid #0a0908;border-radius:6px;
  box-shadow:6px 6px 0 #0a0908;transform:rotate(-.8deg);
}
.edition-2 .about-theme-banner::before{
  content:"";position:absolute;inset:4px;border:2px dashed rgba(10,9,8,.35);
  border-radius:4px;pointer-events:none;
}
.edition-2 .about-theme-banner-kicker{
  display:inline-block;margin-bottom:6px;padding:4px 11px 3px;
  background:var(--red-dylan);color:#fff;border:2px solid #0a0908;
  font-family:var(--serif);font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;text-shadow:1px 1px 0 #000;
  box-shadow:2px 2px 0 #0a0908;
}
.edition-2 .about-theme-banner-title{
  display:block;font-family:var(--bowlby);font-size:clamp(22px, 4vw, 30px);
  line-height:1.05;letter-spacing:.6px;text-transform:uppercase;color:#0a0908;
  text-shadow:1px 1px 0 rgba(255,255,255,.45);
}
.edition-2 .about-theme-banner-detail{
  display:block;margin-top:6px;font-family:var(--serif);font-size:11px;
  font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#3d3328;
}
@media (max-width:720px){
  /* Page 1 — cover title */
  body.edition-2 .title-lockup{
    top:54% !important;left:5% !important;right:5% !important;
  }
  body.edition-2 .cover-yell{
    font-size:clamp(28px, 8.5vw, 42px) !important;
    line-height:1.06 !important;
    text-shadow:2px 2px 0 #0a0908, 4px 4px 8px rgba(0,0,0,.65) !important;
  }

  /* Page 2 — intro typography */
  body.edition-2 .about-scare{
    font-size:clamp(20px, 6vw, 28px) !important;
    margin-bottom:clamp(6px, 2vw, 10px) !important;
  }
  body.edition-2 .about-hero-title{
    font-size:clamp(34px, 10.5vw, 48px) !important;
    text-shadow:3px 3px 0 #0a0908, 5px 5px 0 var(--red-dylan) !important;
  }
  body.edition-2 .about-pitch-lead{
    font-size:clamp(15px, 4.2vw, 18px) !important;
    margin-top:clamp(10px, 3vw, 14px) !important;
  }
  body.edition-2 .about-release{
    font-size:clamp(11px, 3vw, 13px) !important;
    margin-top:clamp(10px, 3vw, 14px) !important;
  }
  body.edition-2 .about-theme-banner{
    margin-bottom:clamp(12px, 3.5vw, 18px);
    padding:clamp(10px, 3vw, 14px) clamp(12px, 3.5vw, 16px) clamp(9px, 2.6vw, 12px);
    border-width:clamp(2px, .6vw, 3px);
    box-shadow:clamp(4px, 1.2vw, 6px) clamp(4px, 1.2vw, 6px) 0 #0a0908;
  }
  body.edition-2 .about-theme-banner-kicker{
    font-size:clamp(10px, 2.8vw, 12px);
    padding:clamp(3px, 1vw, 5px) clamp(9px, 2.6vw, 11px) clamp(2px, .6vw, 3px);
    margin-bottom:clamp(5px, 1.4vw, 7px);
  }
  body.edition-2 .about-theme-banner-title{
    font-size:clamp(18px, 5.5vw, 26px) !important;
  }
  body.edition-2 .about-theme-banner-detail{
    font-size:clamp(10px, 2.8vw, 12px);
    margin-top:clamp(5px, 1.4vw, 7px);
  }
  body.edition-2 .about-pitch{margin-bottom:clamp(10px, 3vw, 14px)}

  .bonelli-price{font-size:13px}
  .bonelli-price b{font-size:21px}
}

/* Issue 02 shell — scrollable full-size poster, no viewport shrink */
html:has(body.edition-2){
  overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%;
  -webkit-overflow-scrolling:touch;
}
body.edition-2{
  overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh;
  align-items:flex-start;justify-content:center;padding:20px 10px 40px;
  -webkit-overflow-scrolling:touch;
}
body.edition-2 .poster-frame{
  height:auto;width:min(1052px, calc(100vw - 20px));max-width:1052px;
  cursor:default;flex-shrink:0;
}
body.edition-2 .poster{
  width:100%;height:auto;min-height:0;flex:none;
  transform:none !important;margin-bottom:0 !important;
  aspect-ratio:5/7;overflow:hidden;position:relative;
}
body.edition-2 .title-lockup{
  left:9% !important;right:9% !important;top:56% !important;
}