/* 使用者核准的 Sales Kit 四頁：固定 1920 × 1080 畫布，尺寸與色彩來自 Figma。 */
.founder-page {
  --founder-red: var(--cover-red);
  --founder-text: #333;
  --founder-ink: #090909;
  --founder-muted: #595959;
  --founder-card: #f2f2f7;
  --founder-identity: #f9f9f9;
  --founder-footer: #efefef;
  --founder-divider: #c7c7c7;
  --founder-page-number: #878787;
  --founder-title-size: var(--slide-page-title-size);
  --anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --founder-body-size: 19px;
  --founder-body-line: 34px;
  position: relative;
  width: 1920px;
  height: 1080px;
  background: var(--color-slide);
  color: var(--founder-text);
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
  line-height: normal;
}
.founder-page__title { position: absolute; left: 96px; top: 86px; font-size: var(--founder-title-size); font-weight: var(--slide-page-title-weight); letter-spacing: var(--slide-page-title-spacing); white-space: nowrap; }
.founder-page__title-line { position: absolute; left: 96px; top: 180px; width: 72px; height: 6px; background: var(--founder-red); }
.founder-page__identity-card { position: absolute; left: 100px; top: 228px; width: 408px; height: 720px; background: var(--founder-identity); border-radius: 16px; }
.founder-page__photo { position: absolute; left: 23px; top: 26px; width: 362px; height: 362px; border-radius: 12px; object-fit: cover; }
.founder-page__identity { position: absolute; left: 23px; top: 420px; width: 362px; text-align: center; }
.founder-page__role { height: 26px; font-size: 17px; font-weight: 700; letter-spacing: 3.4px; color: var(--founder-red); }
.founder-page__name { height: 48px; font-size: 34px; color: var(--founder-ink); white-space: pre-wrap; }
.founder-page__identity-line { position: absolute; left: 176px; top: 514px; width: 56px; height: 2px; background: var(--founder-red); }
.founder-page__contact-label { position: absolute; left: 66px; top: 541px; font-size: 18px; font-weight: 700; color: var(--founder-ink); }
.founder-page__contacts { position: absolute; left: 66px; top: 583px; display: flex; flex-direction: column; gap: 16px; list-style: none; }
.founder-page__contacts li { display: flex; align-items: center; gap: 12px; font-size: 20px; white-space: nowrap; }
.founder-page__contacts img { flex-shrink: 0; display: block; }
.founder-page__intro { position: absolute; left: 577px; top: 239px; width: 1233px; font-size: 26px; line-height: 44px; letter-spacing: 1.2px; }
.founder-page__details { position: absolute; left: 560px; top: 365px; width: 1264px; display: flex; flex-direction: column; gap: 17px; }
.founder-page__highlights { display: flex; gap: 20px; }
.founder-page__highlight { position: relative; flex: 0 0 408px; height: 160px; background: var(--founder-card); border-radius: 12px; text-align: center; }
.founder-page__value { position: absolute; top: 28px; width: 408px; height: 62px; font-size: 60px; font-weight: 700; color: var(--founder-red); white-space: nowrap; }
.founder-page__value--compact { font-size: 50px; }
.founder-page__highlight-label { position: absolute; top: 107px; width: 408px; height: 28px; font-size: 18px; color: var(--founder-muted); }
.founder-page__panels { display: grid; grid-template-columns: 628px 616px; gap: 20px; }
.founder-page__panel { position: relative; height: 406px; border-radius: 12px; background: var(--founder-card); }
.founder-page__panel-title { position: absolute; left: 40px; top: 36px; display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: var(--founder-red); }
.founder-page__panel-title img { flex-shrink: 0; display: block; }
.founder-page__list { position: absolute; left: 40px; top: 86px; display: flex; flex-direction: column; gap: 12px; list-style: none; }
.founder-page__list li { display: flex; align-items: flex-start; gap: 12px; }
.founder-page__list img { flex-shrink: 0; display: block; }
.founder-page__list p { width: 505px; font-size: var(--founder-body-size); line-height: var(--founder-body-line); }
.founder-page__list strong { font-weight: 700; }
.founder-page__panel:nth-child(2) strong { color: var(--founder-ink); }
.founder-page__gallery { position: absolute; left: 49.5px; top: 293px; display: flex; gap: 30px; }
.founder-page__work { position: relative; flex: 0 0 587px; display: flex; flex-direction: column; gap: 26px; }
.founder-page__work:first-child { flex-basis: 588px; }
.founder-page__work > img { display: block; object-fit: cover; }
.founder-page__work figcaption { width: 100%; text-align: center; font-size: 24px; color: var(--founder-muted); white-space: nowrap; }
.founder-page__intro--fixed-lines { white-space: nowrap; }
.founder-page__ink { color: var(--founder-ink); }

