:root{--bg:#0b1017;--panel:#141d28;--panel2:#182432;--line:#293644;--text:#eff3f7;--muted:#a7b7c5;--accent:#8ec8e9;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{max-width:var(--max);margin:auto;padding:0 40px}.narrow{max-width:860px;padding-top:74px;padding-bottom:90px}.topbar{max-width:1240px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.19em}.brand-mark{display:inline-grid;place-items:center;border:1px solid var(--accent);width:38px;height:38px;border-radius:11px;font-size:23px;line-height:1;letter-spacing:-.13em}.brand-dot,.accent{color:var(--accent)}.topbar nav,.footer span:last-child{display:flex;flex-wrap:wrap;gap:30px}.topbar nav a{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em}.topbar nav a:hover{color:var(--text)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.23em;color:var(--accent);text-transform:uppercase}.tiny-square{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:9px;vertical-align:middle}.hero{padding-top:145px;padding-bottom:175px}.hero h1{font-size:clamp(53px,8.5vw,112px);line-height:1.18;letter-spacing:-.075em;font-weight:800;margin:32px 0 44px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:clamp(18px,2vw,21px);max-width:680px;margin:0 0 20px;color:#d5e0e9}.subcopy,.muted{color:var(--muted)}.subcopy{max-width:620px;font-size:14px}.link-arrow{display:inline-flex;align-items:center;gap:14px;margin-top:28px;border-bottom:1px solid var(--accent);padding:0 0 8px;color:var(--text);font-size:13px;font-weight:750;letter-spacing:.03em}.link-arrow span{color:var(--accent)}.projects{padding-bottom:155px}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 42px}.section-head h2{font-size:clamp(34px,4vw,60px);line-height:1.1;margin:0;letter-spacing:-.05em}.project-card{display:flex;justify-content:space-between;flex-direction:column;min-height:345px;padding:38px 44px;background:linear-gradient(155deg,var(--panel2),var(--panel));border:1px solid #354555;border-radius:8px}.card-kicker{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.project-card h3{font-size:clamp(40px,5vw,64px);margin:5px 0 16px;line-height:1.2;letter-spacing:-.06em}.arrow{font-size:25px;vertical-align:top;color:var(--accent);font-weight:400}.project-card p:not(.card-kicker){color:var(--muted);max-width:660px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:18px;font-size:13px;color:var(--muted)}.card-bottom a{color:var(--accent);font-weight:700}.note{padding-bottom:60px;color:var(--muted);display:flex;gap:20px;align-items:baseline;justify-content:space-between}.note-line{display:none}.note p{font-size:18px;color:var(--text)}.note span{font-size:12px}.footer{max-width:1240px;margin:0 auto;border-top:1px solid var(--line);padding:28px 40px 45px;color:#8fa1af;display:flex;justify-content:space-between;gap:20px;font-size:12px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:74px}.breadcrumbs a:hover{color:var(--accent)}.page-title{font-size:clamp(48px,7vw,86px);line-height:1.17;letter-spacing:-.065em;margin:25px 0 35px}.page-title small{font-size:.52em;color:var(--muted)}.lead{font-size:20px;line-height:1.9;color:#e0eaf1}.narrow>.muted{font-size:14px}.divider{height:1px;background:var(--line);margin:70px 0 54px}.info-section{margin:0 0 55px}.info-section h2{font-size:23px;line-height:1.35;letter-spacing:-.03em;margin:14px 0 20px}.info-section p,.info-section li{color:#c0cfdb}.info-section ul{padding-left:22px}.info-section li{padding:4px 0}.clean-list{list-style:none;padding:0!important}.clean-list li{display:grid;grid-template-columns:210px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:16px 0}.clean-list strong{color:var(--text)}.notice{background:#151f29;border-left:3px solid var(--accent);padding:17px 22px;color:#ccd9e2;font-size:14px}.notice strong{color:var(--accent)}.notice p{margin:7px 0 0}.policy .info-section{margin-top:46px;margin-bottom:38px}.policy code{overflow-wrap:anywhere;color:#d7edfc;background:#1b2935;border:1px solid #30485c;border-radius:3px;padding:1px 5px;font-size:12px}.policy a:not(.link-arrow){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.policy-end{margin-top:70px}@media(max-width:720px){.wrap{padding-left:23px;padding-right:23px}.topbar{padding:18px 23px;align-items:flex-start;flex-direction:column;gap:15px}.topbar nav{gap:23px}.hero{padding-top:85px;padding-bottom:110px}.hero h1{margin:26px 0}.projects{padding-bottom:90px}.section-head{align-items:flex-start;flex-direction:column;gap:5px;padding-bottom:25px}.project-card{padding:25px 23px;min-height:315px}.card-bottom{align-items:flex-start;flex-direction:column;gap:8px}.note{align-items:flex-start;flex-direction:column;gap:5px}.note p{margin:0}.footer{padding:28px 23px 40px;flex-direction:column;gap:16px}.footer span:last-child{gap:16px}.narrow{padding-top:35px;padding-bottom:65px}.breadcrumbs{margin-bottom:50px}.lead{font-size:17px}.clean-list li{grid-template-columns:1fr;gap:4px}.info-section h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}