@charset "UTF-8";
/*
A modern CSS reset 2023 / 9 / 18
https://github.com/Andy-set-studio/modern-css-reset
*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

/**  base  **/
p,
ul,
ol,
h1,
h2,
h3,
figure,
dl,
dd,
button,
pre {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img,
video {
  max-width: 100%;
  vertical-align: bottom;
  line-height: 1;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}

a {
  color: currentColor;
  text-decoration: none;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.5;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}
body.scroll_rock {
  overflow: hidden;
}

:root {
  --o2-01: #FFCC00;
  --o2-02: black;
  --white: white;
  --black: black;
  --space: 1.25rem;
}

body {
  font-family: "Koburina Gothic W3 JIS2004";
  color: var(--o2-03);
}
body .red {
  color: red;
  font-style: normal;
}

.header {
  position: relative;
  aspect-ratio: 375/700;
}
.header .strapline,
.header .o2 {
  position: absolute;
}
.header .strapline {
  top: 0;
  left: 0;
  width: min(74.6666666667%, 24.875rem);
  height: auto;
}
.header .o2 {
  top: 17%;
  right: 16.8%;
  width: min(25.0666666667%, 8.875rem);
  height: auto;
}
@media (min-width: 48rem) {
  .header {
    aspect-ratio: 1200/800;
  }
  .header .strapline {
    width: min(33.1666666667%, 24.875rem);
  }
  .header .o2 {
    top: 11.5%;
    right: 5.4166666667%;
    width: min(11.8333333333%, 8.875rem);
  }
}

.main {
  display: grid;
  background-color: var(--white);
}
.main img {
  width: 100%;
}

.footer {
  --footer-pad: 3.9375rem 1.25rem 3.1875rem;
  --footer-font-standard: 0.8125rem;
  --footer-font-small: 0.625rem;
  --color-white: #ffffff;
  --color-footer-bg: var(--black);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 2.625rem;
  padding: var(--footer-pad);
  color: var(--color-white);
  background-color: var(--color-footer-bg);
}
.footer_share, .footer_hobo {
  font-family: "Koburina Gothic W6 JIS2004";
  font-size: var(--footer-font-standard);
}
.footer_share svg, .footer_hobo svg {
  fill: currentColor;
}
.footer_share {
  display: grid;
  grid-template-columns: 2.73875rem auto;
  gap: 2.94875rem;
  width: 16.625rem;
  margin-block-end: 1.5rem;
}
.footer_share__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.14375rem;
  border-top: solid 1.42px var(--color-white);
  border-bottom: solid 1.42px var(--color-white);
}
.footer_share ul {
  justify-content: space-between;
}
.footer_hobo {
  letter-spacing: 1.3px;
}
.footer_hobo ul {
  gap: 1.5rem;
}
.footer_hobo a {
  display: flex;
  align-items: center;
  gap: 9.24px;
}
.footer ul {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.footer_store {
  margin: 3.125rem 0 1.625rem;
  font-family: "Koburina Gothic W3 JIS2004";
  font-size: var(--footer-font-small);
  letter-spacing: 1px;
}
.footer_store ul {
  justify-content: center;
  gap: 0.875rem 1.25rem;
  line-height: 1;
}
.footer_store, .footer_copy {
  width: 100%;
}
@media (min-width: 48rem) {
  .footer {
    --footer-pad: 3.875rem 1.25rem 3.1875rem;
  }
  .footer_share {
    margin-block-end: 0;
  }
  .footer_store {
    margin: 1.625rem 0 2.75rem;
  }
}

.wallpaper {
  position: absolute;
  z-index: -1;
  width: 100%;
  aspect-ratio: 375/700;
}
.wallpaper picture,
.wallpaper img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 48rem) {
  .wallpaper {
    aspect-ratio: 1200/800;
  }
}

.yodogawa {
  display: grid;
  justify-items: center;
  padding-block: 3.75rem;
  background-color: var(--o2-01);
}
.yodogawa-content {
  width: min(87.2%, 28rem);
}
.yodogawa p {
  font-family: "Koburina Gothic W6 JIS2004";
  font-size: 1rem;
  line-height: 1.6875;
}
.yodogawa p + p {
  margin-top: 2em;
}
@media (min-width: 48rem) {
  .yodogawa p {
    white-space: pre-line;
    line-height: 1.875;
  }
}

