/* 2026 藝術家個人頁
   來源：artists/template2026.php（2026-10-05 由內嵌搬出，第一階段只搬家、規則未改） */

/* 外框、區塊、標題列、過去作品格線用 base.css 的 .h26、.h26-sec、.h26-wrap、.h26-head、.h26-gal */

/* 區1 藝術家介紹 */
.a26-intro { display: grid; grid-template-columns: 4fr 8fr; gap: 6.4rem; align-items: start; }
.a26-photo { position: relative; margin: 0; }
.a26-photo img { display: block; width: 100%; height: auto; max-width: none; aspect-ratio: 4 / 5; object-fit: cover; }
.a26-photo .noph { display: grid; place-items: center; aspect-ratio: 4 / 5; background: #161616; font-size: 8rem; color: rgba(255,255,255,.12); }
.a26-tags { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0 0 2rem; }
.a26-tags span { --lbl-py: .3rem; --lbl-px: .8rem; --lbl-lh: 1.7; font-size: 1.3rem; font-weight: 700; letter-spacing: .04em; }
.a26-tags .t1 { background: var(--accent, #ffff1e); color: #000; }
.a26-tags .t2 { border: 1px solid var(--accent, #ffff1e); color: var(--accent, #ffff1e); }
.a26-name { margin: 0 0 3.2rem; font-size: 3.6rem; line-height: 1.3; font-weight: 700; color: #fff; }
.a26-name small { display: block; margin-top: .6rem; font-size: 2rem; font-weight: 400; color: rgba(255,255,255,.75); }
/* 橫幅「展區｜參展者」由 h1 改為 p（h1 給藝術家姓名），沿用佈景主題原本 .featured-media h1 的外觀 */
.section-block.featured-media .a26-cap { font-family: Roboto, "Helvetica Neue", "Noto Sans TC", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 1.2; letter-spacing: normal; text-transform: none; }
/* 橫幅文字直接顯示：佈景主題的投影片 .tms-slide、文字 .tms-caption 預設 opacity:0，等頁尾的佈景主題 JS 初始化輪播後才淡入（本頁只有一張、背景為透明圖）（2026-10-05 移除延遲出現效果） */
.section-block.featured-media .tms-slide, .section-block.featured-media .tms-caption { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; }
/* 輪播容器一開始就用佈景主題 JS 初始化後設定的 300px（導覽列疊在橫幅上方，文字在 0–300px 置中才落在可見黃色區中央），避免 JS 執行時文字移動；手機 .mobile 由佈景主題的 14rem !important 決定 */
.section-block.featured-media .tm-slider-container { height: 300px; }
.a26-work { margin: 0 0 3.2rem; padding: 2rem 2.4rem; border-left: 4px solid var(--accent, #ffff1e); background: rgba(255,255,255,.05); }
.a26-work .wt { margin: 0 0 1.2rem; font-size: 1.7rem; line-height: 1.7; font-weight: 700; color: #fff; }
.a26-work p { margin: 0 0 1rem; font-size: 1.5rem; line-height: 1.9; color: rgba(255,255,255,.85); text-align: justify; }
.a26-work p.en { font-size: 1.4rem; color: rgba(255,255,255,.6); hyphens: auto; }
.a26-bio p { margin: 0 0 1.6rem; font-size: 1.6rem; line-height: 2.1; color: rgba(255,255,255,.9); text-align: justify; }
.a26-bio.en { margin-top: 3.2rem; padding-top: 3.2rem; border-top: 1px solid rgba(255,255,255,.14); }
.a26-bio.en p { font-size: 1.5rem; line-height: 1.9; color: rgba(255,255,255,.62); text-align: justify; hyphens: auto; }

/* 相關活動用 base.css 的 .h26-ev（h26_event_list()） */

/* 上一位／下一位 */
.a26-pager { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2.4rem; align-items: center; }
.a26-pager a { color: #fff; text-decoration: none; font-size: 1.5rem; line-height: 1.6; }
.a26-pager a:hover, .a26-pager a:focus-visible { color: var(--accent, #ffff1e); }
.a26-pager .prev small, .a26-pager .next small { display: block; font-size: 1.2rem; letter-spacing: .16em; color: rgba(255,255,255,.5); }
.a26-pager .next { text-align: right; }
.a26-pager .back { padding: 1.2rem 2.8rem; background: var(--accent, #ffff1e); color: #000; font-weight: 700; letter-spacing: .1em; }
.a26-pager .back:hover, .a26-pager .back:focus-visible { background: #fff; color: #000; }

@media (max-width: 991px) {
	.a26-intro { grid-template-columns: 1fr; gap: 4rem; }
	.a26-photo { max-width: 42rem; }
}
@media (max-width: 767px) {
	.a26-name { font-size: 2.6rem; }
	.a26-name small { font-size: 1.6rem; }
	.a26-pager { grid-template-columns: 1fr 1fr; }
	.a26-pager .back { grid-column: 1 / -1; grid-row: 2; text-align: center; }
}