/* ==========================================================================
   極致奢華風格（scunewelite）：近黑底、象牙白文字、細金線、襯線大標、緩慢的光影
   variant-1 香檳金、variant-2 玫瑰金、variant-3 鉑金
   ========================================================================== */
:root {
  --gold: #c9a45c;
  --gold-light: #e6cf9a;
  --gold-deep: #8d6d33;
  --bg: #0c0b09;
  --surface: #14120f;
  --surface-2: #1c1915;
  --text: #f1ebdf;
  --muted: #a49b8b;
  --border: #2d2922;
  --accent: var(--gold);
  --accent-2: var(--gold-light);
  --accent-ink: #0c0b09;
  --font-body: "Noto Sans TC", system-ui, sans-serif;
  --font-display: "Noto Serif TC", serif;
  --font-latin: "Cormorant Garamond", "Noto Serif TC", serif;
  --radius: 2px;
  --radius-sm: 2px;
  --radius-pill: 0;
  --shadow: 0 30px 60px -30px rgba(0, 0, 0, .8);
  --shadow-lg: 0 40px 80px -30px rgba(0, 0, 0, .9);
  --ease: cubic-bezier(.16, 1, .3, 1);
}
body.variant-2 { --gold: #c48b8f; --gold-light: #e6b9bb; --gold-deep: #8a5458; }
body.variant-3 { --gold: #b9bec7; --gold-light: #e2e5ea; --gold-deep: #7c818a; }

body { font-weight: 400; letter-spacing: .04em; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 600; letter-spacing: .06em; }
h2 { font-size: clamp(26px, 2.9vw, 40px); }
.eyebrow { font: italic 500 18px/1 var(--font-latin); text-transform: none; letter-spacing: .2em; color: var(--gold); }
.section-head.center { text-align: center; }
.ornament { display: flex; align-items: center; justify-content: center; gap: 16px; color: var(--gold); font-size: 9px; margin-top: 22px; }
.ornament::before, .ornament::after { content: ""; width: 64px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.ornament::after { transform: scaleX(-1); }
.btn { --btn-bg: var(--gold); --btn-fg: var(--accent-ink); border-radius: 0; letter-spacing: .2em; font-weight: 500; padding-inline: 34px; background-image: linear-gradient(110deg, var(--gold-deep), var(--gold) 40%, var(--gold-light) 50%, var(--gold) 60%, var(--gold-deep)); background-size: 250% 100%; background-position: 100% 0; transition: background-position 1s var(--ease), transform .4s var(--ease), box-shadow .4s; border: 0; }
.btn:hover { background-position: 0 0; box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--gold) 70%, transparent); }
.btn::after { display: none; }
.btn-secondary { --btn-fg: var(--text); background: transparent; border: 1px solid color-mix(in srgb, var(--gold) 60%, transparent); }
.btn-secondary:hover { --btn-fg: var(--gold-light); border-color: var(--gold); background: color-mix(in srgb, var(--gold) 8%, transparent); }
.text-link { font: italic 500 19px/1.3 var(--font-latin); letter-spacing: .1em; color: var(--gold); }
::selection { background: color-mix(in srgb, var(--gold) 35%, transparent); color: #fff; }

/* ---------- 頁首 ---------- */
.site-header { background: color-mix(in srgb, var(--bg) 70%, transparent); }
.site-header.is-scrolled { border-bottom-color: color-mix(in srgb, var(--gold) 25%, transparent); }
.brand-mark { border-radius: 0; background: transparent; color: var(--gold); border: 1px solid var(--gold); font-weight: 600; }
.brand-name { font-family: var(--font-display); font-weight: 600; letter-spacing: .14em; }
.brand-tagline { color: var(--gold); opacity: .8; }
.site-nav a { font-size: 15px; letter-spacing: .14em; }
.site-nav a::after { height: 1px; background: var(--gold); }
.site-nav a:hover, .site-nav a.is-active { color: var(--gold-light); }
.header-cta { padding-inline: 22px; }
.nav-toggle { border-color: color-mix(in srgb, var(--gold) 50%, transparent); background: transparent; border-radius: 0; }

/* ---------- 主視覺 ---------- */
.hero { position: relative; overflow: hidden; isolation: isolate; margin-top: calc(var(--header-h) * -1); min-height: 100svh; display: grid; place-items: center; text-align: center; padding: calc(var(--header-h) + 48px) var(--gutter) 96px; }
.hero-media { position: absolute; inset: 0; z-index: -2; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); animation: kenburns 24s var(--ease-in-out) infinite alternate; }
.hero-media::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(12, 11, 9, .62), rgba(12, 11, 9, .9) 75%), linear-gradient(rgba(12, 11, 9, .55), rgba(12, 11, 9, .2) 40%, var(--bg)); }
@keyframes kenburns { from { transform: scale(1.12) translate(0, 0); } to { transform: scale(1.02) translate(-1.5%, -1%); } }
.hero-light { position: absolute; inset: 0; z-index: -2; }
.hero-light span { position: absolute; left: 50%; top: 46%; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--gold) 22%, transparent); transform: translate(-50%, -50%); }
.hero-light span:nth-child(1) { width: min(96vw, 1100px); aspect-ratio: 1; animation: breathe 9s var(--ease-in-out) infinite alternate; }
.hero-light span:nth-child(2) { width: min(68vw, 760px); aspect-ratio: 1; border-color: color-mix(in srgb, var(--gold) 34%, transparent); animation: breathe 9s var(--ease-in-out) -3s infinite alternate; }
.hero-light span:nth-child(3) { width: min(56vw, 640px); aspect-ratio: 1; border: 0; background: radial-gradient(circle, color-mix(in srgb, var(--gold) 26%, transparent), transparent 65%); filter: blur(20px); animation: glow 7s var(--ease-in-out) infinite alternate; }
@keyframes breathe { to { transform: translate(-50%, -50%) scale(1.05); opacity: .6; } }
@keyframes glow { from { opacity: .55; } to { opacity: 1; } }
.hero-frame { position: absolute; inset: calc(var(--header-h) + 18px) clamp(14px, 3vw, 40px) clamp(14px, 3vw, 40px); border: 1px solid color-mix(in srgb, var(--gold) 28%, transparent); pointer-events: none; z-index: -1; }
.hero-inner { max-width: 1100px; }
.hero-overline { display: flex; align-items: center; justify-content: center; gap: 18px; font: italic 500 clamp(17px, 1.6vw, 21px)/1 var(--font-latin); letter-spacing: .26em; color: var(--gold); margin-bottom: clamp(24px, 3vw, 40px); }
.hero-overline .rule { width: clamp(32px, 6vw, 80px); height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.hero-overline .rule:last-child { transform: scaleX(-1); }
.hero-title { font-size: clamp(34px, 6.4vw, 96px); font-weight: 600; line-height: 1.2; letter-spacing: .1em; margin: 0 0 clamp(18px, 2.4vw, 32px); }
.gold-text { background: linear-gradient(100deg, var(--gold-deep) 0%, var(--gold) 25%, var(--gold-light) 45%, #fff6dd 50%, var(--gold-light) 55%, var(--gold) 75%, var(--gold-deep) 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: goldsheen 7s var(--ease-in-out) infinite alternate; }
@keyframes goldsheen { from { background-position: 100% 0; } to { background-position: 0 0; } }
.hero-tagline { font: 500 clamp(18px, 1.8vw, 24px)/1.6 var(--font-display); letter-spacing: .3em; color: color-mix(in srgb, var(--text) 82%, transparent); margin-bottom: clamp(36px, 4vw, 56px); }
.hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.scroll-cue { position: absolute; bottom: clamp(28px, 4vw, 52px); left: 50%; width: 1px; height: 64px; background: color-mix(in srgb, var(--gold) 25%, transparent); overflow: hidden; }
.scroll-cue span { position: absolute; left: 0; top: -40%; width: 1px; height: 40%; background: var(--gold); animation: cue 2.4s var(--ease-in-out) infinite; }
@keyframes cue { to { top: 100%; } }
@media (max-width: 560px) { .hero-actions { flex-direction: column; align-items: stretch; } .hero-title { letter-spacing: .04em; } .hero-tagline { letter-spacing: .14em; } }

/* ---------- 理念 ---------- */
.manifesto { text-align: center; }
.center-eyebrow { justify-content: center; display: flex; }
.manifesto-text { font: 500 clamp(24px, 3.2vw, 42px)/1.75 var(--font-display); letter-spacing: .08em; margin: 0 auto 36px; text-wrap: balance; }
.manifesto-text::before, .manifesto-text::after { color: var(--gold); font-family: var(--font-latin); }
.manifesto-text::before { content: "「"; }
.manifesto-text::after { content: "」"; }

/* ---------- 數據 ---------- */
.stats-section .stats { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.stats-section .stat { text-align: center; align-items: center; }
.stats-section .stat + .stat { border-left: 1px solid var(--border); }
.stat-num { font: 500 clamp(44px, 5vw, 76px)/1 var(--font-latin); color: var(--gold); letter-spacing: 0; }
.stat-label { letter-spacing: .2em; font-size: 13.5px; }
@media (max-width: 700px) { .stats-section .stats { grid-template-columns: 1fr 1fr; } .stats-section .stat:nth-child(odd) { border-left: 0; } .stats-section .stat:nth-child(n+3) { border-top: 1px solid var(--border); } }

/* ---------- 核心服務（羅馬數字目錄） ---------- */
.atelier { list-style: none; margin: 0 auto; padding: 0; max-width: 1080px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 5vw, 88px); }
.atelier-item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 18px; padding: clamp(26px, 3vw, 40px) 0; border-top: 1px solid var(--border); position: relative; }
.atelier-item::before { content: ""; position: absolute; left: 0; top: -1px; height: 1px; width: 0; background: var(--gold); transition: width .9s var(--ease); }
.atelier-item:hover::before { width: 100%; }
.numeral { font: italic 500 30px/1.1 var(--font-latin); color: var(--gold); }
.atelier-item h3 { font-size: clamp(18px, 1.7vw, 22px); margin-bottom: 10px; }
.atelier-item p { color: var(--muted); margin: 0; }
@media (max-width: 760px) { .atelier { grid-template-columns: 1fr; } .atelier-item { grid-template-columns: 52px minmax(0, 1fr); } }

/* ---------- 特色（大幅面板） ---------- */
.sig-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 96px); align-items: center; margin: 0 auto clamp(56px, 7vw, 112px); max-width: 1120px; }
.sig-panel.is-flip .sig-art { order: 2; }
.sig-art { position: relative; aspect-ratio: 5 / 4; border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 60%), var(--surface); }
.sig-art::before { content: ""; position: absolute; inset: 14px; border: 1px solid color-mix(in srgb, var(--gold) 18%, transparent); }
.sig-numeral { font: italic 500 clamp(110px, 14vw, 200px)/1 var(--font-latin); color: transparent; -webkit-text-stroke: 1px color-mix(in srgb, var(--gold) 70%, transparent); }
.sig-emoji { position: absolute; bottom: 26px; right: 30px; font-size: 30px; filter: grayscale(.2); }
.sig-body h3 { font-size: clamp(22px, 2.4vw, 33px); margin-bottom: 18px; }
.sig-body p { color: var(--muted); font-size: 17.5px; }
@media (max-width: 760px) { .sig-panel { grid-template-columns: 1fr; } .sig-panel.is-flip .sig-art { order: 0; } .sig-art { aspect-ratio: 16 / 9; } }

