*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f7f5ee;color:#263f33;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ae793f;outline-offset:6px}.skip{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}header{height:100px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263f3326}.brand{display:flex;align-items:center;gap:14px;font-family:"Songti TC","Noto Serif TC",serif;font-size:24px;letter-spacing:3px;line-height:1.3}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:8px}.mark{border:1px solid #263f3355;border-radius:50% 50% 0 0;font-size:27px;padding:11px 13px}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav a:hover{color:#a16c3e}.nav-contact{border-bottom:1px solid;padding-bottom:5px}.nav-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:75px 9% 26px 10%;display:flex;flex-direction:column}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.7px}h1,h2,h3{font-family:"Songti TC","Noto Serif TC","Times New Roman",serif;font-weight:400}h1{font-size:clamp(48px,5.1vw,84px);line-height:1.4;letter-spacing:4px;margin:32px 0 24px}h1 span{color:#84926a}.intro{font-size:15px;line-height:2.1;color:#5d6c60}.button{border:1px solid #263f3366;width:max-content;padding:12px 23px;font-size:13px;margin-top:22px;transition:.2s}.button:hover{background:#263f33;color:white}.button span{padding-left:40px}.hero-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;padding-top:55px;font-size:11px;letter-spacing:2px}.fine{font-family:serif;letter-spacing:1px;color:#7c8679}.hero-image{margin:0;position:relative;overflow:hidden;min-height:620px}.hero-image img{height:100%;width:100%;position:absolute;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10271b80);pointer-events:none}.hero-image figcaption{position:absolute;bottom:14px;right:20px;color:#fff;font-size:10px;z-index:1;letter-spacing:1px}.image-note{position:absolute;bottom:55px;left:40px;color:#fff;font:12px/1.7 Georgia,serif;letter-spacing:4px;z-index:1}.philosophy{padding:105px 8%;border-bottom:1px solid #263f3326}.philosophy-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}h2{font-size:clamp(30px,3vw,47px);line-height:1.6;letter-spacing:2px;margin:0}.philosophy-body p{font-size:14px;color:#697165;margin:0 0 25px}.philosophy-body .serif-note{font-family:serif;color:#8a7250;margin-top:40px}.services{padding:100px 8%;background:#eeeee4}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-head>p{font-size:13px;color:#687466}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.service-grid article{position:relative;border-top:1px solid #263f3360;padding-top:15px}.number{font:italic 18px Georgia,serif;color:#839076}.service-grid h3{font-size:35px;letter-spacing:5px;margin:10px 0 17px}.service-grid article>p:not(.eyebrow){font-size:14px;color:#687466}.service-grid ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;padding:20px 0 0;border-top:1px solid #263f3326;gap:8px;font-size:12px;color:#66735e}.service-art{height:130px;position:relative;margin:10px 0 25px;overflow:hidden}.service-art span{display:block;position:absolute;width:100px;height:100px;border:1px solid #8b9979;border-radius:50% 0 50% 50%;transform:rotate(-25deg);left:calc(50% - 50px);top:5px;background:#a6b39130}.service-art i{height:110px;position:absolute;border-left:1px solid #77886c;left:50%;top:25px;transform:rotate(25deg)}.pruning span{border-radius:55% 55% 10% 10%;width:120px;left:calc(50% - 60px);transform:rotate(0)}.pruning i{transform:rotate(0);height:65px;top:65px}.caring span{width:85px;height:85px;border-radius:0 55% 55% 55%;transform:rotate(45deg);left:calc(50% - 42px);top:5px}.caring i{transform:rotate(0);height:25px;top:105px}.process{padding:100px 8%}.process-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;margin-top:40px}.steps>div{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding:20px 0;border-top:1px solid #263f3326}.steps span{grid-row:span 2;font:italic 16px Georgia,serif;color:#8a947d;padding-top:10px}.steps h3{margin:0;font-size:22px}.steps p{font-size:13px;color:#687466;margin:5px 0 10px}.contact{background:#263f33;color:#f5f3e9;padding:85px 8% 90px;text-align:center}.contact .eyebrow{color:#bcc8a6}.contact h2{font-size:clamp(32px,3.6vw,53px);margin:25px 0}.contact>p{font-size:14px;color:#d0d6c7}.email{display:inline-block;font:clamp(23px,3vw,40px) Georgia,serif;border-bottom:1px solid #b8c5a9;padding:12px 0 20px;margin:20px 0;overflow-wrap:anywhere}.email span{font-size:27px;margin-left:35px}.contact .contact-hint{font-size:11px;color:#aebba4}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{display:block;font-size:20px}footer p,footer>a:last-child{font-size:11px;color:#697665}.draft{text-align:center;font-size:10px;letter-spacing:2px;color:#7b8378;padding:10px 15px;border-top:1px solid #263f3320}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{height:85px;padding:0 6%}.brand{font-size:20px}.mark{font-size:21px;padding:9px 10px}nav{gap:15px}nav>a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 30px}h1{font-size:51px;margin:25px 0 15px}.hero-foot{padding-top:40px}.hero-image{min-height:440px}.philosophy,.services,.process{padding:65px 7%}.philosophy-body,.process-layout{grid-template-columns:1fr;gap:30px}.section-head{display:block;margin-bottom:35px}.service-grid{grid-template-columns:1fr;gap:40px}.service-art{float:right;width:40%;height:145px;margin:15px 0}.service-grid article>p:not(.eyebrow){min-height:65px}.service-grid ul{clear:both}.service-grid h3{font-size:31px}.contact{padding:65px 7%}.email span{margin-left:10px}footer{flex-wrap:wrap;padding:30px 7%}footer p{width:45%}.hero-image figcaption{font-size:9px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.service-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:42px}.service-list li{border-top:1px solid #263f334d;padding:23px 0 30px;min-height:150px}.service-index{font:italic 17px Georgia,serif;color:#7e8f6c;display:block;margin-bottom:18px}.service-list h3{font-family:"Songti TC","Noto Serif TC",serif;font-size:23px;line-height:1.75;letter-spacing:1px;margin:0;overflow-wrap:anywhere}@media(max-width:1000px) and (min-width:761px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}}@media(max-width:760px){.service-list{grid-template-columns:1fr}.service-list li{min-height:0;padding:22px 0;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:baseline}.service-index{margin:0}.service-list h3{font-size:23px;line-height:1.7}}

