/* =========================================================
   Gemistry 時裝屋人物故事 (gemistry-maison-founder)
   - 版面 = chanel.com/tw/about-chanel/gabrielle-chanel/（2026-02 存檔 + 存檔 CSS 實測，ADR-0006）
   - 子選單 → 大標 → 主視覺 + 簽名 → 引言 / 介紹 → 字詞輪播（黑底）→ 作品輪播（白底）→ 影片輪播（黑底）
   - 切換點 767 / 768px（輪播排法、手機字詞直排）、960 / 961px（標題字級）
   - 輪播位置由 JS 寫在 data-pos（-1 / 0 / 1 = 左 / 中 / 右；before / after = 畫面外）
   ========================================================= */

.gemistry-ms-founder {
	--gemistry-ms-founder-dark: #1d1d1d;
	--gemistry-ms-founder-body: #333;
	--gemistry-ms-founder-sticky: 0px;          /* 子選單固定時離視窗頂端的距離（固定頁首高度） */
	--gemistry-ms-founder-menu-h: 45px;
	--gemistry-ms-founder-title: 50px;
	--gemistry-ms-founder-title-lh: 71px;
	--gemistry-ms-founder-heading: 40px;        /* 區段標題 */
	--gemistry-ms-founder-heading-lh: 45px;
	--gemistry-ms-founder-quote: 30px;
	--gemistry-ms-founder-quote-lh: 36px;
	--gemistry-ms-founder-hero-h: 610px;
	--gemistry-ms-founder-text: 590px;          /* 引言、介紹、說明文字寬 */
	--gemistry-ms-founder-space: 72px;          /* 區段標題上下 */
	--gemistry-ms-founder-ease: cubic-bezier(.65, 0, .35, 1);
}

.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder {
	width: 100%;
	background: var(--gemistry-ms-white);
	color: var(--gemistry-ms-ink);
}

