:root{--forest:#173f33;--forest-deep:#0e3028;--leaf:#6e9b74;--mint:#dcebd8;--cream:#f7f8f3;--paper:#fff;--ink:#243a31;--muted:#63746a;--line:#dce6dd;--shadow:0 24px 70px rgba(19,62,46,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--cream);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #96bb82;outline-offset:4px}
.shell{width:min(1160px,calc(100% - 48px));margin:auto}
.skip-link{position:absolute;z-index:100;top:-60px;left:12px;padding:12px 18px;background:var(--forest);color:#fff;border-radius:6px}
.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(24,71,52,.08);backdrop-filter:blur(16px)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:260px}
.brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}
.brand-copy{display:flex;flex-direction:column;line-height:1.13}
.brand-copy strong{font-size:22px;letter-spacing:.13em;font-weight:800;color:var(--forest)}
.brand-copy small{font-size:10px;letter-spacing:.15em;color:#7b8f82;margin-top:6px}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600;color:#45594d}
.desktop-nav a{position:relative;padding:27px 0}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:20px;width:0;height:2px;background:var(--leaf);transition:width .2s}
.desktop-nav a:hover::after{width:100%}
.header-contact{padding:12px 19px;border-radius:5px;background:var(--forest);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}
.header-contact:hover{background:#27654e;transform:translateY(-2px)}
.header-contact span{margin-left:11px}
.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#f2f7ed 0%,#fcfbf5 46%,#e7efe6 100%)}
.hero::before{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(92,145,109,.12);border-radius:50%;top:-300px;left:-330px;box-shadow:0 0 0 90px rgba(119,164,111,.035),0 0 0 180px rgba(119,164,111,.025);pointer-events:none}
.hero-grid{min-height:630px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:6%;padding-top:70px;padding-bottom:68px}
.hero-copy{position:relative;z-index:2;max-width:570px}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.22em;font-weight:800;color:#52865d}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px}
.eyebrow-line{width:27px;height:2px;background:#6c9d70}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.22;letter-spacing:-.04em;color:var(--forest-deep);margin-bottom:27px;font-weight:800}
.hero h1 em{font-style:normal;color:#6d9b73}
.hero-description{max-width:490px;color:#5b6e61;font-size:17px;line-height:1.95;margin-bottom:32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:0 23px;border-radius:5px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--forest);color:#fff;box-shadow:0 12px 24px rgba(23,63,51,.17)}
.button-primary:hover{background:#286b52}
.button-outline{border:1px solid #a7b9a7;color:var(--forest);background:rgba(255,255,255,.3)}
.button-outline:hover{background:#fff}
.hero-note{color:#849487;font-size:12px;letter-spacing:.1em;margin:34px 0 0}
.hero-media{position:relative;padding:16px 16px 0 0}
.hero-image-wrap{position:relative;z-index:2;overflow:hidden;border-radius:180px 180px 12px 12px;box-shadow:0 35px 65px rgba(27,68,45,.16);background:#dce8d7;aspect-ratio:.98}
.hero-image-wrap picture,.hero-image-wrap img{width:100%;height:100%}
.hero-image-wrap img{object-fit:cover;object-position:center center}
.hero-media::before{content:"";position:absolute;z-index:0;inset:55px -16px -15px 36px;border:1px solid #91b395;border-radius:180px 180px 12px 12px}
.hero-orbit{position:absolute;z-index:3;width:130px;height:130px;border-radius:50%;right:-36px;top:40px;background:#fff9e9;box-shadow:var(--shadow)}
.hero-orbit::before{content:"";position:absolute;inset:28px;border:1px solid #8daf8b;border-radius:50%;box-shadow:0 0 0 8px rgba(137,179,135,.12)}
.hero-orbit::after{content:"✦";position:absolute;color:#7da67d;font-size:35px;top:42px;left:52px}
.hero-media-label{position:absolute;z-index:4;bottom:4px;left:0;background:#fff;padding:16px 19px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow);font-size:12px;color:#3f5a45;border-radius:5px}
.hero-media-label span:last-child{color:#9aac9a;margin-left:22px}
.label-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#77a77a}
.hero-bottom{display:flex;justify-content:space-between;color:#77917d;font-size:11px;letter-spacing:.16em;padding-bottom:22px}
.hero-bottom a{color:#436d4b}
.intro-strip{background:#fff;border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.intro-grid>div{position:relative;padding:34px 24px 32px 75px;border-right:1px solid var(--line)}
.intro-grid>div:first-child{padding-left:48px}.intro-grid>div:last-child{border-right:0}
.intro-number{position:absolute;left:24px;top:37px;color:#9fba9e;font:700 12px Georgia,serif}.intro-grid>div:first-child .intro-number{left:0}
.intro-grid strong{display:block;font-size:16px;color:var(--forest);margin-bottom:6px}
.intro-grid p{font-size:12px;color:#869587;margin:0}
.section{padding:108px 0}
.section-heading{margin-bottom:42px}
.section-heading-split{display:flex;align-items:end;justify-content:space-between;gap:48px}
.section-kicker{margin:0 0 16px}.section-kicker span{letter-spacing:.08em;color:#93a396;font-weight:500}
.section-heading h2,.about-copy h2,.contact-section h2{font-size:clamp(32px,3.25vw,47px);line-height:1.38;letter-spacing:-.035em;color:var(--forest-deep);margin:0;font-weight:800}
.section-heading-split>p{max-width:350px;font-size:14px;line-height:1.9;color:#77867b;margin:0 0 4px}
.products-section{background:#fff}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.product-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.product-art{position:relative;height:395px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.product-art-sage{background:radial-gradient(circle at 35% 28%,#e8f0e4,#d6e5d3 75%)}
.product-art-clay{background:radial-gradient(circle at 65% 20%,#f4e9e0,#ecddd0 75%)}
.product-art::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(69,121,78,.18);top:22px;left:50%;transform:translateX(-50%)}
.product-art picture{position:relative;z-index:1;height:88%;width:auto;filter:drop-shadow(0 20px 20px rgba(22,45,24,.18));transition:transform .25s}
.product-card:hover .product-art picture{transform:scale(1.025)}
.product-art img{height:100%;width:auto;object-fit:contain;border-radius:2px}
.product-tag{position:absolute;z-index:2;top:20px;left:22px;padding:8px 12px;background:rgba(255,255,255,.85);border-radius:3px;color:#4c6950;font-size:11px;font-weight:700;letter-spacing:.1em}
.product-info{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:27px 30px 29px}
.product-index{font-size:10px;color:#83a087;letter-spacing:.17em;font-weight:800}
.product-info h3{margin:7px 0;font-size:25px;color:var(--forest);letter-spacing:-.02em}
.product-info p{font-size:13px;color:#7f8d80;line-height:1.65;margin:0}
.product-info>a{flex:none;font-size:12px;color:#277047;font-weight:700;border-bottom:1px solid #95bba1;padding-bottom:7px;white-space:nowrap}
.product-info>a span{margin-left:7px}
.documents-row{display:flex;align-items:center;gap:25px;margin-top:32px;padding:20px 0;border-top:1px solid var(--line);color:#7d897e;font-size:13px}
.documents-row a{font-weight:700;color:var(--forest)}.documents-row a:hover{text-decoration:underline}
.documents-row span{margin-right:auto}
.gallery-section{background:#f5f8f2}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.gallery-item{position:relative;overflow:hidden;border-radius:7px;background:#e5eae3;aspect-ratio:1.25}
.gallery-feature{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.055)}
.gallery-item::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,34,20,.58))}
.gallery-item>span{position:absolute;z-index:1;left:22px;right:22px;bottom:19px;display:flex;justify-content:space-between;color:#fff;font-size:14px;font-weight:700}
.gallery-item b{font-size:19px;font-weight:400}
.gallery-feature>span{font-size:19px;bottom:24px;left:27px;right:27px}
.about-section{background:var(--forest);overflow:hidden}
.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}
.about-mark{min-height:420px;border:1px solid rgba(255,255,255,.2);border-radius:220px 220px 9px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#e7f1e5}
.about-mark::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:210px 210px 5px 5px}
.about-mark span{font:700 clamp(60px,7.5vw,112px)/.92 Georgia,serif;letter-spacing:.12em;position:relative}
.about-mark small{font-size:12px;letter-spacing:.35em;margin-top:25px;color:#b4cfb6}
.about-copy .section-kicker{color:#a2cca5}.about-copy .section-kicker span{color:#8db299}
.about-copy h2{color:#fff;margin-bottom:26px}
.about-copy>p:not(.section-kicker){color:#c4d7c9;font-size:15px;line-height:2;margin-bottom:17px}
.text-link{display:inline-block;margin-top:14px;padding-bottom:10px;color:#d1e9c5;border-bottom:1px solid #8da991;font-size:14px;font-weight:700}
.text-link span{margin-left:14px}
.credentials-section{background:#fff}
.credentials-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.credentials-grid a{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.credentials-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.credentials-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f7f2}
.credentials-grid span{display:flex;justify-content:space-between;padding:13px 14px;color:#536b59;font-size:12px;font-weight:700}
.credentials-grid b{font-size:15px;font-weight:400}
.contact-section{position:relative;overflow:hidden;background:#e6efe4;padding:100px 0}
.contact-section::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(57,112,75,.12);border-radius:50%;left:-260px;bottom:-270px;box-shadow:0 0 0 75px rgba(57,112,75,.035),0 0 0 150px rgba(57,112,75,.025)}
.contact-grid{position:relative;display:grid;grid-template-columns:1fr .83fr;gap:10%;align-items:center}
.contact-section h2{margin-bottom:22px}.contact-grid>div>p:not(.section-kicker){font-size:15px;color:#687c6b;line-height:1.8;max-width:420px;margin-bottom:30px}
.button-light{background:var(--forest);color:#fff}.button-light:hover{background:#2c6952}
.contact-card{background:#fff;border-radius:9px;padding:33px 38px;box-shadow:var(--shadow)}
.contact-card img{border-radius:50%;margin-bottom:17px}
.contact-card h3{font-size:20px;margin:0 0 27px;color:var(--forest)}
.contact-card dl{margin:0}.contact-card dl>div{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:105px 1fr;gap:12px;line-height:1.6}
.contact-card dt{font-size:12px;color:#85958a}.contact-card dd{margin:0;font-size:14px;color:var(--forest);font-weight:600}.contact-card dd a:hover{text-decoration:underline}
.site-footer{background:#102e26;color:#adbfaf;padding:26px 0}.footer-inner{display:flex;align-items:center;gap:25px}.footer-inner>span{color:#fff;font-weight:800;letter-spacing:.12em}.footer-inner small{display:block;color:#8fab92;font-size:8px;margin-top:3px}.footer-inner p{font-size:11px;margin:0 auto 0 0}.footer-inner a{font-size:11px}
#gallery-dialog{border:0;border-radius:9px;padding:16px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.3);max-width:min(1000px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}
#gallery-dialog::backdrop{background:rgba(9,26,17,.8)}
#gallery-dialog img{max-width:100%;max-height:calc(100vh - 115px);width:auto;height:auto;margin:auto;object-fit:contain}
#gallery-dialog p{margin:10px 4px 2px;color:#486050;font-size:13px}
.dialog-close{position:absolute;top:7px;right:8px;z-index:2;border:0;border-radius:50%;width:34px;height:34px;background:var(--forest);color:#fff;font-size:23px;line-height:1;cursor:pointer}
@media(max-width:1050px){.desktop-nav{gap:17px}.brand{min-width:auto}.header-contact{display:none}.hero-grid{gap:4%}.hero h1{font-size:54px}}
@media(max-width:760px){html{scroll-padding-top:69px}.shell{width:min(100% - 32px,550px)}.header-inner{min-height:68px}.brand img{width:45px;height:45px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px}.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{display:flex;flex-direction:column;gap:5px;width:39px;height:39px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:5px;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{width:18px;height:2px;background:var(--forest);border-radius:2px}.mobile-nav nav{position:absolute;right:0;top:48px;width:min(260px,calc(100vw - 32px));padding:10px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column}.mobile-nav nav a{padding:12px;font-size:14px;border-bottom:1px solid #f0f3ef}.mobile-nav nav a:last-child{border-bottom:0}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:54px;padding-bottom:55px;gap:44px}.hero h1{font-size:clamp(42px,11vw,56px)}.hero-description{font-size:15px;line-height:1.85}.hero-note{margin-top:27px}.hero-media{max-width:520px;align-self:center;width:100%;padding-right:13px}.hero-image-wrap{aspect-ratio:1.12;border-radius:130px 130px 8px 8px}.hero-orbit{width:94px;height:94px;right:-18px;top:15px}.hero-orbit::before{inset:21px}.hero-orbit::after{top:29px;left:36px;font-size:28px}.hero-media-label{bottom:-9px}.hero-bottom{display:none}.intro-grid{grid-template-columns:1fr}.intro-grid>div,.intro-grid>div:first-child{padding:17px 16px 17px 48px;border-right:0;border-bottom:1px solid var(--line)}.intro-grid>div:last-child{border-bottom:0}.intro-number,.intro-grid>div:first-child .intro-number{left:7px;top:20px}.intro-grid strong{font-size:14px}.intro-grid p{font-size:11px}.section{padding:72px 0}.section-heading-split{display:block}.section-heading-split>p{max-width:none;margin-top:18px}.section-heading{margin-bottom:28px}.section-heading h2,.about-copy h2,.contact-section h2{font-size:35px}.product-grid{grid-template-columns:1fr;gap:17px}.product-art{height:330px}.product-art picture{height:88%}.product-info{padding:22px}.documents-row{flex-wrap:wrap;gap:13px}.documents-row span{flex-basis:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-feature{grid-column:span 2;grid-row:auto;aspect-ratio:1.28}.gallery-item:not(.gallery-feature){aspect-ratio:.95}.gallery-item>span{left:11px;right:11px;bottom:11px;font-size:11px}.gallery-feature>span{font-size:15px}.about-grid{grid-template-columns:1fr;gap:38px}.about-mark{min-height:230px;border-radius:160px 160px 8px 8px;order:2}.about-mark::before{border-radius:150px 150px 4px 4px}.about-mark span{font-size:55px;line-height:.88}.about-mark small{margin-top:13px}.credentials-grid{grid-template-columns:repeat(2,1fr);gap:10px}.contact-section{padding:74px 0}.contact-grid{grid-template-columns:1fr;gap:34px}.contact-card{padding:24px}.footer-inner{flex-wrap:wrap;gap:11px}.footer-inner p{order:3;flex-basis:100%}.footer-inner a{margin-left:auto}}
@media(max-width:390px){.shell{width:calc(100% - 28px)}.hero-actions{gap:9px}.button{padding:0 16px}.hero h1{font-size:40px}.product-art{height:290px}.contact-card dl>div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}