:root{--ink-950:#0b0d10;--ink-850:#171a1f;--paper-050:#f2ede2;--silver-400:#9ca3ad;--silver-700:#3d434c;--paper-line:#cec6b7;--electric-500:#246bfd;--white:#f8f9fa;--serif-en:"Cormorant Garamond","Times New Roman",Times,serif;--serif-tc:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--gutter:48px;--section:clamp(96px,10vw,160px);color-scheme:dark;font-family:var(--sans);font-synthesis:none;background:var(--ink-950);color:var(--white);scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--electric-500);transform:translateY(-150%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--electric-500);outline-offset:3px}.site-header{height:72px;position:sticky;top:0;z-index:50;background:#0b0d10e0;border-bottom:1px solid var(--silver-700);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;letter-spacing:.12em}.nav-links{display:flex;align-items:center;gap:32px;font-size:.875rem}.nav-links>a:not(.button){min-height:44px;display:flex;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid #5b8cff;border-radius:4px;background:var(--electric-500);color:var(--white);letter-spacing:.1em;transition:border-color .2s,color .2s}.button:hover{border-color:var(--white)}.menu-button{display:none;color:var(--white);background:none;border:1px solid var(--silver-700);border-radius:4px;min-width:44px;min-height:44px}.hero{min-height:calc(100svh - 72px);position:relative;background:radial-gradient(circle at 80% 45%,rgba(36,107,253,.06),transparent 30%),var(--ink-950)}.hero-grid{min-height:calc(100svh - 72px);display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:center;padding-block:32px}.hero-copy{position:relative;z-index:2}.eyebrow,.label,.edition,.hero-window span,.production-rail,.metadata,.footer{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em}.eyebrow{color:var(--silver-400);line-height:1.6}.short-rule{display:block;width:48px;border-top:1px solid var(--silver-400);margin:24px 0 32px}.hero h1{font:500 clamp(3rem,6.2vw,6.5rem)/1.08 var(--serif-tc);letter-spacing:.02em;margin:0;max-width:700px}.lede{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75;color:#c9cdd3;max-width:42rem;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.edition{display:flex;color:var(--silver-400);gap:24px;margin-top:48px}.edition span+span{border-left:1px solid var(--silver-700);padding-left:24px}.hero-products{height:720px;position:relative}.signal-field{position:absolute;right:0;top:15%;width:65%;height:55%;opacity:.18;pointer-events:none}.signal-field svg{width:100%;height:100%}.signal-field path{fill:none;stroke:var(--electric-500);stroke-width:2;stroke-dasharray:14 18;animation:signal 8s linear infinite}.signal-field circle{fill:var(--white)}@keyframes signal{to{stroke-dashoffset:-64}}.hero-window{position:absolute;width:78%;border:1px solid var(--silver-700);border-radius:8px;background:var(--ink-850);overflow:hidden;box-shadow:0 24px 64px #00000073;transition:border-color .2s}.hero-window:hover{border-color:var(--electric-500)}.hero-window img{aspect-ratio:16/10;object-fit:cover;object-position:top}.hero-window span:not(.sr-only){display:block;padding:8px 12px;color:var(--silver-400)}.window-1{top:12px;left:0;z-index:2}.window-2{right:0;bottom:12px;z-index:3}.production-rail{scroll-margin-top:72px;border-block:1px solid var(--silver-700);background:var(--ink-950)}.rail-grid{min-height:80px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.rail-grid span{height:100%;display:flex;align-items:center;padding:16px 24px}.rail-grid span+span{border-left:1px solid var(--silver-700)}.live-dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--electric-500);box-shadow:0 0 8px #246bfd80}.paper{background-color:var(--paper-050);color:var(--ink-950);background-image:linear-gradient(rgba(11,13,16,.018) 1px,transparent 1px);background-size:4px 4px}.dark{background:var(--ink-950);color:var(--white)}.product-showcase{padding-block:var(--section);content-visibility:auto;contain-intrinsic-size:900px}.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}.product-copy{grid-column:1/5}.product-frame{grid-column:6/13;height:600px;overflow:auto;border:1px solid currentColor;border-radius:8px;background:var(--ink-850)}.product-frame img{width:100%;height:auto}.product-showcase:nth-of-type(2n) .product-copy{grid-column:9/13}.product-showcase:nth-of-type(2n) .product-frame{grid-column:1/8;grid-row:1}.accent{color:var(--electric-500)}.product-copy h2,.section h2,.journal h2,.contact h2{font:500 clamp(2.25rem,4vw,4.5rem)/1.15 var(--serif-tc);margin:24px 0}.product-copy h2{font-size:clamp(2rem,3.4vw,3.75rem)}.product-description{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75;margin:48px 0 32px;max-width:28rem}.metadata{border-top:1px solid currentColor;padding-top:24px;margin-bottom:32px}.metadata div{display:grid;grid-template-columns:110px 1fr;margin:12px 0}.metadata dt,.metadata dd{margin:0}.metadata dd{display:flex;align-items:center}.accent-link{color:var(--electric-500);font-family:var(--mono);letter-spacing:.04em}.workshop{padding:64px 0;background:var(--ink-950)}.workshop-links{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--silver-700);margin-top:24px}.workshop-links a{min-height:64px;padding:16px 0;display:flex;align-items:center;justify-content:space-between;font:400 .75rem/1.5 var(--mono);letter-spacing:.08em}.workshop-links a+a{border-left:1px solid var(--silver-700);padding-left:24px}.section{padding-block:var(--section);content-visibility:auto;contain-intrinsic-size:800px}.solutions h2,.process h2{max-width:900px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--silver-700);margin-top:64px}.solution-grid article{padding:32px 24px 0}.solution-grid article+article{border-left:1px solid var(--silver-700)}.solution-number,.process-grid>article>span{font:500 2rem var(--mono);color:var(--electric-500)}.solution-grid h3,.case-grid h3,.process-grid h3{font:500 .9rem/1.5 var(--mono);letter-spacing:.08em;margin:32px 0 16px}.solution-grid p,.case-grid p,.process-grid p,.contact p{line-height:1.75;color:var(--silver-400)}.work-label,.case-grid span{color:#a62635}.case-name{padding-top:24px;border-top:1px solid var(--paper-line);max-width:760px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:64px 0 32px}.case-grid article{padding:0 32px}.case-grid article:first-child{padding-left:0}.case-grid article+article{border-left:1px solid var(--paper-line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:64px}.process-grid:before{content:"";position:absolute;left:0;right:0;top:70px;border-top:1px solid var(--electric-500)}.process-grid article{padding:0 24px;position:relative}.process-grid article:after{content:"";position:absolute;top:66px;left:24px;width:9px;height:9px;border-radius:50%;background:var(--white);box-shadow:0 0 10px var(--electric-500)}.process-grid h3{margin-top:64px}.journal{padding-block:96px;content-visibility:auto;contain-intrinsic-size:400px}.journal-grid{display:grid;grid-template-columns:2fr 1fr;align-items:end}.journal h2{max-width:760px;margin-bottom:0}.journal-grid>a{justify-self:end}.contact{position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:2fr 1fr;align-items:center;position:relative}.contact-grid>div{z-index:2}.contact h2{max-width:700px}.contact p{max-width:42rem}.contact .button{justify-self:end;z-index:2}.contact .signal-field{width:50%;height:100%;top:0}.footer{border-top:1px solid var(--silver-700);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr)}.footer-grid>div,.footer-grid>a{padding:0 16px;display:flex;flex-direction:column;gap:12px}.footer-grid>*+*{border-left:1px solid var(--silver-700)}.footer-grid strong{font:500 1.25rem var(--sans);letter-spacing:.12em}.footer-grid b{font-weight:400;color:var(--white)}.footer-grid span,.footer-grid p,.copyright{color:var(--silver-400);line-height:1.5;letter-spacing:0}.copyright{margin:48px 16px 0}@media(max-width:1023px){:root{--gutter:32px}.nav-links{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:20px var(--gutter);background:var(--ink-950);border-bottom:1px solid var(--silver-700)}.nav-links.is-open{display:flex}.nav-links>a{justify-content:center}.menu-button{display:block}.hero-grid{grid-template-columns:1fr;padding-top:64px}.hero-products{height:600px}.hero-window{width:72%}.rail-grid{grid-template-columns:1fr}.rail-grid span+span{border-left:0;border-top:1px solid var(--silver-700)}.product-copy{grid-column:1/6}.product-frame{grid-column:6/13;height:520px}.product-showcase:nth-of-type(2n) .product-copy{grid-column:8/13}.product-showcase:nth-of-type(2n) .product-frame{grid-column:1/7}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid article:nth-child(3){border-left:0}.solution-grid article:nth-child(n+3){border-top:1px solid var(--silver-700);padding-bottom:32px}.footer-grid{grid-template-columns:repeat(3,1fr);row-gap:32px}.footer-grid>*:nth-child(4){border-left:0}}@media(max-width:639px){:root{--gutter:20px;--section:72px}.hero-grid{padding-top:48px;gap:32px}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.eyebrow{font-size:.65rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.edition{gap:12px;margin-top:32px;flex-wrap:wrap}.edition span+span{padding-left:12px}.hero-products{height:400px}.hero-window{width:86%}.window-1{top:0}.window-2{bottom:0}.hero-window span:not(.sr-only){font-size:.55rem;letter-spacing:.06em;padding:4px 8px}.product-grid,.product-showcase:nth-of-type(2n) .product-grid{display:flex;flex-direction:column;align-items:stretch}.product-copy,.product-showcase:nth-of-type(2n) .product-copy{order:0}.product-frame,.product-showcase:nth-of-type(2n) .product-frame{order:1;height:420px}.product-description{margin:32px 0}.workshop-links{grid-template-columns:1fr}.workshop-links a+a{border-left:0;border-top:1px solid var(--silver-700);padding-left:0}.solution-grid,.case-grid,.process-grid,.journal-grid,.contact-grid{grid-template-columns:1fr}.solution-grid article+article,.case-grid article+article{border-left:0;border-top:1px solid var(--silver-700)}.solution-grid article,.case-grid article,.case-grid article:first-child{padding:24px 0}.case-grid{margin-top:32px}.case-grid article+article{border-color:var(--paper-line)}.process-grid:before{inset:0 auto 0 12px;border-top:0;border-left:1px solid var(--electric-500)}.process-grid article{padding:0 0 32px 48px}.process-grid article:after{top:8px;left:8px}.process-grid h3{margin:12px 0 4px}.journal-grid>a,.contact .button{justify-self:start;margin-top:32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>*:nth-child(odd){border-left:0}.footer-grid>*:nth-child(4){border-left:1px solid var(--silver-700)}.footer-grid>div,.footer-grid>a{padding:0 12px}.copyright{margin-left:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.signal-field path{animation:none}}.product-frame{aspect-ratio:36 / 25;height:auto;overflow:hidden}.product-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-window img{width:100%;height:auto}@media(min-width:1024px){.hero,.hero-grid{min-height:calc(100svh - 104px)}.product-showcase.product-copy-first .product-copy{grid-column:1 / 5;grid-row:1}.product-showcase.product-copy-first .product-frame{grid-column:6 / 13;grid-row:1}.product-showcase.product-media-first .product-copy{grid-column:9 / 13;grid-row:1}.product-showcase.product-media-first .product-frame{grid-column:1 / 8;grid-row:1}}@media(min-width:640px)and (max-width:1023px){.product-showcase.product-copy-first .product-copy{grid-column:1 / 6;grid-row:1}.product-showcase.product-copy-first .product-frame{grid-column:6 / 13;grid-row:1}.product-showcase.product-media-first .product-copy{grid-column:8 / 13;grid-row:1}.product-showcase.product-media-first .product-frame{grid-column:1 / 7;grid-row:1}}