.vol {
  position: relative;
  background-color: var(--white);
  container: vol/inline-size;
}
.vol h2 {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.vol h2 span {
  display: flex;
  width: fit-content;
  height: 1.3636363636em;
  font-family: "din-2014", sans-serif;
  font-size: 5.8666666667cqi;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.13636;
  background-color: var(--o2-01);
}
.vol h2 b {
  position: relative;
  z-index: 2;
  font-weight: 700;
}
.vol h2 {
  white-space: nowrap;
}
.vol .vol1 {
  top: 0%;
  right: 0%;
}
.vol .vol1 span:nth-of-type(1) {
  padding: 0.0454545455em 0.4090909091em 0 1.0909090909em;
}
.vol .vol1 span:nth-of-type(2) {
  padding: 0.0909090909em 0.4090909091em 0 0.9090909091em;
}
.vol .vol2 {
  top: 0%;
  left: 0%;
}
.vol .vol2 span:nth-of-type(1) {
  padding: 0.1363636364em 0.8636363636em 0 0.5em;
}
.vol .vol2 span:nth-of-type(2) {
  padding: 0.1363636364em 0.4545454545em 0 0.9545454545em;
}
.vol .vol3 {
  top: 79.2857142857%;
  left: 0%;
}
.vol .vol3 span:nth-of-type(1) {
  padding: 0.1363636364em 0.7727272727em 0 0.5em;
}
.vol .vol3 span:nth-of-type(2) {
  padding: 0.1818181818em 1.1818181818em 0 0.6818181818em;
}
.vol .vol4 {
  top: 6.7142857143%;
  left: 0%;
}
.vol .vol4 span:nth-of-type(1) {
  padding: 0.1363636364em 0.7727272727em 0 0.7727272727em;
}
.vol .vol4 span:nth-of-type(2) {
  padding: 0.1363636364em 1.1363636364em 0 1.2727272727em;
}
.vol .vol1 {
  align-items: end;
}
.vol .vol1 span:last-of-type {
  transform: translateY(-0.1818181818em);
}
.vol .vol2 span:first-of-type {
  transform: translateX(3.5454545455em);
}
.vol .vol2 span:last-of-type {
  transform: translateY(-0.2272727273em);
}
.vol .vol3 span:last-of-type {
  transform: translate(6.5454545455em, -0.3181818182em);
}
.vol .vol4 span:last-of-type {
  transform: translate(5.2727272727em, -0.0909090909em);
}
@media (min-width: 48rem) {
  .vol h2 span {
    height: 1.4em;
    font-size: 2.0833333333cqi;
    line-height: 1.15049;
    letter-spacing: 0.06em;
  }
  .vol .vol1 {
    top: 0;
    margin-top: 8.5%;
    right: 0%;
  }
  .vol .vol1 span:nth-of-type(1) {
    padding: 0.16em 0.48em 0 0.96em;
  }
  .vol .vol1 span:nth-of-type(2) {
    padding: 0em 0.4em 0 1.16em;
  }
  .vol .vol2 {
    top: 0;
    margin-top: 6.25%;
    right: 0%;
  }
  .vol .vol2 span:nth-of-type(1) {
    padding: 0.16em 0em 0 0.8em;
  }
  .vol .vol2 span:nth-of-type(2) {
    padding: 0.16em 0.4em 0 0.4em;
  }
  .vol .vol3 {
    top: 0;
    margin-top: 17.4166666667%;
    left: 0%;
  }
  .vol .vol3 span:nth-of-type(1) {
    padding: 0.16em 0.76em 0 0.36em;
  }
  .vol .vol3 span:nth-of-type(2) {
    padding: 0.16em 0.6em 0 1.2em;
  }
  .vol .vol4 {
    top: 0;
    margin-top: 34.3333333333%;
    right: 0%;
  }
  .vol .vol4 span:nth-of-type(1) {
    padding: 0.16em 0.92em 0 0.84em;
  }
  .vol .vol4 span:nth-of-type(2) {
    padding: 0.16em 1.08em 0 1.76em;
  }
  .vol .vol2 {
    left: unset;
    flex-direction: row;
  }
  .vol .vol2 span:first-of-type {
    transform: translateX(0);
  }
  .vol .vol2 span:last-of-type {
    transform: translateY(0);
  }
  .vol .vol3 span:last-of-type {
    transform: translate(4.6em, -0.28em);
  }
  .vol .vol4 {
    left: unset;
  }
  .vol .vol4 span:last-of-type {
    transform: translateX(-2.24em);
  }
}

.poster {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 375/700;
  color: var(--black);
  container: poster/inline-size;
}
.poster .photo,
.poster .photo img {
  display: block;
  width: 100%;
  height: auto;
}
.poster [class*=logo-] {
  position: absolute;
  background-color: var(--o2-01);
}
.poster .logo-base {
  left: 0%;
  top: 44.2857142857%;
  width: 32.5333333333%;
}
.poster .logo-base img {
  width: 73.7704918033%;
  margin: 4.0983606557% 12.2950819672% 2.7868852459% 13.9344262295%;
}
.poster .logo-tsuki {
  right: 0%;
  top: 0%;
  width: 49.0666666667%;
}
.poster .logo-tsuki img {
  width: 82.0652173913%;
  margin: 6.5217391304% 8.6956521739% 6.5217391304% 8.6956521739%;
}
.poster .logo-mioasse {
  right: 0%;
  bottom: 0%;
  width: 26.9333333333%;
}
.poster .logo-mioasse img {
  width: 68.3168316832%;
  margin: 15.8415841584% 12.8712871287% 15.8415841584% 18.8118811881%;
}
.poster .logo-air {
  left: 0%;
  top: 84.2857142857%;
  width: 48.2666666667%;
}
.poster .logo-air img {
  width: 84.5303867403%;
  margin: 4.4198895028% 7.7348066298% 6.0773480663% 7.7348066298%;
}
.poster .logo-bottom {
  right: 0%;
  top: 86.7142857143%;
  width: 38.9333333333%;
}
.poster .logo-bottom img {
  width: 76.0273972603%;
  margin: 5.4794520548% 13.698630137% 6.8493150685% 10.9589041096%;
}
.poster .logo-nikki {
  right: 0%;
  top: 67%;
  width: 34.6666666667%;
}
.poster .logo-nikki img {
  width: 62.3076923077%;
  margin: 10% 20% 9.2307692308% 10%;
}
.poster .logo-firo {
  left: 0%;
  top: 13.8571428571%;
  width: 45.3333333333%;
}
.poster .logo-firo img {
  width: 75.8823529412%;
  margin: 6.7647058824% 10.5882352941% 5.2941176471% 14.1176470588%;
}
@media (min-width: 48rem) {
  .poster {
    aspect-ratio: 1200/800;
  }
  .poster .logo-base {
    left: 76.25%;
    top: 20.875%;
    width: 14.6666666667%;
  }
  .poster .logo-base img {
    width: 76.7045454545%;
    margin: 4.5454545455% 0 2.8409090909% 15.9090909091%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-tsuki {
    right: 61.5%;
    top: 61.75%;
    width: 21.9166666667%;
  }
  .poster .logo-tsuki img {
    width: 82.1292775665%;
    margin: 6.463878327% 0 6.463878327% 9.1254752852%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-mioasse {
    right: 0%;
    top: 0%;
    width: 11.25%;
  }
  .poster .logo-mioasse img {
    width: 68.1481481481%;
    margin: 15.5555555556% 0 16.2962962963% 18.5185185185%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-air {
    left: 63.5%;
    top: 13.75%;
    width: 21.3333333333%;
  }
  .poster .logo-air img {
    width: 83.59375%;
    margin: 3.90625% 0 5.46875% 9.765625%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-bottom {
    right: 68.3333333333%;
    top: 33.375%;
    width: 16.75%;
  }
  .poster .logo-bottom img {
    width: 74.6268656716%;
    margin: 4.4776119403% 0 5.9701492537% 12.4378109453%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-nikki {
    right: 4.75%;
    top: 61.5%;
    width: 17.0833333333%;
  }
  .poster .logo-nikki img {
    width: 60.487804878%;
    margin: 9.2682926829% 0 8.7804878049% 18.0487804878%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
  .poster .logo-firo {
    left: 0%;
    top: 6.25%;
    width: 18.5833333333%;
  }
  .poster .logo-firo img {
    width: 75.7847533632%;
    margin: 7.1748878924% 0 4.932735426% 12.1076233184%;
  }
  .poster .logo-mioasse {
    bottom: unset;
  }
}

.poster .list {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.poster .list li {
  display: block;
  width: fit-content;
  font-family: "din-2014", sans-serif;
  font-size: 3.2cqi;
  line-height: 1.58333;
  letter-spacing: 0.07em;
  font-weight: 400;
  white-space: nowrap;
  background-color: var(--o2-01);
}
.poster .list li span {
  position: relative;
  z-index: 1;
}
.poster .list.list-base {
  top: 52.2857142857%;
  margin-left: 14.4%;
}
.poster .list.list-base li:first-of-type {
  padding: 0.4791666667em 1.25em 0.2708333333em 1.0833333333em;
}
.poster .list.list-tsuki {
  top: 6.2857142857%;
  margin-left: 15.7333333333%;
}
.poster .list.list-tsuki li:first-of-type {
  padding: 0.2775em 1.6666666667em 0.0558333333em 1.6666666667em;
}
.poster .list.list-mioasse {
  top: 66.1428571429%;
  margin-left: 0%;
}
.poster .list.list-mioasse li:first-of-type {
  padding: 0.4166666667em 3.25em 0.3333333333em 2.25em;
}
.poster .list.list-mioasse li:last-of-type {
  padding: 0.4166666667em 1.9166666667em 0.3333333333em 1.25em;
}
.poster .list.list-air {
  bottom: 0%;
  margin-left: 7.7333333333%;
}
.poster .list.list-air li:first-of-type {
  padding: 0.4166666667em 3.0833333333em 0.3333333333em 2.3333333333em;
}
.poster .list.list-air li:last-of-type {
  padding: 0.4166666667em 3.75em 0.3333333333em 1.25em;
}
.poster .list.list-bottom {
  bottom: 0%;
  margin-left: 16.2666666667%;
}
.poster .list.list-bottom li:first-of-type {
  padding: 0.5em 1.0833333333em 0.25em 1.6666666667em;
}
.poster .list.list-nikki {
  top: 79.2857142857%;
  margin-left: 18.9333333333%;
}
.poster .list.list-nikki li:first-of-type {
  padding: 0.3333333333em 1.5833333333em 0.3333333333em 2.1666666667em;
}
.poster .list.list-firo {
  top: 22.1428571429%;
  margin-left: 8.2666666667%;
}
.poster .list.list-firo li:first-of-type {
  padding: 0.3333333333em 0.8333333333em 0em 0.8333333333em;
}
.poster .list.list-firo li:last-of-type {
  padding: 0em 0.8333333333em 0.0833333333em 0em;
}
.poster .list.list-mioasse li:last-of-type {
  margin: -0.75em 0 0 7.3333333333em;
}
.poster .list.list-air li:last-of-type {
  margin: -0.8333333333em 0 0 5.5833333333em;
}
.poster .list.list-firo {
  align-items: flex-end;
  background-color: var(--o2-01);
}
@media (min-width: 48rem) {
  .poster .list li {
    font-size: 1.0833333333cqi;
    line-height: 1.69232;
    letter-spacing: 0.06em;
  }
  .poster .list.list-base {
    top: 31.625%;
    margin-left: 64.75%;
  }
  .poster .list.list-base li:first-of-type {
    padding: 0.4261538462em 1.5384615385em 0.3430769231em 2.5384615385em;
  }
  .poster .list.list-tsuki {
    top: 69.625%;
    margin-left: 0%;
  }
  .poster .list.list-tsuki li:first-of-type {
    padding: 0.4615384615em 3.1538461538em 0.3076923077em 3.1538461538em;
  }
  .poster .list.list-mioasse {
    top: 6.5%;
    margin-left: 69.1666666667%;
  }
  .poster .list.list-mioasse li:first-of-type {
    padding: 0.3846153846em 0.9230769231em 0.3846153846em 1.9230769231em;
  }
  .poster .list.list-mioasse li:last-of-type {
    padding: 0.3846153846em 1.6923076923em 0.3846153846em 3.1538461538em;
  }
  .poster .list.list-air {
    top: 24.5%;
    margin-left: 71.5%;
  }
  .poster .list.list-air li:first-of-type {
    padding: 0.4615384615em 2.3846153846em 0.3846153846em 1.5384615385em;
  }
  .poster .list.list-air li:last-of-type {
    padding: 0.4615384615em 2.6153846154em 0.3846153846em 1.8461538462em;
  }
  .poster .list.list-bottom {
    top: 44.125%;
    margin-left: 23.5833333333%;
  }
  .poster .list.list-bottom li:first-of-type {
    padding: 0.3846153846em 1.0769230769em 0.3076923077em 1.3076923077em;
  }
  .poster .list.list-nikki {
    top: 77.875%;
    margin-left: 60.9166666667%;
  }
  .poster .list.list-nikki li:first-of-type {
    padding: 0.2307692308em 2.8461538462em 0.1538461538em 2.3846153846em;
  }
  .poster .list.list-firo {
    top: 15.5%;
    margin-left: 9.3333333333%;
  }
  .poster .list.list-firo li:first-of-type {
    padding: 0.3846153846em 1.6153846154em 0em 2.1538461538em;
  }
  .poster .list.list-firo li:last-of-type {
    padding: 0em 0em 0.0769230769em 2.1538461538em;
  }
  .poster .list.list-mioasse li:last-of-type {
    margin: 0 0 0 -11.8461538462em;
  }
  .poster .list.list-air {
    bottom: unset;
  }
  .poster .list.list-air li:last-of-type {
    margin: -0.6923076923em 0 0 4.0769230769em;
  }
  .poster .list.list-firo {
    align-items: flex-start;
    background-color: var(--o2-01);
  }
}

.info {
  padding: 3.125rem 0 3.75rem;
  background-color: var(--o2-01);
  interpolate-size: allow-keywords;
}
.info-item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem 0;
  color: var(--black);
}
.info-item h3 {
  font-family: "din-2014", sans-serif;
  font-size: 1.375rem;
  line-height: 1.13636;
  letter-spacing: 0.06em;
  font-weight: 700;
}
.info-item div {
  width: fit-content;
}
.info-item h4 {
  margin-bottom: 0.5rem;
  font-family: "Koburina Gothic W6 JIS2004";
  font-size: 0.9375rem;
  line-height: 153.333%;
  letter-spacing: 0.06em;
}
.info-item ul {
  font-size: 0.875rem;
  line-height: 164.286%;
  letter-spacing: 0.06em;
  font-feature-settings: "halt" on;
}
.info-item ul + h4 {
  margin-top: 1.25rem;
}
.info-item ul + ul {
  margin-top: 1em;
}
.info-content {
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 3rem 0;
  width: 84.8%;
  height: 57.875rem;
  margin-inline: auto;
  overflow: hidden;
  transition: height 1s linear;
}
.info-content:after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  display: block;
  width: 100%;
  height: 5rem;
  background-image: linear-gradient(184deg, rgba(255, 204, 0, 0) -85.83%, var(--o2-01) 96.94%);
  opacity: 1;
  transition: opacity 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.info-content.show-full {
  height: max-content;
}
.info-content.show-full:after {
  opacity: 0;
  visibility: hidden;
}
.info .view-more {
  display: block;
  margin: 1.75rem 0 0 7.2%;
  padding: 0.3636363636em 1.5909090909em;
  color: var(--o2-01);
  font-family: "din-2014", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.13636;
  letter-spacing: 0.06em;
  background-color: var(--o2-02);
}
.info .view-more[aria-expanded=true] {
  visibility: hidden;
  touch-action: none;
}
@media (min-width: 48rem) {
  .info {
    padding: 5.3125rem 0 3.125rem;
  }
  .info-content {
    width: fit-content;
    gap: 3.75rem 0;
  }
  .info h3 {
    font-size: 1.5625rem;
  }
  .info ul + h4 {
    margin-top: 1.375rem;
  }
  .info ul {
    width: fit-content;
  }
  .info .view-more {
    margin: 1.25rem auto 0;
    font-size: 1.5625rem;
  }
}

@keyframes fade-in {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
:root {
  --ssa-duration: 0.5s;
  --ssa-delay: 0.6s;
  --o2-duration: 1s;
  --o2-delay: 1.1s;
}

.wallpaper,
.o2,
.strapline {
  visibility: hidden;
  opacity: 0;
}

.wallpaper {
  animation: fade-in 1s cubic-bezier(0.37, 0, 0.63, 1) forwards;
}

.strapline {
  animation: fade-in var(--ssa-duration) var(--ssa-delay) cubic-bezier(0.12, 0, 0.39, 0) forwards;
}

.o2 {
  animation: fade-in var(--o2-duration) var(--o2-delay) cubic-bezier(0.12, 0, 0.39, 0) forwards;
}

[data-watch=vol-title] {
  visibility: hidden;
  opacity: 0;
}

.vol {
  --a-duration: 0.35s;
  --a-delay: 0.75s;
}
.vol h2 {
  visibility: hidden;
  opacity: 0;
}
.vol:has(.poster:first-of-type.in-view) h2 {
  animation: fade-in var(--a-duration) var(--a-delay) cubic-bezier(0.37, 0, 0.63, 1) forwards;
}

[data-watch=poster] .photo,
[data-watch=poster] h3,
[data-watch=poster] .list {
  visibility: hidden;
  opacity: 0;
}
[data-watch=poster].in-view .photo {
  animation: fade-in 1s cubic-bezier(0.37, 0, 0.63, 1) forwards;
}
[data-watch=poster].in-view h3,
[data-watch=poster].in-view .list {
  animation: fade-in var(--a-duration) var(--a-delay) cubic-bezier(0.37, 0, 0.63, 1) forwards;
}