:root{--green-950: #10291f;--green-900: #173d2d;--green-700: #2f6b4c;--green-100: #e8f2eb;--ink: #1c2520;--muted: #5d6c63;--line: #dbe5de;--paper: #f7f5ee;--surface: #fffaf2;--white: #ffffff;--amber: #c7893b;--amber-soft: #f4e5cf;--shadow: 0 22px 60px rgba(20, 45, 31, .14);--shadow-soft: 0 12px 34px rgba(20, 45, 31, .1);--content-max: 1180px;--page-x: clamp(20px, 5vw, 72px);--section-y: 96px;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--heading-sm: 1.375rem;--heading-md: 2rem;--heading-lg: 2.75rem;--heading-hero: 4rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-size:var(--text-md);line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{align-items:center;backdrop-filter:blur(18px);background:#123124f0;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0c221829;display:grid;gap:24px;grid-template-columns:auto 1fr auto;left:0;min-height:76px;padding:14px var(--page-x);position:sticky;right:0;top:0;z-index:20}.brand{align-items:center;display:inline-flex;height:52px;justify-self:start;width:max-content}.brand img{filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));height:52px;width:auto}.site-nav{display:flex;gap:clamp(16px,2vw,28px);justify-content:center}.site-nav a{color:#ffffffdb;font-size:.9rem;font-weight:700;line-height:1;padding:12px 0;position:relative}.site-nav a:after{background:var(--amber);bottom:4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;width:100%}.mobile-nav{background:#f7f5eef5;border-bottom:1px solid rgba(23,61,45,.14);display:none;gap:8px;overflow-x:auto;padding:10px 18px;position:sticky;scrollbar-width:none;top:76px;z-index:19}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{align-items:center;background:#ffffffc7;border:1px solid rgba(23,61,45,.14);border-radius:999px;box-shadow:inset 0 1px #fffc;color:var(--green-900);display:inline-flex;flex:0 0 auto;font-size:var(--text-sm);font-weight:800;justify-content:center;line-height:1.2;min-height:38px;min-width:72px;padding:0 16px;white-space:nowrap}.nav-action,.button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:var(--text-sm);font-weight:800;justify-content:center;line-height:1;min-height:44px;padding:0 20px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}.nav-action{background:var(--amber);box-shadow:0 8px 18px #c7893b42;color:var(--ink);min-height:48px;padding:0 24px}.button--primary{background:var(--amber);box-shadow:0 12px 28px #c7893b47;color:var(--ink)}.button--secondary{background:#ffffff14;border-color:#ffffffb8;color:var(--white)}.button--outline{background:#ffffffbd;border-color:#173d2d38;color:var(--green-900)}.hero{align-items:end;background:linear-gradient(90deg,#0c1f16e6,#0c1f168f 50%,#0c1f162e),linear-gradient(180deg,#0c1f162e,#0c1f168a),url(/assets/main_02.jpg) center / cover;color:var(--white);display:grid;gap:44px;grid-template-columns:minmax(0,1fr) minmax(320px,460px);min-height:min(720px,calc(100svh - 132px));overflow:hidden;padding:108px var(--page-x) 48px;position:relative}.hero__content{max-width:720px;position:relative;z-index:1}.eyebrow{color:var(--amber);font-size:var(--text-xs);font-weight:900;letter-spacing:0;line-height:1.2;margin:0 0 12px}.hero h1,.produce-hero h1,.section-copy h2,.produce h2,.produce-story h2,.produce-cta h2,.case h2,.contact h2,.page-hero h1{font-weight:900;letter-spacing:0;line-height:1.18;margin:0;text-wrap:balance}.hero h1{font-size:var(--heading-hero);max-width:720px}.produce-hero h1{color:var(--green-900);font-size:var(--heading-hero);max-width:680px}.hero__lead{color:#ffffffe0;font-size:var(--text-xl);line-height:1.7;margin:24px 0 0;max-width:660px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero__metrics{backdrop-filter:blur(18px);background:#f7f5eeeb;border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:var(--shadow);color:var(--ink);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:0;overflow:hidden;position:relative;z-index:1}.hero__metrics div{border-right:1px solid var(--line);min-width:0;padding:22px 18px}.hero__metrics div:last-child{border-right:0}.hero__metrics dt{color:var(--green-900);font-size:var(--heading-md);font-weight:900;line-height:1}.hero__metrics dd{color:var(--muted);font-size:var(--text-sm);line-height:1.45;margin:8px 0 0}section,.page-section{padding:var(--section-y) var(--page-x)}.section-copy{max-width:760px}.section-copy--center{margin:0 auto 44px;max-width:780px;text-align:center}.section-copy h2,.produce h2,.produce-story h2,.produce-cta h2,.case h2,.contact h2,.page-hero h1{color:var(--green-900);font-size:var(--heading-lg)}.section-copy p:not(.eyebrow),.produce p,.produce-hero p:not(.eyebrow),.produce-story p,.produce-cta p,.case p,.contact p,.page-hero p{color:var(--muted);font-size:var(--text-lg);line-height:1.75;margin:20px 0 0;max-width:680px}.page-hero{background:linear-gradient(180deg,#e8f2ebe0,#f7f5eeeb),var(--paper);border-bottom:1px solid rgba(23,61,45,.1);padding:86px var(--page-x) 70px}.page-hero>*{max-width:800px}.produce-hero{align-items:center;background:linear-gradient(135deg,#ffffffe0,#e8f2ebb8),var(--paper);border-bottom:1px solid rgba(23,61,45,.1);display:grid;gap:clamp(36px,6vw,72px);grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);min-height:min(680px,calc(100svh - 132px));overflow:hidden;padding-bottom:78px;padding-top:92px}.produce-hero__content{max-width:700px}.produce-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.produce-hero__visual{align-items:center;display:flex;justify-content:center;min-width:0}.produce-hero__visual svg{filter:drop-shadow(0 24px 50px rgba(20,45,31,.16));height:auto;max-height:440px;width:min(100%,560px)}.produce-principles,.produce-listing{background:var(--white)}.produce-principle-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:42px auto 0;max-width:var(--content-max)}.produce-principle-card{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #ffffffb3;padding:28px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.produce-principle-card span{color:var(--amber);font-size:var(--text-sm);font-weight:900;line-height:1}.produce-principle-card h3{color:var(--green-900);font-size:var(--heading-sm);line-height:1.32;margin:16px 0 12px;text-wrap:balance}.produce-principle-card p{color:var(--muted);font-size:var(--text-base);line-height:1.72;margin:0}.produce-story{align-items:start;background:var(--paper);display:grid;gap:clamp(36px,6vw,72px);grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr)}.produce-story__content{max-width:700px}.produce-quality-list{display:grid;gap:12px;margin-top:30px}.produce-quality-list div{background:#ffffffb8;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:14px 18px}.produce-quality-list strong,.produce-quality-list span{display:block}.produce-quality-list strong{color:var(--green-900);font-size:var(--text-lg);line-height:1.35}.produce-quality-list span{color:var(--muted);font-size:var(--text-base);margin-top:4px}.produce-timeline{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);list-style:none;margin:0;padding:8px 28px}.produce-timeline li{display:grid;gap:18px;grid-template-columns:86px 1fr;padding:22px 0}.produce-timeline li+li{border-top:1px solid var(--line)}.produce-timeline time{color:var(--amber);font-size:var(--heading-sm);font-weight:900;line-height:1}.produce-timeline span{color:var(--green-900);font-size:var(--text-lg);font-weight:800;line-height:1.45}.produce-listing .category-nav{margin-bottom:34px}.produce-listing .product-grid{margin-top:0}.produce-cta{align-items:center;background:var(--green-900);color:var(--white);display:grid;gap:28px;grid-template-columns:minmax(0,1fr) auto}.produce-cta h2{color:var(--white)}.produce-cta p{color:#ffffffc7}.about-platform{align-items:end;background:var(--white);display:grid;gap:42px;grid-template-columns:minmax(0,1fr) minmax(300px,440px)}.about-pillars{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.about-pillars span{align-items:center;background:var(--green-100);border:1px solid rgba(23,61,45,.12);border-radius:8px;color:var(--green-900);display:inline-flex;font-size:var(--heading-sm);font-weight:900;justify-content:center;min-height:120px}.about-timeline-section{background:var(--paper)}.about-timeline{display:grid;gap:18px;margin:42px auto 0;max-width:var(--content-max)}.about-timeline article{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);display:grid;gap:24px;grid-template-columns:120px minmax(0,1fr);padding:28px}.about-timeline time{color:var(--amber);font-size:var(--heading-md);font-weight:900;line-height:1}.about-timeline h3{color:var(--green-900);font-size:var(--heading-sm);line-height:1.32;margin:0 0 12px}.about-timeline p{color:var(--muted);font-size:var(--text-base);line-height:1.78;margin:0}.about-more{align-items:center;background:var(--green-900);color:var(--white);display:flex;justify-content:center}.contact-detail{align-items:start;background:var(--white);display:grid;gap:42px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.contact-detail__intro{max-width:680px}.contact-detail__intro h2{color:var(--green-900);font-size:var(--heading-lg);line-height:1.18;margin:0}.contact-detail__intro .button{margin-top:30px}.contact-field-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:24px 0 0;padding:0}.contact-field-list li{background:var(--paper);border:1px solid var(--line);border-radius:999px;color:var(--green-900);font-size:var(--text-sm);font-weight:900;line-height:1;padding:11px 14px}.contact-info-grid{display:grid;font-style:normal;gap:14px}.contact-info-grid article{background:#e8f2eb7a;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:18px 20px}.contact-info-grid span,.contact-info-grid strong,.contact-info-grid a{display:block}.contact-info-grid span{color:var(--muted);font-size:var(--text-sm);font-weight:900}.contact-info-grid strong,.contact-info-grid a{color:var(--green-900);font-size:var(--heading-sm);font-weight:900;line-height:1.35;margin-top:5px}.cert-summary{align-items:end;background:var(--white);display:grid;gap:42px;grid-template-columns:minmax(0,1fr) minmax(300px,480px)}.cert-facts{display:grid;gap:12px}.cert-facts article{background:#e8f2eb7a;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:16px 18px}.cert-facts span,.cert-facts strong{display:block}.cert-facts span{color:var(--muted);font-size:var(--text-sm);font-weight:800}.cert-facts strong{color:var(--green-900);font-size:var(--text-lg);line-height:1.35;margin-top:4px}.cert-gallery-section{background:var(--paper)}.cert-report-section{background:var(--white)}.document-gallery{display:grid;gap:20px;margin:42px auto 0;max-width:var(--content-max)}.document-gallery--certificates{grid-template-columns:repeat(2,minmax(0,1fr))}.document-gallery--reports{grid-template-columns:repeat(5,minmax(0,1fr))}.document-gallery figure{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);margin:0;overflow:hidden}.document-gallery img{aspect-ratio:.705 / 1;background:var(--paper);height:auto;object-fit:cover;width:100%}.document-gallery figcaption{color:var(--muted);font-size:var(--text-sm);line-height:1.45;padding:14px 16px 16px}.sustain-hero{align-items:center;background:linear-gradient(135deg,#ffffffe6,#e8f2ebc2),var(--paper);border-bottom:1px solid rgba(23,61,45,.1);display:grid;gap:clamp(36px,6vw,72px);grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);min-height:min(660px,calc(100svh - 132px));overflow:hidden;padding-bottom:78px;padding-top:92px}.sustain-hero h1{color:var(--green-900);font-size:var(--heading-hero);line-height:1.18;margin:0}.sustain-hero__content{max-width:720px}.sustain-copy{display:grid;gap:14px;margin-top:20px}.sustain-copy p{color:var(--muted);font-size:var(--text-lg);line-height:1.78;margin:0}.sustain-copy strong{color:var(--green-900)}.sustain-hero__visual{align-items:center;display:flex;justify-content:center}.sustain-hero__visual svg,.sustain-water__chart svg{filter:drop-shadow(0 24px 50px rgba(20,45,31,.14));height:auto;max-height:420px;width:min(100%,560px)}.sustain-metrics,.sustain-note{background:var(--white)}.sustain-route-map{margin:42px auto 0;max-width:var(--content-max)}.sustain-route-map svg{filter:drop-shadow(0 18px 36px rgba(20,45,31,.1));height:auto;width:100%}.sustain-compare{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:42px auto 0;max-width:var(--content-max)}.sustain-compare article,.sustain-stat-grid article{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #ffffffb3;padding:24px}.sustain-compare h3{color:var(--green-900);font-size:var(--heading-sm);line-height:1.32;margin:0 0 12px}.sustain-compare h4{color:var(--amber);font-size:var(--text-sm);font-weight:900;line-height:1.2;margin:18px 0 8px}.sustain-compare p{color:var(--muted);font-size:var(--text-base);line-height:1.72;margin:0}.sustain-stat-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px auto 0;max-width:var(--content-max)}.sustain-stat-grid span,.sustain-stat-grid strong{display:block}.sustain-stat-grid span{color:var(--amber);font-size:var(--text-sm);font-weight:900;line-height:1}.sustain-stat-grid strong{color:var(--green-900);font-size:var(--heading-sm);line-height:1.32;margin-top:12px}.sustain-metrics .sustain-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sustain-note-card{background:#e8f2eb7a;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;display:grid;gap:10px;margin:24px auto 0;max-width:var(--content-max);padding:20px 22px}.sustain-note-card p{color:var(--muted);font-size:var(--text-base);line-height:1.76;margin:0}.sustain-note-card strong{color:var(--green-900)}.sustain-water{align-items:center;background:var(--green-100);display:grid;gap:clamp(36px,6vw,72px);grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}.sustain-water__content{max-width:720px}.sustain-stat-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.sustain-note{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) auto}.intro,.produce,.contact,.content-band{background:var(--white)}.intro__grid,.partner-list,.product-grid,.feature-grid,.service-list{display:grid;gap:20px;margin-left:auto;margin-right:auto;margin-top:42px;max-width:var(--content-max)}.intro__grid,.partner-list,.feature-grid{grid-template-columns:repeat(3,1fr)}.intro__grid article,.partner-list article,.feature-grid article,.service-card,.contact-card,.product-card,.detail-panel{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #ffffffb3}.intro__grid article,.partner-list article,.feature-grid article,.service-card,.contact-card,.detail-panel{padding:28px}.intro__grid article,.partner-list article,.feature-grid article,.service-card,.product-card,.detail-panel,.contact-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.intro__grid span,.service-card__index{color:var(--amber);font-size:var(--text-sm);font-weight:900;line-height:1}.intro__grid h3,.service-card h3,.partner-list h3,.feature-grid h3,.product-card h3,.detail-panel h2{color:var(--green-900);font-size:var(--heading-sm);font-weight:900;line-height:1.32;margin:14px 0 12px;text-wrap:balance}.intro__grid p,.service-card p,.partner-list p,.feature-grid p,.product-card p,.detail-panel p{color:var(--muted);font-size:var(--text-base);line-height:1.72;margin:0}.services{background:var(--green-100)}.service-list{grid-template-columns:repeat(4,1fr)}.service-card{display:flex;flex-direction:column;min-height:100%}.service-card ul,.detail-panel ul{color:var(--muted);font-size:var(--text-base);line-height:1.75;margin:22px 0 0;padding-left:20px}.service-card--image{min-height:360px;overflow:hidden;padding:0}.service-card--image img{border-radius:8px;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.produce{align-items:center;display:grid;gap:72px;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}.produce__content{max-width:680px}.produce__image img,.case img,.media-image{border-radius:8px;box-shadow:var(--shadow);height:520px;object-fit:cover;width:100%}.produce__values{display:grid;gap:12px;margin-top:30px}.produce__values div{background:#e8f2eb73;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:14px 18px}.produce__values strong,.produce__values span{display:block}.produce__values strong{color:var(--green-900);font-size:var(--text-lg);line-height:1.35}.produce__values span{color:var(--muted);font-size:var(--text-base);margin-top:4px}.case,.dark-band{background:var(--green-900);color:var(--white)}.case{align-items:center;display:grid;gap:72px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.case h2,.dark-band h2{color:var(--white)}.case p,.dark-band p{color:#ffffffc7}.case__steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.case__steps span{border:1px solid rgba(255,255,255,.32);border-radius:999px;color:var(--white);font-size:var(--text-sm);font-weight:800;line-height:1;padding:11px 15px}.partners{background:var(--paper)}.contact{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(280px,440px)}.contact-card{box-shadow:var(--shadow);display:grid;font-style:normal;gap:10px}.contact-card strong{color:var(--green-900);font-size:var(--heading-sm);line-height:1.35}.contact-card span,.contact-card a{color:var(--muted);font-size:var(--text-base)}.product-grid{grid-template-columns:repeat(4,1fr)}.product-card{overflow:hidden}.product-card button{appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;grid-template-rows:auto 1fr;font:inherit;min-height:100%;padding:0;text-align:left;width:100%}.product-card button:focus-visible,.product-modal__close:focus-visible{outline:3px solid rgba(199,137,59,.72);outline-offset:3px}.product-card img{aspect-ratio:4 / 3;object-fit:cover;transition:transform .6s ease;width:100%}.product-card__body{display:grid;gap:10px;padding:20px}.product-card__body span,.status{color:var(--amber);font-size:var(--text-xs);font-weight:900;line-height:1.2}.product-card h3{margin:0}.product-modals{display:contents}.product-modal{background:transparent;border:0;color:var(--ink);margin:auto;max-height:calc(100svh - 32px);max-width:calc(100vw - 32px);overflow:visible;padding:0;width:min(1060px,calc(100vw - 32px))}.product-modal::backdrop{backdrop-filter:blur(10px);background:#0c1f16ad}.product-modal[open]{animation:modal-in .18s ease-out}.product-modal__surface{background:var(--white);border:1px solid rgba(255,255,255,.72);border-radius:10px;box-shadow:0 30px 90px #0c1f1659;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);max-height:calc(100svh - 32px);overflow:hidden}.product-modal__media{background:var(--green-100);min-height:560px;overflow:hidden;position:relative}.product-modal__media img{height:100%;object-fit:cover;width:100%}.product-modal__media span{background:#f7f5eeeb;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:var(--green-900);font-size:var(--text-xs);font-weight:900;left:22px;line-height:1;padding:10px 13px;position:absolute;top:22px}.product-modal__content{max-height:calc(100svh - 32px);overflow-y:auto;padding:30px}.product-modal__toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.product-modal__toolbar .eyebrow{margin:0}.product-modal__close{align-items:center;appearance:none;background:var(--green-100);border:1px solid rgba(23,61,45,.14);border-radius:999px;color:var(--green-900);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--text-sm);font-weight:900;height:40px;justify-content:center;line-height:1;padding:0;transition:background .18s ease,color .18s ease,transform .18s ease;width:40px}.product-modal h2{color:var(--green-900);font-size:var(--heading-md);line-height:1.18;margin:0;text-wrap:balance}.product-modal h3{color:var(--green-900);font-size:var(--text-base);line-height:1.35;margin:0 0 12px}.product-modal__summary{color:var(--muted);font-size:var(--text-lg);line-height:1.72;margin:14px 0 0}.product-modal .status{display:inline-flex;margin-top:12px}.product-modal__specs{display:grid;gap:10px;margin-top:24px}.product-modal__specs div{background:#e8f2eb7a;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:13px 15px}.product-modal__specs strong,.product-modal__specs span{display:block}.product-modal__specs strong{color:var(--green-900);font-size:var(--text-sm);line-height:1.35}.product-modal__specs span{color:var(--muted);font-size:var(--text-base);line-height:1.65;margin-top:4px}.product-modal__section{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.product-modal__section p{color:var(--muted);font-size:var(--text-base);line-height:1.78;margin:0}.product-modal__chips{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.product-modal__chips li{background:var(--paper);border:1px solid var(--line);border-radius:999px;color:var(--green-900);font-size:var(--text-sm);font-weight:800;line-height:1;padding:10px 12px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.category-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.category-nav a{background:#ffffffad;border:1px solid rgba(23,61,45,.18);border-radius:999px;color:var(--green-900);font-size:var(--text-sm);font-weight:800;line-height:1;padding:12px 16px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.product-detail{display:grid;gap:72px;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr)}.product-detail__image img{border-radius:8px;box-shadow:var(--shadow);width:100%}.product-detail__summary{color:var(--muted);font-size:var(--text-lg);line-height:1.75;margin:18px 0 0}.product-meta{display:grid;gap:14px;margin-top:28px}.product-meta div{background:#e8f2eb73;border-left:4px solid var(--amber);border-radius:0 8px 8px 0;padding:14px 16px}.product-meta strong,.product-meta span{display:block}.product-meta strong{color:var(--green-900);font-size:var(--text-base)}.product-meta span{color:var(--muted);font-size:var(--text-base)}.prose{color:var(--muted);font-size:var(--text-base);line-height:1.8}.prose p{margin:0 0 18px}.content-band>.detail-panel{margin-top:24px;max-width:var(--content-max)}.site-footer{align-items:center;background:var(--green-950);color:#ffffffd1;display:grid;gap:16px;justify-items:center;padding:42px 20px;text-align:center}.site-footer p{margin:0;max-width:620px}.site-footer small{color:#ffffff94}.reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(hover:hover){.site-nav a:hover{color:var(--white)}.site-nav a:hover:after{transform:scaleX(1)}.nav-action:hover,.button:hover,.category-nav a:hover{transform:translateY(-2px)}.button--primary:hover,.nav-action:hover{background:#d99a4a;box-shadow:0 14px 30px #c7893b57}.button--secondary:hover{background:#ffffff29;border-color:var(--white)}.button--outline:hover,.category-nav a:hover{background:var(--green-900);border-color:var(--green-900);color:var(--white)}.product-modal__close:hover{background:var(--green-900);color:var(--white);transform:rotate(90deg)}.intro__grid article:hover,.partner-list article:hover,.feature-grid article:hover,.about-timeline article:hover,.contact-info-grid article:hover,.produce-principle-card:hover,.sustain-compare article:hover,.sustain-stat-grid article:hover,.service-card:hover,.product-card:hover,.detail-panel:hover,.contact-card:hover{border-color:#2f6b4c42;box-shadow:var(--shadow-soft);transform:translateY(-4px)}.service-card--image:hover img,.product-card:hover img{transform:scale(1.04)}}@media(max-width:1180px){.product-grid,.service-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){:root{--heading-hero: 3.25rem;--heading-lg: 2.4rem;--section-y: 82px}.site-header{gap:14px;grid-template-columns:auto auto;justify-content:space-between;padding:12px var(--page-x)}.site-nav{display:none}.mobile-nav{display:flex}.hero,.produce-hero,.sustain-hero,.produce,.produce-story,.produce-cta,.about-platform,.about-more,.contact-detail,.cert-summary,.sustain-water,.sustain-note,.case,.contact,.product-detail{grid-template-columns:1fr}.hero{align-items:end;min-height:min(680px,calc(100svh - 144px));padding-top:86px}.hero__metrics{max-width:560px}.intro__grid,.partner-list,.feature-grid,.produce-principle-grid,.sustain-compare,.sustain-stat-grid{grid-template-columns:1fr 1fr}.sustain-metrics .sustain-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.produce-hero,.sustain-hero{min-height:auto;padding-top:76px}.produce-hero__visual svg{max-height:360px}.sustain-hero__visual svg,.sustain-water__chart svg{max-height:360px}.produce-cta .button,.sustain-note .button{justify-self:start}.about-pillars,.document-gallery--reports{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card--image{min-height:340px}.produce,.case,.product-detail{gap:44px}.produce__image img,.case img,.media-image{height:420px}.product-modal__surface{grid-template-columns:1fr}.product-modal__media{height:clamp(220px,34svh,320px);min-height:0}.product-modal__content{max-height:calc(100svh - clamp(220px,34svh,320px) - 32px)}}@media(max-width:640px){:root{--heading-hero: 2.45rem;--heading-lg: 2rem;--heading-md: 1.75rem;--heading-sm: 1.25rem;--section-y: 64px;--text-lg: 1rem;--text-xl: 1.0625rem}.site-header{min-height:68px;padding:12px 18px}.brand,.brand img{height:44px}.nav-action{font-size:var(--text-xs);min-height:42px;padding:0 14px}.mobile-nav{top:68px}.mobile-nav a{font-size:var(--text-xs);min-height:36px;min-width:64px;padding:0 14px}.hero{min-height:calc(100svh - 150px);padding:54px 18px 30px}.hero__lead{margin-top:18px}.hero__actions{gap:10px;margin-top:26px}.hero__actions .button{flex:1 1 150px}.hero__metrics,.intro__grid,.partner-list,.feature-grid,.produce-principle-grid,.sustain-compare,.sustain-stat-grid,.service-list,.product-grid,.sustain-metrics .sustain-stat-grid,.about-pillars{grid-template-columns:1fr}.about-pillars span{min-height:76px}.about-timeline article{gap:14px;grid-template-columns:1fr;padding:22px}.hero__metrics div{border-bottom:1px solid var(--line);border-right:0}.hero__metrics div:last-child{border-bottom:0}section,.page-section,.page-hero{padding-left:18px;padding-right:18px}.page-hero{padding-top:64px;padding-bottom:54px}.intro__grid article,.partner-list article,.feature-grid article,.produce-principle-card,.service-card,.contact-card,.detail-panel{padding:22px}.produce__image img,.case img,.media-image{height:300px}.produce-hero,.sustain-hero{padding-top:58px}.produce-hero__actions .button{flex:1 1 150px}.produce-hero__visual svg{max-height:300px}.sustain-hero__visual svg,.sustain-water__chart svg{max-height:300px}.document-gallery--certificates,.document-gallery--reports{grid-template-columns:1fr}.produce-timeline{padding:4px 20px}.produce-timeline li{gap:10px;grid-template-columns:1fr;padding:20px 0}.product-modal{max-height:100svh;max-width:100vw;width:100vw}.product-modal__surface{border-radius:0;grid-template-rows:clamp(160px,32svh,240px) minmax(0,1fr);height:100svh;max-height:100svh}.product-modal__media{height:100%}.product-modal__media span{left:18px;top:18px}.product-modal__content{max-height:none;min-height:0;padding:22px 18px 32px}.product-modal__toolbar{background:linear-gradient(180deg,var(--white) 72%,rgba(255,255,255,0));margin:-22px -18px 10px;padding:22px 18px 12px;position:sticky;top:-22px;z-index:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.reveal{opacity:1;transform:none}}
