@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@600;700&display=swap";:root{--paper:#f4efe5;--paper-deep:#e9e0d1;--ink:#20221f;--muted:#66685f;--line:#cfc6b7;--indigo:#39446d;--indigo-dark:#28314f;--rust:#b85f35;--white:#fffdf8;--shell:min(1160px,calc(100% - 32px));color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);margin:0;line-height:1.7}a{color:inherit}button,a{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;font-family:Noto Serif TC,serif;line-height:1.2}h1{font-size:clamp(2.7rem,8vw,6.7rem);font-weight:600}h2{font-size:clamp(2rem,4.5vw,4rem)}h3{line-height:1.45}.section-shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:50;border-bottom:1px solid var(--line);background:#f4efe5f5;justify-content:space-between;align-items:center;height:72px;padding:0 max(16px,50% - 580px);display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.wordmark span{background:var(--indigo);color:#fff;place-items:center;width:34px;height:34px;font-size:.75rem;display:grid}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav a{font-size:.9rem;text-decoration:none}.nav-cta{border:1px solid var(--ink);background:0 0;padding:8px 14px}.eyebrow,.section-index{letter-spacing:.16em;color:var(--indigo);text-transform:uppercase;font-size:.75rem;font-weight:700}.hero{grid-template-columns:1fr .36fr;align-items:center;gap:10%;min-height:calc(100svh - 72px);padding-block:80px;display:grid}.hero h1{margin-bottom:30px}.hero h1 em{color:var(--indigo);font-style:normal}.hero-lead{max-width:680px;color:var(--muted);font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button-dark{background:var(--ink);color:var(--paper)}.button-light{color:var(--ink);background:0 0}.button-accent{background:var(--rust);border-color:var(--rust);color:#fff}.hero-note{background:var(--indigo);color:#fff;box-shadow:12px 14px 0 var(--paper-deep);padding:32px 26px;position:relative;transform:rotate(1.5deg)}.hero-note span,.hero-note i{letter-spacing:.12em;opacity:.72;font-size:.72rem}.hero-note p{margin:40px 0 50px;font:600 1.35rem/1.7 Noto Serif TC,serif}.hero-note i{font-style:normal}.ruled-section{border-block:1px solid var(--line);grid-template-columns:1fr 3fr;gap:40px;padding-block:100px;display:grid}.intro>div{grid-template-columns:1.25fr 1fr;gap:10%;display:grid}.intro h2{font-size:clamp(1.9rem,4vw,3.4rem)}.intro>div>p{color:var(--muted);font-size:1.06rem}.products-section,.process-section,.journal-section{padding-block:110px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:390px;color:var(--muted)}.product-list{border-top:1px solid var(--line)}.product-card{border-bottom:1px solid var(--line);grid-template-columns:1fr .85fr;align-items:center;gap:8%;padding:72px 0;display:grid}.product-copy h3{margin:8px 0 16px;font:600 clamp(1.8rem,3vw,2.8rem)/1.3 Noto Serif TC,serif}.product-copy h3 a{text-decoration:none}.product-copy>p{max-width:580px;color:var(--muted)}.status{align-items:center;gap:8px;width:max-content;margin:20px 0;font-size:.82rem;font-weight:600;display:flex}.status span{background:var(--rust);border-radius:50%;width:8px;height:8px}.text-link{text-underline-offset:5px;margin-top:10px;font-weight:600;display:inline-block}.product-mock{background:var(--white);box-shadow:10px 12px 0 var(--paper-deep);border:1px solid #b8b1a5;min-height:260px}.mock-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:48px;padding:0 16px;display:flex}.mock-bar span{background:var(--line);border-radius:50%;width:7px;height:7px}.mock-bar b{margin-left:auto;font-size:.75rem}.mock-body{padding:24px}.mock-status{color:var(--indigo-dark);background:#e9ebf2;align-items:center;gap:8px;padding:14px;font-size:.85rem;font-weight:600;display:flex}.mock-status i{background:var(--indigo);border-radius:50%;width:8px;height:8px}.mock-row{border-bottom:1px solid #ded8cc;grid-template-columns:100px 1fr;align-items:center;gap:16px;padding:19px 4px;font-size:.8rem;display:grid}.mock-row em{height:7px;width:var(--value);background:var(--rust);opacity:.72}.building-band{background:var(--indigo-dark);color:var(--paper);padding-block:85px}.building-grid{grid-template-columns:.5fr 1fr 2fr auto;gap:40px;display:grid}.building-grid .eyebrow{color:#cbd0e3}.building-grid h2{font-size:2rem}.building-grid h3{font:600 1.55rem/1.5 Noto Serif TC,serif}.building-grid p{color:#d3d0c7}.building-mark{color:#d5845e;font-size:3rem}.process-grid{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.process-grid li{border-right:1px solid var(--line);padding:32px 24px}.process-grid li:last-child{border:0}.process-grid b{color:var(--rust);font-size:.75rem}.process-grid h3{margin-top:42px}.process-grid p{color:var(--muted);font-size:.92rem}.journal-section{border-top:1px solid var(--line)}.journal-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.journal-grid article{background:var(--paper);padding:32px}.journal-grid time{color:var(--rust);font-size:.78rem;font-weight:700}.journal-grid h3{margin-top:30px;font:600 1.3rem/1.5 Noto Serif TC,serif}.journal-grid p{color:var(--muted);font-size:.9rem}.cta-section{background:var(--paper-deep);text-align:center;margin-block:60px 110px;padding:80px}.cta-section h2{margin:16px auto 24px}.cta-section>p:not(.eyebrow){color:var(--muted)}.cta-section .button{margin-top:20px}footer{background:var(--ink);color:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:45px max(16px,50% - 580px);display:grid}footer p{color:#bdb9b0;margin:0}footer small{opacity:.6;grid-column:2}.consult-dialog{border:1px solid var(--ink);background:var(--paper);width:min(520px,100% - 32px);color:var(--ink);padding:0;box-shadow:16px 16px #20221f40}.consult-dialog::backdrop{background:#181917b3}.dialog-inner{padding:42px}.dialog-inner h2{font-size:2rem}.dialog-inner p:not(.eyebrow){color:var(--muted)}.dialog-inner .button{margin-top:20px}.back-link{text-underline-offset:5px;margin:36px 0;display:inline-block}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .8fr;align-items:center;gap:10%;padding:50px 0 100px;display:grid}.detail-hero h1{margin:10px 0 22px;font-size:clamp(2.7rem,6vw,5.4rem)}.detail-hero>div>p:not(.eyebrow){color:var(--muted);max-width:640px;font-size:1.1rem}.detail-body{grid-template-columns:210px 1fr;gap:10%;padding-block:70px 120px;display:grid}.detail-body aside{flex-direction:column;gap:10px;height:max-content;font-size:.85rem;display:flex;position:sticky;top:105px}.detail-body aside p{font-weight:700}.detail-body aside a{color:var(--muted);text-decoration:none}.detail-content{max-width:760px}.detail-content section{border-bottom:1px solid var(--line);padding:20px 0 70px}.detail-content section:last-child{border:0}.detail-content h2{font-size:2.2rem}.detail-content>section>p:not(.section-index),.detail-content li{color:var(--muted)}.detail-content li{margin:10px 0}.feature-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:30px 0 45px;display:grid}.feature-grid div{background:var(--paper);padding:24px}.feature-grid b{color:var(--rust);font-size:.72rem}.feature-grid p{margin:25px 0 0;font-weight:600}.timeline{border-left:1px solid var(--indigo);margin-top:30px}.timeline div{padding:0 0 30px 28px;position:relative}.timeline div:before{content:"";background:var(--indigo);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:-5px}.timeline p{color:var(--muted);margin:5px 0}.detail-content #next .button{margin-top:20px}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}@media (hover:hover){a:hover{text-decoration-color:var(--rust)}.button:hover,.nav-cta:hover{background:var(--rust);border-color:var(--rust);color:#fff}.product-copy h3 a:hover{color:var(--indigo)}}@media (width<=760px){:root{--shell:calc(100% - 32px)}.site-header{height:64px}.site-header nav>a{display:none}.site-header nav{gap:8px}.nav-cta{padding:7px 10px}.hero{grid-template-columns:1fr;min-height:auto;padding-block:70px 85px}.hero>div{min-width:0}.hero-lead{overflow-wrap:anywhere;max-width:100%}.hero-note{justify-self:end;width:86%;margin-top:50px}.ruled-section,.intro>div,.product-card,.building-grid,.detail-hero,.detail-body{grid-template-columns:1fr}.ruled-section{padding-block:75px}.intro>div{gap:15px}.products-section,.process-section,.journal-section{padding-block:80px}.section-heading{display:block}.section-heading>p{margin-top:18px}.product-card{gap:35px;padding:55px 0}.product-mock{min-height:230px}.building-grid{gap:12px}.building-mark{display:none}.process-grid,.journal-grid{grid-template-columns:1fr}.process-grid li{border-right:0;border-bottom:1px solid var(--line)}.process-grid li:last-child{border-bottom:0}.process-grid h3{margin-top:20px}.cta-section{width:100%;margin-bottom:0;padding:70px 20px}.cta-section h2 br{display:none}footer{grid-template-columns:1fr;padding-block:40px}footer small{grid-column:1}.detail-hero{padding-bottom:70px}.detail-body{padding-top:30px}.detail-body aside{display:none;position:static}.feature-grid{grid-template-columns:1fr}.dialog-inner{padding:32px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}