:root{color-scheme:dark;--bg:#080808;--panel:#171716;--panel2:#211c1a;--line:#49403a;--text:#f3eddf;--muted:#c3b6a5;--gold:#e7bb73;--orange:#d47756}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit}.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px;z-index:10}.skip:focus{left:8px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:#141312}.brand{text-decoration:none;line-height:1.05;font-family:Georgia,serif;color:var(--gold);font-size:20px;font-weight:bold;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.28em;color:var(--text);margin-top:5px}.nav-links{display:flex;flex-wrap:wrap;gap:8px 22px}.nav-links a{text-decoration:none;font-size:13px;color:var(--muted);padding:7px 0;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a[aria-current]{color:var(--gold);border-bottom-color:var(--gold)}.breadcrumbs{font-size:12px;color:var(--muted);margin:26px 0 0}.breadcrumbs a{color:var(--gold);text-decoration:none}.breadcrumbs span{padding:0 8px;color:#7f736a}.page-heading{padding:62px 0 48px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--orange);font-size:11px;font-weight:bold}.page-heading h1{font:normal clamp(40px,6.5vw,80px)/1.04 Georgia,serif;letter-spacing:-.03em;max-width:920px;margin:16px 0 20px}.lead{color:var(--muted);font-size:18px;max-width:800px;margin:0}.content-section{padding:52px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 28px}.section-heading h2,.spotlight h2{font:normal clamp(28px,3.5vw,45px)/1.15 Georgia,serif;margin:8px 0}.section-heading p{color:var(--muted);margin:7px 0 0;max-width:720px}.count{font-size:12px;color:var(--gold);border:1px solid var(--line);padding:6px 10px;white-space:nowrap}.spotlight{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}.spotlight-copy p{color:var(--muted);max-width:480px}.spotlight-copy .note{font-size:12px;color:#a99a89}.spotlight-video{background:#111;aspect-ratio:16/9;border:1px solid var(--line);box-shadow:0 14px 50px #0008}.spotlight-video video{display:block;width:100%;height:100%;object-fit:contain}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-grid.single{grid-template-columns:minmax(0,560px)}.feature-tile{display:flex;flex-direction:column;min-height:235px;padding:29px;text-decoration:none;border:1px solid var(--line);background:linear-gradient(135deg,#251d18,#151414 65%);transition:transform .2s,border-color .2s}.feature-tile:hover{transform:translateY(-3px);border-color:var(--gold)}.tile-year{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}.feature-tile h2{font:normal 29px/1.16 Georgia,serif;margin:14px 0 8px}.feature-tile p{color:var(--muted);font-size:14px;margin:0 0 25px}.tile-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.timeline{list-style:none;counter-reset:time;padding:0;margin:0;border-left:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:100px 1fr;gap:20px;position:relative;padding:0 0 27px 23px;color:var(--muted)}.timeline li:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--orange)}.timeline strong{color:var(--gold);font-family:Georgia,serif;font-size:21px}.archive-link{margin:25px 0 0}.archive-link a{color:var(--gold);text-decoration:none}.source-note{font-size:12px;color:var(--muted);margin:26px 0 60px}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.jump-links a{border:1px solid var(--line);padding:8px 15px;text-decoration:none;font-size:13px;color:var(--gold)}.jump-links a:hover{border-color:var(--gold)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{min-width:0;border:1px solid var(--line);background:var(--panel)}.video-frame{aspect-ratio:16/9;background:#24201d}.video-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#282321;cursor:pointer;overflow:hidden}.video-play img{width:100%;height:100%;display:block;object-fit:cover;opacity:.78;transition:transform .25s,opacity .25s}.video-play:hover img{transform:scale(1.04);opacity:1}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border:2px solid #fff;border-radius:50%;background:#080808a8;color:white;font-size:24px;padding-left:4px}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-meta{padding:18px 18px 20px}.video-meta h3{font:normal 20px/1.22 Georgia,serif;margin:0 0 16px;min-height:49px}.video-meta a{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.video-meta a:hover,.archive-link a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);background:#141312;color:var(--muted);font-size:12px;margin-top:35px}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:25px 0}.footer-inner a{color:var(--gold);text-decoration:none}@media(max-width:900px){.site-nav{align-items:flex-start;flex-direction:column}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shell{width:min(100% - 28px,1160px)}.site-nav{padding:16px 14px}.nav-links{gap:4px 14px}.page-heading{padding:44px 0 35px}.lead{font-size:16px}.spotlight,.feature-grid,.video-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.timeline li{grid-template-columns:75px 1fr;gap:10px}.video-meta h3{min-height:0}}

.hero-film{position:relative;display:flex;align-items:end;min-height:min(680px,78vh);overflow:hidden;width:100%;background:#16130f;border-bottom:1px solid var(--line)}
.hero-film-video,.hero-film-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-film-video{object-fit:cover;object-position:center;opacity:.72}
.hero-film-shade{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.48) 55%,rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 75%)}
.hero-film-content{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:90px 0 85px}
.hero-film h1{font:normal clamp(43px,6vw,78px)/1.04 Georgia,serif;letter-spacing:-.025em;max-width:760px;margin:17px 0 22px;text-shadow:0 2px 12px #0008}
.hero-film p{max-width:650px;font-size:17px;color:#f5eee6;text-shadow:0 1px 5px #000;margin:0 0 10px}
.hero-film .hero-film-zh{font-size:15px;margin-top:16px}
.hero-film-link{display:inline-block;margin-top:24px;padding:12px 21px;background:var(--gold);color:#17120d;text-decoration:none;font-weight:bold;font-size:13px;letter-spacing:.04em}
.hero-film-link:hover{background:#ffe0a3}
@media(max-width:640px){.hero-film{min-height:620px}.hero-film-content{width:calc(100% - 28px);padding:60px 0}.hero-film p{font-size:15px}}
.external-note{font-size:12px;color:var(--muted);margin:-4px 0 12px}
.zh{display:block;margin-top:.35em;font-family:Arial,"Microsoft JhengHei","Noto Sans TC",sans-serif;font-weight:normal;letter-spacing:0;line-height:1.35}
h1 .zh{font-size:.5em;color:var(--gold)}
h2 .zh{font-size:.65em;color:var(--gold)}
p .zh{font-size:.9em;color:var(--muted)}
.zh-inline{font-family:Arial,"Microsoft JhengHei","Noto Sans TC",sans-serif;font-size:.95em}
.brand{display:block;width:285px;height:68px;overflow:hidden;flex:none}
.brand img{display:block;width:auto;height:68px;max-width:none}
@media(min-width:901px){body{padding-right:152px}body::after{content:"";position:fixed;right:0;top:0;bottom:0;width:152px;background:#090705 url("candle-lattice.jpg") center top/152px auto repeat-y;pointer-events:none;z-index:2}.site-nav{padding-left:max(20px,calc((100vw - 1160px)/2));padding-right:24px}.shell{width:min(1030px,calc(100% - 40px))}}