/* 指定 Figma Slides 1:187：六件作品合併頁，僅此頁使用。 */
.founder-overview__stats { position: absolute; left: 85px; top: 309px; width: 204px; display: flex; flex-direction: column; gap: 50px; text-align: center; }
.founder-overview__stats h2 { font-size: 28px; font-weight: 700; line-height: 42px; color: #090909; }
.founder-overview__stat { height: 160px; display: flex; flex-direction: column; gap: 12px; }
.founder-overview__value { height: 108px; font-size: 90px; font-weight: 700; line-height: 108px; color: #e22d2a; }
.founder-overview__label { height: 40px; font-size: 33px; line-height: 40px; color: #595959; }
.founder-overview__mosaic { position: absolute; left: 366px; top: 92.24556px; display: grid; grid-template-columns: 467.24124px 466.44663px 466.44663px; grid-template-rows: repeat(2, 437.04538px); column-gap: 25.0759px; row-gap: 21.88717px; }
.founder-overview__mosaic figure { width: 100%; height: 100%; margin: 0; }
.founder-overview__mosaic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder-overview__page { position: absolute; right: 40px; top: 1029.5px; font-size: 20px; line-height: 24px; color: #878787; }

/* 僅兩位創辦人介紹頁：重用封面暖米白、服務頁深灰，保留作品合併頁。 */
.founder-page--profile {
  --founder-card: #f7f1ea;
  --founder-identity: #2b2b2b;
  --founder-ink: #333;
  --founder-muted: rgba(51,51,51,.75);
}

/* 左右兩區留 24px；右側內部卡片維持 10px，最右緣保持對齊。 */
.founder-page--profile .founder-page__identity-card { color: rgba(255,255,255,.92); }
.founder-page--profile .founder-page__role { color: #f7f1ea; }
.founder-page--profile .founder-page__name,
.founder-page--profile .founder-page__contact-label { color: rgba(255,255,255,.92); }
.founder-page--profile .founder-page__identity-line { background: #f7f1ea; }
.founder-page--profile .founder-page__contacts img { filter: brightness(0) invert(1); opacity: .92; }
.founder-page--profile .founder-page__intro { left: 532px; width: 1292px; }
.founder-page--profile .founder-page__details { left: 532px; width: 1292px; gap: 10px; }
.founder-page--profile .founder-page__highlights { gap: 10px; }
.founder-page--profile .founder-page__highlight { flex: 1 1 0; min-width: 0; }
.founder-page--profile .founder-page__value,
.founder-page--profile .founder-page__highlight-label { width: 100%; }
.founder-page--profile .founder-page__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

/* 聯絡資料收緊行距，讓第三行與卡片底部保有留白。 */
.founder-page--profile .founder-page__contacts { gap: 8px; }

/* P3／P5：右側資料區與人物卡底部同為 948px，文字改用正常流避免互相擠壓。 */
.founder-page--profile {
  --founder-body-size: 24px;
  --founder-body-line: 32px;
}
.founder-page--profile .founder-page__details { height: 583px; }
.founder-page--profile .founder-page__highlights { flex: 0 0 160px; }
.founder-page--profile .founder-page__highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 12px;
}
.founder-page--profile .founder-page__value {
  position: static;
  height: 72px;
  line-height: 72px;
  flex-shrink: 0;
}
.founder-page--profile .founder-page__highlight-label {
  position: static;
  height: auto;
  min-height: 28px;
  line-height: 28px;
  flex-shrink: 0;
}
.founder-page--profile .founder-page__panels { flex: 1; min-height: 0; }
.founder-page--profile .founder-page__panel {
  height: 100%;
  padding: 28px 32px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.founder-page--profile .founder-page__panel-title {
  position: static;
  font-size: 26px;
  line-height: 36px;
  flex-shrink: 0;
}
/* 段落保留適中的固定間距；調整上下內距，容納長清單並保留 24px 字級。 */
.founder-page--profile .founder-page__list {
  position: static;
  flex: 1;
  justify-content: flex-start;
  gap: 10px;
}
.founder-page--profile .founder-page__list li { gap: 10px; flex-shrink: 0; }
.founder-page--profile .founder-page__list img { margin-top: 5px; }
.founder-page--profile .founder-page__list p { width: auto; flex: 1; min-width: 0; }

/* 僅 P3：下方清單段落增加留白，P5 維持既有間距。 */
.slide[data-slide-id="3"] .founder-page--profile .founder-page__list { gap: 18px; }

/* P6 視覺總監：產品清單保持留白；合併履歷保留全部日期與教學項目。 */
.slide[data-slide-id="5"] .founder-page--profile .founder-page__list { gap: 18px; }

.slide[data-slide-id="5"] .founder-page--profile .founder-page__panel:first-child .founder-page__list { gap: 8px; }
.slide[data-slide-id="5"] .founder-page--profile .founder-page__panel:first-child .founder-page__list p { line-height: 32px; }

/* 僅 P3 個人經歷首段：長段落增加行距，其他項目與段距維持原樣。 */
.slide[data-slide-id="3"] .founder-page--profile .founder-page__panel:first-child .founder-page__list li:first-child p { line-height: 40px; }

/* 人物介紹頁統一卡片弧度，介於原版小圓角與封面大圓角之間。 */
.founder-page--profile .founder-page__identity-card,
.founder-page--profile .founder-page__highlight,
.founder-page--profile .founder-page__panel { border-radius: 24px; }

/* 標題放大後，僅微調文字較多的清單，保留卡片底部 20px 以上留白。 */
.slide[data-slide-id="3"] .founder-page--profile .founder-page__panel:nth-child(2) .founder-page__list p,
.slide[data-slide-id="4"] .founder-page--profile .founder-page__panel:first-child .founder-page__list p { line-height: 31px; }
.slide[data-slide-id="4"] .founder-page--profile .founder-page__panel:first-child .founder-page__list { gap: 8px; }

/* 作品總覽標題依指定分成兩行，沿統計欄水平置中。 */
.founder-overview__stats h2 { white-space: pre-line; text-align: center; }

/* 團隊介紹上方無框文案增加左右留白，與卡片內文視覺對齊。 */
.founder-page--profile .founder-page__intro { box-sizing: border-box; padding-inline: 24px; }

/* P3 原始照片邊緣帶白色像素，僅裁去外緣並保留照片原色。 */
[data-slide-id="3"] .founder-page__photo { clip-path: inset(3px round 12px); }