/* ---------- 活動 ---------- */
.event-link { border: 1px solid var(--border); background: var(--surface); border-radius: 0; }
.event-link:hover { border-color: var(--gold); box-shadow: var(--shadow-lg); }
.event-date { background: transparent; border: 1px solid color-mix(in srgb, var(--gold) 50%, transparent); border-radius: 0; }
.event-month { color: var(--gold); font-family: var(--font-latin); font-style: italic; font-size: 15px; }
.event-day { font: 500 44px/1 var(--font-latin); color: var(--gold-light); }
.event-badge { border-radius: 0; background: transparent; border: 1px solid color-mix(in srgb, var(--gold) 50%, transparent); color: var(--gold); }
.event-title { font-weight: 600; letter-spacing: .06em; }
.event-cta { color: var(--gold); letter-spacing: .14em; }
.event-image { border-radius: 0; }
.events-empty { border-color: var(--border); }

/* ---------- 消息 ---------- */
.journal-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.journal-item { display: flex; flex-direction: column; gap: 14px; padding: clamp(26px, 3vw, 40px) clamp(18px, 2.4vw, 32px) clamp(26px, 3vw, 40px) 0; text-decoration: none; color: inherit; border-bottom: 1px solid var(--border); transition: color .3s; }
.journal-item + .journal-item { padding-left: clamp(18px, 2.4vw, 32px); border-left: 1px solid var(--border); }
.journal-item:hover { color: inherit; }
.journal-item time { font: italic 500 17px/1 var(--font-latin); color: var(--gold); letter-spacing: .12em; }
.journal-title { font: 600 clamp(19px, 1.8vw, 23px)/1.55 var(--font-display); letter-spacing: .06em; transition: color .3s; }
.journal-item:hover .journal-title { color: var(--gold-light); }
.journal-sum { color: var(--muted); font-size: 15px; }
.center-link { text-align: center; margin-top: 44px; }
@media (max-width: 860px) { .journal-list { grid-template-columns: 1fr; } .journal-item + .journal-item { padding-left: 0; border-left: 0; } }

