:root{--ink:#0c0e0d;--ink-2:#161a18;--bone:#e7e1d4;--bone-2:#f4efe6;--copper:#c4a574;--copper-2:#8c6d3f;--mute:#e7e1d49e;--line:#e7e1d429;--line-dark:#0c0e0d1f;--page:min(92vw, 1480px);--gutter:clamp(1.1rem, 3vw, 2.4rem);--display:"Noto Serif TC", "Iowan Old Style", "Songti TC", serif;--sans:"Noto Sans TC", "Helvetica Neue", "PingFang TC", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html.menu-open{overflow:hidden}body{background:var(--ink);min-width:320px;color:var(--bone);font-family:var(--sans);letter-spacing:.01em;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--copper);color:var(--ink)}img,svg{max-width:100%;display:block}img{width:100%;height:auto}.hero__media img,.service-card__media img,.case-card img,.split figure img,.page-figure img{object-fit:cover;height:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--copper);color:var(--ink);padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}main,.site-footer{z-index:2;position:relative}.wrap{width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--copper);margin:0 0 1rem;font-size:.72rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.22}.site-header{z-index:50;padding:1.1rem var(--gutter);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0c0e0dc7;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid;position:fixed;inset:0 0 auto}.site-header__brand{font-family:var(--display);align-items:baseline;gap:.7rem;font-size:1.35rem;display:flex}.site-header__brand small{font-family:var(--mono);letter-spacing:.32em;opacity:.7;font-size:.62rem}.site-header__nav{letter-spacing:.16em;justify-content:center;gap:clamp(1rem,2.4vw,2.2rem);font-size:.82rem;display:flex}.site-header__nav a[aria-current=page]{color:var(--copper)}.site-header__actions{align-items:center;gap:.8rem;display:flex}.btn{border:1px solid var(--line);letter-spacing:.14em;min-height:2.7rem;transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);justify-content:center;align-items:center;padding:0 1.15rem;font-size:.78rem;display:inline-flex}.btn:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}.btn-solid{background:var(--copper);color:var(--ink);border-color:var(--copper)}.btn-solid:hover{background:var(--bone);border-color:var(--bone)}.btn-dark{border-color:var(--line-dark);color:var(--ink)}.btn-dark:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}.menu-toggle{width:2.4rem;height:2.4rem;display:none;position:relative}.menu-toggle i{background:currentColor;height:1px;position:absolute;left:.45rem;right:.45rem}.menu-toggle i:first-child{top:.9rem}.menu-toggle i:last-child{top:1.35rem}.mobile-menu{z-index:40;background:var(--ink);padding:6rem var(--gutter) 2rem;align-content:start;gap:1.4rem;display:none;position:fixed;inset:0}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{font-family:var(--display);letter-spacing:-.03em;gap:1rem;font-size:clamp(2rem,8vw,3.2rem);display:flex}.mobile-menu em{font-family:var(--mono);color:var(--copper);padding-top:.7rem;font-size:.8rem;font-style:normal}.hero{min-height:100svh;padding:8rem var(--gutter) 3.2rem;align-items:end;display:grid;position:relative}.hero__media{position:absolute;inset:0}.hero__media:after{content:"";background:linear-gradient(#0c0e0d2e 0% 40%,#0c0e0dc7 100%),linear-gradient(90deg,#0c0e0d73,#0000 46%);position:absolute;inset:0}.hero__copy{z-index:2;max-width:min(38rem,92vw);position:relative}.hero h1{letter-spacing:-.02em;font-size:clamp(2.6rem,6.4vw,4.8rem);font-weight:500;line-height:1.18}.hero__lead{max-width:32rem;color:var(--mute);letter-spacing:.02em;margin:1.35rem 0 2rem;font-size:1.08rem;line-height:1.9}.hero__cta{flex-wrap:wrap;gap:.7rem;display:flex}.hero__meta{z-index:2;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:1.6rem 2.4rem;margin-top:3.2rem;font-size:.7rem;display:flex;position:relative}.hero__meta b{color:var(--bone);font-weight:500}.section{padding:clamp(4.5rem,10vw,8rem) 0}.section-light{background:var(--bone-2);color:var(--ink);color-scheme:light}.section-light .eyebrow{color:var(--copper-2)}.section-light .mute{color:#0c0e0d9e}.section-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}.section-head h2{letter-spacing:-.02em;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.22}.section-head .mute{letter-spacing:.02em;max-width:34rem;font-size:1.05rem;line-height:1.85}.mute{color:var(--mute)}.service-grid{grid-template-columns:1.35fr 1fr;gap:1rem;display:grid}.service-card{min-height:420px;color:var(--bone);align-content:end;padding:1.6rem;display:grid;position:relative;overflow:hidden}.service-card:first-child{grid-row:span 2;min-height:860px}.service-card__media{position:absolute;inset:0}.service-card__media:after{content:"";background:linear-gradient(#0000 30%,#0c0e0de0);position:absolute;inset:0}.service-card__body{z-index:1;position:relative}.service-card h3{margin:.35rem 0 .6rem;font-size:clamp(1.8rem,3vw,2.8rem)}.service-card p{color:var(--mute);letter-spacing:.02em;max-width:34rem;margin:0 0 1.1rem;line-height:1.75}.process{border-top:1px solid var(--line-dark);grid-template-columns:repeat(5,1fr);display:grid}.process article{border-right:1px solid var(--line-dark);padding:1.6rem 1.2rem 0 0}.process article:last-child{border-right:0}.process b{font-family:var(--mono);color:var(--copper-2);letter-spacing:.18em;font-size:.72rem}.process h3{margin:.7rem 0 .55rem;font-size:1.28rem;font-weight:500}.process p{margin:0;font-size:.95rem;line-height:1.75}.case-grid{grid-template-columns:1.2fr .8fr 1fr;grid-auto-rows:280px;gap:.7rem;display:grid}.case-card{color:var(--bone);position:relative;overflow:hidden}.case-card:first-child{grid-area:span 2/1/auto/3}.case-card:nth-child(4){grid-column:2/4}.case-card figcaption{background:linear-gradient(#0000,#0c0e0ddb);padding:1.2rem;position:absolute;inset:auto 0 0}.case-card h3{font-size:1.35rem}.case-card span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:.3rem;font-size:.68rem;display:block}.split{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.split--invert{grid-template-columns:.9fr 1.1fr}.split figure{min-height:520px;overflow:hidden}.faq details{border-top:1px solid var(--line-dark);padding:1.1rem 0}.faq details:last-child{border-bottom:1px solid var(--line-dark)}.faq summary{cursor:pointer;font-family:var(--display);justify-content:space-between;gap:1rem;font-size:1.25rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);color:var(--copper-2)}.faq details[open] summary:after{content:"–"}.faq h2{margin:0 0 1.4rem}.faq p{letter-spacing:.02em;max-width:38rem;margin:.75rem 0 .2rem;line-height:1.85}.contact-panel{grid-template-columns:.9fr 1.1fr;gap:2.5rem;display:grid}.contact-list{margin:1.5rem 0 0;padding:0;list-style:none}.contact-list li{border-top:1px solid var(--line);padding:.85rem 0}.contact-list small{font-family:var(--mono);letter-spacing:.16em;color:var(--copper);margin-bottom:.2rem;font-size:.68rem;display:block}form{gap:.8rem;display:grid}label span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:.35rem;font-size:.68rem;display:block}input,textarea{border:1px solid var(--line);background:0 0;outline:none;width:100%;padding:.8rem .9rem}input:focus,textarea:focus{border-color:var(--copper)}textarea{resize:vertical;min-height:8rem}.page-hero{padding:8.5rem var(--gutter) 2.4rem;gap:.85rem;max-width:min(40rem,92vw);display:grid}.page-hero h1{letter-spacing:-.02em;font-size:clamp(2.3rem,5.6vw,3.8rem);font-weight:500;line-height:1.22}.page-figure{width:var(--page);padding-inline:var(--gutter);margin:0 auto 2.8rem}.page-figure,.page-figure img{object-fit:cover;min-height:280px;max-height:58vh}.prose{letter-spacing:.03em;max-width:38rem;font-size:1.08rem;line-height:1.95}.prose p{margin:0 0 1.15em}.prose .lead{color:var(--mute);font-size:1.18rem;line-height:1.8}.prose ul{margin:0 0 1.4rem;padding-left:1.2rem;line-height:1.9}.split>div p{letter-spacing:.02em;max-width:36rem;line-height:1.9}.split>div p+p{margin-top:1rem}.float-cta{z-index:45;gap:.45rem;display:flex;position:fixed;bottom:1rem;right:1rem}.float-cta a{background:var(--ink);border:1px solid var(--copper);min-width:7.2rem;color:var(--bone);letter-spacing:.14em;text-align:center;padding:.75rem .9rem;font-size:.72rem}.float-cta a:last-child{background:var(--copper);color:var(--ink)}.site-footer{padding:3rem var(--gutter) 6.5rem;border-top:1px solid var(--line);color:var(--mute);grid-template-columns:1.2fr 1fr 1fr;gap:2rem;font-size:.9rem;display:grid}.site-footer strong{color:var(--bone);font-family:var(--display);margin-bottom:.6rem;font-size:1.6rem;display:block}.site-footer nav{gap:.4rem;display:grid}@media (width<=980px){.site-header__nav,.site-header .btn{display:none}.menu-toggle{display:block}.service-grid,.process,.case-grid,.split,.split--invert,.section-head,.contact-panel,.site-footer{grid-template-columns:1fr}.service-card,.service-card:first-child{grid-row:auto;min-height:380px}.process article{border-right:0;border-bottom:1px solid var(--line-dark);padding:1.2rem 0}.case-card:first-child,.case-card:nth-child(4){grid-area:auto}.case-grid{grid-auto-rows:240px}.hero h1{font-size:clamp(2.2rem,10vw,3.2rem)}.float-cta{background:#0c0e0deb;padding:.6rem;bottom:0;left:0;right:0}.float-cta a{flex:1}.site-footer{padding-bottom:7.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}