:root{--ink: #17181a;--paper: #fbfbfa;--tea: #a17c5b;--lift: #b6997f;--grey: #585858;--hair: #e8e8e6;--field: rgb(23 24 26 / .6);--dim: rgb(251 251 250 / .78);--line-on-ink: rgb(251 251 250 / .16);--accent: var(--tea);--sans: "Montserrat", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--gutter: clamp(20px, 4vw, 48px);--frame: clamp(8px, 1.2vw, 16px);--col: 40rem;--wide: 72rem;--hdr: 4rem;--out: cubic-bezier(.165, .84, .44, 1);--soft: cubic-bezier(.2, .7, .2, 1);--io: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html:lang(zh-Hant-TW) body{line-height:1.85;letter-spacing:.02em}::selection{background:var(--lift);color:var(--ink)}a{color:inherit}img{display:block}:focus-visible{outline:2px solid var(--tea);outline-offset:3px;border-radius:2px}.skip{position:fixed;top:.75rem;left:var(--gutter);z-index:50;padding:.6rem 1.1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.875rem;text-decoration:none;transform:translateY(-200%)}.skip:focus{transform:none}.kicker{margin:0 0 1rem;color:var(--grey);font-size:.6875rem;font-weight:500;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}html:lang(zh-Hant-TW) .kicker{font-size:.875rem;letter-spacing:.24em}.display{margin:0;max-width:18ch;font-size:clamp(2.25rem,5.4vw,4.75rem);font-weight:500;line-height:1.06;letter-spacing:-.025em;text-wrap:balance;white-space:pre-line}html:lang(zh-Hant-TW) .display{max-width:14em;line-height:1.22;letter-spacing:.04em}h2{margin:0 0 1.75rem;font-size:clamp(1.625rem,2.8vw,2.375rem);font-weight:500;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}html:lang(zh-Hant-TW) h2{line-height:1.35;letter-spacing:.04em}h2:after{content:"";display:block;width:2rem;height:2px;margin-top:1.5rem;background:var(--tea)}.pill{display:inline-flex;align-items:center;gap:.6em;min-height:2.75rem;padding:0 1.35rem;border:0;border-radius:999px;background:var(--tea);color:var(--ink);font:inherit;font-size:.9375rem;font-weight:500;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.pill:hover{background:var(--lift)}.pill:disabled{cursor:progress;opacity:.6}.arrow{display:inline-block;transition:transform .3s var(--out)}:is(.pill,.entry):hover .arrow{transform:translate(3px)}.hdr{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:clamp(1rem,2.4vw,2rem);height:var(--hdr);padding-inline:calc(var(--frame) + var(--gutter));transition:transform .3s ease,color .3s var(--out),opacity .8s var(--soft) 1.6s,visibility 0s linear 1.6s}.hdr:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 1px 0 var(--hair);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);opacity:0;transition:opacity .3s var(--out)}html[data-compact] .hdr:before{opacity:1}.js .hdr{position:fixed}html[data-chrome=hidden] .hdr{transform:translateY(-100%)}.hdr-mark{position:relative;z-index:2;display:flex;align-items:center;height:2.75rem;margin-right:auto;color:inherit}.hdr-mark .wm{width:auto;height:1.0625rem;overflow:visible}.hdr-mark .wm g{transition:opacity .3s var(--out),transform .5s var(--out)}html[data-compact] .hdr-mark .wm :is(.wm-a,.wm-y,.wm-s,.wm-i){opacity:0;transform:translate(-48px)}.bar{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);font-size:.875rem;font-weight:500}.bar a:not(.pill){display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:none;text-underline-offset:.5em;text-decoration-thickness:1px;opacity:.78;transition:opacity .15s var(--out)}.bar a:hover,.bar a[aria-current=page]{opacity:1}.bar a[aria-current=page]:not(.pill){text-decoration-line:underline;text-decoration-color:var(--accent)}.bar .pill{min-height:2.5rem;padding-inline:1.1rem;font-size:.875rem}.lang{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:2rem;padding:0 .75rem;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:999px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-decoration:none;transition:border-color .2s ease}.lang:hover{border-color:currentColor}.menu{display:none}@media(max-width:900px){.bar{display:none}.menu{display:block}.menu summary{position:relative;z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-right:-.6rem;list-style:none;cursor:pointer}.menu summary::-webkit-details-marker{display:none}.bars,.bars:before{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .3s var(--out)}.bars{position:relative;transform:translateY(-3.5px)}.bars:before{content:"";position:absolute;top:7px}.menu[open] .bars{transform:rotate(45deg)}.menu[open] .bars:before{transform:translateY(-7px) rotate(-90deg)}.menu>nav{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;padding:calc(var(--hdr) + 2rem) calc(var(--frame) + var(--gutter)) 2rem;background:var(--ink);color:var(--paper);font-size:1.75rem;font-weight:500;line-height:1.3}.menu>nav a{padding:.9rem 0;border-bottom:1px solid var(--line-on-ink);text-decoration:none}.menu>nav a[aria-current=page]{color:var(--lift)}.menu>nav .pill{min-height:0;padding:.9rem 0;border-radius:0;background:none;color:inherit;font-size:inherit}html:has(.menu[open]){overflow:hidden}html:has(.menu[open]) .hdr{color:var(--paper);--accent: var(--lift);transform:none}html:has(.menu[open]) .hdr:before{opacity:0}}.hero,.fault{position:relative;padding:var(--frame);view-timeline-name:--opening}.hero{padding-top:var(--hdr)}.stage{position:relative;font-weight:500;min-height:calc(92svh - var(--hdr) - var(--frame));overflow:hidden;border-radius:6px;background:var(--ink);color:var(--paper);--accent: var(--lift);clip-path:inset(0 round 6px)}.hero-home .stage{min-height:calc(100svh - var(--hdr) - var(--frame))}.fault .stage{min-height:calc(100svh - 2 * var(--frame))}.hero:not(:has(.contents)) .stage{min-height:calc(68svh - var(--hdr) - var(--frame))}.stage-body{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;gap:clamp(1.75rem,4vh,3rem);min-height:inherit;padding:clamp(3rem,8vh,5rem) var(--gutter);text-align:center}.stage-title{grid-row:2;display:flex;flex-direction:column;align-items:center}.stage-rest{grid-row:3;align-self:start;display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,5vh,3.25rem);width:100%}.stage .kicker{margin-bottom:1.5rem;color:var(--lift);font-size:.75rem;font-weight:600}html:lang(zh-Hant-TW) .stage .kicker{font-size:.9375rem;font-weight:500}.product{display:flex;align-items:center;gap:.875rem;margin:0 0 1rem;font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:600;letter-spacing:-.01em}.product img{width:2.75rem;height:2.75rem;object-fit:contain}.hero-mark{display:block;width:clamp(13rem,36vw,32rem);height:auto;overflow:visible}.statement{max-width:30ch;margin:0;color:var(--paper);font-size:clamp(1.125rem,1.9vw,1.625rem);line-height:1.4;letter-spacing:.005em;text-wrap:balance}html:lang(zh-Hant-TW) .statement{letter-spacing:.12em}.byline{margin:0;color:var(--dim);font-size:clamp(.9375rem,1.3vw,1.125rem);line-height:1.7;letter-spacing:.01em;white-space:pre-line}.byline:first-line{color:var(--paper)}.contents{width:min(100%,22rem);font-size:.875rem;line-height:1.4}.contents ol{margin:0;padding:0;list-style:none}.contents a{display:flex;align-items:baseline;gap:.65rem;padding:.35rem 0;color:var(--paper);text-decoration:none;transition:color .15s var(--out)}.contents a:hover{color:var(--lift)}.contents .n{color:var(--dim);font-size:.75rem;font-variant-numeric:tabular-nums}.contents .leader{flex:1;border-bottom:1px dotted currentColor;opacity:.55}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.stage-body{animation:drift linear both;animation-timeline:--opening;animation-range:exit 0% exit 100%}}}@keyframes drift{to{opacity:0;transform:translateY(24vh)}}.cue{position:absolute;bottom:clamp(1rem,3vh,2rem);left:50%;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem;border:0;background:none;color:var(--grey);font:inherit;font-size:.75rem;font-weight:500;letter-spacing:.2em;cursor:pointer;opacity:0;visibility:hidden;transform:translate(-50%);transition:opacity .4s ease,visibility 0s linear .4s}.cue:after{content:"";width:1px;height:2.25rem;background:currentColor;transform-origin:top;animation:cue 2.4s var(--io) infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero-home .stage{transition:clip-path 1.05s var(--io)}.hero-home .wm g{transition:transform 1.3s cubic-bezier(.33,1,.68,1) .15s,opacity 1.1s cubic-bezier(.4,0,.6,1) 1.3s}.hero-home .stage-rest{transition:opacity .9s var(--soft) 1.8s,transform .9s var(--soft) 1.8s,visibility 0s linear 1.8s}.gate .hero-home .stage{clip-path:inset(calc(50% - (min(40vw,17rem)*.6)) calc(50% - min(40vw,17rem)) round 6px)}.gate .hero-home .wm g{transform:translate(var(--dx))}.gate .hero-home .wm :is(.wm-l,.wm-y,.wm-s){opacity:0}.gate .hero-home .stage-rest{opacity:0;visibility:hidden;transform:translateY(1rem)}.gate .hero-home .cue{opacity:1;visibility:visible;transition:opacity .6s ease .8s}.gate:has(.hero-home) .hdr{opacity:0;visibility:hidden}.gate-lock{overflow:hidden}.sect{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [wide-start] minmax(0,calc((var(--wide) - var(--col)) / 2)) [col-start] min(var(--col),100% - 2 * var(--gutter)) [col-end] minmax(0,calc((var(--wide) - var(--col)) / 2)) [wide-end] minmax(var(--gutter),1fr) [full-end];padding-top:clamp(4.5rem,10vw,8.5rem);scroll-margin-top:1rem}.sect>*{grid-column:col}.sect-lead{padding-top:clamp(4rem,9vw,7.5rem)}.lede{margin:0 0 2rem;font-size:clamp(1.3125rem,2.1vw,1.75rem);line-height:1.45;letter-spacing:-.01em;text-wrap:pretty}html:lang(zh-Hant-TW) .lede{line-height:1.7;letter-spacing:.04em}.copy{margin:0 0 1.25rem;font-size:1.0625rem;text-wrap:pretty}.note{margin:2rem 0 0;padding-left:1rem;border-left:2px solid var(--tea);color:var(--grey);font-size:.9375rem}.actions{margin:2.25rem 0 0}.items{grid-column:wide;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:0 clamp(1.5rem,3vw,2.75rem);margin:2.75rem 0 0;padding:0;list-style:none;counter-reset:item}.items>li{position:relative;padding:1.1rem 0 2.25rem;border-top:1px solid var(--ink);counter-increment:item}.items>li:not(.feature):before,.feature-text:before{content:counter(item,decimal-leading-zero);display:block;margin-bottom:2.25rem;color:var(--grey);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.1em}.entry{display:flex;align-items:center;gap:.85rem;margin-bottom:.85rem;text-decoration:none}a.entry:after{content:"";position:absolute;inset:0}.entry .arrow{margin-left:auto;font-size:1.125rem}.entry h3{margin:0;font-size:1.1875rem;font-weight:500;line-height:1.35;text-underline-offset:.3em;text-decoration-thickness:1px}a.entry:hover h3{text-decoration-line:underline;text-decoration-color:var(--tea)}.itemmark{flex:none;width:2rem;height:2rem;object-fit:contain}.items>li>p{margin:0;color:var(--grey);font-size:.9375rem;line-height:1.75}.items:has(.feature){grid-template-columns:1fr;row-gap:clamp(3.5rem,8vw,6.5rem)}.items>li.feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,2.75rem);padding:0;border-top:0}.feature>img{display:block;width:100%;height:auto;aspect-ratio:8 / 9;object-fit:cover;border-radius:6px;background:var(--hair)}.feature:nth-child(2n)>img{order:1}.feature-text{padding-top:1.1rem;border-top:1px solid var(--ink)}.feature .entry h3{font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:600;letter-spacing:-.01em}.feature .itemmark{width:2.5rem;height:2.5rem}.feature-body{margin:1.25rem 0 0;font-size:1rem;line-height:1.8;text-wrap:pretty}@media(max-width:760px){.items>li.feature{grid-template-columns:1fr;row-gap:1.5rem}.feature:nth-child(2n)>img{order:0}}.papers{grid-column:wide;margin:2.75rem 0 0;padding:0;list-style:none}.papers li{position:relative;display:grid;grid-template-columns:clamp(6rem,11vw,8.5rem) minmax(0,1fr) auto;gap:clamp(1.25rem,3vw,2.75rem);align-items:start;padding:1.5rem 0 2.25rem;border-top:1px solid var(--ink)}.papers li>div{max-width:40rem}.papers img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:3px;background:var(--hair);box-shadow:0 1px 2px #17181a1f;transition:transform .5s var(--out)}.papers li:hover img{transform:translateY(-3px)}.papers .kicker{margin-bottom:.75rem}.papers h3{margin:0 0 .85rem;font-size:1.1875rem;font-weight:500;line-height:1.4;text-wrap:pretty}.papers a{text-decoration:none;text-underline-offset:.3em;text-decoration-thickness:1px;text-decoration-color:var(--tea)}.papers a:after{content:"";position:absolute;inset:0}.papers li:hover a{text-decoration-line:underline}.papers p:not(.kicker){margin:0;color:var(--grey);font-size:.9375rem;line-height:1.75}.papers .arrow{font-size:1.125rem}.papers li:hover .arrow{transform:translate(2px,-2px)}@media(max-width:640px){.papers li{grid-template-columns:6.5rem minmax(0,1fr);row-gap:1.25rem}.papers li>div{grid-column:1 / -1}.papers h3{font-size:1.0625rem}.papers .arrow{display:none}}.media{grid-column:wide;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(1.5rem,3vw,2.75rem);margin:2.75rem 0 0}.media img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--hair)}.media img:not(:only-child){aspect-ratio:8 / 9}.media+.items{margin-top:1.5rem}.js [data-reveal=fade]{opacity:0;transform:translateY(1.5rem);transition:opacity .9s var(--soft),transform .9s var(--soft)}.js [data-reveal=fade].is-in{opacity:1;transform:none}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1.75rem;margin-top:3.5rem}.enquiry label{display:grid;align-content:start;gap:.5rem}.enquiry label>span{color:var(--grey);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}html:lang(zh-Hant-TW) .enquiry label>span{font-size:.8125rem;letter-spacing:.2em}.enquiry .wide,.form-foot{grid-column:1 / -1}.enquiry :is(input,select,textarea){width:100%;padding:.55rem 0;border:0;border-bottom:1px solid var(--field);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:1rem;transition:border-color .2s ease}.enquiry :is(input,select,textarea):hover,.enquiry :is(input,select,textarea):focus{border-bottom-color:var(--ink)}.enquiry :is(input,select,textarea)[aria-invalid=true]{border-bottom:2px solid var(--tea)}.enquiry select{appearance:none;padding-right:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2317181a' stroke-width='1.5'/%3E%3C/svg%3E") right .25rem center no-repeat;cursor:pointer}.enquiry textarea{resize:vertical}.enquiry em{font-size:.8125rem;font-style:normal;font-weight:500}.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.5rem}.form-failed,.form-done{margin:0}.form-done{margin-top:3rem;font-size:1.25rem;line-height:1.5}.form-failed a{text-underline-offset:.25em;text-decoration-color:var(--tea)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:640px){.enquiry{grid-template-columns:1fr}}.ticks{position:fixed;top:50%;left:0;z-index:15;opacity:0;visibility:hidden;transform:translateY(-50%);transition:opacity .3s ease,visibility 0s linear .3s}html[data-past] .ticks{opacity:1;visibility:visible;transition:opacity .3s ease}.ticks ol{margin:0;padding:0;list-style:none}.ticks a{display:flex;align-items:center;height:1.125rem;padding-right:1rem;color:var(--ink);text-decoration:none}.ticks .tick{width:.75rem;height:1px;background:currentColor;opacity:.35;transition:width .3s var(--out),opacity .3s ease,background-color .3s ease}.ticks a:hover .tick{opacity:1}.ticks a[data-active] .tick{width:1.5rem;background:var(--tea);opacity:1}.ticks .tip{margin-left:.75rem;padding:.2rem .65rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.75rem;white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.ticks a:hover .tip{opacity:1;transform:none}@media(max-width:1100px){.ticks{display:none}}.colophon{margin:clamp(5rem,12vw,10rem) var(--frame) var(--frame);padding:clamp(3.5rem,9vw,7rem) var(--gutter) 2rem;border-radius:6px;background:var(--ink);color:var(--paper);--accent: var(--lift)}.colophon-mark .wm{display:block;width:min(100%,46rem);height:auto;overflow:visible}.colophon-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2.5rem;margin-top:clamp(3.5rem,9vw,7rem);padding-top:1.5rem;border-top:1px solid var(--line-on-ink);color:var(--dim);font-size:.8125rem;font-weight:500;line-height:1.8}.colophon-meta p{margin:0}.colophon-meta a{color:var(--paper);text-underline-offset:.25em;text-decoration-color:var(--lift)}.colophon-mark .wm g{transition:transform 1.3s cubic-bezier(.33,1,.68,1) .1s,opacity 1.1s cubic-bezier(.4,0,.6,1) 1.1s}.js .colophon-mark:not(.is-in) .wm g{transform:translate(var(--dx))}.js .colophon-mark:not(.is-in) .wm :is(.wm-l,.wm-y,.wm-s){opacity:0}.fault-mark{grid-row:1;align-self:start;color:var(--paper)}.fault-mark .wm{width:5.5rem;height:auto}.fault-copy{max-width:32rem;margin:0 0 2rem;color:var(--dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.js [data-reveal=fade]{opacity:1;transform:none}}@media print{.hdr,.ticks,.cue{display:none}.js [data-reveal=fade]{opacity:1;transform:none}}