/* 빛과소금교회 — 「빛」 테마 (모든 페이지 공통, 각 페이지의 <style> 뒤에 읽는다)
   밤하늘 남색 바탕에 금빛(빛)과 하늘빛(소금)을 쓴다. */
@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap");

:root{
  --night:#0b1020; --night-2:#121a33; --gold:#f5c96a; --gold-2:#ffe9b0; --sea:#7fd3e6; --violet:#b48cff;
  --ink:#eef2ff; --ink-2:#c3cbe3; --muted:#8e98b5; --line:rgba(255,255,255,.10);
  --bg:var(--night); --card:rgba(255,255,255,.05);
  --brand:var(--gold); --brand-2:var(--sea); --salt:var(--sea);
  --grad:linear-gradient(120deg,#f5c96a 0%,#ffe9b0 45%,#7fd3e6 100%);
  --shadow:0 24px 60px -20px rgba(0,0,0,.7); --shadow-sm:0 10px 30px -14px rgba(0,0,0,.6);
  --serif:"Gowun Batang",serif;
}
html{background:var(--night)}
body{color:var(--ink);word-break:keep-all;
  background:
    radial-gradient(50% 40% at 85% 0%,rgba(245,201,106,.10),transparent 70%),
    radial-gradient(40% 40% at 0% 40%,rgba(127,211,230,.07),transparent 70%),
    var(--night) !important;
  background-attachment:fixed !important}
::selection{background:rgba(245,201,106,.35)}

/* ── 머리말 ── */
header.nav{background:rgba(11,16,32,.35) !important;border-bottom:1px solid transparent}
header.nav.scrolled{background:rgba(11,16,32,.82) !important;border-bottom-color:var(--line);box-shadow:0 10px 30px -18px #000}
.brand .bt{color:var(--ink)} .brand .bs{color:var(--gold) !important;opacity:.8}
.burger span{background:var(--ink) !important}
.mobile{background:rgba(11,16,32,.97) !important;border-bottom-color:var(--line) !important}

/* ── 페이지 머리(오로라 + 빛가루) ── */
.page-head{isolation:isolate}
.page-head .blob{display:none}
.page-head::before{content:"";position:absolute;inset:-40%;z-index:-2;filter:blur(70px);opacity:.7;
  background:radial-gradient(35% 30% at 30% 45%,rgba(245,201,106,.45),transparent 70%),
             radial-gradient(30% 30% at 72% 55%,rgba(127,211,230,.35),transparent 70%),
             radial-gradient(25% 25% at 55% 25%,rgba(180,140,255,.25),transparent 70%);
  animation:g-swirl 24s linear infinite}
.page-head::after{content:"";position:absolute;inset:0 0 -10%;z-index:-1;opacity:.22;mix-blend-mode:screen;pointer-events:none;
  background:repeating-conic-gradient(from 180deg at 50% -20%,rgba(255,255,255,.25) 0 2deg,transparent 2deg 9deg);
  -webkit-mask:linear-gradient(#000,transparent 85%);mask:linear-gradient(#000,transparent 85%)}
@keyframes g-swirl{to{transform:rotate(360deg) scale(1.08)}}
.g-sparks{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.page-head h1{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;
  background:linear-gradient(100deg,#fff 20%,var(--gold) 40%,#fff 50%,var(--sea) 70%,#fff 90%);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(245,201,106,.35));animation:g-shine 7s linear infinite, g-up 1s cubic-bezier(.2,.8,.2,1) both}
.page-head p{color:var(--ink-2) !important;animation:g-up 1s .15s both}
.page-head .eyebrow{animation:g-up .8s both}
@keyframes g-shine{to{background-position:-300% 0}}
@keyframes g-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.eyebrow{color:var(--gold) !important;letter-spacing:.3em !important}
.crumb a{color:var(--gold) !important}

/* ── 유리 카드 공통 ── */
.doc,.article,.ready,.backbtn,.gomore,.vcard,.album-card{background:var(--card) !important;border:1px solid var(--line) !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.album-card,.vcard,.gomore,.backbtn{position:relative;transition:transform .35s,box-shadow .35s,border-color .35s !important}
.album-card:hover,.vcard:hover{transform:translateY(-8px) !important;border-color:rgba(245,201,106,.55) !important;
  box-shadow:0 20px 60px -10px rgba(245,201,106,.25) !important}
.vcard.on{outline:2px solid var(--gold) !important}
.album-card .cov,.photos .ph,.vthumb,.staff .person img{background-color:#1a2240 !important}
.album-card .cov::after{background:linear-gradient(to top,rgba(11,16,32,.75),transparent 55%) !important}
.album-card .date,.vmeta .d{color:var(--sea) !important}
.album-card h3,.vmeta .t{color:var(--ink)}
.albums>*,.vlist>*,.photos>*{animation:g-up .7s cubic-bezier(.2,.8,.2,1) both}
.albums>*:nth-child(3n+2),.vlist>*:nth-child(4n+2){animation-delay:.08s}
.albums>*:nth-child(3n+3),.vlist>*:nth-child(4n+3){animation-delay:.16s}
.vlist>*:nth-child(4n+4){animation-delay:.24s}
.backbtn:hover,.gomore:hover{color:var(--gold) !important;border-color:var(--gold) !important}
.player{box-shadow:0 0 0 1px var(--line),0 30px 80px -20px rgba(245,201,106,.25) !important}
.spin{border-color:var(--line) !important;border-top-color:var(--gold) !important}

/* ── 소개 페이지 본문 ── */
.article h2,.article .prog h2,.vh{font-family:var(--serif)}
.article .prog h2::before{background:var(--grad) !important}
.pg-body p,.tl-b{color:var(--ink-2) !important}
.pg-lead{color:var(--ink) !important;font-family:var(--serif)}
.pg-verse{background:linear-gradient(120deg,rgba(245,201,106,.10),rgba(127,211,230,.08)) !important;color:var(--gold) !important;font-family:var(--serif)}
.pg-photo img{box-shadow:0 0 0 1px var(--line),0 20px 50px -15px rgba(245,201,106,.3) !important}
.sched .grp{background:rgba(255,255,255,.03)}
.sched .grp h3,.sched .grp.warm h3{background:linear-gradient(120deg,rgba(245,201,106,.9),rgba(127,211,230,.85)) !important;color:var(--night) !important}
.sched .row .nm{color:var(--ink) !important}
.sched .row .tm,.sched .grp.warm .row .tm{color:var(--sea) !important}
.tl-y{background:var(--grad) !important;-webkit-background-clip:text !important;background-clip:text !important;font-family:var(--serif)}
.tl-item::before{background:var(--gold) !important;box-shadow:0 0 0 3px var(--night),0 0 12px var(--gold) !important}
.tl-d{color:var(--sea) !important}
.staff .grp>h4{color:var(--gold) !important;font-family:var(--serif)}
.staff .person img{transition:transform .35s,box-shadow .35s}
.staff .person:hover img{transform:translateY(-6px);box-shadow:0 18px 40px -12px rgba(245,201,106,.4)}
.staff .person .nm{color:var(--ink)}
.info-list .row{background:transparent !important}
.info-list .row:nth-child(even){background:rgba(255,255,255,.03) !important}
.info-list .row .k{color:var(--gold) !important}
.info-list .row .v{color:var(--ink-2) !important}
.ready .ic,.ready a{background:var(--grad) !important;color:var(--night) !important}
.backhome{color:var(--gold) !important}
.article [style*="color:var(--ink-2)"]{color:var(--ink-2) !important}

/* ── 단추 ── */
.nav-cta{color:var(--night) !important;background:var(--grad) !important;box-shadow:0 0 24px rgba(245,201,106,.45) !important}

/* ── 꼬리말 ── */
footer{background:rgba(5,8,18,.7) !important;border-top:1px solid var(--line);margin-top:40px}
footer .fbrand img{filter:none !important}
.g-made{display:block;margin-top:10px;color:var(--gold);opacity:.85}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01s !important;transition-duration:.01s !important}}