@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500&display=swap');
:root{--paper:#f7f6f2;--ink:#35372f;--muted:#929085;--accent:#786951;--line:#dedbd2;--serif:'Noto Serif TC',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:14px;font-weight:300}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:30px;letter-spacing:2px;line-height:1.6}h3{font-size:20px;letter-spacing:1px}p{line-height:1.9}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#f4f1eb;gap:30px;position:relative;z-index:10}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand svg{width:42px;height:49px;color:#8b795d}.brand>span{font-family:var(--serif);font-size:27px;letter-spacing:5px}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:6px}.header nav{display:flex;gap:32px}.header nav a{font-family:var(--serif);letter-spacing:1px;padding:13px 0;position:relative;white-space:nowrap}.header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s}.header nav a:hover:after,.header nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:25px}.booking{background:var(--accent);color:white;border-radius:40px;padding:13px 26px;letter-spacing:2px;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:background .2s,transform .2s}.booking:hover{background:#564b39;transform:translateY(-2px)}.icon-btn{padding:8px;display:flex;align-items:center}.menu-toggle{display:none}.hero{height:610px;min-height:500px;position:relative;color:white;overflow:hidden}.hero>img{position:absolute;object-position:center 56%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,28,23,.67),rgba(24,26,19,.14) 65%,rgba(23,24,18,.14)),linear-gradient(0deg,rgba(16,20,14,.18),transparent 40%)}.hero-content{position:relative;padding:72px 7.5%}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:3px;color:var(--accent);margin-bottom:19px}.light{color:#e5dfd3;font-size:9px;letter-spacing:3.5px}.hero h1{font-size:51px;line-height:1.55;letter-spacing:6px;text-shadow:0 2px 20px #0002}.hero-description{margin-top:23px;font-family:var(--serif);font-size:17px;letter-spacing:2px;line-height:1.9;color:#f0eee7}.hero-caption{display:flex;align-items:center;gap:19px;font:9px Arial;letter-spacing:4px;margin:27px 0 31px}.hero-caption span{height:1px;width:37px;background:#e1dccc}.outline-btn{border:1px solid #f5eee890;border-radius:30px;padding:14px 25px;display:inline-flex;gap:48px;font-family:var(--serif);letter-spacing:2px;background:#b5a18825;transition:background .2s}.outline-btn:hover{background:#b5a18866}.hero-note{position:absolute;right:11%;bottom:142px;font-family:var(--serif);font-size:25px;letter-spacing:5px;line-height:1.8;transform:rotate(-7deg);text-shadow:0 1px 9px #0008}.hero-note span{margin-left:33px}.hero-note:after{content:'';display:block;height:1px;background:#fff9;transform:rotate(-10deg);width:170px;margin:14px 0 0 60px}.hero-bottom{position:absolute;bottom:26px;left:7.5%;right:6%;display:flex;justify-content:space-between;align-items:center}.scroll-label{font:8px Arial;letter-spacing:2px;color:#eeeee0b0;display:flex;gap:30px}.slider-controls{display:flex;gap:18px;align-items:center}.slider-controls button{color:#fff8;font-size:11px;letter-spacing:3px;padding:8px 0}.slider-controls button.selected{color:white}.slide-line{height:1px;width:42px;background:#fff}.section-wrap{max-width:1600px;margin:auto;padding:58px 6%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.heading-inline{display:flex;gap:36px;align-items:center}.heading-inline h2{font-size:27px}.heading-inline p{font-size:12px;color:var(--muted);letter-spacing:2px}.text-link{font-family:var(--serif);font-size:13px;letter-spacing:1px;display:inline-flex;align-items:center;gap:24px;padding:8px 0;white-space:nowrap}.text-link span{font-size:23px;color:var(--accent);transition:transform .2s}.text-link:hover span{transform:translateX(6px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card .image-wrap{height:181px;position:relative;overflow:hidden}.service-card img,.project-card img,.journal-card img{transition:transform .7s}.service-card:hover img,.project-card:hover img,.journal-card:hover img{transform:scale(1.045)}.image-wrap>span{position:absolute;bottom:12px;left:15px;color:white;font:8px Arial;letter-spacing:2px;text-shadow:0 1px 5px #333}.service-info{display:flex;justify-content:space-between;align-items:center;padding:17px 13px;background:#eeede8}.service-info h3{font-size:19px}.service-info p{color:#939187;font-size:12px;margin-top:3px;letter-spacing:1px}.circle-arrow{width:30px;height:30px;border:1px solid #a39e8f;border-radius:50%;display:grid;place-items:center;font-size:17px;flex-shrink:0}.about{padding-top:78px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-image{height:480px;position:relative}.about-image:after{content:'';position:absolute;left:-18px;top:22px;right:22px;bottom:-20px;border:1px solid var(--line);z-index:-1}.about-image>span{position:absolute;left:25px;bottom:24px;color:white;font:9px Arial;letter-spacing:3px}.about-copy h2{font-size:35px;margin-bottom:24px}.about-copy>p:not(.eyebrow){color:#89887e;font-size:13px;line-height:2.1;margin-bottom:20px;letter-spacing:1px}.about-copy>.text-link{margin-top:6px}.values{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:32px;padding-top:23px;font-family:var(--serif);letter-spacing:1px}.values small{display:block;font:7px Arial;letter-spacing:1.5px;color:var(--muted);margin-top:10px}.projects{padding-top:70px;border-top:1px solid var(--line);padding-bottom:72px}.section-number{font:10px Arial;letter-spacing:3px;color:var(--muted)}.project-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px;gap:20px}.filters{display:flex;gap:27px}.filters button{padding:15px 0;color:#918e84;position:relative;font-size:12px;letter-spacing:1px;white-space:nowrap}.filters button.active{color:var(--accent)}.filters button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:var(--accent);height:2px}.project-search{display:flex;align-items:center;gap:5px;color:var(--muted)}.project-search input{border:0;background:none;outline:none;font-size:12px;padding:10px 0;width:145px}.project-search input:focus{box-shadow:0 1px var(--accent)}.project-search span{font-size:26px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.project-card{padding:0;text-align:left;min-width:0}.project-photo{height:260px;overflow:hidden;position:relative}.project-photo>span{position:absolute;right:15px;bottom:15px;background:#f7f6f2eb;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:20px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:10px}.project-meta h3{font-size:19px}.project-meta>span{font:8px Arial;letter-spacing:2px;color:var(--muted)}.project-card>p{color:var(--muted);font-size:11px;margin-top:7px;letter-spacing:1px}.project-disclaimer{text-align:right;font-size:10px;color:var(--muted);margin-top:28px}.process{background:#eeede6}.process .section-wrap{padding-top:66px;padding-bottom:58px}.muted{color:var(--muted);font-size:13px;letter-spacing:1px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);margin:42px 0 25px}.process-grid article{border-left:1px solid #d2cfc3;padding:0 23px}.process-grid article:first-child{padding-left:0;border:0}.process-grid article>span{font-family:Georgia,serif;font-size:31px;color:#a59980;font-style:italic}.process-grid h3{font-size:19px;margin:18px 0 14px}.process-grid p{color:#8b897d;font-size:12px;line-height:2}.journal{padding-top:88px;padding-bottom:75px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journal-card{padding:0;text-align:left;overflow:hidden}.journal-card img{height:225px}.journal-card p{font:8px Arial;letter-spacing:2px;color:var(--accent);margin:22px 0 12px}.journal-card p span{margin-left:15px;font-size:10px;letter-spacing:1px}.journal-card h3{font-size:17px;display:flex;justify-content:space-between;gap:14px;line-height:1.8}.journal-card h3 span{color:var(--accent)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:70px;padding-bottom:90px}.faq h2{font-size:27px;margin-bottom:18px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:20px 0;font-size:13px;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 20px 22px 0;color:#888679;font-size:12px;line-height:2}.faq details[open] summary span{transform:rotate(45deg)}.contact{text-align:center;background:#e9e6de;padding:70px 20px 75px}.contact h2{font-size:39px;letter-spacing:5px}.contact>p:not(.eyebrow){color:#928b7c;font-size:13px;margin:18px 0 29px;letter-spacing:2px}.contact .booking{padding:16px 29px}.mobile-only{display:none}.footer{padding-top:46px;padding-bottom:22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:44px}.footer-top .brand>span{font-size:25px}.footer-top p{font-size:12px;color:#898578;letter-spacing:1px}.footer-top p small{font:9px Arial;letter-spacing:1px}.footer-top>div{display:flex;gap:24px;font-size:11px}.back-top{font:8px Arial;letter-spacing:2px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#99958a;font-size:9px;letter-spacing:1px}.footer-bottom button{padding:0;font-size:9px}dialog{border:0;padding:0;max-width:800px;width:calc(100% - 40px);max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 15px 80px #0003}dialog::backdrop{background:#1c2019aa;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;right:15px;top:15px;width:36px;height:36px;background:#f7f6f2ef;border-radius:50%;font-size:25px;z-index:1}.detail-image{height:340px}.detail-body,.booking-body{padding:40px 45px}.detail-body h2{margin-bottom:15px}.detail-body>p{color:#888477;margin:15px 0;line-height:2.1}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 25px}.detail-tags span{background:#e9e6dd;padding:7px 13px;font-size:12px}.article-text h3{margin-top:25px}.article-text p{color:#888477;line-height:2}.form-notice{background:#ece9e1;padding:12px 15px;font-size:11px;color:#847a66;margin:22px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:12px;letter-spacing:1px}form input:not([type=checkbox]),form select,form textarea{display:block;background:transparent;border:1px solid #d8d3c7;width:100%;padding:12px;margin-top:8px;border-radius:0;color:var(--ink);outline:none}form input:focus,form select:focus,form textarea:focus{border-color:var(--accent)}form>label{margin-top:20px}.consent{display:flex;align-items:flex-start;gap:9px;color:#827b6d;line-height:1.8}.consent input{accent-color:var(--accent)}.form-submit{margin-top:25px;width:100%}#form-success{text-align:center;padding:25px 0}#form-success p{margin:20px 0;color:#898477}#form-success .text-link{display:block;margin:20px auto 0;font-size:12px}.success-icon{display:inline-grid;place-items:center;border:1px solid var(--accent);border-radius:50%;width:50px;height:50px;margin-bottom:25px;font-size:24px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:13px 25px;opacity:0;pointer-events:none;transition:.3s;z-index:50}.toast.visible{opacity:1;transform:translate(-50%,0)}#no-results{padding:50px 0;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1550px){.hero{height:680px}.hero-content{padding-top:92px}.hero h1{font-size:60px}.service-card .image-wrap{height:215px}}
@media(max-width:1100px){.header{padding:0 4%;gap:20px}.header nav{gap:20px}.header-actions{gap:10px}.brand>span{font-size:23px}.brand svg{width:35px}.header .booking{padding:12px 18px;font-size:12px;gap:12px}.heading-inline{display:block}.heading-inline p{margin-top:8px}.hero h1{font-size:47px}.hero-note{right:7%;font-size:21px}.service-info{padding:13px 10px}.service-info p{font-size:10px}.about{gap:6%}.about-copy h2{font-size:30px}.about-image{height:450px}.project-photo{height:220px}.process-grid article{padding:0 15px}.faq{gap:35px}.faq h2{font-size:24px}.footer-top>div{gap:14px}}
@media(max-width:800px){.header{height:80px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:20px 6%;box-shadow:0 10px 20px #0001}.header nav.open{display:flex;flex-direction:column;gap:8px}.menu-toggle{display:flex;font-size:19px}.search-toggle{display:none}.header .booking{font-size:11px}.brand svg{width:32px;height:40px}.brand>span{font-size:22px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:1px}.hero{height:610px}.hero-content{padding:80px 7%}.hero h1{font-size:43px}.hero-note{bottom:92px;right:8%;font-size:19px}.hero-description{font-size:14px}.section-wrap{padding:45px 6%}.section-heading{gap:15px}.heading-inline h2,h2{font-size:25px}.heading-inline p{font-size:10px}.text-link{font-size:11px;gap:10px}.service-grid{grid-template-columns:repeat(2,1fr);gap:20px}.service-card .image-wrap{height:190px}.service-info p{font-size:12px}.about{padding-top:65px;padding-bottom:65px;gap:35px}.about-image{height:420px}.about-copy h2{font-size:26px}.about-copy>p:not(.eyebrow){font-size:12px}.about-copy br{display:none}.about-copy h2 br{display:block}.values{gap:10px;font-size:12px}.values small{font-size:6px;letter-spacing:0}.project-grid{grid-template-columns:repeat(2,1fr)}.project-toolbar{align-items:flex-start;flex-direction:column;gap:0}.filters{gap:24px;width:100%;overflow:auto}.project-search{align-self:flex-end}.project-search input{width:160px}.project-photo{height:240px}.process-grid{grid-template-columns:repeat(3,1fr);gap:30px 0}.process-grid article:nth-child(4){border-left:0;padding-left:0}.process-grid p{font-size:11px}.journal-grid{gap:18px}.journal-card img{height:175px}.journal-card h3{font-size:15px}.journal-card p{font-size:7px;letter-spacing:1px}.journal-card p span{display:block;margin:8px 0 0}.faq{grid-template-columns:1fr;gap:15px}.contact h2{font-size:32px}.footer-top{flex-wrap:wrap}.footer-top>p{display:none}.footer-top>div{font-size:10px}.footer-bottom{font-size:8px;flex-wrap:wrap}}
@media(max-width:520px){.header{padding:0 5%;gap:10px;height:74px}.header nav{top:74px}.brand{gap:7px}.brand svg{width:29px}.brand>span{font-size:21px}.header .booking{padding:10px 14px;font-size:10px;letter-spacing:1px}.header .booking span{display:none}.header-actions{gap:4px}.hero{height:620px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#161b17b3,#161b1725),linear-gradient(0deg,#161b174d,transparent)}.hero-content{padding:66px 7%}.eyebrow{font-size:8px;letter-spacing:2px}.hero h1{font-size:37px;letter-spacing:3px}.hero-description{font-size:12px;letter-spacing:1px;line-height:2}.hero-caption{font-size:7px;letter-spacing:2px;margin-top:24px}.outline-btn{font-size:12px;padding:13px 21px;gap:35px}.hero-note{font-size:18px;bottom:84px}.scroll-label{font-size:6px;gap:12px;letter-spacing:1px}.slider-controls{gap:12px}.slider-controls button{font-size:9px}.slide-line{width:25px}.section-wrap{padding:38px 6%}.section-heading{align-items:flex-end;margin-bottom:24px}.heading-inline h2{font-size:20px;letter-spacing:1px}.heading-inline p{font-size:9px;letter-spacing:1px}.services .section-heading>.text-link{font-size:0;gap:0}.services .section-heading>.text-link span{font-size:22px}.service-grid{gap:16px 12px}.service-card .image-wrap{height:134px}.image-wrap>span{font-size:6px;letter-spacing:1px;left:9px}.service-info{padding:12px 8px}.service-info h3{font-size:16px}.service-info p{font-size:9px;letter-spacing:0}.circle-arrow{width:24px;height:24px;font-size:14px}.about{grid-template-columns:1fr;padding-top:35px;padding-bottom:50px;gap:40px}.about-image{height:330px;margin-left:12px}.about-copy h2{font-size:29px}.about-copy>p:not(.eyebrow){font-size:13px}.values{font-size:13px}.values small{font-size:7px;letter-spacing:1px}.projects h2{font-size:23px}.section-number{display:none}.filters{gap:23px}.filters button{font-size:11px}.project-grid{gap:25px 13px}.project-photo{height:170px}.project-meta{display:block;margin-top:12px}.project-meta h3{font-size:17px}.project-meta>span{display:none}.project-card>p{font-size:9px;letter-spacing:0}.project-photo>span{width:27px;height:27px;right:10px;bottom:10px;font-size:16px}.project-disclaimer{font-size:8px}.process .section-wrap{padding-top:45px;padding-bottom:40px}.process .section-heading>.muted{display:none}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.process-grid article{padding:0 16px}.process-grid article:nth-child(odd){padding-left:0;border-left:0}.process-grid article:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}.process-grid h3{margin:10px 0}.process-grid article>span{font-size:26px}.journal .section-heading>.muted{display:none}.journal-grid{grid-template-columns:1fr;gap:30px}.journal-card img{height:230px}.journal-card h3{font-size:19px}.journal-card p{margin-top:17px}.journal-card p span{display:inline;margin-left:15px}.faq h2{font-size:23px}.faq summary{font-size:12px}.contact{padding:50px 20px}.contact h2{font-size:31px;line-height:1.7}.mobile-only{display:block}.contact>p:not(.eyebrow){font-size:11px;letter-spacing:1px}.footer-top{gap:25px;margin-bottom:26px}.footer-top .brand>span{font-size:23px}.back-top{margin-left:auto;font-size:7px}.footer-top>div{order:3;width:100%;gap:28px}.footer-bottom{line-height:1.8;font-size:8px;gap:9px}.footer-bottom>span:nth-child(2){order:3;width:100%}.detail-image{height:220px}.detail-body,.booking-body{padding:32px 23px}.detail-body h2,.booking-body h2{font-size:25px}.form-grid{grid-template-columns:1fr;gap:16px}dialog{width:calc(100% - 24px)}.booking-body>.eyebrow{padding-right:25px}.detail-tags span{font-size:10px}.toast{width:85%;text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}