/* ---------- 合作單位 ---------- */
.partners { padding: clamp(40px, 5vw, 72px) 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.partners-label { text-align: center; font: italic 500 18px/1 var(--font-latin); letter-spacing: .24em; color: var(--gold); margin-bottom: 30px; }
.marquee-item { font: 500 clamp(19px, 1.8vw, 25px)/1.2 var(--font-display); letter-spacing: .14em; color: color-mix(in srgb, var(--text) 62%, transparent); display: inline-flex; align-items: center; gap: clamp(28px, 3.4vw, 56px); padding-left: clamp(28px, 3.4vw, 56px); }
.marquee-item::after { content: "◆"; font-size: 8px; color: var(--gold); }

/* ---------- 頁尾 ---------- */
.site-footer { border-top: 1px solid var(--border); background: #080706; }
.footer-cta { background: radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 60%), #080706; border-bottom: 1px solid var(--border); }
.footer-cta-eyebrow { font: italic 500 18px/1 var(--font-latin); letter-spacing: .24em; color: var(--gold); text-transform: none; }
.footer-cta-title { font-weight: 600; letter-spacing: .08em; }
.footer-org { font-family: var(--font-display); font-weight: 600; letter-spacing: .14em; color: var(--gold-light); }
.footer-heading { font: italic 500 16px/1 var(--font-latin); color: var(--gold); text-transform: none; letter-spacing: .2em; }

/* ---------- 內頁與表單 ---------- */
.page-hero { text-align: center; }
.page-hero .eyebrow { justify-content: center; display: flex; }
.page-hero h1 { font-weight: 600; letter-spacing: .1em; font-size: clamp(31px, 4.3vw, 60px); margin-left: auto; margin-right: auto; }
.page-hero .lead { margin-left: auto; margin-right: auto; letter-spacing: .14em; }
.breadcrumb { letter-spacing: .1em; }
.mission-card { background: var(--surface); border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); }
.mission-card .eyebrow { color: var(--gold); }
.mission-card p { color: var(--muted); opacity: 1; }
.timeline::before { background: var(--gold); opacity: .4; width: 1px; left: 12px; }
.timeline-item::before { border: 1px solid var(--gold); background: var(--bg); transform: rotate(45deg); border-radius: 0; width: 14px; height: 14px; left: 6px; top: 10px; }
.value-card { border-top: 1px solid var(--gold); }
.card, .register-card, .session-item { border-radius: 0; }
.register-card { border-color: color-mix(in srgb, var(--gold) 40%, transparent); box-shadow: var(--shadow-lg); }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], select, textarea { background: #0f0e0b; border-color: var(--border); border-radius: 0; color: var(--text); }
input:focus, select:focus, textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent); }
input[readonly] { background: var(--surface-2); }
.tag { background: var(--surface-2); color: var(--text); border-radius: 0; }
.flash-success { background: #10241a; color: #b9e7cb; border-color: #1f4d33; }
.flash-error { background: #2a1210; color: #f3c1bb; border-color: #5b231d; }
.event-poster { border-radius: 0; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 65%), var(--surface); border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); color: var(--gold-light); }
.event-poster-day { font-family: var(--font-latin); font-weight: 500; }
.event-poster::after { display: none; }
.news-card-media.is-placeholder { border-radius: 0; background: var(--surface); color: var(--gold); border: 1px solid var(--border); }
.big-quote p::before { color: var(--gold); font-family: var(--font-latin); }
.contact-map { border-radius: 0; border-color: var(--border); filter: grayscale(.6) invert(.9) hue-rotate(180deg) contrast(.9); }
.byoc-org .org-node { background: var(--surface) !important; }
@media (max-width: 560px) { .hero { min-height: 88svh; } }

