@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--navy:#101b2d;--green:#23d5c3;--muted:#a8b0b8;--paper:#f5f6f5;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:7px}header{background:var(--paper);height:96px;color:var(--navy);justify-content:space-between;align-items:center;padding:0 6%;display:flex}.brand{width:174px;display:block}.brand img{object-fit:contain;width:100%;height:48px}nav{align-items:center;gap:34px;font-size:13px;font-weight:500;display:flex}.nav-contact{border-left:1px solid #101b2d25;padding-left:30px}.nav-contact span{margin-left:24px}.skip{color:var(--navy);z-index:10;background:#fff;padding:12px;position:absolute;top:-70px;left:12px}.skip:focus{top:12px}.hero{background:radial-gradient(at 80% 40%,#203c492b,#0000 60%);grid-template-columns:1fr 1fr;min-height:740px;padding:85px 6% 0;display:grid;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;color:var(--muted);margin:0 0 30px;font-size:11px;font-weight:500;line-height:1.8}.signal{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.hero h1{letter-spacing:-3px;margin:0;font-size:clamp(48px,5.7vw,84px);font-weight:600;line-height:1.3}.accent,.period{color:var(--green)}.hero-english{letter-spacing:-.5px;margin:22px 0;font-size:24px}.hero-description{color:var(--muted);margin:28px 0 35px;font-size:14px;line-height:2.1}.button{background:var(--green);color:var(--navy);gap:40px;padding:17px 22px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.hero-bottom{border-top:1px solid var(--line);color:var(--muted);letter-spacing:1px;grid-column:1/-1;justify-content:space-between;margin-top:65px;padding:26px 0;font-size:10px;display:flex}.engineering{perspective:900px;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;align-self:center;width:100%;max-width:620px;min-height:470px;position:relative}.diagram-top,.diagram-bottom{letter-spacing:1.4px;color:#8caaa9;justify-content:space-between;font-size:9px;display:flex;position:absolute;left:24px;right:24px}.diagram-top{top:20px}.diagram-bottom{align-items:center;bottom:16px}.diagram-bottom .signal{margin-right:0}.axis{background:#a8b0b820;position:absolute}.axis-x{height:1px;top:50%;left:0;right:0}.axis-y{width:1px;top:0;bottom:0;left:50%}.orbit{border:1px solid #23d5c31c;border-radius:50%;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{border-style:dashed;width:280px;height:280px}.module{background:#17283bd9;border:1px solid #8ba4b667;width:235px;height:235px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(53deg)rotate(-36deg);box-shadow:14px 14px 0 -1px #101b2d,15px 15px #66808e50}.module span{letter-spacing:1px;color:#8fa7b8;font-size:8px;position:absolute;top:13px;left:15px}.module-back{background:repeating-linear-gradient(90deg,#22354b,#22354b 1px,#152538 1px 20px);margin-top:68px}.module-middle{background:#1c4548bf;border-color:#23d5c377;margin-top:0}.module-middle i{background:var(--green);width:12px;height:12px;position:absolute;bottom:25px;left:25px;box-shadow:0 0 20px #23d5c344}.module-middle i:nth-of-type(2){left:auto;right:25px}.module-middle i:nth-of-type(3){top:45px;bottom:auto}.module-middle i:nth-of-type(4){inset:45px 25px auto auto}.module-front{background:linear-gradient(135deg,#354a5c,#17283b);border-color:#9baebd8a;margin-top:-72px}.core{background:#152e3a;border:1px solid #23d5c388;place-items:center;display:grid;position:absolute;inset:65px;box-shadow:0 0 0 12px #101b2d55,0 0 0 13px #647b8d55}.core b{background:var(--green);width:28px;height:28px;display:block;box-shadow:0 0 40px #23d5c388}.section{padding:100px 6%}.section h2{letter-spacing:-1px;margin:0;font-size:clamp(30px,3.1vw,46px);font-weight:500;line-height:1.5}.expertise{background:var(--paper);color:var(--navy)}.section-heading{grid-template-columns:1fr 2fr 1.6fr;align-items:start;gap:30px;margin-bottom:65px;display:grid}.section-heading .eyebrow{color:#657079;margin-top:10px}.section-heading>p:last-child{color:#626b75;font-size:13px;line-height:2}.focus-grid{grid-template-columns:repeat(3,1fr);display:grid}.focus-item{border-right:1px solid #101b2d25;padding:0 34px}.focus-item:first-child{padding-left:0}.focus-item:last-child{border:0;padding-right:0}.focus-top{color:#717b85;justify-content:space-between;align-items:center;margin-bottom:36px;font-size:11px;display:flex}.focus-icon{color:#247f7a;font-size:42px;font-weight:400}.focus-item .eyebrow{letter-spacing:1.3px;color:#6b777e;margin-bottom:12px;font-size:9px}.focus-item h3{margin:0 0 18px;font-size:24px;font-weight:500}.focus-item>p:not(.eyebrow){color:#69727b;max-width:320px;font-size:13px;line-height:2}.tags{letter-spacing:.5px;color:#606d78;border-top:1px solid #101b2d20;margin-top:30px;padding-top:20px;font-size:10px}.about{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12%;display:grid}.about-copy{padding-top:42px}.about-copy p{color:#a8b2bf;font-size:14px;line-height:2.2}.about-copy .large-copy{color:#fff;margin-top:0;font-size:20px}.principles{border-top:1px solid var(--line);color:var(--green);gap:25px;margin-top:32px;padding-top:25px;font-size:11px;display:flex}.journal-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:44px;display:flex}.journal-heading .eyebrow{margin-bottom:18px}.journal-heading>p{color:var(--muted);font-size:13px;line-height:2}.text-link{border-bottom:1px solid #a8b0b866;padding-bottom:7px;font-size:12px}.article-row{border-top:1px solid var(--line);grid-template-columns:190px 1fr 40px;align-items:center;gap:30px;padding:30px 0;transition:color .2s;display:grid}.article-row:last-child{border-bottom:1px solid var(--line)}.article-row:hover h3,.article-row:hover .row-arrow{color:var(--green)}.article-meta{color:var(--green);flex-direction:column;gap:12px;font-size:11px;display:flex}.article-meta time{color:var(--muted);font-size:10px}.article-row h3{margin:0 0 10px;font-size:20px;font-weight:500}.article-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.row-arrow{justify-self:end;font-size:24px}.contact{background:var(--green);color:var(--navy)}.contact h2{font-size:clamp(36px,4.5vw,64px);line-height:1.4}.contact-bottom{justify-content:space-between;align-items:end;margin-top:28px;display:flex}.contact-bottom p{color:#27575c;font-size:13px;line-height:2}.contact-pending{border-bottom:1px solid #101b2d66;padding:16px 0;font-size:13px}.contact-pending .signal{background:var(--navy);margin:0 0 0 40px}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:40px 6%;font-size:11px;display:flex}.footer-name{color:#fff;letter-spacing:1px;font-size:18px}.footer-name span{letter-spacing:1px;color:var(--muted);margin-top:8px;font-size:10px;display:block}footer small{font-size:10px}.article-index{min-height:75vh}.article-index h1,.article-detail h1{letter-spacing:-1px;margin:0;font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.5}.intro{color:var(--muted);margin:24px 0 45px;font-size:16px;line-height:2}.sample-notice{color:var(--muted);margin:35px 0 20px;font-size:11px}.article-detail{max-width:950px;margin:auto}.article-date{margin-top:55px}.prose{border-top:1px solid var(--line);color:#c0c8d3;padding-top:30px;font-size:16px;line-height:2.1}.prose h2{color:#fff;margin-top:40px;font-size:26px}.prose blockquote{border-left:2px solid var(--green);color:var(--muted);margin:0;padding-left:20px;font-size:13px}.prose a{color:var(--green);text-decoration:underline}.prose img{max-width:100%}.prose pre{background:#09121e;padding:20px;overflow:auto}.prose li{margin:8px 0}@media (width>=1600px){header,.hero,.section,footer{padding-left:max(6%,50vw - 700px);padding-right:max(6%,50vw - 700px)}.article-detail{padding-left:40px;padding-right:40px}}@media (width<=900px){nav{gap:18px}.hero{padding-top:60px}.engineering{min-height:440px;transform:scale(.85)}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.focus-item{padding:0 20px}.focus-item h3{font-size:21px}.about{gap:6%}.principles{gap:14px}.article-row{grid-template-columns:130px 1fr 25px}.hero-bottom>span:last-child{display:none}.section{padding-top:75px;padding-bottom:75px}}@media (width<=620px){header{flex-wrap:wrap;align-content:center;gap:8px;height:82px;padding:0 6%}.brand{width:124px}.brand img{height:30px}nav{gap:13px;font-size:10px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:58px}.hero-english{font-size:20px}.hero-description{font-size:13px}.engineering{min-height:390px;margin-top:30px;transform:scale(.94)}.hero-bottom{margin-top:20px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:40px}.section-heading>p:last-child{grid-column:1}.section h2{font-size:31px}.focus-grid{grid-template-columns:1fr}.focus-item,.focus-item:first-child,.focus-item:last-child{border-bottom:1px solid #101b2d25;border-right:0;padding:28px 0}.focus-top{margin-bottom:12px}.focus-item>p:not(.eyebrow){max-width:none}.about{grid-template-columns:1fr;gap:12px}.about-copy{padding-top:16px}.journal-heading{flex-wrap:wrap;align-items:start}.journal-heading>p{display:none}.journal-heading .text-link{margin-top:14px}.article-row{grid-template-columns:1fr 24px;gap:16px}.article-meta{flex-direction:row;grid-column:1/-1;gap:20px}.article-row h3{font-size:18px;line-height:1.7}.article-row p{font-size:12px}.contact-bottom{display:block}.contact-pending{margin-top:20px;display:inline-block}footer{flex-wrap:wrap}footer>div{display:none}.article-detail{padding-top:50px}.article-detail h1{font-size:32px}.intro{font-size:14px}.prose{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}:root{--navy:#101b2d;--green:#087f75;--brand-teal:#23d5c3;--coral:#e86f45;--paper:#f7f9f8;--surface:#fff;--mint:#eaf7f4;--blue:#edf3f8;--text-secondary:#3f4d5f;--muted:#6d7886;--line:#dde5e8}body{background:var(--paper);color:var(--navy)}header{background:var(--surface);color:var(--text-secondary);border-bottom:1px solid var(--line)}nav a:hover,.text-link:hover{color:var(--green)}.hero{background:linear-gradient(115deg, var(--paper) 35%, var(--mint))}.hero-description,.hero-bottom,.journal-heading>p,.article-row p,.intro{color:var(--text-secondary)}.signal,.core b,.module-middle i{background:var(--brand-teal)}.period{color:var(--coral)}.button{background:var(--green);color:var(--surface)}.button:hover{background:#06675f}.engineering{background-image:linear-gradient(#101b2d06 1px,#0000 1px),linear-gradient(90deg,#101b2d06 1px,#0000 1px)}.diagram-top,.diagram-bottom,.module span{color:var(--text-secondary)}.axis{background:var(--line)}.orbit{border-color:#087f7526}.module{background:var(--blue);border-color:#8da5b477;box-shadow:14px 14px 0 -1px #e2eaf0,15px 15px #a8b0b866}.module-back{background:repeating-linear-gradient(90deg,#cbd9e3,#cbd9e3 1px,#edf3f8 1px 20px)}.module-middle{background:#bdede6;border-color:#087f7566}.module-middle i,.core b{box-shadow:none}.module-front{background:linear-gradient(135deg,#fff,#edf3f8);border-color:#a8b0b8}.core{background:var(--mint);border-color:#087f7566;box-shadow:0 0 0 12px #fff,0 0 0 13px #dde5e8}.expertise{background:var(--mint)}.section-heading .eyebrow,.focus-top,.focus-item .eyebrow,.tags{color:var(--muted)}.section-heading>p:last-child,.focus-item>p:not(.eyebrow){color:var(--text-secondary)}.focus-grid{gap:20px}.focus-item,.focus-item:first-child,.focus-item:last-child{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px}.focus-top{margin-bottom:28px}.focus-icon{color:var(--green)}.focus-item>p:not(.eyebrow){max-width:none}.tags{border-color:var(--line)}.about{background:var(--paper)}.about h2 span{color:var(--muted)}.about-copy p{color:var(--text-secondary)}.about-copy .large-copy{color:var(--navy)}.journal,.article-detail,.article-index{background:var(--surface)}.text-link{border-color:var(--line)}.article-row:hover{background:var(--paper)}.contact{background:var(--blue)}.contact .eyebrow{color:var(--green)}.contact-bottom p{color:var(--text-secondary)}footer{background:var(--navy);color:#a8b0b8}footer .footer-name span{color:#a8b0b8}.prose{color:var(--text-secondary)}.prose h2{color:var(--navy)}.prose pre{background:var(--blue)}::selection{color:#101b2d;background:#bdede6}@media (width<=900px){.focus-grid{gap:14px}.focus-item,.focus-item:first-child,.focus-item:last-child{padding:22px}}@media (width<=620px){.focus-grid{gap:18px}.focus-item,.focus-item:first-child,.focus-item:last-child{padding:26px}.diagram-top,.diagram-bottom{letter-spacing:.7px}}