/* Header wordmark */
.header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}
.header-brand img{display:block;width:174px;height:auto}
.header-brand small{margin-top:0}
@media(max-width:760px){
 .header-brand{gap:5px}
 .header-brand img{width:clamp(122px,32vw,150px)}
}

/* Business card contact information */
.process-contact{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin:24px 0 0;padding-top:17px;border-top:1px solid #263f3326;font-style:normal}
.process-contact-details{flex:1 1 195px;min-width:0}
.process-contact-person{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}
.process-contact-person strong{font-size:18px;letter-spacing:2px}
.process-contact-details a{display:flex;align-items:baseline;gap:10px;width:max-content;max-width:100%;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.process-contact-qr{margin:0;flex:0 0 auto;text-align:center}
.process-contact-qr img{width:104px;height:104px;display:block;margin:auto}
.process-contact-qr a{display:block}

/* Service galleries: panels occupy their entire row without changing the service grid. */
.service-list > [data-service]{display:block;min-width:0}
.service-toggle,.service-photo-button,.service-viewer button{cursor:pointer}
.service-toggle{position:relative;display:block;width:100%;min-height:44px;padding:0 25px 0 0;border:0;background:none;color:inherit;text-align:left;font:inherit;letter-spacing:inherit}
.service-toggle:hover,.service-toggle[aria-expanded="true"]{color:#4b624b}
.service-toggle:focus-visible,.service-photo-button:focus-visible,.service-viewer button:focus-visible{outline:2px solid #6f8164;outline-offset:4px}
.service-indicator{position:absolute;right:2px;top:0;color:#566c50;font:20px/1.25 Georgia,serif}
.service-list > .service-photo-panel{display:block;grid-column:1/-1;min-height:0;margin:0 0 24px;padding:20px 0 8px;border-top:1px solid #263f3326}
.service-list > .service-photo-panel[hidden],.service-viewer [hidden]{display:none}
.service-photo-empty,.service-photo-label{margin:0 0 12px;font-size:14px;color:#4f6552}
.service-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-photo-button{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit}
.service-photo-button img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#263f330a}
.service-photo-button span{display:block;padding-top:5px;font-size:14px;overflow-wrap:anywhere}
.service-viewer{width:min(940px,calc(100% - 24px));max-width:none;max-height:calc(100% - 24px);padding:0;border:1px solid #263f334d;background:#f7f5ee;color:#263f33}
.service-viewer::backdrop{background:#15231be0}
.service-viewer-inner{padding:clamp(12px,3vw,24px)}
.service-viewer-head,.service-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}
.service-viewer-head h2{font-size:clamp(17px,3vw,24px);letter-spacing:0}
.service-viewer button{flex-shrink:0;min-height:44px;padding:5px 12px;border:1px solid #263f3366;background:transparent;color:inherit;font:inherit}
.service-viewer button:disabled{opacity:.45;cursor:default}
.service-viewer figure{margin:12px 0}
.service-viewer figure img{display:block;width:100%;max-height:60vh;max-height:60dvh;object-fit:contain}
.service-viewer figcaption:not(:empty){margin-top:8px;text-align:center}
.service-viewer-controls [role="status"]{white-space:nowrap;font-variant-numeric:tabular-nums}
html:has(.service-viewer[open]){overflow:hidden}
@media(max-width:1000px){.service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .service-toggle{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:baseline}
 .service-indicator{top:.35em}
 .service-photo-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .service-list > .service-photo-panel{padding-top:15px;margin-bottom:17px}
}

.service-video{min-width:0;margin:0}.service-video video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#263f33}.service-video figcaption{padding-top:5px;font-size:14px;overflow-wrap:anywhere}