.video-section.page-width {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.video-section__media {
  position: relative;
  padding-bottom: 56.25%;
}

@media only screen and (min-width: 750px) {
  .video-section__media {
    padding-bottom: 50%;
  }
}

.video-section__media.deferred-media {
  overflow: visible;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}


/* ================================================================
   NELUM 影片板塊：間距比例終極微調
   ================================================================ */

/* 1. 位置 1：標題上方再次收縮 */
.video-section::before {
  content: "" !important;
  display: block !important;
  height: 180px !important;   /* 從 60px 再次縮減至 30px */
}

/* 板塊下方保持充足留白 */
.video-section::after {
  content: "" !important;
  display: block !important;
  height: 200px !important;
}

/* 2. 位置 2：標題與影片間距再次放大 */
.video-section .title, 
.video-section h2,
.video-section .video-section__heading {
  display: block !important;
  font-family: "Alice", serif !important;
  font-size: 50px !important;
  letter-spacing: 15px !important;
  text-align: center !important;
  
  /* 增加此處數值，讓標題與影片距離更有呼吸感 */
  margin: 0 auto 200px !important;  /* 從 160px 增加至 200px */
  
  width: 100% !important;
  line-height: 1.2 !important;
}

/* 3. 影片本體圓角與居中鎖定 */
.video-section__media,
.video-section .deferred-media,
.video-section iframe,
.video-section video,
.video-section .video-section__poster {
  border-radius: 30px !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* 4. 移動端適配 (同步比例調整) */
@media screen and (max-width: 749px) {
  .video-section::before { height: 20px !important; }
  .video-section::after { height: 120px !important; }

  .video-section .title, 
  .video-section h2 {
    font-size: 28px !important;
    letter-spacing: 8px !important;
    margin-bottom: 90px !important; /* 手機端也同步放大中間間距 */
  }

  .video-section__media {
    width: 92% !important;
    border-radius: 20px !important;
  }
}