/* =========================================
   P-GALLERY
========================================= */

.p-gallery {
  position: relative;
  width: 100%;
  min-height: clamp(420px, 55vw, 720px);
  overflow: hidden;
}


/* 背景動画 */

.p-gallery__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}


/* 暗幕（文字可読性） */

.p-gallery::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.8) 0%,
    rgba(0,0,0,0.4) 35%,
    rgba(0,0,0,0.1) 65%,
    rgba(0,0,0,0) 100%
  );
}


/* inner */

.p-gallery__inner {
  position: relative;
  z-index: 3;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  height: 100%;
  min-height: clamp(420px, 55vw, 720px);

  padding-block: clamp(4rem, 8vw, 8rem);
}


/* タイトル */

.p-gallery__title {
  color: var(--color-white);
}


/* ボタン位置 */

.p-gallery__button {
  align-self: flex-end;
  width: clamp(220px, 20vw, 320px);
}