@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600&display=swap');
:root{--navy:#092c63;--blue:#1757a4;--pale:#f5f9ff;--ink:#10223c;--muted:#66768b;--line:#cbd9e8;--serif:"Noto Serif TC","PMingLiU",serif;--sans:"Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:10px 6.5vw;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-family:var(--serif);font-weight:700;font-size:21px;letter-spacing:.12em}.brand img{width:42px;height:48px;object-fit:contain}.brand small{display:block;margin-top:1px;font-family:var(--sans);font-size:7px;letter-spacing:.18em}.site-nav{display:flex;align-items:center;gap:clamp(18px,2.7vw,43px);font-size:13px;letter-spacing:.08em}.site-nav>a:not(.nav-cta){position:relative}.site-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--blue);transform:scaleX(0);transition:.25s}.site-nav>a:hover:after{transform:scaleX(1)}.nav-cta{padding:10px 15px;border:1px solid var(--navy);border-radius:24px;color:var(--navy)}.nav-cta b{margin-left:9px;font-size:16px}.menu-button{display:none}.hero{position:relative;display:grid;grid-template-columns:minmax(270px,.78fr) minmax(430px,1.22fr);min-height:680px;overflow:hidden;background:linear-gradient(90deg,#f5f9ff 0 43%,#d9edff 43%);padding:clamp(60px,8vw,125px) 7vw 76px}.hero:before{content:"";position:absolute;width:590px;height:590px;border:1px solid #9fc3e9;border-radius:50%;left:-300px;bottom:-355px}.hero-copy{position:relative;z-index:1;max-width:440px;align-self:center}.eyebrow{margin:0 0 21px;color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.18em}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--blue)}.hero h1,.intro h2,.program h2,.stories h2,.contact h2{margin:0;font-family:var(--serif);font-weight:500}.hero h1{font-size:clamp(43px,5vw,76px);line-height:1.3;letter-spacing:.04em}.hero h1 em{font-style:normal;color:var(--blue)}.hero-text{max-width:355px;margin:24px 0 30px;color:var(--muted);font-size:14px;line-height:2}.circle-link{display:inline-flex;align-items:center;gap:16px;padding:10px 6px 10px 18px;border:1px solid var(--blue);border-radius:28px;color:var(--blue);font-size:12px}.circle-link b{display:grid;width:31px;height:31px;place-content:center;border-radius:50%;color:#fff;background:var(--blue);font-size:15px}.hero-photo{position:relative;width:min(100%,670px);height:490px;justify-self:end;align-self:center;margin:0;overflow:hidden;box-shadow:22px 24px 0 #aacfed}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#0d428320,transparent 55%);mix-blend-mode:multiply}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.82) contrast(1.02)}.hero-photo figcaption{position:absolute;z-index:1;bottom:0;left:0;padding:11px 16px;background:#082d65;color:#e5f2ff;font-size:10px;letter-spacing:.14em}.photo-number{position:absolute;z-index:1;top:26px;right:24px;color:#fff;text-align:center;font:11px/1.9 var(--serif);letter-spacing:.2em;text-shadow:0 1px 5px #082b5b}.photo-number i{display:inline-block;height:46px;border-left:1px solid #fff}.vertical-title{position:absolute;right:3.7vw;top:112px;color:#124e91;font:clamp(33px,3.6vw,55px)/1.25 var(--serif);writing-mode:vertical-rl;letter-spacing:.2em}.hero-side-note{position:absolute;bottom:66px;left:2.5vw;color:#5c7b9e;font:14px/2 var(--serif);writing-mode:vertical-rl;letter-spacing:.1em}.intro{display:grid;grid-template-columns:.3fr 1fr .85fr;gap:7vw;padding:125px 11vw 120px;border-bottom:1px solid var(--line)}.section-index{margin:0;color:var(--blue);font:14px/1.7 var(--serif);letter-spacing:.1em}.section-index span{font:9px var(--sans);letter-spacing:.15em}.intro h2,.program h2,.stories h2{font-size:clamp(29px,3.4vw,50px);line-height:1.55;letter-spacing:.05em}.intro h2 span,.program h2 span,.stories h2 span,.contact h2 span{color:var(--blue)}.intro-copy{align-self:end;padding-bottom:6px}.intro-copy p{margin:0;color:var(--muted);font-size:14px;line-height:2.15}.text-link{display:inline-flex;gap:15px;margin-top:28px;color:var(--blue);font-size:12px}.text-link b{font-size:17px}.program{padding:112px 10vw;background:var(--pale)}.program-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.program-heading .eyebrow{grid-column:1/-1}.program-heading>p{align-self:end;margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.9}.program-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid var(--line)}.program-list article{position:relative;min-height:215px;padding:25px 27px 26px;border-right:1px solid var(--line)}.program-list article:first-child{border-left:1px solid var(--line)}.program-list span{color:var(--blue);font-size:10px;letter-spacing:.12em}.program-list h3{margin:34px 0 10px;font:500 24px var(--serif);letter-spacing:.12em}.program-list p{max-width:210px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.program-list>b{position:absolute;right:22px;bottom:22px;color:var(--blue);font-size:18px}.stories{display:grid;grid-template-columns:.55fr 1.25fr .34fr;gap:4vw;padding:120px 8vw}.stories-title{padding-top:15px}.story-feature{margin:0}.story-feature img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 38%;filter:saturate(.83)}.story-feature>div{padding:23px 0;border-bottom:1px solid var(--line)}.story-feature p,.story-note span{margin:0;color:var(--blue);font-size:10px;letter-spacing:.14em}.story-feature h3{margin:11px 0 15px;font:500 clamp(21px,2.5vw,34px)/1.55 var(--serif);letter-spacing:.06em}.story-feature a{color:var(--blue);font-size:12px}.story-feature a b{margin-left:11px;font-size:17px}.story-note{padding-top:15px;border-top:1px solid var(--blue)}.story-note p{margin-top:35px;color:var(--muted);font:15px/2 var(--serif);writing-mode:vertical-rl;letter-spacing:.12em}.contact{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:80px 11vw;overflow:hidden;background:var(--navy);color:#fff}.contact>img{position:absolute;right:-35px;bottom:-180px;width:420px;opacity:.1;filter:brightness(0) invert(1)}.contact .eyebrow{color:#a9d5ff}.contact h2{position:relative;font-size:clamp(34px,4vw,55px);line-height:1.45;letter-spacing:.07em}.contact h2 span{color:#a9d5ff}.contact>a{z-index:1;padding:15px 20px;border:1px solid #b3d5f5;border-radius:30px;font-size:12px}.contact>a b{margin-left:17px;font-size:17px}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 6vw;color:#66768b;font-size:10px;letter-spacing:.1em}footer a{color:var(--blue)}
@media(max-width:760px){.site-header{height:70px;padding:7px 22px}.brand{font-size:16px}.brand img{width:32px;height:37px}.site-nav{position:absolute;top:69px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 23px 20px;border-bottom:1px solid var(--line);background:#fff}.site-nav.open{display:flex}.site-nav a{padding:13px 0;border-bottom:1px solid var(--line)}.nav-cta{text-align:center;margin-top:12px}.menu-button{display:flex;width:39px;height:39px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--navy);border-radius:50%;background:#fff}.menu-button i{width:15px;border-top:1px solid var(--navy)}.hero{grid-template-columns:1fr;padding:64px 25px 42px;background:linear-gradient(180deg,#f5f9ff 0 55%,#d9edff 55%)}.hero h1{font-size:46px}.hero-copy{padding-bottom:44px}.hero-photo{height:350px;width:92%;margin-right:0}.vertical-title{right:10px;top:410px;font-size:30px}.hero-side-note{display:none}.intro{grid-template-columns:1fr;gap:25px;padding:75px 27px}.intro-copy{padding:0}.intro h2{font-size:31px}.program{padding:73px 27px}.program-heading{grid-template-columns:1fr;gap:19px}.program-list{grid-template-columns:1fr;margin-top:42px}.program-list article,.program-list article:first-child{min-height:165px;border:0;border-bottom:1px solid var(--line)}.program-list article{padding-left:0}.program-list h3{margin:16px 0 6px}.stories{grid-template-columns:1fr;padding:72px 27px;gap:35px}.story-feature img{height:255px}.story-note{display:flex;gap:22px;padding-top:16px}.story-note p{margin:0;writing-mode:initial;font-size:13px;letter-spacing:.05em}.contact{align-items:flex-start;flex-direction:column;padding:66px 27px}.contact h2{font-size:38px}footer{flex-wrap:wrap;padding:20px 25px;font-size:9px}}