/* Accepted cover from edition B. All following chapters inherit the original manga. */
body[data-design='ink'][data-edition='frames'] {
  --f-paper: #f4ecdc;
  --f-ink: #191713;
  --f-red: #bd291e;
}
body[data-edition='frames'] .c-header {
  width: min(1800px, calc(100% - 96px));
  border-bottom: 2px solid var(--f-ink);
}
body[data-design='ink'][data-edition='frames'] .i-hero {
  min-height: 780px;
  height: calc(100svh - 90px);
  max-height: 1180px;
  border-bottom: 3px solid var(--f-ink);
}
body[data-design='ink'][data-edition='frames'] .i-hero-inner {
  width: min(1800px, calc(100% - 112px));
  min-height: 100%;
  height: 100%;
  padding-block: 62px 118px;
  align-items: center;
}
body[data-design='ink'][data-edition='frames'] .i-hero-copy {width: 64%;}
body[data-design='ink'][data-edition='frames'] .i-hero-copy > .i-eyebrow {
  font-size: 12px;
  letter-spacing: .12em;
  margin-bottom: 27px;
}
body[data-design='ink'][data-edition='frames'] .i-hero h1 {
  font-size: clamp(86px, 7.65vw, 174px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
body[data-design='ink'][data-edition='frames'] .i-title-stroke {
  width: 77%;
  height: 28px;
  margin-block: 8px 26px;
}
body[data-design='ink'][data-edition='frames'] .i-hero-description {
  font-size: clamp(20px, 1.25vw, 28px);
  line-height: 1.65;
  margin-bottom: 27px;
  color: #352b24;
}
body[data-design='ink'][data-edition='frames'] .i-no-card {font-size: 16px; color: #5f5044;}
body[data-design='ink'][data-edition='frames'] .i-hero-art {
  inset: 0 0 0 auto;
  width: 78%;
  height: 100%;
  opacity: 1;
}
body[data-design='ink'][data-edition='frames'] .i-hero-art::before {
  background: linear-gradient(90deg, #f4ecdc 0%, #f4ecdcbb 13%, #f4ecdc00 42%);
}
body[data-design='ink'][data-edition='frames'] .i-hero-art > img {object-position: 58% 45%;}
body[data-design='ink'][data-edition='frames'] .i-edition {
  left: auto;
  right: 0;
  bottom: 82px;
  writing-mode: vertical-rl;
  font-size: 11px;
  color: #3d3026;
  padding-block: 10px;
}
body[data-edition='frames'] .f-cover-next {
  position: absolute;
  z-index: 3;
  inset: auto 0 0;
  min-height: 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px max(56px, calc((100% - 1800px) / 2));
  border-top: 2px solid var(--f-ink);
  background: #f4ecdcf2;
  color: var(--f-ink);
  text-decoration: none;
}
body[data-edition='frames'] .f-cover-next > span {font-size: 12px; letter-spacing: .12em;}
body[data-edition='frames'] .f-cover-next > b {display: flex; align-items: center; gap: 30px; font-size: 16px; font-weight: 500;}
body[data-edition='frames'] .f-cover-next i {font-size: 25px; line-height: 1; font-style: normal; color: var(--f-red);}
@media (min-width:2100px) {
body[data-edition='frames'] .f-cover-next > b {font-size: 18px;}
}
@media (min-width:901px) and (max-height:850px) {
body[data-design='ink'][data-edition='frames'] .i-hero {min-height: 680px;}
body[data-design='ink'][data-edition='frames'] .i-hero-inner {padding-block: 35px 98px;}
body[data-design='ink'][data-edition='frames'] .i-hero h1 {font-size: clamp(84px, 7vw, 135px);}
body[data-design='ink'][data-edition='frames'] .i-hero-copy > .i-eyebrow {margin-bottom: 19px;}
body[data-design='ink'][data-edition='frames'] .i-title-stroke {margin-bottom: 16px; height: 22px;}
body[data-design='ink'][data-edition='frames'] .i-hero-description {font-size: 19px; margin-bottom: 21px;}
}
@media (max-width:1200px) {
body[data-edition='frames'] .c-header {width: calc(100% - 72px);}
body[data-design='ink'][data-edition='frames'] .i-hero-inner {width: calc(100% - 80px);}
body[data-design='ink'][data-edition='frames'] .i-hero-art {width: 85%; right: -8%;}
body[data-design='ink'][data-edition='frames'] .i-hero-copy {width: 70%;}
body[data-edition='frames'] .f-cover-next {padding-inline: 40px;}
}
@media (max-width:760px) {
body[data-edition='frames'] .c-header {width: calc(100% - 36px);}
body[data-design='ink'][data-edition='frames'] .i-hero {height: auto; min-height: 0; max-height: none; padding-top: 0;}
body[data-design='ink'][data-edition='frames'] .i-hero-inner {width: calc(100% - 48px); min-height: 0; height: auto; padding-top: clamp(340px, 84vw, 520px); padding-bottom: 108px;}
body[data-design='ink'][data-edition='frames'] .i-hero-copy {width: 100%;}
body[data-design='ink'][data-edition='frames'] .i-hero-art {inset: 0 0 auto; width: 100%; height: clamp(460px, 110vw, 720px); opacity: 1;}
body[data-design='ink'][data-edition='frames'] .i-hero-art > img {object-position: 64% 31%;}
body[data-design='ink'][data-edition='frames'] .i-hero-art::before {background: linear-gradient(0deg, #f4ecdc 0%, #f4ecdc 7%, #f4ecdcbb 20%, #f4ecdc00 45%);}
body[data-design='ink'][data-edition='frames'] .i-hero-copy > .i-eyebrow {font-size: 10px; margin-bottom: 18px;}
body[data-design='ink'][data-edition='frames'] .i-hero h1 {font-size: clamp(57px, 11.9vw, 88px); line-height: 1.06; letter-spacing: -.04em; margin-left: -1px;}
body[data-design='ink'][data-edition='frames'] .i-title-stroke {width: 90%; height: 21px; margin-block: 6px 22px;}
body[data-design='ink'][data-edition='frames'] .i-hero-description {font-size: 19px; line-height: 1.7; margin-bottom: 24px;}
body[data-design='ink'][data-edition='frames'] .i-no-card {font-size: 14px;}
body[data-design='ink'][data-edition='frames'] .i-edition {display: none;}
body[data-edition='frames'] .f-cover-next {min-height: 63px; padding: 12px 24px;}
body[data-edition='frames'] .f-cover-next > span {max-width: 135px; font-size: 9px; line-height: 1.7;}
body[data-edition='frames'] .f-cover-next > b {font-size: 14px; gap: 16px;}
}
@media (max-width:380px) {
body[data-design='ink'][data-edition='frames'] .i-hero-inner {width: calc(100% - 36px); padding-top: 305px;}
body[data-design='ink'][data-edition='frames'] .i-hero h1 {font-size: 54px;}
body[data-design='ink'][data-edition='frames'] .i-hero-art {height: 425px;}
body[data-design='ink'][data-edition='frames'] .i-hero-description {font-size: 17px;}
body[data-design='ink'][data-edition='frames'] .i-no-card {font-size: 12px;}
body[data-edition='frames'] .f-cover-next {padding-inline: 18px; gap: 15px;}
body[data-edition='frames'] .f-cover-next > b {font-size: 12px;}
}
@media (max-width:700px) {
body[data-design='ink'][data-edition='frames'] .i-hero {display: flex; flex-direction: column; height: auto; min-height: 0; padding: 0 0 63px;}
body[data-design='ink'][data-edition='frames'] .i-hero-inner {display: block; width: calc(100% - 40px); min-height: 0; height: auto; padding: 32px 0 24px;}
body[data-design='ink'][data-edition='frames'] .i-hero-art {position: relative; inset: auto; width: 100%; height: clamp(300px, 84vw, 480px); margin: 0; z-index: 0;}
body[data-design='ink'][data-edition='frames'] .i-hero-art > img {object-position: 62% 46%;}
body[data-design='ink'][data-edition='frames'] .i-hero-art::before {background: linear-gradient(180deg, #f4ecdc 0%, #f4ecdc00 15%);}
body[data-design='ink'][data-edition='frames'] .i-hero-copy > .i-eyebrow {margin-bottom: 16px;}
body[data-design='ink'][data-edition='frames'] .i-title-stroke {margin-bottom: 18px;}
body[data-design='ink'][data-edition='frames'] .i-hero-description {font-size: 18px; line-height: 1.65; margin-bottom: 22px;}
}
@media (max-width:380px) {
body[data-design='ink'][data-edition='frames'] .i-hero-inner {width: calc(100% - 36px); padding-top: 26px;}
body[data-design='ink'][data-edition='frames'] .i-hero-description {font-size: 17px;}
}
body[data-edition='frames'] .f-cover-next:focus-visible {outline:3px solid #e55839;outline-offset:-6px;}