/* 可选：加暗色遮罩，让 nav/文字更清楚 */
/* .heroOverlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
} */

/* NAV */
#nav{
  position: fixed;  /* 或 absolute */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: transparent; /* hero 上透明更酷 */
}


/* One screen layout: top video + bottom text */
.heroPage{
  height: 100vh;                 /* ✅ 同一屏 */
  display: grid;
  grid-template-rows: 1fr 260px;  /* ✅ 上面自动撑满，下面文字固定高度(可调) */
  background: #000;
}

/* TOP area */
.heroTop{
  position: relative;
  overflow: hidden;              /* ✅ 关键：裁切，保证“上下无黑边” */
}

/* 控制左右黑边：这里设置最大宽度 */
.heroVideoWrap{
  height: 100%;
  width: min(1400px, 100%);      /* ✅ 视频不一定铺满宽，会出现左右黑边 */
  margin: 0 auto;                /* ✅ 居中 */
  position: relative;
  overflow: hidden;
  /* top: 60px; */
}

/* Vimeo cover：填满高度，不要上下黑边 */
.heroIframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;                   /* ✅ 放大：保证上下填满 */
  height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

.heroVideoWrap{ background:#000; }


.pageWidth{
  width: min(900px, 92vw);
  margin: 0 auto;
}

.introInner{
  text-align: left;
}


/* BOTTOM text area */
.heroBottom{
  background: #fff;
  display: flex;
  align-items: center;
  padding: 40px 0;           /* ✅ 让白区更舒服，可调 */
}


/* 25px */
.introTitle{
  font-family: "Libre Baskerville", serif;
  /* font-family: "Cormorant Garamond", serif; */
  margin: 0 0 10px 0;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.2;
}

/* 11px */
.introYear{
  font-family: var(--sans, Helvetica, Arial, sans-serif);
  margin: 0 0 8px 0;
  font-size: 11px;
  opacity: .75;
}

/* 15px */
.introSub{
  font-family: "Cormorant Garamond", serif;
  margin: 0 0 6px 0;
  font-size: 20px;
  opacity: .85;
}

/* 10px */
.introDuration{
  font-family: var(--sans, Helvetica, Arial, sans-serif);
  margin: 0;
  font-size: 10px;
  opacity: .7;
}

.introName{
  font-weight: 600;
}

.introInner p { letter-spacing: 0.02em; }



/* SLIDESHOW */
/* slideshow 本身撑满 pageWidth */
.slideshowSection{
  padding-bottom: 40px;
}

.slideshow{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #fff;
}

.slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease;
}
.slide.is-active{ opacity: 1; }

.slide img{
  width: 100%;
  height: 100%;
  display: block;
}

/* 两种模式二选一 */
.slideshow.is-cover .slide img{ object-fit: cover; }
.slideshow.is-contain .slide img{ object-fit: contain; }