.elementor-widget-gemistry-maison-founder { width: 100%; }

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__title, .gemistry-ms-founder__heading, .gemistry-ms-founder__quote-text, .gemistry-ms-founder__word-title, .gemistry-ms-founder__art-title, .gemistry-ms-founder__video-title) {
	margin: 0;
	padding: 0;
	color: inherit;
	font-family: var(--gemistry-ms-font);
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder :where(img) {
	display: block;
	max-width: 100%;
	height: auto;
}

/* WoodMart 全站給 ul / ol 左內距、li 下邊距 10px（最後一個除外），子選單一排的高度會高低不一，這裡歸零。
   :where() 讓權重停在 0,3,0，下方各元件自己的 margin / padding 仍然有效。 */
.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder :where(ul, ol, li) {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ---------- 子選單 ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu {
	position: sticky;
	top: var(--gemistry-ms-founder-sticky);
	z-index: 5;
	border-bottom: 1px solid var(--gemistry-ms-line);
	background: var(--gemistry-ms-white);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-list {
	display: flex;
	justify-content: center;
	gap: 0 45px;
	height: var(--gemistry-ms-founder-menu-h);
	padding: 0 5%;
	overflow-x: auto;
	scrollbar-width: none;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-list::-webkit-scrollbar { display: none; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-list li { flex: 0 0 auto; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-link {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--gemistry-ms-gray);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .7px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color .2s ease;
}

.gemistry-ms-scope.gemistry-ms-scope a.gemistry-ms-founder__menu-link:hover,
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-link.is-current { color: var(--gemistry-ms-black); }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-link.is-current::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background: var(--gemistry-ms-black);
}

/* ---------- 大標、主視覺、引言 ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__title {
	margin: 52px 5% 36px;
	color: var(--gemistry-ms-founder-dark);
	font-size: var(--gemistry-ms-founder-title);
	line-height: var(--gemistry-ms-founder-title-lh);
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__hero {
	position: relative;
	display: flex;
	justify-content: center;
	max-width: 1600px;
	margin: 0 auto;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__hero-img {
	width: auto;
	max-width: 90vw;
	height: var(--gemistry-ms-founder-hero-h);
	object-fit: cover;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__signature {
	position: absolute;
	bottom: 10%;
	left: 50%;
	z-index: 1;
	width: 270px;
	translate: -50% 0;
	pointer-events: none;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote {
	width: var(--gemistry-ms-founder-text);
	max-width: 90%;
	margin: 0 auto;
	padding: 36px 0 0;
	border: 0;
	quotes: none;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote::before,
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote::after { content: none; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote-text {
	margin: 18px 0 9px;
	color: var(--gemistry-ms-founder-dark);
	font-size: var(--gemistry-ms-founder-quote);
	line-height: var(--gemistry-ms-founder-quote-lh);
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote-origin {
	padding-bottom: 36px;
	color: var(--gemistry-ms-founder-body);
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: .5px;
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote-credit {
	display: block;
	margin-top: 18px;
	font-style: italic;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__intro {
	width: 90%;
	max-width: var(--gemistry-ms-founder-text);
	margin: 0 auto 72px;
	padding: 36px 0;
	color: var(--gemistry-ms-founder-body);
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: .5px;
	text-align: center;
}

/* ---------- 區段標題、箭頭、計數 ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__heading {
	padding: var(--gemistry-ms-founder-space) 5%;
	font-size: var(--gemistry-ms-founder-heading);
	line-height: var(--gemistry-ms-founder-heading-lh);
	letter-spacing: 0;
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__heading span { display: inline-block; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__nav {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	height: 0;
	translate: -50% 0;
	pointer-events: none;
}

/* 箭頭：18px 方框的上、右兩條 1px 邊轉 45°（照範本） */
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow {
	position: absolute;
	top: 0;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	color: inherit;
	pointer-events: auto;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow::before {
	content: "";
	width: 18px;
	height: 18px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: currentColor;
	transition: scale .3s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow.is-prev { left: -13px; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow.is-next { right: -13px; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow.is-prev::before { rotate: -135deg; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow.is-next::before { rotate: 45deg; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arrow:active::before { scale: 1.3; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__counter {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: .7px;
	text-align: center;
}

/* ---------- 字詞輪播（黑底） ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words {
	background: var(--gemistry-ms-founder-dark);
	color: var(--gemistry-ms-white);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words-stage {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-title {
	color: var(--gemistry-ms-white);
	letter-spacing: 0;
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-media { overflow: hidden; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: 0 0;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-body p {
	color: var(--gemistry-ms-white);
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: .1px;
	white-space: pre-wrap;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-body > .gemistry-ms-founder__word-text { margin-top: 18px; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-body .gemistry-ms-founder__word-legend {
	padding-top: 18px;
	font-weight: 600;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-more {
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: max-height 1s ease, visibility 0s 1s;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-more.is-open {
	visibility: visible;
	transition: max-height 1s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__more {
	gap: 5px;
	margin-top: 18px;
	color: var(--gemistry-ms-white);
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: .7px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__more svg {
	width: 13px;
	height: 13px;
	rotate: 90deg;
	transition: rotate .3s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__more[aria-expanded="true"] svg { rotate: -90deg; }

/* ---------- 作品輪播（白底） ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts { padding-bottom: var(--gemistry-ms-founder-space); }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-stage {
	position: relative;
	height: min(32vw, 512px);
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art {
	position: absolute;
	top: 0;
	left: 33.3333%;
	width: 33.3333%;
	height: 100%;
	padding: 0 1.2%;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts .gemistry-ms-founder__nav { width: 38%; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-text {
	position: relative;
	width: 90%;
	max-width: var(--gemistry-ms-founder-text);
	margin: 18px auto 0;
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art-text { display: none; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art-text.is-active { display: block; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art-title {
	margin-bottom: 9px;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0;
}

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art-legend, .gemistry-ms-founder__art-credit) {
	margin-bottom: 9px;
	color: var(--gemistry-ms-founder-body);
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: .5px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art-credit {
	font-size: 12px;
	line-height: 18px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease, visibility 0s .4s;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-text.is-credits .gemistry-ms-founder__art-credit {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s ease;
}

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__credits, .gemistry-ms-founder__explore) {
	display: flex;
	margin: 9px auto 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: .7px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__credits { border-bottom: 1px solid currentColor; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts .gemistry-ms-founder__counter { margin-top: 18px; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__explore {
	gap: 5px;
	margin-top: 18px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__explore span { border-bottom: 1px solid transparent; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__explore:hover span { border-bottom-color: currentColor; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__explore svg {
	width: 10px;
	height: 10px;
	transition: rotate .3s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__explore[aria-expanded="true"] svg { rotate: 180deg; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 36px;
	width: 90%;
	max-width: var(--gemistry-ms-founder-text);
	margin: 18px auto 0;
	border-top: 1px solid var(--gemistry-ms-line);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list[hidden] { display: none; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list button {
	justify-content: flex-start;
	gap: 12px;
	width: 100%;
	padding: 12px 0;
	border-bottom: 1px solid var(--gemistry-ms-line);
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .5px;
	text-align: left;
	text-transform: uppercase;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list button[aria-current="true"],
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list button:hover { font-weight: 600; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-num { color: var(--gemistry-ms-gray); }

/* ---------- 影片輪播（黑底） ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos {
	padding-bottom: var(--gemistry-ms-founder-space);
	background: var(--gemistry-ms-founder-dark);
	color: var(--gemistry-ms-white);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos-stage {
	position: relative;
	height: 33.75vw;                            /* 寬 60vw 的 16:9 */
	overflow: hidden;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video {
	position: absolute;
	top: 0;
	left: 20%;
	width: 60%;
	height: 100%;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video-media {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__video-img, .gemistry-ms-founder__video-loop) {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video-loop {
	opacity: 0;
	transition: opacity .6s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video-loop.is-playing { opacity: 1; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__watch {
	position: absolute;
	bottom: 18px;
	left: 18px;
	z-index: 2;
	gap: 10px;
	color: var(--gemistry-ms-white);
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: .7px;
	text-shadow: 0 0 8px rgba(0, 0, 0, .35);
	text-transform: uppercase;
	transition: opacity .2s ease;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__watch-icon {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10.5px solid currentColor;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos .gemistry-ms-founder__nav { width: 70%; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos-text {
	width: 90%;
	max-width: var(--gemistry-ms-founder-text);
	min-height: 76px;
	margin: 36px auto 0;
	text-align: center;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video-title {
	display: none;
	font-size: var(--gemistry-ms-founder-quote);
	line-height: var(--gemistry-ms-founder-quote-lh);
	letter-spacing: 0;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video-title.is-active { display: block; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos .gemistry-ms-founder__counter { margin-top: 18px; }

/* ---------- 輪播位置（作品、影片）：中間那張 + 左右各一張，其餘在畫面外 ---------- */

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video) {
	--gemistry-ms-founder-step: 100%;
	opacity: 0;
	visibility: hidden;
	transition: translate .9s var(--gemistry-ms-founder-ease), opacity .9s ease, visibility 0s .9s;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video { --gemistry-ms-founder-step: calc(100% + 5.8333%); } /* 左右間距 3.5vw = 張寬 60vw 的 5.83% */

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video):is(.is-active, [data-pos="-1"], [data-pos="1"]) {
	opacity: 1;
	visibility: visible;
	transition: translate .9s var(--gemistry-ms-founder-ease), opacity .9s ease;
}

.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video)[data-pos="-1"] { translate: calc(var(--gemistry-ms-founder-step) * -1) 0; cursor: pointer; }
.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video)[data-pos="1"] { translate: var(--gemistry-ms-founder-step) 0; cursor: pointer; }
.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video)[data-pos="before"] { translate: calc(var(--gemistry-ms-founder-step) * -2) 0; }
.gemistry-ms-scope.gemistry-ms-scope :is(.gemistry-ms-founder__art, .gemistry-ms-founder__video)[data-pos="after"] { translate: calc(var(--gemistry-ms-founder-step) * 2) 0; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video:is([data-pos="-1"], [data-pos="1"]) { opacity: .4; }
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video:not(.is-active) .gemistry-ms-founder__watch {
	opacity: 0;
	pointer-events: none;
}

/* ---------- 影片視窗 ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .92);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal[hidden] { display: none; }

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal-frame {
	width: min(90vw, 150vh);
	aspect-ratio: 16 / 9;
	background: #000;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal-frame :is(iframe, video) {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 44px;
	height: 44px;
	color: var(--gemistry-ms-white);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__modal-close svg {
	width: 20px;
	height: 20px;
}

/* ---------- 編輯器佔位 ---------- */

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 3 / 4;
	background: #3a3a3a;
	color: #9b9b9b;
	font-size: 12px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__placeholder.is-hero {
	width: 458px;
	max-width: 90vw;
	height: var(--gemistry-ms-founder-hero-h);
	aspect-ratio: auto;
	background: var(--gemistry-ms-soft);
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__placeholder.is-empty-section {
	width: 90%;
	margin: 40px auto;
	aspect-ratio: auto;
	padding: 40px 16px;
	background: var(--gemistry-ms-soft);
}

/* ---------- 淡入（JS 加 .is-js，元素進入畫面加 .is-in；沒有 JS 時全部直接顯示） ---------- */

.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder.is-js [data-gemistry-ms-reveal] {
	opacity: 0;
	translate: 0 30px;
	transition: opacity .7s ease, translate .7s ease;
}

.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder.is-js [data-gemistry-ms-reveal].is-in {
	opacity: 1;
	translate: 0 0;
}

/* ---------- ≥ 768px：字詞輪播一次一張 ---------- */

@media (min-width: 768px) {
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words-stage { padding-bottom: 126px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word { display: none; }

	/* 左欄 51%：圖寬 33.82%（最大 541px）、左邊距 15.2%；右欄：內文最寬 34%、上方 21vw */
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word.is-active {
		position: relative;
		display: grid;
		grid-template-columns: 51% minmax(0, 1fr);
		align-items: start;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-media {
		grid-column: 1;
		grid-row: 1;
		width: 66.31%;
		max-width: 541px;
		margin-left: 29.8%;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-title {
		position: absolute;
		top: min(12.5vw, 205px);
		left: 50%;
		z-index: 3;
		font-size: min(5.56vw, 80px);
		line-height: 1.3;
		white-space: nowrap;
		translate: -50% 0;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-body {
		grid-column: 2;
		grid-row: 1;
		position: relative;
		z-index: 3;
		max-width: 69.4%;
		padding: min(21vw, 340px) 0 0 18px;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word.is-active .gemistry-ms-founder__word-img { animation: gemistry-ms-founder-reveal 1.5s var(--gemistry-ms-founder-ease) both; }
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word.is-active :is(.gemistry-ms-founder__word-title, .gemistry-ms-founder__word-body) { animation: gemistry-ms-founder-rise 1.2s .3s ease both; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words .gemistry-ms-founder__nav {
		top: min(23vw, 296px);
		width: 84%;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words .gemistry-ms-founder__counter {
		position: absolute;
		right: 0;
		bottom: 54px;
		left: 0;
	}
}

@keyframes gemistry-ms-founder-reveal {
	from { clip-path: inset(0 0 100% 0); }
	to { clip-path: inset(0); }
}

@keyframes gemistry-ms-founder-rise {
	from { opacity: 0; translate: 0 30px; }
	to { opacity: 1; translate: 0 0; }
}

/* ---------- ≤ 960px：標題字級 ---------- */

@media (max-width: 960px) {
	.gemistry-ms-founder {
		--gemistry-ms-founder-title: 30px;
		--gemistry-ms-founder-title-lh: 36px;
		--gemistry-ms-founder-heading: 30px;
		--gemistry-ms-founder-heading-lh: 36px;
		--gemistry-ms-founder-quote: 25px;
		--gemistry-ms-founder-quote-lh: 31px;
	}
}

/* ---------- ≤ 767px：字詞直排、作品 70% 寬、影片滿版 ---------- */

@media (max-width: 767px) {
	.gemistry-ms-founder {
		--gemistry-ms-founder-title: 25px;
		--gemistry-ms-founder-title-lh: 31px;
		--gemistry-ms-founder-space: 54px;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__menu-list {
		justify-content: flex-start;
		gap: 0 28px;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__title { margin: 27px 5% 15px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__hero-img {
		width: 90vw;
		height: auto;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__signature { width: 60%; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote { padding-top: 27px; }
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__quote-origin { padding-bottom: 27px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__intro {
		margin-bottom: 0;
		padding: 27px 0;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words .gemistry-ms-founder__heading { padding-top: 54px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 54px;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-title {
		padding-bottom: 18px;
		font-size: 40px;
		line-height: 45px;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-body { padding-top: 12px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__words :is(.gemistry-ms-founder__nav, .gemistry-ms-founder__counter) { display: none; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts .gemistry-ms-founder__heading { padding-bottom: 30px; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-stage { height: 91.2vw; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__art {
		left: 15%;
		width: 70%;
		padding: 0 2%;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts .gemistry-ms-founder__nav { width: 83%; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__arts-list { grid-template-columns: minmax(0, 1fr); }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos-stage { height: 56.25vw; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__video {
		left: 0;
		width: 100%;
		--gemistry-ms-founder-step: 100%;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos .gemistry-ms-founder__nav { width: 92%; }

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__videos-text {
		min-height: 52px;
		margin-top: 27px;
	}
}

@media (max-width: 320px) {
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder__word-title { font-size: 35px; }
}

/* ---------- 減少動態 ---------- */

@media (prefers-reduced-motion: reduce) {
	.gemistry-ms-scope.gemistry-ms-scope.gemistry-ms-founder *,
	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder.is-js [data-gemistry-ms-reveal] {
		animation: none !important;
		transition: none !important;
	}

	.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-founder.is-js [data-gemistry-ms-reveal] {
		opacity: 1;
		translate: 0 0;
	}
}