/* 旅遊行程＝黑金行程冊、影片＝金框放映廳（極致奢華） */
.tour { border-radius: 0; background: var(--surface); border-color: color-mix(in srgb, var(--gold) 30%, var(--border)); }
.tour:hover { border-color: var(--gold); box-shadow: var(--shadow-lg); }
.tour-media { aspect-ratio: 4 / 3.4; }
.tour-ph { background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 62%), var(--surface-2); color: var(--gold); }
.tour-ph-no { font: italic 500 16px/1 var(--font-latin); }
.tour-ph-days { color: var(--gold); font: italic 500 clamp(26px, 2.6vw, 34px)/1.1 var(--font-latin), var(--font-display); text-align: center; }
.tour-days { border-radius: 0; background: transparent; border: 1px solid var(--gold); color: var(--gold); }
.tour-price { border-radius: 0; border: 0; padding-left: 0; color: var(--gold-light, var(--gold)); font-family: var(--font-latin); font-size: 15px; }
.tour-body { text-align: left; }
.video-frame { border-radius: 0; outline: 1px solid color-mix(in srgb, var(--gold) 50%, transparent); outline-offset: 10px; box-shadow: var(--shadow-lg); }
.video-icon { background: rgba(12, 11, 9, .55); border: 1px solid var(--gold); color: var(--gold); box-shadow: 0 0 0 8px color-mix(in srgb, var(--gold) 12%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.video figcaption { padding-top: 10px; text-align: center; }
.video-title { font-family: var(--font-display); letter-spacing: .06em; }