:root{--moss:#2f3e37;--moss-900:#1e2823;--moss-800:#26332d;--moss-700:#38493f;--moss-600:#47594e;--sage:#6f7f6e;--ivory:#f7f5f0;--ivory-50:#fbfaf6;--ivory-200:#efece3;--gold:#c8b67a;--gold-soft:#d8c99a;--gold-deep:#a8946040;--stone:#e6e1d8;--line:#ded8cc;--walnut:#5a4635;--ink:#2a2622;--ink-soft:#6b6459;--on-moss:#f4f1ea;--on-moss-soft:hsla(42,31%,94%,.72);--on-moss-faint:hsla(42,31%,94%,.46);--shadow-sm:0 1px 2px rgba(42,38,34,.05);--shadow-md:0 18px 50px rgba(30,40,35,.1);--shadow-lg:0 40px 90px rgba(30,40,35,.16);--radius:4px;--radius-lg:8px;--font-display:"Playfair Display","Noto Serif TC",serif;--font-serif-tc:"Noto Serif TC",serif;--font-sans:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;--maxw:1240px;--nav-h:84px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--ivory);line-height:1.85;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 40px}.kicker{display:inline-block;font-size:.74rem;letter-spacing:.42em;text-transform:uppercase;font-weight:500;color:var(--gold)}.kicker.dark{color:var(--walnut)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;line-height:1.32}.hairline{width:46px;height:1px;background:var(--gold);border:none}.nav{position:absolute;top:0;left:0;right:0;z-index:40;height:var(--nav-h)}.nav,.nav-inner{display:flex;align-items:center}.nav-inner{justify-content:space-between;width:100%}.logo{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:.14em;color:var(--on-moss);display:inline-flex;align-items:center;gap:.5em}.logo .spark{color:var(--gold);font-size:.9em;transform:translateY(-.04em)}.nav-links{display:flex;align-items:center;gap:38px}.nav-links a{font-size:.9rem;letter-spacing:.08em;color:var(--on-moss-soft);transition:color .25s ease}.nav-links a:hover{color:var(--on-moss)}.nav-login{padding:9px 24px;border:1px solid hsla(42,31%,94%,.4);border-radius:var(--radius);color:var(--on-moss)!important;font-size:.88rem;letter-spacing:.14em;transition:border-color .25s ease,background .25s ease}.nav-login:hover{border-color:var(--gold);background:hsla(46,41%,63%,.12)}.hero{min-height:100vh;display:grid;grid-template-columns:1.32fr 1fr}.hero-main{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--nav-h) + 40px) 6% 56px;background:radial-gradient(120% 90% at 78% 12%,hsla(116,7%,46%,.55) 0,rgba(47,62,55,0) 52%),radial-gradient(90% 70% at 12% 108%,rgba(90,70,53,.5) 0,rgba(47,62,55,0) 55%),linear-gradient(160deg,rgba(30,40,35,.5),rgba(20,27,23,.72)),url(/images/hero.jpg) 50% /cover no-repeat,linear-gradient(160deg,var(--moss-800) 0,var(--moss-900) 100%)}.hero-main:before{background-image:var(--grain);opacity:.05;mix-blend-mode:overlay}.hero-main:after,.hero-main:before{content:"";position:absolute;inset:0;pointer-events:none}.hero-main:after{background:radial-gradient(100% 80% at 50% 40%,transparent 55%,rgba(20,27,23,.55) 100%)}.hero-content{position:relative;z-index:2;max-width:560px;margin:auto 0}.hero-kicker{margin-bottom:30px;display:flex;align-items:center;gap:16px;color:var(--on-moss-faint);font-size:.72rem;letter-spacing:.4em;text-transform:uppercase}.hero-kicker .line{width:40px;height:1px;background:var(--gold)}.hero-wordmark{font-family:var(--font-display);font-weight:600;color:var(--on-moss);font-size:clamp(3.4rem,7vw,5.6rem);line-height:1;letter-spacing:.06em;display:flex;align-items:center;gap:.28em}.hero-wordmark .spark{color:var(--gold);font-size:.62em;filter:drop-shadow(0 0 18px rgba(200,182,122,.5))}.hero-title{font-family:var(--font-serif-tc);font-weight:500;color:var(--on-moss);font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:.16em;margin-top:34px}.hero-sub-en{margin-top:14px;font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:var(--on-moss-faint)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:46px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 34px;border-radius:var(--radius);font-size:.94rem;font-weight:500;letter-spacing:.14em;cursor:pointer;transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;border:1px solid transparent}.btn-gold{background:var(--gold);color:var(--moss-900)}.btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--on-moss);border-color:hsla(42,31%,94%,.42)}.btn-outline:hover{border-color:var(--gold);color:var(--gold-soft);transform:translateY(-2px)}.btn-dark{background:var(--moss);color:var(--on-moss)}.btn-dark:hover{background:var(--moss-700);transform:translateY(-2px)}.hero-entries{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:72px;padding-top:34px;border-top:1px solid hsla(42,31%,94%,.14);max-width:620px}.entry{display:flex;flex-direction:column;gap:10px}.entry .ico{width:34px;height:34px;color:var(--gold)}.entry .ico svg{width:100%;height:100%}.entry h4{font-family:var(--font-serif-tc);font-weight:500;font-size:1rem;letter-spacing:.08em;color:var(--on-moss)}.entry p{font-size:.8rem;line-height:1.6;color:var(--on-moss-faint)}.hero-cards{display:grid;grid-template-rows:repeat(3,1fr)}.mcard{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:44px 52px;border-left:1px solid rgba(0,0,0,.05);transition:filter .4s ease}.mcard+.mcard{border-top:1px solid rgba(0,0,0,.06)}.mcard:before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none}.mcard.is-active{cursor:pointer}.mcard.is-active:hover{filter:brightness(1.06)}.mcard-work{background:radial-gradient(120% 100% at 90% 10%,hsla(116,7%,46%,.4),transparent 55%),linear-gradient(150deg,rgba(47,62,55,.62),rgba(20,27,23,.8)),url(/images/work.jpg) 50% /cover no-repeat,linear-gradient(150deg,var(--moss-700),var(--moss-900));color:var(--on-moss)}.mcard-create{background:radial-gradient(120% 100% at 85% 15%,hsla(46,41%,63%,.28),transparent 55%),linear-gradient(150deg,hsla(43,30%,95%,.7),hsla(39,22%,87%,.82)),url(/images/create.jpg) 50% /cover no-repeat,linear-gradient(150deg,var(--ivory-200),var(--stone));color:var(--moss-900)}.mcard-volunteer{background:radial-gradient(120% 100% at 88% 12%,hsla(46,41%,63%,.2),transparent 55%),linear-gradient(150deg,rgba(58,73,63,.55),rgba(30,40,35,.76)),url(/images/volunteer.jpg) 50% /cover no-repeat,linear-gradient(150deg,var(--moss-600),var(--moss-800));color:var(--on-moss)}.mcard h3{position:relative;font-family:var(--font-serif-tc);font-weight:500;font-size:clamp(1.5rem,2.4vw,1.85rem);letter-spacing:.1em}.mcard .en{position:relative;margin-top:6px;font-family:var(--font-display);font-style:italic;font-size:1.02rem;letter-spacing:.06em;color:var(--gold)}.mcard-create .en{color:var(--walnut)}.mcard .m-desc{position:relative;margin-top:18px;font-size:.84rem;letter-spacing:.14em;opacity:.82}.mcard .m-line{position:relative;width:40px;height:1px;background:currentColor;opacity:.4;margin-top:22px}.mcard .soon{position:absolute;bottom:34px;right:30px;font-size:.66rem;letter-spacing:.24em;padding:4px 12px;border:1px solid var(--gold);border-radius:999px;color:var(--gold)}.philosophy{padding:clamp(90px,13vw,168px) 0;background:var(--ivory)}.phi-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:80px;gap:80px;align-items:start}.phi-left .hairline{margin:26px 0}.phi-en{font-family:var(--font-display);font-style:italic;color:var(--walnut);font-size:1.1rem;letter-spacing:.04em}.phi-statement{font-family:var(--font-serif-tc);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.7;letter-spacing:.06em;color:var(--moss)}.phi-statement .gold{color:var(--gold)}.phi-body{margin-top:30px;font-size:1.02rem;line-height:2;color:var(--ink-soft);max-width:620px}.phi-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.phi-tags span{font-size:.82rem;letter-spacing:.2em;color:var(--walnut);padding:8px 20px;border:1px solid var(--line);border-radius:999px;background:var(--ivory-50)}.approach{padding:clamp(80px,11vw,150px) 0;background:var(--moss-900);color:var(--on-moss);position:relative;overflow:hidden}.approach:before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay}.approach-head{position:relative;text-align:center;max-width:640px;margin:0 auto clamp(56px,7vw,86px)}.approach-head h2{font-family:var(--font-serif-tc);font-weight:500;font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:.1em;margin-top:22px;color:var(--on-moss)}.approach-head p{margin-top:22px;color:var(--on-moss-soft);font-size:1rem;line-height:1.9}.feat-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:hsla(42,31%,94%,.12);border:1px solid hsla(42,31%,94%,.12)}.feat{background:var(--moss-900);padding:52px 40px;transition:background .4s ease}.feat:hover{background:var(--moss-800)}.feat .num{font-family:var(--font-display);font-size:.9rem;letter-spacing:.3em;color:var(--gold)}.feat h3{font-family:var(--font-serif-tc);font-weight:500;font-size:1.4rem;letter-spacing:.08em;margin:24px 0 16px;color:var(--on-moss)}.feat p{font-size:.92rem;line-height:1.95;color:var(--on-moss-soft)}.closing{padding:clamp(90px,13vw,170px) 0;background:var(--ivory);text-align:center}.closing .kicker{margin-bottom:30px}.closing h2{font-family:var(--font-serif-tc);font-weight:500;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:.1em;line-height:1.6;color:var(--moss)}.closing .en{font-family:var(--font-display);font-style:italic;color:var(--walnut);font-size:1.1rem;margin-top:22px}.closing .btn{margin-top:44px}.footer{background:var(--moss-900);color:var(--on-moss);padding:70px 0 44px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:32px;padding-bottom:44px;border-bottom:1px solid hsla(42,31%,94%,.12)}.footer .logo{font-size:1.7rem}.footer-tagline{margin-top:16px;color:var(--on-moss-faint);font-size:.86rem;letter-spacing:.14em}.footer-cols{display:flex;gap:64px;flex-wrap:wrap}.footer-col h5{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}.footer-col a,.footer-col span{display:block;font-size:.9rem;color:var(--on-moss-soft);margin-bottom:12px;transition:color .25s ease}.footer-col a:hover{color:var(--gold-soft)}.footer-bottom{padding-top:30px;font-size:.78rem;letter-spacing:.1em;color:var(--on-moss-faint)}@media (max-width:1024px){.hero{grid-template-columns:1fr}.hero-main{min-height:88vh;padding-top:calc(var(--nav-h) + 30px)}.hero-cards{grid-template-rows:none}.mcard{min-height:240px;border-left:none}.phi-grid{grid-template-columns:1fr;gap:44px}}@media (max-width:820px){.container{padding:0 24px}.nav-links{gap:20px}.nav-links a:not(.nav-login){display:none}.feat-grid,.hero-entries{grid-template-columns:1fr}.hero-entries{gap:20px;max-width:100%}}@media (max-width:560px){.hero-main{padding-left:24px;padding-right:24px}.mcard{padding:36px 28px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.footer-top{flex-direction:column}}