:root{--ink:#282722;--paper:#f3f1eb;--muted:#7a766d;--accent:#b79a7a;--header:96px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:.03em;background:var(--paper);margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;font-weight:300}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}h1,h2,h3{font-family:"Noto Serif TC","Songti TC",serif;font-weight:400}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;width:1px;height:1px;overflow:hidden;position:absolute}.screen-reader-text:focus{clip:auto!important;color:#21759b;background:#fff;width:auto;height:auto;padding:15px 23px;top:5px;left:5px;z-index:100000}.site-header{z-index:100;background:#fff;border-bottom:1px solid #e7e3db;height:var(--header);position:relative}.header-inner{justify-content:space-between;align-items:center;width:84vw;height:100%;margin:auto;display:flex}.brand{align-items:center;gap:20px;display:flex}.brand .custom-logo-link{display:block}.brand img{object-fit:contain;width:75px;height:50px}.brand strong{white-space:nowrap;font-size:26px;font-weight:600}.desktop-nav{letter-spacing:.04em;align-self:stretch;font-size:18px;display:flex}.desktop-nav a{place-items:center;min-width:112px;padding:0 18px;transition:color .2s,background .2s;display:grid;position:relative}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:#9b7656;background:#f5f0ec}.desktop-nav a[aria-current=page]:after{content:"";background:#b47d57;height:2px;position:absolute;bottom:0;left:0;right:0}.menu-toggle,.mobile-menu{display:none}.eyebrow{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;margin:0 0 26px;font:300 10px/1.7 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}.eyebrow.light{color:#ffffffc4}.yi-section{padding:130px 8vw}.yi-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;display:grid}.yi-section h2{letter-spacing:.05em;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.55}.yi-prose,.yi-detail-copy{padding-top:54px;font-size:15px;line-height:2.1}.yi-prose>p:first-child{margin-top:0}.text-link{letter-spacing:.14em;border-bottom:1px solid;margin-top:26px;padding:12px 0;font-size:11px;display:inline-block}.yi-hero{color:#fff;align-items:center;min-height:760px;margin:126px 4vw 0;padding:8vw;display:flex;position:relative;overflow:hidden}.yi-hero>img,.yi-quote>img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.yi-hero.no-image,.yi-quote.no-image{background:#645f55}.yi-cover-shade{z-index:1;background:linear-gradient(90deg,#171510a3,#0000 72%);position:absolute;inset:0}.yi-cover-copy{z-index:2;position:relative}.yi-hero h1{letter-spacing:.1em;margin:0 0 26px;font-size:clamp(48px,7vw,96px);line-height:1.2}.yi-hero .hero-description{letter-spacing:.08em;margin:0;font-size:16px}.yi-section-head{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.yi-project-grid,.yi-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.yi-project-card{margin-bottom:34px}.yi-project-image{aspect-ratio:16/10;background:#ddd9cf;width:100%;position:relative;overflow:hidden}.yi-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.yi-project-card:hover img{transform:scale(1.025)}.yi-project-card h2{margin:16px 0 0;font-size:24px}.yi-project-card p,.yi-meta{color:var(--muted);letter-spacing:.14em;margin:7px 0 0;font-size:10px}.yi-quote{color:#fff;align-items:center;min-height:600px;padding:8vw;display:flex;position:relative;overflow:hidden}.yi-quote .yi-cover-shade{background:#211f1db8}.yi-quote h2{margin:0;font-size:clamp(38px,5vw,70px);line-height:1.55}.yi-home-cta{color:#fff;text-align:center;background:var(--accent);padding:96px 8vw}.yi-home-cta h2{max-width:900px;margin:16px auto 24px;font-size:clamp(34px,4vw,58px);line-height:1.55}.yi-home-cta>div>p:not(.eyebrow){max-width:640px;margin:0 auto 28px;line-height:2}.cta-button{color:#fff;letter-spacing:.15em;background:var(--ink);border:0;padding:16px 30px;font-size:11px;display:inline-block}.yi-projects,.yi-detail-hero,.yi-page-hero{padding:110px 8vw}.yi-projects>h1,.yi-page-hero h1{max-width:1050px;margin:0 0 80px;font-size:clamp(46px,6vw,92px);line-height:1.45}.yi-project-list .yi-project-image{aspect-ratio:4/3}.yi-detail-hero h1{margin:18px 0 22px;font-size:clamp(54px,8vw,108px)}.yi-detail-image{max-width:1500px;margin:auto}.yi-detail-image img{aspect-ratio:16/9;object-fit:cover;width:100%}.yi-detail-story{padding:90px 8vw 100px}.yi-detail-story h2{margin-top:22px;font-size:clamp(36px,5vw,68px);line-height:1.5}.yi-detail-back{padding:0 8vw 100px}.project-navigation{justify-content:space-between;gap:20px;padding:0 8vw 50px;display:flex}.inner-page{min-height:65vh}.entry-content{max-width:1380px;margin:auto}.entry-content>:first-child{margin-top:0}.entry-content>:last-child{margin-bottom:0}.post-list{display:grid;gap:32px}.post-list article{border-top:1px solid #bbb5aa;padding-top:28px}.nav-links{justify-content:center;gap:24px;margin-top:60px;display:flex}.error-page{text-align:center;min-height:60vh;padding:140px 8vw}.error-page h1{font-size:clamp(40px,6vw,80px)}.yuansen-float{z-index:90;gap:12px;width:56px;display:grid;position:fixed;top:50%;right:clamp(12px,2vw,28px);transform:translateY(-50%)}.yuansen-float a{color:transparent;text-indent:-9999px;background:#969895 50%/30px no-repeat;border-radius:50%;width:56px;height:56px;overflow:hidden;box-shadow:0 8px 22px #0000001f}.yuansen-float .social-facebook{background-image:url(../icons/social-facebook.svg)}.yuansen-float .social-instagram{background-image:url(../icons/social-instagram.svg)}.yuansen-float .social-line{background-image:url(../icons/social-line.svg)}.yuansen-footer{color:#d6d3cb;background:#201f1b;padding:76px 8vw 42px}.yuansen-footer-grid{grid-template-columns:1.1fr 1fr 1fr;gap:5vw;display:grid}.yuansen-footer h2{color:#fff;margin:0 0 20px;font-size:28px}.yuansen-footer a,.yuansen-footer p{color:#b9b6af;font-size:13px;line-height:2;display:block}.yuansen-footer small{color:#77736c;border-top:1px solid #45433f;margin-top:52px;padding-top:22px;display:block}.preserve-lines{white-space:pre-line}:focus-visible{outline:2px solid #9b7656;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:768px){:root{--header:72px}.header-inner{width:86vw}.brand{gap:12px}.brand img{width:54px;height:40px}.brand strong{font-size:20px}.desktop-nav{display:none}.menu-toggle{background:transparent;border:0;gap:5px;width:34px;padding:6px;display:grid}.menu-toggle span{background:var(--ink);height:1px;display:block;transition:transform .25s}.menu-open .menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}.mobile-menu{background:#fff;max-height:0;transition:max-height .3s;display:grid;position:absolute;inset:72px 0 auto;overflow:hidden}.menu-open .mobile-menu{border-bottom:1px solid #e7e3db;max-height:420px}.mobile-menu a{border-top:1px solid #eeeae4;padding:17px 7vw;font-size:15px}.yi-hero{min-height:600px;margin:34px 0 0;padding:7vw}.yi-hero h1{font-size:44px;line-height:1.35}.yi-section,.yi-projects,.yi-detail-hero,.yi-detail-story,.yi-page-hero{padding:76px 7vw}.yi-section h2{font-size:34px}.yi-columns{grid-template-columns:1fr}.yi-prose,.yi-detail-copy{padding-top:0}.yi-project-grid,.yi-project-list{grid-template-columns:1fr}.yi-section-head{flex-direction:column;align-items:start;gap:20px}.yi-quote{min-height:520px;padding:7vw}.yi-home-cta{padding:72px 7vw}.yi-projects>h1,.yi-page-hero h1{margin-bottom:56px;font-size:44px}.yi-detail-hero h1{font-size:56px}.yi-detail-image img{aspect-ratio:4/3}.project-navigation{padding-inline:7vw}.yuansen-float{gap:10px;width:48px;right:10px}.yuansen-float a{background-size:27px;width:48px;height:48px}.yuansen-footer{padding:56px 7vw 34px}.yuansen-footer-grid{grid-template-columns:1fr;gap:44px}}