/* 충현 온라인 전시관 — 시안 A 뮤지엄·아카이브풍 (다크+골드+세리프) */
:root{--ex-ink:#14171c;--ex-ink2:#1d222a;--ex-gold:#c9a961;--ex-txt:#e8e4da;--ex-dim:#9a958a;--ex-line:rgba(201,169,97,.25)}
html{background:var(--ex-ink)}
body{background:var(--ex-ink)!important;color:var(--ex-txt);font-family:'Pretendard Variable',Pretendard,-apple-system,'Noto Sans KR',sans-serif!important;letter-spacing:-.01em}
h1,h2,h3,blockquote,.ex-sub{font-family:'Noto Serif KR',serif}
a{color:var(--ex-gold)}
a:hover{color:#e0c184}

/* 헤더/푸터 */
header{max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ex-line);background:transparent}
h1.site-title{margin:0;font-size:20px;letter-spacing:.02em}
h1.site-title a{color:var(--ex-txt)}
nav#top-nav{display:flex;align-items:center;margin-left:auto}
nav#top-nav ul.navigation{display:flex;gap:28px;margin:0;padding:0;list-style:none}
nav#top-nav ul.navigation li{margin:0}
nav#top-nav ul.navigation a{font-size:14.5px;color:#cfcabd;font-weight:500}
nav#top-nav ul.navigation a:hover{color:var(--ex-gold);text-decoration:none}
#mobile-nav-toggle{display:none}
#search,#search-form{display:none!important}
footer{width:100vw;margin-left:calc(50% - 50vw);background:#0e1013;color:var(--ex-dim);text-align:center;padding:40px 24px 48px;font-size:0;border-top:1px solid var(--ex-line)}
footer *{display:none!important}
footer::before{content:'충현 온라인 전시관';display:block;font-size:16px;font-weight:700;color:var(--ex-gold);margin-bottom:8px;letter-spacing:.1em}
footer::after{content:'충현디지털역사관 · (06136) 서울특별시 강남구 테헤란로27길 40 충현교회';display:block;font-size:12.5px;line-height:2}
#content{max-width:none;padding:0;margin:0}

/* 라벨 */
.ex-label{display:inline-block;color:var(--ex-gold);font-size:12px;font-weight:700;letter-spacing:.35em;margin-bottom:16px}

/* 로비 히어로 */
.ex-lobby-hero{width:100vw;margin-left:calc(50% - 50vw);padding:110px 24px 90px;text-align:center;background:radial-gradient(ellipse at 50% -20%,#2a3040 0%,var(--ex-ink) 60%)}
.ex-lobby-hero h2{font-size:clamp(34px,4.5vw,54px);font-weight:600;color:#f3ead9;margin:0 0 18px;letter-spacing:.01em}
.ex-lobby-hero p{color:var(--ex-dim);font-size:16.5px;line-height:1.9}
.ex-lobby-inner{max-width:760px;margin:0 auto}

/* 전시 목록 */
.ex-list{max-width:1200px;margin:0 auto;padding:70px 32px 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}
.ex-item{position:relative;display:block;min-height:380px;overflow:hidden;background:var(--ex-ink2)}
.ex-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.9);transition:transform .6s ease,filter .4s}
a.ex-item:hover img{transform:scale(1.045);filter:saturate(1.05) brightness(1)}
.ex-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,23,28,.15) 30%,rgba(20,23,28,.93) 100%)}
.ex-item-txt{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.ex-item-txt small{display:block;color:var(--ex-gold);font-size:11.5px;font-weight:700;letter-spacing:.24em;margin-bottom:10px}
.ex-item-txt b{display:block;font-family:'Noto Serif KR',serif;font-size:22px;font-weight:600;color:#f3ead9;line-height:1.4}
.ex-item-txt i{display:block;font-style:normal;color:var(--ex-dim);font-size:13.5px;margin-top:8px;line-height:1.7}
.ex-soon{opacity:.55}
.ex-soon:hover{opacity:.75}
.ex-back{max-width:1200px;margin:0 auto;padding:10px 32px 90px}
.ex-back a{font-size:14px;letter-spacing:.05em}

/* ===== 전시 상세 ===== */
.ex-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:78vh;min-height:520px;overflow:hidden}
.ex-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.75)}
.ex-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,23,28,.35),rgba(20,23,28,.15) 45%,var(--ex-ink) 96%)}
.ex-hero-txt{position:absolute;left:0;right:0;bottom:64px;z-index:2;text-align:center;padding:0 24px}
.ex-hero-txt h2{font-size:clamp(40px,6vw,68px);font-weight:600;color:#f3ead9;margin:0;letter-spacing:.04em}
.ex-sub{font-size:20px;color:var(--ex-gold);margin:12px 0 22px;letter-spacing:.5em;text-indent:.5em}
.ex-hero-txt blockquote{margin:0 auto;color:#cfcabd;font-size:16px;font-weight:400}
.ex-intro{max-width:680px;margin:0 auto;padding:80px 24px 20px;text-align:center}
.ex-intro p{font-size:17px;line-height:2.1;color:#cfcabd}

/* 장(章) */
.ex-ch{max-width:900px;margin:0 auto;padding:90px 24px 0}
.ex-no{display:block;color:var(--ex-gold);font-size:13px;letter-spacing:.4em;margin-bottom:14px;font-weight:700}
.ex-ch h3{font-size:clamp(26px,3vw,34px);font-weight:600;color:#f3ead9;margin:0 0 18px}
.ex-body{font-size:16px;line-height:2.05;color:#b9b3a5;max-width:640px}
.ex-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.ex-gallery.ex-two{grid-template-columns:1fr 1fr}
.ex-gallery figure{margin:0;position:relative;overflow:hidden;background:var(--ex-ink2)}
.ex-gallery img{width:100%;height:250px;object-fit:cover;display:block;filter:saturate(.85);transition:transform .6s,filter .4s}
.ex-gallery figure:hover img{transform:scale(1.05);filter:saturate(1.05)}
.ex-gallery figcaption{padding:12px 4px 4px;font-size:12.5px;color:var(--ex-dim);letter-spacing:.04em}
.ex-gallery.ex-two img{height:320px}

/* 아웃트로 */
.ex-outro{max-width:760px;margin:0 auto;padding:110px 24px 100px;text-align:center}
.ex-outro blockquote{font-size:clamp(20px,2.6vw,27px);color:#e6d9bd;line-height:1.9;margin:0 0 40px;font-weight:400}
.ex-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ex-actions a{display:inline-block;border:1px solid var(--ex-gold);color:var(--ex-gold);padding:14px 30px;font-size:14px;letter-spacing:.08em;transition:.25s}
.ex-actions a:hover{background:var(--ex-gold);color:var(--ex-ink);text-decoration:none}

@media(max-width:900px){.ex-list{grid-template-columns:1fr}.ex-gallery{grid-template-columns:1fr}.ex-gallery.ex-two{grid-template-columns:1fr}.ex-gallery img{height:auto}.ex-hero{height:60vh}}


/* 헤더 흰 배경 제거 */
header, header *, h1.site-title, nav#top-nav, nav#top-nav ul, nav#top-nav li{background:transparent!important}
h1.site-title a{background:transparent!important;color:#f3ead9!important}

/* 페이지 하단 이전/다음 내비 숨김 */
.site-page-pagination,.page-pagination,nav.site-page-pagination{display:none!important}