.desktop-nav{align-items:center;gap:28px}.nav-group{position:relative}.nav-group summary{padding:12px 0;gap:8px;font:inherit;line-height:1.8;color:inherit;white-space:nowrap;user-select:none;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary>svg{width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s}.nav-group[open] summary>svg{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:-20px;min-width:185px;padding:10px;background:#f4f5ec;color:#465735;border:1px solid #c5ccb6;box-shadow:0 12px 30px #2334181a;border-radius:3px}.nav-dropdown a{display:block;padding:11px 12px;font-size:12px;letter-spacing:.04em;line-height:1.6;white-space:nowrap}.desktop-nav .nav-dropdown a:after{display:none}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#e5ebd6}.nav-group[open]>summary{color:inherit}
.mobile-nav{max-height:calc(100svh - 175px);overflow-y:auto;overscroll-behavior:contain}.mobile-nav .nav-group{border-bottom:1px solid #d6ddc8}.mobile-nav .nav-group summary{padding:15px 0;font-family:var(--serif);font-size:20px;justify-content:space-between}.mobile-nav .nav-dropdown{position:static;border:0;box-shadow:none;background:none;min-width:0;padding:0 0 15px 16px;border-radius:0}.mobile-nav .nav-dropdown a{padding:10px 0;font-family:'Noto Sans TC',sans-serif;font-size:14px;color:#6b7c52;width:auto}.mobile-nav .nav-dropdown a:hover{background:none;color:#3d482e}
.team-introduction{padding-top:35px;padding-bottom:80px;background:#f4f5ec}.team-introduction .section-tag{margin-bottom:45px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.team-grid h2{font-size:31px;margin-top:18px}.team-placeholder{border-left:1px solid #c5ccb6;padding:10px 0 10px 40px}.team-badge{display:inline-block;font-size:8px;letter-spacing:.15em;padding:5px 9px;background:#e4ead6;color:#687e4d}.team-placeholder h3{font-size:20px;margin:16px 0 12px}.team-placeholder p{font-size:12px;color:#727b62;line-height:2}.team-placeholder .text-link{font-size:11px;margin-top:18px;gap:25px}.program-card[id]{scroll-margin-top:115px}
.social-rail{position:fixed;z-index:16;right:23px;bottom:24px;display:flex;flex-direction:column;width:126px;padding:5px 10px;background:#f3f6eaeF;backdrop-filter:blur(12px);border:1px solid #b9c6a4;border-radius:8px;box-shadow:0 8px 28px #2b421b1c;color:#4e6339}.social-link{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;border-bottom:1px solid #d5dec6;font-size:10px;font-weight:400;line-height:1.5}.social-link:last-child{border-bottom:0}.social-link>svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.social-link .icon-fill{fill:currentColor;stroke:none}.social-link>span{display:block}.social-link small{display:block;font-size:8px;font-weight:300;letter-spacing:.03em;margin-top:2px}.social-link[href]:hover{color:#293e1a;background:#e6edd933}.social-link.is-pending{color:#8c987a;cursor:default}.social-link.is-pending small{color:#7b866a}.footer .demo-note{padding-right:100px}.footer-links{grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.desktop-nav{gap:18px}.social-rail{right:16px;width:115px;padding:5px 9px}.social-link{gap:8px;font-size:9px}}
@media(max-width:800px){.team-introduction{padding-top:15px;padding-bottom:65px}.team-grid{gap:7%}.team-grid h2{font-size:27px}.team-placeholder{padding-left:25px}.team-placeholder h3{font-size:17px}.team-placeholder p{font-size:11px}.social-rail{right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(400px,calc(100% - 28px));flex-direction:row;justify-content:space-around;padding:4px 5px;border-radius:12px}.social-link{flex-direction:column;justify-content:center;gap:3px;flex:1;padding:6px 3px;min-height:62px;border-bottom:0;border-right:1px solid #d5dec6;font-size:8px;text-align:center;line-height:1.2}.social-link:last-child{border-right:0}.social-link>svg{width:21px;height:21px}.social-link small{font-size:7px;margin-top:3px}.footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.footer .demo-note{padding-right:0}}
@media(max-width:560px){.team-introduction{padding-top:15px;padding-bottom:55px}.team-introduction .section-tag{margin-bottom:30px}.team-grid{grid-template-columns:1fr;gap:30px}.team-grid h2{font-size:28px;margin-top:14px}.team-placeholder{border-left:0;border-top:1px solid #c5ccb6;padding:25px 0 0}.team-placeholder h3{font-size:18px}.team-placeholder p{font-size:11px}.team-placeholder .text-link{font-size:10px;margin-top:15px}.program-card[id]{scroll-margin-top:100px}}
.motion-toggle{right:calc(150px + 3%)}.hero-count{margin-right:145px}.orb-caption{right:max(14%,170px)}
@media(max-width:800px){.hero-bottom{bottom:110px}.motion-toggle{right:6%;bottom:155px}.orb-caption{right:8%;bottom:25%}.hero-count{margin-right:0}}
@media(max-width:560px){.orb-caption{left:8%;right:auto;bottom:23%}.motion-toggle{right:8%}}
@media(prefers-reduced-motion:reduce){.nav-group summary>svg{transition:none}}