*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f4f3;color:#555;font:16px/1.9 Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d49f53;outline-offset:4px}.review{background:#e9e2d7;color:#4d4233;padding:9px 20px;font-size:13px;text-align:center}.review strong{margin-right:10px}.top{background:#080808;color:#eee;border-bottom:1px solid #333;font-size:13px}.wrap{max-width:1160px;margin:auto}.top .wrap{display:flex;justify-content:space-between;padding:7px 0;gap:16px}.categories{display:flex;gap:24px;flex-wrap:wrap}.categories a{text-decoration:none}header{background:#050505;color:#eee}.head{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{width:218px;height:auto;display:block}nav{display:flex;gap:32px;align-items:center;flex-wrap:wrap}nav a{color:#eee;text-decoration:none;font-weight:bold;font-size:16px;padding:15px 0;border-bottom:2px solid transparent}nav a.active{color:#c79a59;border-color:#b08043}.menu-toggle{display:none;background:none;border:1px solid #777;color:white;padding:6px 13px}.hero{background:#d6c1a2;padding:30px 0 36px}.hero figure{margin:0;position:relative}.hero img{display:block;width:100%;height:400px;object-fit:cover;background:#cbbfae}.caption{position:absolute;bottom:0;left:0;right:0;padding:14px 22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:14px}.slide-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;color:#423527;font-size:13px}.slide-controls button{background:transparent;border:1px solid #9d8667;padding:2px 15px;color:#423527}.main{padding:44px 0 60px}.paper{background:white;padding:30px 34px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;color:#987441;margin:0 0 7px;text-transform:uppercase}h1,h2,h3{color:#745530;line-height:1.5;margin:0 0 20px}h1{font-size:28px}h2{font-size:25px}h3{font-size:19px;margin-top:25px;margin-bottom:10px}p{margin:0 0 18px}.lead{font-size:18px;color:#555;line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.button{display:inline-block;text-decoration:none;border:1px solid #967248;padding:8px 22px;color:#765531;background:white}.button.primary{background:#765531;color:white}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-head small{font-size:12px;color:#888}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project{background:white}.project img{display:block;width:100%;height:230px;object-fit:cover}.project div{padding:20px 24px}.project h3{margin:0 0 7px}.project p{font-size:14px;margin-bottom:10px}.project a{font-size:14px;color:#765531}.page-title{background:#ddd3c3;padding:36px 0}.page-title h1{margin:0}.breadcrumb{font-size:12px;margin-bottom:9px;color:#736655}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:32px}.aside-image{width:100%;height:300px;object-fit:cover;display:block}.small{font-size:13px;color:#777}.values{border-top:1px solid #ddd;padding-top:17px}.service{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid #e5e1dc}.service:first-child{padding-top:0}.service h3{margin:0 0 8px}.service p{margin:0}.num{font-size:25px;color:#b8a183;font-family:Georgia,serif}.faq{border-top:1px solid #ddd;margin-top:28px}.faq details{padding:18px 0;border-bottom:1px solid #ddd}.faq summary{cursor:pointer;color:#745530;font-weight:bold}.faq details p{margin:15px 0 0}.article{max-width:840px;margin:auto}.article h2{font-size:22px;margin-top:32px;margin-bottom:10px}.article .meta{font-size:13px;color:#888}.related{padding-top:20px;border-top:1px solid #ddd;margin-top:30px}.related a{color:#765531}.footer{background:#191919;color:#bcbcbc;padding:42px 0 20px;font-size:14px}.footer-grid{display:grid;grid-template-columns:.85fr 1.45fr 1.45fr;gap:35px}.footer h3{color:#eee;margin:0 0 16px;font-size:18px}.footer p{margin-bottom:12px}.footer a{text-decoration:none}.copyright{border-top:1px solid #444;margin-top:27px;padding-top:16px;font-size:12px}.page[hidden]{display:none}.contact-banner{padding:28px 34px;background:#e9e2d8;margin-top:30px}.contact-banner h2{font-size:22px;margin-bottom:8px}.contact-banner p{margin-bottom:0}.mobile-frame{max-width:430px;margin:auto}.mobile-frame .wrap{padding-left:18px;padding-right:18px}.mobile-frame .head{min-height:110px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.mobile-frame .logo{width:135px}.mobile-frame nav{gap:17px}.mobile-frame .hero img{height:210px}.mobile-frame .projects,.mobile-frame .two-col,.mobile-frame .footer-grid{grid-template-columns:1fr}.mobile-frame .paper{padding:24px 20px}.mobile-frame h1{font-size:24px}.mobile-frame .categories{gap:12px}.review-tools{display:flex;justify-content:center;gap:15px;margin-top:5px}.review-tools button{font-size:12px;border:0;border-bottom:1px solid #88785d;background:transparent;color:#5c4c34;padding:0 3px}.mobile-frame .section-head{display:block}.mobile-frame .top .wrap{display:block}.mobile-frame .hero{padding:18px 0}.mobile-frame .main{padding-top:25px}.mobile-frame .aside-image{height:220px}@media(max-width:800px){.wrap{padding-left:20px;padding-right:20px}.head{min-height:125px;flex-wrap:wrap;gap:8px;padding-top:18px;padding-bottom:18px}.logo{width:150px}nav{gap:20px;width:100%;justify-content:flex-start}nav a{font-size:14px;padding:8px 0}.top .wrap{display:block}.categories{gap:13px;font-size:12px}.hero img{height:250px}.projects,.two-col{grid-template-columns:1fr}.paper{padding:25px 22px}h1{font-size:24px}.main{padding-top:28px}.footer-grid{grid-template-columns:1fr;gap:20px}.project img{height:230px}.section-head{display:block}.hero{padding:20px 0}.page-title{padding:26px 0}.contact-banner{padding:24px}.head{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--page:#fbf9f5;--header:#fffefa;--soft:#f4eee3;--ink:#4b514b;--green:#566d5b;--brown:#82664a;--line:#ded9ce}
body{background:var(--page);color:var(--ink)}
.review{background:#f0eadd;color:#625b4c;border-bottom:1px solid #ddd4c4}
.review-tools{gap:18px;flex-wrap:wrap}.review-tools button{color:#675c49;border-color:#b8a68a;padding:3px 5px}.review-tools button[aria-pressed=true]{color:#3f624a;border-bottom:2px solid #60785e;font-weight:bold}
.top{background:var(--soft);color:#605b50;border-bottom:1px solid #e7dfd0}.top .wrap{padding-top:8px;padding-bottom:8px}.categories a:hover{color:#865a3d}
header{background:var(--header);color:var(--ink);border-bottom:1px solid #e5dfd3}.head{min-height:140px;gap:28px}.logo{width:175px;filter:url(#logo-light)}
nav{gap:31px}nav a{color:#595b51;font-weight:600}nav a.active{color:#846040;border-color:#b18a58}nav a:hover{color:#9c603c}.menu-toggle{border-color:#baa98b;color:#655a47}
.hero{background:linear-gradient(110deg,#faf6ed,#f0e7d7);padding:28px 0 26px}.hero img{height:390px;object-fit:cover}.hero figure{box-shadow:0 8px 24px #94734c12}.caption{background:linear-gradient(transparent,rgba(67,59,46,.76));padding-top:32px;color:white}.slide-controls{color:#77654d}.slide-controls button{border-color:#c7b493;color:#6b5b45;background:#fffdfa80}
.main{padding-top:42px}.paper{background:#fffefa;padding:34px 36px;border:1px solid #eee8dc}.eyebrow{color:#8b805d}h1,h2,h3{color:#725c42}h1{font-weight:500;font-size:29px}.lead{color:#51574e}.actions{align-items:center}.button{background:#fffefa;border-color:#a9997b;color:#69593f;transition:background .15s}.button.primary{background:#5f745f;border-color:#5f745f;color:#fff}.button:hover{background:#eee8dc}.button.primary:hover{background:#4e654f}.project{background:#fffefa;border:1px solid #eee7db}.project img{height:230px}.project h3{color:#6d604b}.project a{color:#526d55}.page-title{background:linear-gradient(100deg,#f5efdf,#fbf8ef);border-bottom:1px solid #e9dfce}.breadcrumb{color:#8b7d62}.service{border-color:#e6dfd2}.num{color:#ab9875}.values,.faq,.faq details,.related{border-color:#e6ded0}.faq summary{color:#685b43}.contact-banner{background:#edf0e7;border:1px solid #dce3d2}.contact-banner h2{color:#56694f}.footer{background:#f0eadf;color:#655f52;border-top:1px solid #e0d6c5;padding-top:40px}.footer h3{color:#6c5a43}.footer a:hover{text-decoration:underline}.copyright{border-color:#d9cfbd;color:#817767}.related a{color:#56705a}
body.ivory{--page:#f6f0e5;--header:#fcf7eb;--soft:#eee4d2}.ivory .paper,.ivory .project{background:#fffcf5}.ivory .hero{background:linear-gradient(110deg,#f5ebd8,#eee0c5)}.ivory .page-title{background:#eee4cf}.ivory .footer{background:#eae0cc}.ivory .review{background:#e9dfca}
.mobile-frame .head{min-height:112px}.mobile-frame .logo{width:130px}.mobile-frame nav{gap:17px}.mobile-frame .paper{padding:25px 21px}.mobile-frame .hero img{height:220px}.mobile-frame .main{padding-top:26px}
@media(max-width:800px){.head{min-height:118px;padding-top:16px;padding-bottom:16px}.logo{width:140px}nav{gap:20px}.paper{padding:26px 22px}.hero img{height:250px}h1{font-size:25px}.hero{padding-top:20px}.copyright span{display:block;float:none!important;margin-top:6px}}


/* Unified white and ivory composition */
:root{--page:#fff;--header:#fff;--soft:#f8f4ed;--ink:#4f554e}
body{background:#fff;color:#4f554e;font-size:16px;line-height:1.95}.wrap{max-width:1160px}
.review{background:#f7f3eb;border-bottom:1px solid #ebe5d9;color:#706655;padding:10px 20px;font-size:12px}.review-tools{gap:6px;margin-top:8px;align-items:center}.review-tools button{border:1px solid transparent!important;border-radius:20px;color:#7a725f;font-size:12px;padding:4px 14px;line-height:1.6;transition:all .18s}.review-tools button:hover{background:white;color:#4e6856}.review-tools button[aria-pressed=true]{background:white;color:#526b56;box-shadow:0 2px 8px #8e775114;font-weight:600}
.top{background:#faf8f3;border-bottom:1px solid #eee8dd;color:#898170}.top .wrap{padding-top:8px;padding-bottom:8px}.categories{gap:22px}.categories a{transition:color .2s}.categories a:hover{color:#4f7059}
.head{min-height:126px;gap:28px}.logo{width:158px}header{background:white;border-bottom:1px solid #eee9df}nav{gap:12px}nav a{position:relative;font-size:15px;font-weight:500;letter-spacing:.3px;padding:10px 17px;border:0;border-radius:25px;color:#655f52;transition:background .18s,color .18s}nav a.active{background:#f3eee4;color:#6b583d;border:0}nav a:hover{background:#f8f5ee;color:#4c6952}nav a[data-page=contact]{margin-left:12px;border:1px solid #d8d4c8;color:#526a55}nav a[data-page=contact]:hover,nav a[data-page=contact].active{background:#607660;border-color:#607660;color:white}
.hero{background:linear-gradient(100deg,#fbf9f4,#f2ebdf);padding:26px 0 20px}.hero figure{border-radius:7px;overflow:hidden;box-shadow:0 8px 30px #826f4912}.hero img{height:390px}.caption{font-size:13px;letter-spacing:.2px}.slide-controls{padding-top:16px;color:#998a72}.slide-controls button{border:1px solid #ddd2be;border-radius:30px;background:#ffffffb5;color:#786b53;min-height:36px;padding:3px 18px;font-size:12px;transition:all .18s}.slide-controls button:hover{background:white;border-color:#a89b81}.slide-controls button:active{transform:translateY(1px)}
.main{padding:58px 0 72px}.paper{border:0;background:#fff;padding:38px 40px;margin-bottom:38px}.paper:first-child{padding-top:18px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#9b8966;margin-bottom:13px}h1{font-size:30px;font-weight:500;letter-spacing:.6px;color:#6d5c42}h2{font-weight:500;color:#6c5c44}h3{color:#6e604a}.lead{font-size:18px;line-height:2;color:#586052}p{margin-bottom:22px}.actions{gap:14px;margin-top:28px}.button{border:1px solid #d4c7b0;background:#fff;border-radius:30px;padding:10px 25px;min-height:46px;font-size:14px;font-weight:500;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1.7;color:#7a6749;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.button::after{content:'↗';font-size:15px;opacity:.75}.button.primary{background:#60765f;border:1px solid #60765f;color:white;box-shadow:0 4px 13px #4f67451a}.button:hover{background:#f8f4eb;border-color:#ac9c7e;transform:translateY(-1px)}.button.primary:hover{background:#4f674f;border-color:#4f674f;box-shadow:0 7px 18px #4f674526}.section-head{padding:0 4px;margin-bottom:20px}.section-head h2{margin:0}.section-head small{color:#a29783}.projects{gap:34px}.project{border:0;background:white}.project img{border-radius:6px}.project div{padding:22px 6px 26px;border-bottom:1px solid #ece5d9}.project a{display:inline-block;text-decoration:none;border-bottom:1px solid #c5cbb9;padding-bottom:2px;font-weight:500;color:#5c745a}.project a:hover{color:#3f5942;border-color:#5e775b}.page-title{background:#f8f3e9;border-bottom:0;padding:36px 0}.page-title h1{font-size:28px}.breadcrumb{font-size:11px;letter-spacing:1px;color:#a08f70}.two-col{gap:42px}.aside-image{border-radius:6px}.small{color:#998d77}.values{border-top:1px solid #ece5d8;padding-top:24px;margin-top:28px}.service{padding:29px 0;grid-template-columns:48px 1fr;border-color:#eee7dc}.service h3{font-weight:500}.num{font-size:22px;color:#b4a78a}.faq{border-color:#e9e2d5}.faq details{padding:22px 0;border-color:#eee7dd}.faq summary{font-weight:500;color:#6c6049}.faq details p{color:#666d60}.contact-banner{background:linear-gradient(100deg,#f5f3e9,#edf0e6);border:0;border-radius:7px;padding:36px 40px;margin-top:46px}.contact-banner h2{color:#607052}.contact-banner .actions span{font-size:13px;color:#8d927f}.footer{background:#f6f0e5;color:#857962;border:0;padding-top:48px}.footer h3{font-weight:500;font-size:16px;color:#726047}.footer-grid{gap:45px}.copyright{margin-top:34px;padding-top:22px;border-color:#e6dccb;color:#a09177}
.article{max-width:840px}.article h1{font-size:29px;line-height:1.65}.article h2{padding-top:7px}.article .meta{color:#ac9d84;font-size:12px}.related{border-color:#eee5d7;margin-top:35px;padding-top:24px}
.mobile-frame nav{gap:5px}.mobile-frame nav a{font-size:13px;padding:7px 10px}.mobile-frame nav a[data-page=contact]{margin-left:0}.mobile-frame .head{gap:10px;padding-top:15px;padding-bottom:18px}.mobile-frame .logo{width:120px}.mobile-frame .paper{padding:22px 6px}.mobile-frame .main{padding-top:30px}.mobile-frame .contact-banner{padding:27px 24px}.mobile-frame .hero figure{border-radius:4px}.mobile-frame .hero img{height:220px}.mobile-frame .button{padding:10px 21px}.mobile-frame .footer{padding-top:35px}.mobile-frame .section-head{margin-bottom:20px}.mobile-frame .copyright span{float:none!important;display:block;margin-top:7px}
@media(max-width:800px){body{font-size:15px}.head{min-height:112px}.logo{width:125px}nav{gap:4px}nav a{font-size:13px;padding:7px 10px}nav a[data-page=contact]{margin-left:0}.paper{padding:24px 4px}.main{padding-top:30px;padding-bottom:45px}.lead{font-size:17px}h1{font-size:25px}.article h1{font-size:25px}.page-title h1{font-size:25px}.hero img{height:240px}.contact-banner{padding:28px 24px;margin-top:32px}.projects{gap:26px}.project div{padding-top:18px}.two-col{gap:24px}.footer-grid{gap:26px}.review-tools{gap:3px}.review-tools button{padding:4px 10px}.categories{gap:12px}.button{font-size:14px;padding:10px 22px}.copyright{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.button,.slide-controls button,nav a{transition:none;transform:none!important}}

.category-intro{max-width:930px;padding:12px 6px 38px}.category-intro h2{font-size:27px;margin-bottom:18px}.category-notes{margin:55px 0 28px;padding:40px;background:#faf7f0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.category-notes h2{font-size:20px}.category-notes p{font-size:15px;margin:0}.category-page .project img{height:265px;object-fit:cover}.category-page .project h3{font-size:17px;line-height:1.7}.journal-entry{max-width:850px;padding:36px 40px;background:#f7f2e8;border-radius:7px}.journal-entry p{max-width:680px}.journal-entry h2{font-size:27px;line-height:1.7}.mobile-frame .category-notes{grid-template-columns:1fr;padding:26px 22px;gap:24px}.mobile-frame .category-intro h2{font-size:24px}.mobile-frame .category-page .project img{height:245px}.mobile-frame .journal-entry{padding:28px 24px}.categories a:focus{color:#4f7059}@media(max-width:800px){.category-notes{grid-template-columns:1fr;padding:28px 24px;gap:24px}.category-intro h2{font-size:24px}.category-page .project img{height:250px}.journal-entry{padding:28px 24px}.journal-entry h2{font-size:24px}}

/* Complete photographs and a single navigation row */
header .head{display:flex!important;flex-wrap:nowrap!important;min-height:104px;gap:24px;padding-top:14px;padding-bottom:14px}.brand{flex:0 0 auto}.logo{width:104px!important;height:auto!important}header nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#d5c8b0 transparent;gap:3px!important;min-width:0;flex:1;padding:8px 0 12px;white-space:nowrap}header nav a{flex:0 0 auto;font-size:13px!important;padding:8px 12px!important;letter-spacing:0}header nav a[data-page=contact]{margin-left:3px!important}.mobile-frame header .head{gap:12px;min-height:87px}.mobile-frame .logo{width:74px!important}.mobile-frame header nav a{padding:7px 11px!important;font-size:13px!important}
#site img:not(.logo){height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block;width:100%;aspect-ratio:auto!important;cursor:zoom-in}.hero figure{background:#f7f2e8}.hero img{border-radius:6px}.hero .caption{position:static;background:none!important;padding:12px 4px 0;color:#847254;font-size:13px}.hero figure{overflow:visible;box-shadow:none}.hero{padding-bottom:19px}.hero .slide-controls{padding-top:10px}.projects{align-items:start}.project{align-self:start;min-width:0}.project img{border-radius:5px}.project div{padding:18px 4px 25px}.aside-image{border-radius:5px}.category-page .project img{height:auto!important}.category-page .project h3{margin-top:0}.category-intro{padding-bottom:25px}.section-head{margin-bottom:20px}.category-notes{margin-top:38px}.image-dialog{padding:18px;border:0;background:#fffdf8;border-radius:10px;max-width:94vw;max-height:94vh;box-shadow:0 16px 70px #6a5a3f50}.image-dialog::backdrop{background:rgba(75,66,50,.55)}.image-dialog img{display:block;width:auto;height:auto;max-width:88vw;max-height:77vh;object-fit:contain}.image-dialog .close-image{display:block;margin:0 0 12px auto;border:1px solid #d6cab6;border-radius:24px;background:white;color:#66563d;font:inherit;font-size:13px;padding:6px 18px}.image-dialog p{font-size:13px;color:#7d7058;margin:10px 0 0}.photo-hint{color:#9c907b;font-size:12px;padding-left:4px;margin-top:9px}
@media(max-width:800px){header .head{gap:12px;min-height:87px;padding-top:10px;padding-bottom:10px}.logo{width:74px!important}header nav{width:auto!important}header nav a{font-size:13px!important;padding:7px 11px!important}.hero .caption{font-size:12px}.projects{gap:30px}.hero img{height:auto!important}.project div{padding-bottom:20px}.category-notes{margin-top:30px}.image-dialog{padding:12px}.image-dialog img{max-width:86vw;max-height:73vh}}

.language-switch{display:flex;gap:2px;border-right:1px solid #d8cbb6;padding-right:10px;margin-right:4px}.studio-art{margin:28px 0}.studio-art svg{width:100%;height:auto;display:block}.studio-art figcaption{font-size:12px;color:#968870;margin-top:8px}.service-visual{padding:28px 32px;background:#f7f3e9;margin:0 0 38px;border-radius:8px}.service-visual h2{font-size:23px}.flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.flow-step{display:flex;flex-direction:column;align-items:center;padding:18px 6px;background:#fffdf7;border-radius:5px;text-align:center;font-size:13px;color:#6c725f;gap:10px}.flow-step svg{width:54px;height:54px;stroke:#8b9275;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.flow-no{font-size:11px;color:#baa581;align-self:flex-start;padding-left:8px}.album-intro{max-width:840px;margin-bottom:30px}.album-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:7px;background:#f7f3eb;touch-action:pan-x pan-y}.album-track::-webkit-scrollbar{display:none}.album-slide{flex:0 0 100%;width:100%;margin:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;min-height:500px;padding:22px}#site .album-slide img{width:auto!important;max-width:100%!important;height:auto!important;max-height:72vh!important;object-fit:contain!important;cursor:zoom-in}.album-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.album-controls button::after{content:none}.album-controls output{font-size:14px;color:#8c806a}.album-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.album-dots button{border:1px solid #d6cab5;border-radius:50%;width:30px;height:30px;background:white;color:#8c7f67;font-size:12px}.album-dots button[aria-current=true]{background:#64765b;color:white;border-color:#64765b}.mobile-frame{max-width:390px}.tablet-frame{max-width:768px;margin:auto}.tablet-frame .wrap{padding-left:25px;padding-right:25px}.tablet-frame .two-col{grid-template-columns:1fr}.tablet-frame .flow-grid{grid-template-columns:repeat(3,1fr)}.tablet-frame .category-notes{grid-template-columns:1fr}.mobile-frame .flow-grid{grid-template-columns:repeat(2,1fr)}.mobile-frame .service-visual{padding:24px 18px}.mobile-frame .album-slide{padding:12px;min-height:390px}.mobile-frame .two-col{grid-template-columns:1fr}.mobile-frame .projects{grid-template-columns:1fr}.mobile-frame .category-notes{grid-template-columns:1fr}.mobile-frame .footer-grid{grid-template-columns:1fr}.tablet-frame .footer-grid{grid-template-columns:1fr 1fr}.tablet-frame .footer-grid>div:first-child{grid-column:1/-1}.tablet-frame .album-slide{min-height:430px}.image-dialog .close-image{white-space:nowrap}html[lang=en] nav a{font-size:12px!important}html[lang=en] .flow-step{font-size:12px}html[lang=en] .two-col{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}html[lang=en] .mobile-frame .two-col{grid-template-columns:1fr}html[lang=en] .tablet-frame .two-col{grid-template-columns:1fr}@media(max-width:800px){.flow-grid{grid-template-columns:repeat(3,1fr)}.service-visual{padding:25px 20px}.album-slide{padding:14px;min-height:420px}.review-tools{row-gap:6px}.language-switch{padding-right:5px}html[lang=en] .two-col{grid-template-columns:1fr}}@media(max-width:520px){.flow-grid{grid-template-columns:repeat(2,1fr)}.album-slide{min-height:350px}.review-tools button{padding:4px 7px}.language-switch{margin-right:0}}
#home>.hero{display:none}header .head{min-height:82px!important;padding-top:10px!important;padding-bottom:10px!important}.logo{width:90px!important}.home-editorial{display:grid;grid-template-columns:1fr 1.05fr;gap:46px;align-items:center;margin:0 0 48px}.editorial-copy h1{font-size:28px;line-height:1.65;letter-spacing:.3px}.editorial-copy .lead{font-size:18px;line-height:1.85}.editorial-copy p{font-size:15px}.editorial-image{margin:0}.editorial-image img{border-radius:5px}.editorial-image figcaption,.studio-photo figcaption,.process-photo figcaption{font-size:11px;color:#9e917c;margin-top:7px}.studio-photo{margin:25px 0}.studio-photo img{border-radius:5px}.process-photo{margin:20px 0 26px}.process-photo img{max-width:660px;margin:auto;border-radius:5px}.process-photo figcaption{text-align:center}.page-title{padding:25px 0!important}.page-title h1{font-size:24px!important}.main{padding-top:34px!important}.home-album{background:#f8f4ec;padding:28px 32px;margin:10px 0 48px;border-radius:7px}.home-album h2{font-size:23px;margin:0}.album-prompt{font-size:14px;color:#81765f;margin-bottom:18px}.home-album-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:5px;background:#f0eadf}.home-album-track::-webkit-scrollbar{display:none}.home-album-slide{flex:0 0 100%;margin:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;min-height:400px;padding:14px}#site .home-album-slide img{width:auto!important;max-width:100%!important;height:auto!important;max-height:62vh!important;object-fit:contain!important}.home-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:34px 0 14px;border-top:1px solid #e7e0d2;margin-top:35px}.home-reading h2{font-size:21px}.home-reading p{font-size:15px}.text-link{color:#617255;font-size:14px;text-decoration:none;border-bottom:1px solid #c9cbbd;padding-bottom:4px}.mobile-frame .home-editorial,.mobile-frame .home-reading{grid-template-columns:1fr;gap:26px}.mobile-frame .editorial-copy h1{font-size:24px}.mobile-frame .home-album{padding:23px 16px}.mobile-frame .home-album-slide{min-height:320px;padding:10px}.mobile-frame .home-album h2{font-size:21px}.tablet-frame .home-editorial{gap:26px;grid-template-columns:1fr 1fr}.tablet-frame .home-reading{grid-template-columns:1fr}.tablet-frame .editorial-copy h1{font-size:25px}.home-album .album-controls .button{font-size:13px;min-height:40px;padding:7px 20px}@media(max-width:800px){.home-editorial{grid-template-columns:1fr;gap:25px}.home-reading{grid-template-columns:1fr;gap:26px}.editorial-copy h1{font-size:24px}.home-album{padding:24px 17px}.home-album h2{font-size:21px}.home-album-slide{min-height:320px}.home-editorial{margin-bottom:32px}.logo{width:74px!important}}

.catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 32px!important}.catalog-card{display:block!important;border:0!important;background:transparent!important;min-width:0}.catalog-card .catalog-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f5f1e9;border-radius:3px;overflow:hidden}.catalog-card .catalog-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}.catalog-card>div{padding:13px 0 18px!important;border-bottom:1px solid #e7e0d5}.catalog-card h3{font-size:17px!important;margin:5px 0 10px!important;line-height:1.6!important}.project-number{font-size:11px;color:#938772;letter-spacing:2px}.catalog-card .text-link{font-size:13px}.category-page .section-head{margin-top:0}.category-page .category-intro{margin-top:45px;padding-bottom:8px}.category-page .category-intro h2{font-size:23px}.category-page .category-intro .lead{font-size:16px}.back-link{font-size:13px;color:#66765f}.project-detail-title{max-width:780px;margin:25px 0}.project-detail-title h1{font-size:25px;line-height:1.6}.project-detail-title p{font-size:14px}.project-gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#f6f2e9;overscroll-behavior-x:contain}.project-gallery::-webkit-scrollbar{display:none}.project-photo{margin:0;flex:0 0 100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;height:65vh;min-height:300px;padding:12px;box-sizing:border-box}.project-photo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.project-gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:10px}.project-gallery-count{font-size:13px;color:#887c66}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.gallery-thumbs button{flex:0 0 74px;width:74px;height:58px;border:1px solid #dfd8ca;padding:2px;background:#fff;cursor:pointer}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.gallery-thumbs button[aria-current=true]{border:2px solid #697b61}.gallery-note{font-size:12px;color:#918874}.facebook-link{display:inline-flex!important;align-items:center;gap:5px;color:#5e7059!important;white-space:nowrap}.head nav .facebook-link{font-size:11px!important}.footer .facebook-link{margin-top:10px}.mobile-frame .catalog-grid{gap:21px 14px!important}.mobile-frame .catalog-card h3{font-size:14px!important}.mobile-frame .catalog-card .text-link{font-size:12px}.mobile-frame .project-photo{height:54vh;min-height:260px}.mobile-frame .project-detail-title h1{font-size:21px}.tablet-frame .catalog-grid{gap:24px!important}@media(max-width:600px){.catalog-grid{gap:21px 14px!important}.catalog-card h3{font-size:14px!important}.catalog-card .text-link{font-size:12px}.project-photo{height:54vh;min-height:260px}.project-detail-title h1{font-size:21px}}


.premium-home{--ph-ink:#303b34;--ph-muted:#7f8478;--ph-rule:#dcdccf;color:var(--ph-ink);padding:0 0 70px;background:#fff}.premium-wrap{width:min(1180px,calc(100% - 64px));margin-left:auto;margin-right:auto}.premium-kicker{font-size:10px!important;letter-spacing:2.5px;font-weight:600;color:#7a826f;margin:0 0 20px!important}.premium-opening{display:grid;grid-template-columns:.72fr 1.5fr;gap:46px;align-items:center;padding-top:44px;padding-bottom:54px}.premium-heading h1{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:38px;line-height:1.65;font-weight:500;letter-spacing:2px;margin:0 0 22px}.premium-deck{font-size:15px;line-height:2.1;color:#70776c}.premium-links{display:flex;flex-direction:column;gap:15px;margin-top:28px;width:205px}.premium-links a,.premium-line-link{display:inline-flex;justify-content:space-between;gap:24px;border-bottom:1px solid #adb49f;padding:8px 0;font-size:13px;color:#4f6351;text-decoration:none}.premium-links a span,.premium-line-link span{font-size:18px}.premium-side-note{display:block;font-size:9px;letter-spacing:2.5px;color:#959985;margin-top:38px}.premium-home figure{margin:0}.premium-home figure img{display:block;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:0!important}.premium-home figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:10px;font-size:9px;color:#979b8e;line-height:1.7}.premium-home figcaption span:first-child{letter-spacing:1.4px}.premium-index{border-top:1px solid var(--ph-rule);padding-top:34px;padding-bottom:58px}.premium-section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.premium-section-title h2,.premium-office-copy h2,.premium-values h2,.premium-contact h2{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:29px;line-height:1.75;font-weight:500;letter-spacing:1px;margin:0}.premium-section-title .premium-kicker{margin-bottom:9px!important}.premium-section-title>p{font-size:12px;line-height:1.9;color:#858b7f;margin:0}.premium-categories{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ph-rule);border-bottom:1px solid var(--ph-rule)}.premium-categories>a{padding:23px 20px;border-right:1px solid var(--ph-rule);transition:background .2s;min-width:0}.premium-categories>a:first-child{padding-left:0}.premium-categories>a:last-child{border-right:0}.premium-categories>a:hover{background:#f5f5ed}.category-english{display:block;font-size:8px;letter-spacing:1.8px;color:#8e9385;margin-bottom:12px}.premium-categories strong{display:block;font-size:18px;font-weight:500;white-space:normal;line-height:1.5}.category-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;color:#8a8f80}.category-bottom b{font-size:20px;font-weight:400;color:#697b61}.premium-workplace{background:#f3f1e9;padding:48px 0}.premium-office-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px}.premium-office-copy h2{font-size:30px;margin-bottom:20px}.premium-office-copy>p:not(.premium-kicker){font-size:14px;line-height:2.1;color:#767c70;max-width:420px}.premium-service-lines{margin-top:25px}.premium-service-lines a{display:flex;align-items:center;gap:17px;border-top:1px solid #d9dacd;padding:13px 0}.premium-service-lines a>span{font-size:9px;color:#9b9e90}.premium-service-lines strong{flex:1;font-size:13px;font-weight:400}.premium-service-lines b{font-weight:400;color:#7a896d}.premium-values{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-top:64px;padding-bottom:60px}.premium-values .premium-line-link{margin-top:25px}.premium-value-copy p{font-size:14px;line-height:2.25;color:#737b6e}.premium-journal{padding-top:30px;border-top:1px solid var(--ph-rule);padding-bottom:60px}.premium-reading{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.premium-reading>a{background:#f7f6ef;padding:28px 25px;border-top:2px solid #b9c0ad;transition:background .2s}.premium-reading>a:hover{background:#efefe3}.premium-reading>a:nth-child(2){background:#f3f0e7;border-color:#c9bea6}.premium-reading>a:nth-child(3){background:#eef2ed;border-color:#9eaf9c}.premium-reading>a>span{font-size:9px;letter-spacing:1.5px;color:#8f9585}.premium-reading h3{font-family:'Songti TC','PMingLiU',serif;font-size:23px;line-height:1.8;font-weight:400;margin:18px 0}.premium-reading p{font-size:13px;line-height:2;color:#7a8173}.premium-reading b{display:block;margin-top:24px;font-size:11px;font-weight:400;color:#596f56}.premium-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #cdd4c4;padding-top:35px}.premium-contact p:not(.premium-kicker){font-size:13px;color:#87907e}.premium-contact>a{border:1px solid #8b9b7c;border-radius:40px;padding:14px 25px;display:flex;justify-content:space-between;gap:50px;font-size:13px;white-space:nowrap}.premium-contact>a:hover{background:#f2f4eb}.mobile-frame .premium-wrap{width:calc(100% - 36px)}.mobile-frame .premium-opening{grid-template-columns:1fr;padding-top:28px;gap:25px;padding-bottom:30px}.mobile-frame .premium-heading h1{font-size:28px;line-height:1.6;margin-bottom:14px}.mobile-frame .premium-deck{font-size:13px}.mobile-frame .premium-kicker{font-size:8px!important;letter-spacing:1.7px;margin-bottom:13px!important}.mobile-frame .premium-links{flex-direction:row;width:auto;gap:20px;margin-top:16px}.mobile-frame .premium-links a{font-size:11px;gap:10px}.mobile-frame .premium-side-note{display:none}.mobile-frame .premium-home figcaption{font-size:8px;flex-direction:column;gap:1px}.mobile-frame .premium-section-title{display:block;margin-bottom:18px}.mobile-frame .premium-section-title>p{margin-top:14px}.mobile-frame .premium-section-title h2,.mobile-frame .premium-values h2,.mobile-frame .premium-contact h2{font-size:23px}.mobile-frame .premium-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-frame .premium-categories>a{padding:19px 14px!important;border-bottom:1px solid var(--ph-rule)}.mobile-frame .premium-categories strong{font-size:17px}.mobile-frame .premium-categories>a:nth-child(even){border-right:0}.mobile-frame .category-bottom{margin-top:13px}.mobile-frame .premium-office-grid,.mobile-frame .premium-values{grid-template-columns:1fr;gap:27px}.mobile-frame .premium-workplace{padding:30px 0}.mobile-frame .premium-office-copy h2{font-size:25px}.mobile-frame .premium-values{padding-top:38px;padding-bottom:34px}.mobile-frame .premium-reading{grid-template-columns:1fr;gap:14px}.mobile-frame .premium-reading>a{padding:23px}.mobile-frame .premium-reading h3{font-size:22px}.mobile-frame .premium-contact{display:block}.mobile-frame .premium-contact>a{margin-top:23px;max-width:220px}.tablet-frame .premium-wrap{width:calc(100% - 48px)}.tablet-frame .premium-opening{grid-template-columns:.85fr 1.3fr;gap:25px}.tablet-frame .premium-heading h1{font-size:28px}.tablet-frame .premium-categories{grid-template-columns:repeat(3,1fr)}.tablet-frame .premium-categories>a{padding:20px;border-bottom:1px solid var(--ph-rule)}.tablet-frame .premium-office-grid{gap:30px;grid-template-columns:1fr 1fr}.tablet-frame .premium-values{gap:35px}.tablet-frame .premium-reading{gap:12px}.tablet-frame .premium-reading>a{padding:22px 16px}.tablet-frame .premium-reading h3{font-size:20px}
@media(max-width:650px){.premium-wrap{width:calc(100% - 36px)}.premium-opening{grid-template-columns:1fr;padding-top:25px;gap:25px;padding-bottom:30px}.premium-heading h1{font-size:28px}.premium-deck{font-size:13px}.premium-links{flex-direction:row;width:auto;gap:20px;margin-top:15px}.premium-links a{font-size:11px;gap:10px}.premium-side-note{display:none}.premium-home figcaption{font-size:8px;flex-direction:column;gap:1px}.premium-section-title{display:block}.premium-section-title>p{margin-top:13px}.premium-section-title h2,.premium-values h2,.premium-contact h2{font-size:23px}.premium-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-categories>a{padding:18px 14px!important;border-bottom:1px solid var(--ph-rule)}.premium-categories>a:nth-child(even){border-right:0}.premium-office-grid,.premium-values{grid-template-columns:1fr;gap:26px}.premium-workplace{padding:30px 0}.premium-office-copy h2{font-size:25px}.premium-values{padding-top:38px;padding-bottom:34px}.premium-reading{grid-template-columns:1fr;gap:14px}.premium-contact{display:block}.premium-contact>a{margin-top:23px;max-width:220px}}

.service-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#f2f1e6;border-radius:50%;color:#768165;margin-bottom:18px}.service-icon svg{width:37px;height:37px}.whatsapp-contact{display:inline-flex;align-items:center;gap:7px;color:#59744f!important;font-size:13px!important;line-height:1.8}.contact-whatsapp-row{margin:22px 0}.mobile-frame .service-icon{width:48px;height:48px;margin-bottom:14px}.mobile-frame .service-icon svg{width:29px;height:29px}@media(max-width:650px){.service-icon{width:48px;height:48px;margin-bottom:14px}.service-icon svg{width:29px;height:29px}}
.recognition-strip{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:45px;border-top:1px solid #e0ded1;padding-top:34px;padding-bottom:44px}.recognition-strip>img{width:180px!important;height:auto!important;object-fit:contain!important}.recognition-strip h2{font-size:23px;line-height:1.6;margin:0 0 12px;font-weight:400;letter-spacing:.3px}.recognition-strip p:not(.premium-kicker){font-size:13px;color:#8d907f}.award-detail{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:center;max-width:950px;margin:15px auto 50px}.award-detail>img{width:100%!important;height:auto!important;object-fit:contain!important}.award-detail h2{font-size:25px;line-height:1.7}.award-detail p{font-size:15px;line-height:2}.design3d-entry{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;background:#f4f2e9;margin-bottom:30px}.design3d-entry h2{font-size:24px;margin:0 0 10px}.design3d-entry p{font-size:14px}.design-study{padding:26px 0 35px;border-bottom:1px solid #e6e1d5}.design-study h2{font-size:23px;letter-spacing:.3px;font-weight:400}.design-study-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.design-study-images figure{margin:0;background:#f5f3ed;display:flex;align-items:center}.design-study-images img{width:100%!important;height:auto!important;object-fit:contain!important}.design-intro{max-width:760px}.design-intro h2{font-size:25px}.mobile-frame .recognition-strip{grid-template-columns:95px 1fr;gap:18px}.mobile-frame .recognition-strip>img{width:95px!important}.mobile-frame .recognition-strip h2{font-size:17px}.mobile-frame .award-detail{grid-template-columns:1fr;gap:25px}.mobile-frame .award-detail>img{max-width:210px;margin:auto}.mobile-frame .design3d-entry{display:block;padding:23px}.mobile-frame .design-study-images{grid-template-columns:1fr;gap:15px}.tablet-frame .award-detail{grid-template-columns:210px 1fr;gap:30px}@media(max-width:650px){.recognition-strip{grid-template-columns:95px 1fr;gap:18px}.recognition-strip>img{width:95px!important}.recognition-strip h2{font-size:17px}.award-detail{grid-template-columns:1fr;gap:25px}.award-detail>img{max-width:210px;margin:auto}.design3d-entry{display:block;padding:23px}.design-study-images{grid-template-columns:1fr;gap:15px}}
.recognition-strip{background:#faf8f0;border-top:1px solid #dedaca;border-bottom:1px solid #dedaca;margin-top:0;margin-bottom:32px;padding:24px 30px;box-sizing:border-box;grid-template-columns:150px 1fr;gap:30px}.recognition-strip>img{width:135px!important}.recognition-strip h2{font-size:23px}.recognition-strip .premium-kicker{margin-bottom:8px!important}.recognition-strip p:not(.premium-kicker){margin-bottom:0}.mobile-frame .recognition-strip{width:calc(100% - 36px);padding:20px 16px;grid-template-columns:84px 1fr;gap:16px}.mobile-frame .recognition-strip>img{width:84px!important}.mobile-frame .recognition-strip h2{font-size:16px;line-height:1.6}@media(max-width:650px){.recognition-strip{padding:20px 16px;grid-template-columns:84px 1fr;gap:16px}.recognition-strip>img{width:84px!important}.recognition-strip h2{font-size:16px;line-height:1.6}}
.home-interview{padding-top:30px;padding-bottom:40px;border-top:1px solid #e0dfd3}.interview-card{display:grid;grid-template-columns:105px 1fr;gap:28px;padding:32px;background:#f4f2e9;align-items:center}.interview-symbol{width:90px;height:90px;border:1px solid #c6ccb9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#77856c}.interview-card h2{font-size:25px;font-weight:400;letter-spacing:.5px;margin:0 0 13px}.interview-card p:not(.premium-kicker){font-size:14px;color:#7c8573}.head nav a[data-page="media"]{display:inline-flex;align-items:center;gap:4px}.mobile-frame .interview-card{grid-template-columns:56px 1fr;gap:16px;padding:23px 17px}.mobile-frame .interview-symbol{width:54px;height:54px}.mobile-frame .interview-symbol svg{width:33px;height:33px}.mobile-frame .interview-card h2{font-size:20px}@media(max-width:650px){.interview-card{grid-template-columns:56px 1fr;gap:16px;padding:23px 17px}.interview-symbol{width:54px;height:54px}.interview-symbol svg{width:33px;height:33px}.interview-card h2{font-size:20px}}
.mei-album{width:100%;margin:0}.mei-album h3{font-size:21px;font-weight:400;margin:0 0 18px}.mei-album .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 10px}.mei-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#f4f0e7}.mei-track::-webkit-scrollbar{display:none}.mei-slide{margin:0;flex:0 0 100%;min-width:0;aspect-ratio:4/3;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.mei-slide img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}.mei-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:15px}.mei-controls .button{width:39px;min-height:36px;padding:3px;border-radius:50%;font-size:19px;line-height:1}#meiCount{font-size:12px;color:#8a8e7c}.mei-hint{font-size:11px;color:#939783;margin:0}
.mei-controls .button::after{content:none!important}.mei-controls .button:disabled{opacity:.35;cursor:default}
.head .brand{flex-shrink:0}.head .logo{width:120px!important;height:120px!important;object-fit:contain!important;border-radius:0!important}.head{gap:22px}.footer-master-brand{display:block;width:120px;margin:0 0 15px}.footer .footer-master-logo{width:120px!important;height:120px!important;object-fit:contain!important;border-radius:0!important}.mobile-frame .head .logo{width:94px!important;height:94px!important}.mobile-frame .head{gap:13px}.tablet-frame .head .logo{width:106px!important;height:106px!important}@media(max-width:650px){.head .logo{width:94px!important;height:94px!important}.head{gap:13px}}
.home-meifoo{padding:12px 0 44px}.home-meifoo .mei-album{margin:0}.home-meifoo .mei-album h3{font-family:'Songti TC','PMingLiU',serif;font-size:29px;font-weight:400;margin:0 0 24px}.home-meifoo .mei-album .eyebrow{font-size:10px;letter-spacing:2px}.home-meifoo .mei-track{max-width:860px;margin:auto}.home-meifoo .mei-slide{aspect-ratio:auto;height:min(62vh,620px)}.home-meifoo .mei-controls{max-width:860px;margin:auto}.home-meifoo .mei-hint{max-width:860px;margin:auto}.four-space-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.four-space-gallery figure{margin:0!important;min-width:0}.four-space-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f6f3eb;overflow:hidden}.four-space-photo img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}.four-space-gallery figcaption{font-size:10px;line-height:1.7;color:#8a8d7e;padding-top:7px;display:block}.four-space-title{font-size:22px;font-weight:400;line-height:1.8;margin:0 0 20px}.premium-office-grid{grid-template-columns:1.3fr 1fr;gap:45px}.mobile-frame .four-space-gallery{gap:16px 12px}.mobile-frame .home-meifoo .mei-slide{height:auto;aspect-ratio:4/3}.mobile-frame .home-meifoo .mei-album h3{font-size:24px}.mobile-frame .premium-office-grid{grid-template-columns:1fr}.tablet-frame .premium-office-grid{grid-template-columns:1.15fr 1fr;gap:28px}@media(max-width:650px){.four-space-gallery{gap:16px 12px}.home-meifoo .mei-slide{height:auto;aspect-ratio:4/3}.home-meifoo .mei-album h3{font-size:24px}.premium-office-grid{grid-template-columns:1fr}}

.about-residential-four .four-space-photo{aspect-ratio:3/2}
img.logo,.footer-master-brand{background:transparent!important}
img.logo{mix-blend-mode:multiply!important;object-fit:contain!important;image-rendering:auto!important}.footer-master-brand{background:transparent!important}

.home-meifoo .mei-track,.home-meifoo .mei-controls,.home-meifoo .mei-hint{max-width:680px}
.home-meifoo .mei-slide{height:min(46vh,470px)}
#home .premium-office-grid{grid-template-columns:1.7fr 1fr;gap:36px}
#meiPlayback{width:auto;min-width:108px;padding:6px 14px;border-radius:24px;font-size:12px}
.mei-controls-center{display:flex;align-items:center;justify-content:center;gap:16px}
.mobile-frame .home-meifoo .mei-track,.mobile-frame .home-meifoo .mei-controls,.mobile-frame .home-meifoo .mei-hint{max-width:88%}
.mobile-frame .home-meifoo .mei-slide{height:auto;aspect-ratio:4/3}
.mobile-frame #home .premium-office-grid{grid-template-columns:1fr;gap:22px}
.tablet-frame #home .premium-office-grid{grid-template-columns:1.5fr 1fr;gap:25px}
@media(max-width:650px){.home-meifoo .mei-track,.home-meifoo .mei-controls,.home-meifoo .mei-hint{max-width:88%}.home-meifoo .mei-slide{height:auto;aspect-ratio:4/3}#home .premium-office-grid{grid-template-columns:1fr;gap:22px}.mei-controls-center{gap:9px}#meiPlayback{min-width:90px;padding:5px 10px}}


/* Keep each complete photograph at its natural aspect ratio. */
.home-meifoo .mei-track{align-items:flex-start;height:auto!important;max-height:none!important}
.home-meifoo .mei-slide{display:block!important;align-self:flex-start;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important}
.home-meifoo .mei-slide img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;position:static!important;transform:none!important}

.previewbar,.preview-note{display:none!important}.language-switch{display:flex;gap:14px;align-items:center;justify-content:flex-end;padding:8px 4%;background:#faf8f3;font-size:13px}.language-switch a{text-decoration:none}.language-switch a[aria-current]{font-weight:bold;text-decoration:underline}.page[hidden]{display:none!important}.page{display:block}img{max-width:100%}button{touch-action:manipulation}.gallery-track,.mei-track,.album-track{touch-action:pan-x pan-y}.gallery-slide img,.mei-slide img,.album-slide img{object-fit:contain!important}dialog{border:0;padding:12px;background:#faf8f3;max-width:96vw;max-height:96vh}dialog img{max-width:90vw;max-height:85vh;object-fit:contain}dialog::backdrop{background:rgba(40,38,33,.8)}.site-header{position:relative}.journal-content{--paper:#faf8f3;--cream:#f0ece3;--ink:#2d342f;--muted:#686d66;--line:#deded3;--wood:#9e7956;--sage:#667c68;--blue:#6c8990;--serif:Georgia,serif;--sans:Arial,"Microsoft JhengHei",sans-serif}.journal-content [hidden]{display:none!important}
.journal-content{--paper:#faf8f3;--cream:#f0ece3;--ink:#2d342f;--muted:#686d66;--line:#deded3;--wood:#9e7956;--sage:#667c68;--blue:#6c8990;--serif:'Noto Serif TC','Songti TC','PMingLiU',serif;--sans:'Noto Sans TC','Microsoft JhengHei',sans-serif}.journal-content *{box-sizing:border-box}.journal-content{scroll-behavior:smooth;scroll-padding-top:108px}.journal-content{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}.journal-content a{color:inherit;text-decoration:none}.journal-content img{display:block;width:100%;height:auto;object-fit:cover}.journal-content button,.journal-content input{font:inherit}.journal-content button,.journal-content a,.journal-content input{-webkit-tap-highlight-color:transparent}.journal-content a:focus-visible,.journal-content button:focus-visible,.journal-content input:focus-visible{outline:2px solid var(--sage);outline-offset:5px}.journal-content button{cursor:pointer}.journal-content .wrap{width:min(1260px,calc(100% - 96px));margin:auto}.journal-content .skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:10px}.journal-content .skip:focus{top:10px}.journal-content .preview-note{background:#e8eee5;text-align:center;color:#425543;font-size:11px;letter-spacing:.1em;padding:5px 14px}.journal-content .site-header{background:rgba(250,248,243,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.journal-content .header-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:91px}.journal-content .brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.journal-content .brand-name{font-family:Georgia,serif;font-size:43px;letter-spacing:.03em;line-height:1}.journal-content .brand-sub{font-size:9px;letter-spacing:.18em;line-height:1.8;border-left:1px solid #bdbfb3;padding-left:13px}.journal-content .brand-sub b{display:block;letter-spacing:.12em;font-size:11px;font-weight:500}.journal-content .nav-scroll{overflow-x:auto;scrollbar-width:none}.journal-content .nav-scroll::-webkit-scrollbar{display:none}.journal-content .nav{display:flex;gap:27px;align-items:center;white-space:nowrap}.journal-content .nav a{font-size:13px;padding:30px 0 27px;border-bottom:2px solid transparent}.journal-content .nav a.active{border-color:var(--sage);color:#425a46}.journal-content .nav a:hover{color:var(--wood)}.journal-content .nav .contact-nav{border:1px solid #aaa991;padding:9px 17px}.journal-content .overline{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--sage);font-weight:600}.journal-content .serif,.journal-content h1,.journal-content h2,.journal-content h3{font-family:var(--serif);font-weight:500;line-height:1.55;letter-spacing:.035em}.journal-content h1,.journal-content h2,.journal-content h3,.journal-content p{margin-top:0}.journal-content h1{font-size:46px}.journal-content h2{font-size:32px}.journal-content h3{font-size:22px}.journal-content .muted{color:var(--muted)}.journal-content .button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:12px 24px;font-size:13px;background:var(--sage);color:#fff;border:1px solid var(--sage);transition:background .2s}.journal-content .button:hover{background:#4c6450}.journal-content .button.light{background:transparent;color:var(--ink);border-color:#aaa991}.journal-content .button.light:hover{background:#e7e8df}.journal-content .text-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;border-bottom:1px solid #99a18f;padding-bottom:7px}.journal-content .text-link:hover{color:var(--wood)}.journal-content .arrow{font-family:Arial,sans-serif}.journal-content .hero{position:relative;max-width:1680px;margin:0 auto}.journal-content .hero-visual{height:625px;object-position:center 51%}.journal-content .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,248,243,.96),rgba(250,248,243,.82) 22%,rgba(250,248,243,.08) 57%,transparent)}.journal-content .hero-copy{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.journal-content .hero-copy>div{pointer-events:auto;max-width:1260px}.journal-content .hero h1{font-size:47px;line-height:1.6;margin:20px 0 23px;letter-spacing:.06em}.journal-content .hero p{max-width:330px;color:#535c51;line-height:2;margin-bottom:29px;font-size:14px}.journal-content .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.journal-content .hero-note{position:absolute;right:28px;bottom:17px;color:white;font-size:10px;text-shadow:0 1px 6px #333}.journal-content .hero-caption{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:17px 0;font-size:11px;color:var(--muted);letter-spacing:.09em}.journal-content .section{padding:86px 0}.journal-content .intro{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;padding:75px 0}.journal-content .intro h2{font-size:34px;margin:15px 0 0}.journal-content .intro p{margin:0 0 22px;color:var(--muted);line-height:2.1}.journal-content .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.journal-content .section-head h2{margin:8px 0 0}.journal-content .tinted{background:var(--cream)}.journal-content .feature-projects{display:grid;grid-template-columns:1.45fr 1fr;gap:33px}.journal-content .project-side{display:grid;gap:28px}.journal-content .project-card .photo{overflow:hidden;position:relative}.journal-content .project-card img{aspect-ratio:1.55;transition:transform .6s}.journal-content .project-card:hover img,.journal-content .article-card:hover img{transform:scale(1.025)}.journal-content .project-card.large img{aspect-ratio:.99}.journal-content .photo small{position:absolute;bottom:13px;left:15px;color:#fff;font-size:10px;background:rgba(45,52,47,.62);padding:3px 9px;letter-spacing:.06em}.journal-content .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:var(--sage);letter-spacing:.1em}.journal-content .project-card h3{margin:7px 0 0}.journal-content .project-card p{margin:8px 0 0;font-size:13px;color:var(--muted)}.journal-content .service-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.journal-content .service-intro h2{margin:14px 0 20px}.journal-content .service-intro p{color:var(--muted)}.journal-content .service-row{padding:21px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr 22px;gap:15px}.journal-content .service-row:last-child{border-bottom:1px solid var(--line)}.journal-content .service-row>span{font-family:Georgia,serif;color:var(--wood);font-size:16px}.journal-content .service-row h3{font-size:20px;margin:0 0 4px}.journal-content .service-row p{font-size:13px;color:var(--muted);margin:0}.journal-content .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.journal-content .article-card{min-width:0}.journal-content .article-card .photo{overflow:hidden}.journal-content .article-card img{aspect-ratio:1.47;transition:transform .6s}.journal-content .article-card h3{font-size:20px;margin:10px 0 11px;line-height:1.6}.journal-content .article-card p{color:var(--muted);font-size:13px;margin:0}.journal-content .article-card .read{font-size:12px;display:inline-block;margin-top:17px;color:var(--sage)}.journal-content .journal-intro{max-width:550px;margin:18px 0 0;color:var(--muted)}.journal-content .contact-band{display:grid;grid-template-columns:1fr 1fr;background:#e9ece2}.journal-content .contact-band img{height:100%;min-height:400px}.journal-content .contact-band>div{padding:60px 65px;align-self:center}.journal-content .contact-band h2{font-size:34px;margin:12px 0 20px}.journal-content .contact-band p{font-size:14px;color:#596452}.journal-content .contact-details-inline{margin:23px 0}.journal-content .contact-details-inline a{font-family:Georgia,serif;font-size:24px}.journal-content .footer{padding:47px 0 20px;background:var(--paper)}.journal-content .footer-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:55px;padding-bottom:35px}.journal-content .footer p{font-size:12px;color:var(--muted);margin:13px 0 0}.journal-content .footer .brand-name{font-size:37px}.journal-content .footer-title{font-size:12px;letter-spacing:.1em;margin-bottom:12px}.journal-content .footer-links{display:flex;flex-wrap:wrap;gap:6px 19px;font-size:12px}.journal-content .footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.journal-content .breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);padding:25px 0}.journal-content .page-heading{padding:22px 0 44px;max-width:800px}.journal-content .page-heading h1{margin:12px 0 18px;font-size:42px}.journal-content .page-heading p{max-width:630px;color:var(--muted);margin-bottom:0}.journal-content .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:47px 30px}.journal-content .project-grid .project-card img{aspect-ratio:1.5}.journal-content .project-grid .project-card p{max-width:490px}.journal-content .page-end-space{padding-bottom:85px}.journal-content .filter-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:38px}.journal-content .filters{display:flex;gap:7px;flex-wrap:wrap}.journal-content .filter{background:transparent;border:1px solid transparent;padding:7px 13px;color:var(--muted);font-size:12px}.journal-content .filter.active{background:var(--sage);color:white}.journal-content .search{background:transparent;border:0;border-bottom:1px solid #aeb2a3;padding:8px 2px;width:220px;border-radius:0;min-width:0}.journal-content .result-count{font-size:11px;color:var(--muted);margin:0 0 20px}.journal-content .empty{padding:50px;text-align:center;border:1px solid var(--line)}.journal-content [hidden]{display:none!important}.journal-content .article-heading{max-width:880px;margin:0 auto;text-align:center;padding:18px 0 31px}.journal-content .article-heading h1{font-size:36px;line-height:1.6;margin:16px 0 20px}.journal-content .article-heading .dek{color:var(--muted);font-size:15px;max-width:640px;margin:0 auto 19px}.journal-content .article-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted)}.journal-content figure{margin:0}.journal-content .article-hero{max-width:1060px;margin:auto}.journal-content .article-hero img{aspect-ratio:1.9}.journal-content .image-caption{font-size:10px;color:var(--muted);padding-top:9px}.journal-content .reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:70px;max-width:1060px;margin:50px auto 70px}.journal-content .article-body{max-width:715px;font-size:16px;line-height:2.15}.journal-content .article-body h2{font-size:23px;margin:35px 0 15px}.journal-content .article-body section:first-child h2{margin-top:0}.journal-content .article-body p{margin:0}.journal-content .article-aside{align-self:start;position:sticky;top:125px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.journal-content .article-aside ol{list-style:none;padding:0;counter-reset:contents}.journal-content .article-aside li{counter-increment:contents;display:flex;gap:10px;margin-bottom:13px;color:var(--muted)}.journal-content .article-aside li:before{content:'0' counter(contents);font-family:Georgia;color:var(--wood)}.journal-content .article-aside .text-link{font-size:12px;margin-top:12px}.journal-content .sources{background:#efefe6;padding:22px;margin-top:35px;font-size:12px}.journal-content .sources p{margin-bottom:10px}.journal-content .sources a{display:block;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.journal-content .article-endnote{font-size:11px;color:var(--muted);padding:22px 0;margin-top:30px;border-top:1px solid var(--line);line-height:1.9}.journal-content .project-cover img{aspect-ratio:2}.journal-content .project-story{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px;padding:55px 0}.journal-content .project-story h2{font-size:28px}.journal-content .project-story p{color:var(--muted);line-height:2.1}.journal-content .concept-tag{font-size:11px;display:inline-block;background:#e7ebe0;padding:6px 12px;color:#516348}.journal-content .gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journal-content .gallery img{aspect-ratio:1.4}.journal-content .notice{padding:19px 24px;background:#eceee5;border-left:2px solid var(--sage);font-size:12px;color:#56614f}.journal-content .service-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}.journal-content .service-detail:nth-child(even) .service-photo{order:2}.journal-content .service-detail img{aspect-ratio:1.42}.journal-content .service-detail h2{font-size:28px;margin:9px 0 20px}.journal-content .service-detail p{color:var(--muted)}.journal-content .service-detail ul{padding-left:20px;font-size:13px;color:var(--muted)}.journal-content .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:20px}.journal-content .process-grid .number{font-size:30px;font-family:Georgia;color:var(--wood)}.journal-content .process-grid h3{font-size:20px;margin:12px 0}.journal-content .process-grid p{font-size:13px;color:var(--muted)}.journal-content .about-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding-bottom:80px}.journal-content .about-lead img{aspect-ratio:1.1}.journal-content .about-lead h2{font-size:30px;margin-bottom:24px}.journal-content .about-lead p{color:var(--muted);line-height:2.1}.journal-content .values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.journal-content .values h3{font-size:23px;border-top:1px solid #b9c0ae;padding-top:24px}.journal-content .values p{color:var(--muted);font-size:14px}.journal-content .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:65px}.journal-content .contact-photo img{aspect-ratio:1.1}.journal-content .contact-item{border-bottom:1px solid var(--line);padding:20px 0}.journal-content .contact-item:first-child{padding-top:0}.journal-content .contact-item dt{font-size:11px;color:var(--sage);letter-spacing:.12em;margin-bottom:8px}.journal-content .contact-item dd{margin:0;font-size:17px;overflow-wrap:anywhere}.journal-content .contact-item dd p{margin:7px 0 0;font-size:12px;color:var(--muted)}.journal-content .contact-item .phone{font-size:30px;font-family:Georgia}.journal-content .copy-btn{font-size:11px;border:1px solid #b5bbaa;background:transparent;padding:5px 10px;margin-left:10px}.journal-content .mail-panel{background:var(--cream);padding:30px}.journal-content .mail-panel h2{font-size:24px}.journal-content .mail-panel p,.journal-content .mail-panel li{font-size:13px;color:var(--muted)}.journal-content .mail-panel ul{padding-left:19px}.journal-content .read-related{margin-top:0}.journal-content .to-top{font-size:11px}.journal-content .source-note{font-size:11px;color:var(--muted)}@media(min-width:1600px){.journal-content .hero-visual{height:680px}}@media(max-width:1100px){.journal-content .wrap{width:calc(100% - 64px)}.journal-content .nav{gap:20px}.journal-content .header-inner{gap:20px}.journal-content .brand-sub{display:none}.journal-content .hero-visual{height:575px}.journal-content .hero h1{font-size:41px}.journal-content .hero-copy>div{max-width:none}.journal-content .intro,.journal-content .service-section{gap:50px}.journal-content .contact-band>div{padding:42px}.journal-content .reading-layout{gap:38px;grid-template-columns:minmax(0,1fr) 190px}.journal-content .service-detail{gap:40px}.journal-content .contact-layout{gap:40px}.journal-content .about-lead{gap:40px}}@media(max-width:780px){.journal-content .wrap{width:calc(100% - 40px)}.journal-content .header-inner{flex-wrap:wrap;gap:0;min-height:0;padding-top:15px}.journal-content .brand-name{font-size:35px}.journal-content .brand-sub{display:block;font-size:8px}.journal-content .brand-sub b{font-size:10px}.journal-content .brand{margin-bottom:9px}.journal-content .nav-scroll{width:100%}.journal-content .nav{gap:25px;width:max-content;min-width:100%}.journal-content .nav a{font-size:12px;padding:10px 0 13px}.journal-content .nav .contact-nav{padding:10px 0 13px;border:0;border-bottom:2px solid transparent}.journal-content .nav .contact-nav.active{border-bottom-color:var(--sage)}.journal-content .preview-note{font-size:10px;letter-spacing:.04em}.journal-content .hero-visual{height:405px;object-position:60% 50%}.journal-content .hero-shade{display:none}.journal-content .hero-copy{position:relative;background:#f1eee5;padding:32px 0 37px}.journal-content .hero-copy>div{max-width:none}.journal-content .hero h1{font-size:35px;line-height:1.55;margin:11px 0 16px}.journal-content .hero h1 br{display:none}.journal-content .hero p{max-width:540px;font-size:13px;margin-bottom:22px}.journal-content .hero-note{top:375px;bottom:auto;right:20px}.journal-content .hero-caption{font-size:10px;gap:10px;padding:13px 0}.journal-content .hero-caption span:last-child{display:none}.journal-content .section{padding:56px 0}.journal-content .intro{grid-template-columns:1fr;gap:23px;padding:49px 0}.journal-content .intro h2{font-size:29px}.journal-content .intro p{font-size:14px}.journal-content .section-head h2{font-size:28px}.journal-content .section-head .text-link{font-size:11px;gap:12px;flex-shrink:0}.journal-content .feature-projects{gap:24px;grid-template-columns:1fr}.journal-content .project-card.large img{aspect-ratio:1.5}.journal-content .project-side{grid-template-columns:1fr 1fr;gap:20px}.journal-content .project-card h3{font-size:20px}.journal-content .project-side h3{font-size:18px}.journal-content .service-section{grid-template-columns:1fr;gap:25px}.journal-content .service-intro h2{font-size:29px}.journal-content .articles-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.journal-content .article-card h3{font-size:18px}.journal-content .article-card p{font-size:12px}.journal-content .contact-band{grid-template-columns:1fr}.journal-content .contact-band img{min-height:0;height:310px}.journal-content .contact-band>div{padding:35px 25px}.journal-content .contact-band h2{font-size:29px}.journal-content .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.journal-content .footer-grid>div:first-child{grid-column:1/-1}.journal-content .footer-bottom{flex-direction:column;gap:8px}.journal-content .page-heading{padding:15px 0 32px}.journal-content .page-heading h1{font-size:34px}.journal-content .page-heading p{font-size:14px}.journal-content .breadcrumb{padding:20px 0;font-size:10px}.journal-content .filter-toolbar{flex-direction:column;align-items:stretch;gap:15px}.journal-content .search{width:100%}.journal-content .filters{gap:3px}.journal-content .filter{padding:6px 10px;font-size:11px}.journal-content .project-grid{gap:34px 22px}.journal-content .project-grid h3{font-size:21px}.journal-content .project-grid .project-card p{font-size:12px}.journal-content .article-heading h1{font-size:29px}.journal-content .article-heading .dek{font-size:13px}.journal-content .article-hero img{aspect-ratio:1.5}.journal-content .reading-layout{grid-template-columns:1fr;margin-top:31px;gap:24px}.journal-content .article-aside{position:static;grid-row:1;padding:15px 18px;background:#efefe6;border:0}.journal-content .article-aside ol{display:flex;gap:7px 20px;flex-wrap:wrap;margin:9px 0 0}.journal-content .article-aside li{margin:0;font-size:11px}.journal-content .article-aside .text-link{display:none}.journal-content .article-body{font-size:15px;max-width:none}.journal-content .article-body h2{font-size:22px}.journal-content .article-stats{font-size:10px}.journal-content .project-story{grid-template-columns:1fr;gap:14px;padding:35px 0}.journal-content .project-cover img{aspect-ratio:1.5}.journal-content .project-story h2{font-size:26px}.journal-content .project-story p{font-size:14px}.journal-content .gallery{gap:18px}.journal-content .service-detail{gap:27px}.journal-content .service-detail h2{font-size:24px}.journal-content .service-detail p{font-size:13px}.journal-content .process-grid{grid-template-columns:1fr 1fr;gap:26px}.journal-content .about-lead{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.journal-content .about-lead img{aspect-ratio:1.55}.journal-content .values{gap:25px}.journal-content .values h3{font-size:20px}.journal-content .values p{font-size:12px}.journal-content .contact-layout{grid-template-columns:1fr;gap:30px}.journal-content .contact-photo{order:2}.journal-content .contact-photo img{aspect-ratio:1.8}.journal-content .contact-item dd{font-size:15px}.journal-content .page-end-space{padding-bottom:55px}}@media(max-width:480px){.journal-content .wrap{width:calc(100% - 34px)}.journal-content .hero-visual{height:280px}.journal-content .hero-note{top:251px;font-size:9px}.journal-content .hero h1{font-size:30px;letter-spacing:.025em}.journal-content .hero-copy{padding:28px 0 31px}.journal-content .button{padding:11px 18px;font-size:12px;gap:16px}.journal-content .overline{font-size:10px}.journal-content .hero-actions{gap:10px}.journal-content .section-head{align-items:center;gap:12px}.journal-content .section-head h2{font-size:25px}.journal-content .project-side{grid-template-columns:1fr}.journal-content .project-side .project-card img{aspect-ratio:1.65}.journal-content .articles-grid,.journal-content .project-grid{grid-template-columns:1fr}.journal-content .article-card h3{font-size:21px}.journal-content .article-card img{aspect-ratio:1.6}.journal-content .article-card p{font-size:13px}.journal-content .card-meta{font-size:10px}.journal-content .project-grid .project-card p{font-size:13px}.journal-content .project-grid h3{font-size:23px}.journal-content .page-heading h1{font-size:31px}.journal-content .article-heading h1{font-size:27px;letter-spacing:.015em}.journal-content .article-body h2{font-size:21px}.journal-content .reading-layout{margin-bottom:45px}.journal-content .article-aside ol{flex-direction:column}.journal-content .article-aside li{font-size:11px}.journal-content .gallery{grid-template-columns:1fr}.journal-content .service-detail{grid-template-columns:1fr;padding:32px 0}.journal-content .service-detail:nth-child(even) .service-photo{order:0}.journal-content .process-grid{gap:23px}.journal-content .values{grid-template-columns:1fr;gap:15px}.journal-content .values p{font-size:14px}.journal-content .values h3{font-size:23px}.journal-content .contact-band img{height:250px}.journal-content .contact-band>div{padding:30px 22px}.journal-content .contact-band h2{font-size:28px}.journal-content .contact-item .phone{font-size:27px}.journal-content .mail-panel{padding:25px}.journal-content .footer-grid{gap:25px}.journal-content .footer-grid>div{min-width:0}.journal-content .footer p{overflow-wrap:anywhere}.journal-content .service-row{grid-template-columns:27px 1fr 15px;gap:10px}.journal-content .preview-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.journal-content{scroll-behavior:auto}.journal-content *{transition:none!important}}.journal-content .text-card{border-top:1px solid var(--line);padding-top:13px}.journal-content .contact-band.text-only{display:block}.journal-content .contact-band.text-only>div{width:min(1260px,calc(100% - 40px));margin:auto;padding:45px 0}.journal-content .whatsapp{background:#49694e;border-color:#49694e}.journal-content .whatsapp:hover{background:#345339}.journal-content .contact-details-inline{margin:23px 0 18px}.journal-content .hero-actions .whatsapp{gap:12px}.journal-content .contact-band.text-only>div{width:min(1260px,calc(100% - 96px))}@media(max-width:780px){.journal-content .contact-band.text-only>div{width:calc(100% - 40px)}}.journal-content .site-header,.journal-content .site-footer,.journal-content footer{display:none!important}.journal-content{scroll-padding-top:12px!important}.journal-content{padding-top:0!important}.journal-content img{object-fit:contain!important;height:auto!important;max-height:none!important}.journal-content main{padding-top:20px!important}
/* Preserve complete photographic compositions in every project catalogue. */
.catalog-card .catalog-image{display:block!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#f7f4ed}
.catalog-card .catalog-image img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;position:static!important;transform:none!important;object-fit:contain!important}

/* 1.0.4: generous native, single-click link areas. */
#site a{touch-action:manipulation;cursor:pointer}
#site a img,#site a svg,#site a span{pointer-events:none}
.catalog-card{position:relative;cursor:pointer}
.catalog-card .text-link::after{content:"";position:absolute;inset:0;z-index:1}
.catalog-card:focus-within{outline:2px solid #667c68;outline-offset:5px}
.journal-content .article-card>a{display:block;width:100%;height:100%;touch-action:manipulation}
.text-link{min-height:44px;display:inline-flex;align-items:center}
@media(hover:none){.journal-content .article-card:hover img,.journal-content .project-card:hover img{transform:none!important}}

/* 1.0.6: one native link per project; no transparent click overlay. */
.catalog-card .text-link::after{content:none!important;pointer-events:none!important}
.catalog-card .catalog-entry{display:block!important;width:100%;height:100%;text-decoration:none;color:inherit;cursor:pointer;touch-action:manipulation}
#site .catalog-entry *{pointer-events:none}
.catalog-card .catalog-entry .text-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;border:1px solid #d8dfd2;border-radius:4px;background:#f5f7f1;color:#49664c;line-height:1.5}
.catalog-card:hover img{transform:none!important}
.catalog-entry:focus-visible{outline:3px solid #667c68;outline-offset:4px}
