:root { --ink:#17231f; --green:#173f32; --deep:#0d2b22; --mint:#c9dfd3; --paper:#f2f0e8; --white:#fffdf8; --gold:#d8b56e; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--deep)}
.site-header{height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid rgba(23,35,31,.12);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px}.mark{width:44px;height:44px;border:1px solid currentColor;display:grid;grid-template-columns:1fr 1px 1fr;place-items:center;font-family:Georgia,serif;font-size:16px;letter-spacing:-1px}.mark i{width:1px;height:65%;background:currentColor}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:.16em;font-weight:600}.brand-copy small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.14em;margin-top:7px}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{position:relative;padding:35px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:1px;background:var(--green);transition:.25s}.desktop-nav a:hover:after{right:0}.nav-contact{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.nav-contact span,.button span,.mail-link span{margin-left:9px}.mobile-menu{display:none}
.hero{min-height:calc(100vh - 92px);background:var(--green);color:var(--white);position:relative;overflow:hidden;padding:9vh 6vw 5vh}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to right,#000,transparent 65%)}.hero-copy{position:relative;z-index:3;max-width:770px}.eyebrow{font-size:12px;letter-spacing:.28em;font-weight:700;margin:0 0 28px;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:38px;height:1px;background:currentColor;vertical-align:middle;margin-right:14px}.light{color:var(--mint)}.hero h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(54px,6.7vw,105px);font-weight:500;line-height:1.07;letter-spacing:.02em;margin:0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:17px;line-height:1.9;color:#dbe7e0;margin:34px 0 40px}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;min-width:180px;font-size:13px;font-weight:700;transition:.25s}.button-light{background:var(--white);color:var(--deep)}.button-light:hover{background:var(--gold)}.button-dark{background:var(--deep);color:white}.button-dark:hover{background:#245a47}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link span{margin-left:10px}.light-link{color:#dbe7e0}.hero-art{position:absolute;width:42vw;height:78%;right:2vw;top:10%;z-index:1;margin:0}.hero-image{overflow:hidden;background:#234b3e;border:1px solid rgba(255,255,255,.28)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,43,34,.62) 0,rgba(13,43,34,.08) 42%,rgba(13,43,34,.08) 75%,rgba(13,43,34,.42) 100%)}.hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-image figcaption{position:absolute;z-index:2;right:18px;bottom:20px;font:9px Arial,sans-serif;letter-spacing:.24em;writing-mode:vertical-rl;color:rgba(255,255,255,.84)}.hero-foot{position:absolute;left:6vw;right:6vw;bottom:3.5vh;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.2em;color:#b8cfc3}.hero-foot i{height:1px;flex:1;background:rgba(255,255,255,.2)}
.section{padding:130px 7vw}.section-index{font:10px Arial,sans-serif;letter-spacing:.18em;color:#6e7773}.intro{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:6vw;background:var(--white)}.intro h2,.values h2,.careers h2{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(38px,4.4vw,68px);font-weight:500;line-height:1.2;margin:0}.intro-copy{padding-top:45px}.intro-copy>p{font-size:15px;line-height:1.9;color:#5a645f}.intro-copy .lead{font-size:20px;color:var(--ink);line-height:1.65;margin-top:0}.fact-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc1bd;margin-top:48px;padding-top:24px;gap:15px}.fact-row div{display:flex;flex-direction:column}.fact-row b{font:600 25px Georgia,serif;color:var(--green)}.fact-row span{font-size:10px;color:#68716c;margin-top:8px}
.education{display:grid;grid-template-columns:1fr 1fr;min-height:780px}.edu-visual{background:#bdd2c7;position:relative;overflow:hidden;min-height:720px}.edu-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,43,34,.72),transparent 46%)}.edu-visual>img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:center}.vertical-word{position:absolute;z-index:2;right:22px;top:40px;writing-mode:vertical-rl;font:9px Arial,sans-serif;letter-spacing:.28em;color:white}.edu-image-label{position:absolute;z-index:2;left:7%;bottom:7%;color:white;display:flex;flex-direction:column}.edu-image-label span{font:9px Arial;letter-spacing:.24em;color:var(--gold);margin-bottom:10px}.edu-image-label strong{font:500 clamp(24px,3vw,42px) "Noto Serif TC","Songti TC",serif;letter-spacing:.08em}.edu-content{background:var(--green);color:var(--white);padding:85px 8vw 75px 7vw}.edu-content .section-index{color:#8ead9d}.edu-content .eyebrow{color:var(--mint);margin-top:70px}.edu-content h2{font:500 clamp(42px,5vw,70px)/1.15 "Noto Serif TC","Songti TC",serif;margin:0}.english-title{font:10px Arial;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.edu-lead{font-size:16px;line-height:1.9;color:#d1dfd7;margin:32px 0}.curriculum{border-top:1px solid rgba(255,255,255,.25);margin:0 0 32px}.curriculum article{display:flex;gap:22px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.18)}.curriculum article>span{font:10px Arial;color:var(--gold);padding-top:4px}.curriculum h3{font-size:15px;margin:0 0 5px}.curriculum p{font-size:11px;color:#b8cfc3;margin:0}.edu-content .button-dark{background:var(--white);color:var(--deep)}
.values{background:var(--paper);display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:6vw}.value-list{border-top:1px solid #adb2ae}.value-list article{display:grid;grid-template-columns:40px 1fr;padding:25px 0;border-bottom:1px solid #adb2ae}.value-list article span{font:10px Arial;color:#6a746f}.value-list h3{font:500 21px "Noto Serif TC",serif;margin:0}.value-list p{grid-column:2;font-size:13px;line-height:1.8;color:#68716c;margin:11px 0 0}.motto{background:var(--gold);min-height:580px;padding:95px 7vw;text-align:center;position:relative}.motto-mark{display:flex;justify-content:center}.motto p{font:10px Arial;letter-spacing:.25em;margin:22px 0 35px}.motto blockquote{font:500 clamp(48px,6vw,86px)/1.28 "Noto Serif TC","Songti TC",serif;margin:0}.motto-words{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:54px;font-size:13px;letter-spacing:.4em}.motto-words i{width:35px;height:1px;background:rgba(23,35,31,.45)}
.careers{background:var(--white);display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:6vw}.careers-copy{padding-top:45px}.careers-copy>p{font-size:15px;line-height:1.9;color:#5a645f;margin:0 0 30px}.career-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.career-actions .text-link{font-weight:700}.job-grid{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c7cbc8;border:1px solid #c7cbc8;margin-top:36px}.job-card{background:var(--white);padding:32px;min-height:255px;position:relative;transition:.25s;display:block}.job-card:hover{background:var(--paper);transform:translateY(-3px)}.job-card>span{font-size:10px;letter-spacing:.18em;color:#76807a}.job-card h3{font:500 21px/1.4 "Noto Serif TC",serif;margin:32px 0 10px}.job-card p{font-size:12px;color:#68716c}.job-card b{position:absolute;left:32px;bottom:28px;font-size:11px;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:5px}.job-card b span{margin-left:8px}
footer{background:var(--deep);color:var(--white);padding:100px 7vw 30px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.2)}.footer-top h2{font:500 clamp(44px,5vw,78px)/1.2 "Noto Serif TC",serif;margin:0}.mail-link{font:500 clamp(18px,2vw,28px) Arial;border-bottom:1px solid var(--gold);padding-bottom:10px;color:var(--gold)}.footer-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7vw;padding:45px 0 70px}.footer-info span{font-size:10px;color:#89a899;letter-spacing:.15em}.footer-info p,.footer-info a{font-size:13px;line-height:1.8}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:28px;display:flex;justify-content:space-between;align-items:center;color:#9db4a9}.footer-bottom p,.footer-bottom>a{font-size:9px;letter-spacing:.1em}.footer-brand{color:var(--white)}
@media(max-width:900px){.desktop-nav,.nav-contact{display:none}.site-header{height:76px;padding:0 20px}.brand-copy strong{font-size:14px}.mark{width:38px;height:38px}.mobile-menu{display:block}.mobile-menu summary{width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;height:1px;background:var(--ink);width:25px}.mobile-menu nav{position:absolute;top:76px;left:0;right:0;background:var(--white);padding:20px;display:flex;flex-direction:column;border-bottom:1px solid #ccc}.mobile-menu nav a{padding:13px 0;border-bottom:1px solid #ddd}.hero{min-height:760px;padding:70px 24px}.hero h1{font-size:52px}.hero-lead{font-size:14px}.hero-art{opacity:.48;width:76vw;height:66%;right:-27vw;top:22%}.hero-image img{object-position:center}.hero-foot{left:24px;right:24px}.section{padding:85px 24px}.intro,.values,.careers{grid-template-columns:1fr}.section-index{margin-bottom:20px}.intro-copy,.careers-copy{padding-top:0}.fact-row{gap:7px}.fact-row b{font-size:20px}.education{grid-template-columns:1fr}.edu-visual{min-height:520px}.edu-content{padding:70px 24px}.edu-content .eyebrow{margin-top:45px}.value-list{margin-top:25px}.motto{min-height:auto;padding:80px 24px}.motto-words{gap:12px}.motto-words i{width:15px}.job-grid{grid-column:auto;grid-template-columns:1fr;margin-top:20px}.job-card{min-height:210px}.footer-top{align-items:flex-start;flex-direction:column;gap:50px}.footer-info{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:25px}.desktop-only{display:none}}
@media(max-width:480px){.brand-copy small{display:none}.hero h1{font-size:43px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.fact-row{grid-template-columns:1fr}.fact-row div{border-bottom:1px solid #ddd;padding-bottom:15px}.motto blockquote{font-size:42px}.motto-words{font-size:11px;letter-spacing:.2em}.mail-link{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}