:root{--color-ink:#2b241c;--color-bg:#fffaf2;--color-sun:#f4a831;--color-sun-dark:#d9871a;--color-sky:#2f6f6a;--color-cream:#fff3df;--color-line:#ece1cd;--font-serif:"Noto Serif TC", serif;--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-bg);margin:0;line-height:1.8}h1,h2,h3{font-family:var(--font-serif);margin:0 0 .5em;line-height:1.4}p{margin:0 0 1em}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.site-header{z-index:50;backdrop-filter:blur(6px);border-bottom:1px solid var(--color-line);background:#fffaf2e6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{white-space:nowrap;font-size:1.05rem;font-weight:700;text-decoration:none}.nav{gap:20px;font-size:.9rem;display:flex;overflow-x:auto}.nav a{white-space:nowrap;opacity:.8;text-decoration:none}.nav a:hover{opacity:1;color:var(--color-sun-dark)}.hero{align-items:flex-end;min-height:88vh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#2b241c26 0%,#2b241cbf 100%);position:absolute;inset:0}.hero-content{color:#fff;padding-top:80px;padding-bottom:72px;position:relative}.eyebrow,.section-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-sun);margin-bottom:.6em;font-size:.8rem;font-weight:700}.hero h1{margin-bottom:.4em;font-size:clamp(2.2rem,6vw,3.6rem)}.lede,.section-lede{opacity:.95;max-width:640px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:1.5em;display:flex}.btn{border-radius:999px;padding:12px 28px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-sun);color:#2b241c}.btn-ghost{color:#fff;border:1px solid #ffffffb3}.section{padding:96px 0}.section-alt{background:var(--color-cream)}.section h2{font-size:clamp(1.6rem,4vw,2.3rem)}.section-lede{color:#55493a}.value-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:48px;display:grid}.value-card{border:1px solid var(--color-line);background:#fff;border-radius:16px;padding:28px 24px}.value-icon{margin-bottom:12px;font-size:2rem;display:inline-block}.value-card h3{margin-bottom:.4em;font-size:1.1rem}.value-card p{color:#55493a;margin:0;font-size:.92rem}.video-frame{aspect-ratio:16/9;border-radius:16px;width:100%;max-width:860px;margin-top:40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #2b241c2e}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.story-wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid}.story-text p{color:#443a2d}.story-highlight{color:var(--color-sky);font-weight:700}.story-photos{gap:16px;display:grid}.story-photos img{border-radius:16px;box-shadow:0 16px 40px #2b241c1f}.art-feature{justify-content:center;margin:40px 0 32px;display:flex}.art-feature img{border-radius:12px;width:auto;max-height:520px}.art-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.art-item{border:1px solid var(--color-line);aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.art-item img{object-fit:contain;width:auto;max-width:100%;max-height:100%}.contact-section{background:var(--color-ink);color:#fdf6ea}.contact-section .section-eyebrow{color:var(--color-sun)}.contact-section .section-lede{color:#fdf6ead9}.contact-grid{justify-content:center;margin:48px 0 32px;display:flex}.contact-card{text-align:center;background:#ffffff0f;border:1px solid #ffffff29;border-radius:16px;padding:32px 48px}.contact-card h3{color:var(--color-sun);margin-bottom:.5em;font-size:.95rem}.contact-card p{margin-bottom:.5em}.contact-card a{border-bottom:1px solid #fff6;font-size:1.1rem;font-weight:700;text-decoration:none}.contact-org{opacity:.75;font-size:.85rem}.site-footer{text-align:center;color:#7a6d5a;padding:28px 0;font-size:.85rem}@media (width<=860px){.story-wrap{grid-template-columns:1fr}.art-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.nav{display:none}.art-grid{grid-template-columns:repeat(2,1fr)}}
