﻿:root{--pbm-green:#6d964e;--pbm-green-dark:#4f7438;--pbm-green-light:#87ab6b;--ink:#252a28;--ink-soft:#555;--ink-faint:#727773;--line:#dfe2dc;--line-dark:#404642;--paper:#fff;--warm:#f6f5f0;--mist:#eef1eb;--dark:#2d3330;--shell:min(1240px, calc(100vw - 48px));--font-sans:"Lato",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-header:0 14px 36px rgb(39 48 41 / 8%);--transition:180ms ease;--interior-hero-height:250px}
@font-face { font-family: "PoiretOne-Regular";src: url("/js/49133/PoiretOne-Regular.ttf") format("woff2");font-style: normal;}
/*banner*/
.home-banner .banner-animote{color:#333;top:17%}
.home-banner .banner-animote .p1{font-weight: normal;font-size: 3.3vw;margin:0 0 1%}
.home-banner .banner-animote .p2{font-size:1.4vw;line-height: 1.2;margin-bottom:1%}
.home-banner .banner-animote .more a{color:var(--color);font-size: 1.1vw;}
@media (max-width:1024px){.home-banner .banner-animote .p2 br{display:block;}}
@media (max-width:768px){.home-banner{height:auto}
.home-banner .banner-animote .more{display:none;}}
@media (min-width:2561px){.home-banner .banner-animote .p1{font-size:74px;}
.home-banner .banner-animote .p2{font-size:32px;}
.home-banner .banner-animote .more a{font-size:26px;}}

.home-hero{padding: 45px 0;}
.homehero-page{position: absolute;z-index: 6;display: flex;gap: 10px;bottom: 26%;left: 1%;}
.homehero-page>div{width: 44px;height: 44px;color: var(--ink);border: 1px solid rgb(79 116 56 / 34%);border-radius: 50%;background: rgb(255 255 255 / 88%);box-shadow: 0 8px 24px rgb(28 45 25 / 12%);backdrop-filter: blur(8px);filter: none;pointer-events: auto;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.heroSwiper .swiper-slide img{width:100%;transform:scale(1.1,1.1);}
.heroSwiper .swiper-slide-active img,.heroSwiper .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.section{padding-block:112px}
.eyebrow,.product-label{display:inline-block;color:var(--pbm-green-dark);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.13em;line-height:1.45;text-transform:uppercase}
.eyebrow{margin-bottom:20px}
.eyebrow-light{color:#bfd6ae}
.application-detail-hero__content>.eyebrow,.article-detail__header .article-meta span,.detail-gallery>.product-label,.detail-hero__copy>.eyebrow,.hero-copy>.eyebrow,.interior-hero .eyebrow{text-transform:none}
.button{display:inline-flex;min-height:50px;padding:13px 20px;align-items:center;justify-content:center;gap:16px;color:var(--paper);border:1px solid var(--pbm-green);border-radius:2px;background:var(--pbm-green);font-weight:700;line-height:1.2;transition:color var(--transition),background var(--transition),border-color var(--transition)}
.button:hover{border-color:var(--pbm-green-dark);background:var(--pbm-green-dark)}
.button-ghost{color:var(--ink);border-color:var(--ink);background:0 0}
.button-ghost:hover{color:var(--paper);border-color:var(--pbm-green-dark);background:var(--color)}
.home-heading{width:100%;max-width:none;margin:0 0 34px;text-align:left}
.home-heading h1,.home-heading h2{margin:0 0 6px;font-size:clamp(1.7rem, 2.25vw, 2.15rem);line-height:1.12}
.home-heading p{max-width:none;margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.45;text-align:left}
.mobile-quick-links__heading,[data-mobile-utility-item]{display:none}
.home-hero{position:relative;height:540px;min-height:540px;overflow:hidden;background:#f2f1ed;isolation:isolate}
.hero-copy{width:min(1120px,100%);margin-inline:auto;padding:0;border:0;background:0 0;text-align:left;backdrop-filter:none}
.home-hero .home-heading{margin-bottom:0}
.hero-copy h1,.hero-copy h2{max-width:none;margin:0 0 6px}
.page-home #home-hero-title{opacity:.85}
.home-lead{max-width:none;margin:0;color:var(--ink);font-size:.9rem}
.hero-stats{display:flex;margin:0;align-items:center;justify-content:flex-start;gap:0}
.hero-stats div+div::before{margin-right:12px;color:#a7ada8;content:"·";font-size:.82rem}
.hero-stats dt{color:var(--ink);font-family:var(--font-mono);font-size:.78rem;font-weight:600;white-space:nowrap}
.hero-stats dd{margin:0;color:var(--ink-faint);font-size:.56rem;letter-spacing:.03em;text-transform:capitalize;white-space:nowrap}
.product-showcase{display:grid;gap:16px;background:0 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.product-card{display:flex;overflow:hidden;min-width:0;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:12px;background:0 0;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition)}
.product-visual{padding:15px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.product-visual img{display: block;width: 100%;aspect-ratio:1;object-fit:contain}
.product-body{display:flex;min-height:0;padding:18px 18px 20px;flex:1;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line)}
.product-body.product-label{margin-bottom:9px}
.product-body h3{width:100%;min-height:1.24em;font-size:clamp(1rem, 1.35vw, 1.18rem);line-height:1.24;}
.product-summary{display:-webkit-box;min-height:2.9em;margin:10px 0 0;overflow:hidden;color:var(--ink-muted);font-size:.82rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-action{display:inline-flex;margin-top:auto;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:color var(--transition),gap var(--transition)}
.product-action::after{color:var(--pbm-green);content:"↗";font-size:1rem}
.product-card:hover{border-color:var(--pbm-green);background:0 0;box-shadow:0 10px 24px rgb(39 47 42 / 9%)}
.product-card:focus-visible .product-action,.product-card:hover .product-action{gap:12px;color:var(--pbm-green-dark)}
.product-card:focus-visible{position:relative;z-index:2;outline:2px solid var(--pbm-green);outline-offset:-2px}
.home-product{padding:40px 0 56px;background:var(--paper)}
.home-product .home-heading{margin-bottom:28px;text-align: center;}
.home-product .home-heading h2{color:var(--pbm-green-dark);font-weight:700}
.home-product .home-heading p{text-align: center;}
.home-product .product-showcase{margin-top:0}
.home-cases{padding:48px 0 56px;border-top:1px solid var(--line);background:var(--mist)}
.cases-heading{margin-bottom:26px}
.cases-heading .home-heading{margin-bottom:0}
.home-cases__disclaimer{max-width:96ch;margin:7px 0 0;color:var(--ink-faint);font-size:.72rem;line-height:1.5}
.cases-grid,.cases-more-list{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.cases-grid{align-items:stretch;gap:18px;grid-auto-rows:1fr}
.cases-card{display:flex;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:none;flex-direction:column;transition:border-color 180ms ease}
.cases-card:hover{border-color:rgb(95 143 72 / 50%)}
.cases-media{aspect-ratio: 1.5 / 1;overflow: hidden;background: var(--warm);display: flex;justify-content: center;align-items: center;}
.cases-media img{display:block;width:100%;height:100%;object-fit:cover;transition:none}
.cases-copy{display:flex;min-width:0;padding:10px 11px 11px;flex:1;flex-direction:column}
.cases-meta{display:flex;min-width:0;margin-bottom:6px;align-items:center;justify-content:space-between;gap:5px}
.cases-category,.cases-family{color:var(--pbm-green-dark);font-family:var(--font-mono);font-size:.56rem;font-weight:600;line-height:1.35}
.cases-category{padding:3px 5px;border-radius:999px;background:rgb(109 150 78 / 12%)}
.cases-family{text-align:right}
.cases-copy h3{margin:0;font-size:.86rem;line-height:1.28}
.cases-copy p{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:var(--ink-soft);font-size:.7rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.42}
.cases-keywords{display:flex;margin:auto 0 0;padding:8px 0 0;flex-wrap:wrap;gap:4px;list-style:none}
.cases-keywords li{padding:3px 4px;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;background:#f7f8f5;font-family:var(--font-mono);font-size:.52rem;line-height:1.25}
.cases-more{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:8px;background:rgb(255 255 255 / 72%)}
.cases-more h3{margin:0;font-size:1.2rem;line-height:1.35}
.cases-more-list{margin:16px 0 0;padding:0;gap:10px;list-style:none}
.cases-more-list li{display:grid;min-width:0;min-height:48px;padding:7px 10px 7px 8px;align-items:center;gap:8px;color:var(--ink);border:1px solid #cfd6ca;border-radius:8px;background:var(--paper);font-size:.78rem;font-weight:700;grid-template-columns:30px minmax(0,1fr);line-height:1.35;text-align:center}
.cases-more-index{display:grid;width:30px;height:30px;color:var(--paper);border-radius:7px;background:var(--pbm-green-dark);font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.03em;place-items:center}
.cases-more-label{min-width:0;overflow-wrap:anywhere}
.cases-more-list .cases-more-action{display:block;padding:0;overflow:hidden;border-color:rgb(79 116 56 / 48%);background:rgb(109 150 78 / 14%)}
.cases-more-link{display:grid;width:100%;min-height:46px;padding:7px 10px 7px 8px;align-items:center;gap:8px;color:var(--pbm-green-dark);grid-template-columns:30px minmax(0,1fr);transition:background-color var(--transition),color var(--transition)}
.cases-more-link:focus-visible,.cases-more-link:hover{color:var(--paper);background:var(--pbm-green-dark)}
.cases-more-link:focus-visible .cases-more-index,.cases-more-link:hover .cases-more-index{color:var(--pbm-green-dark);background:var(--paper)}
.page-home .home-software{padding:32px 0 55px;border-top:1px solid var(--line);background:var(--paper);border-bottom:1px solid #eee}
.software-layout{display:grid;min-width:0;align-items:center;column-gap:36px;row-gap:10px;grid-template-areas:"title title" "copy story";grid-template-columns:minmax(360px,0.84fr) minmax(0,1.16fr)}
.software-title{margin:0;color:var(--ink);font-size:clamp(1.85rem, 3vw, 2.65rem);font-weight:900;grid-area:title;letter-spacing:-.035em;line-height:1.12;white-space:nowrap}
.software-copy{min-width:0;grid-area:copy}
.software-subtitle{max-width:36em;margin:0;color:var(--ink-soft);font-size:.98rem;font-weight:700;line-height:1.55}
.software-claim{max-width:12em;margin:16px 0 0;color:var(--ink);font-size:clamp(1.55rem, 2.4vw, 2.15rem);font-weight:900;letter-spacing:-.03em;line-height:1.16}
.software-claim span{color:var(--pbm-green-dark)}
.software-description{max-width:46em;margin:14px 0 0;color:var(--ink-soft);font-size:.88rem;line-height:1.5}
.software-benefits{display:grid;margin:12px 0 16px}
.software-benefits>div{display:grid;min-width:0;padding:7px 0;align-items:baseline;gap:16px;border-bottom:1px solid rgb(79 116 56 / 22%);grid-template-columns:142px minmax(0,1fr)}
.software-benefits dt{color:var(--ink);font-size:.82rem;font-weight:900}
.software-benefits dd{min-width:0;margin:0;color:var(--ink-soft);font-size:.76rem;line-height:1.45}
.software-action{min-height:46px;padding:12px 18px;font-size:.84rem}
.software-story{position:relative;min-width:0;min-height:430px;perspective:1200px;grid-area:story;isolation:isolate}
.software-story::before{position:absolute;z-index:-1;inset:7% 2% 5% 3%;border:1px solid rgb(109 150 78 / 34%);border-radius:20px;background:rgb(255 255 255 / 62%);content:"";transform:rotate(-1.25deg)}
.software-shot{position:absolute;margin:0;overflow:hidden;border:1px solid rgb(79 116 56 / 38%);border-radius:11px;background:var(--paper);box-shadow:0 22px 48px rgb(30 45 34 / 16%);transform-origin:center;transition:transform var(--transition),box-shadow var(--transition)}
.software-shotmain{z-index: 1;top: -6%;right: 0%;width: 82%;transform: rotate(1.4deg) rotateY(-3deg);}
.software-shotfilter{z-index:3;bottom:22px;left:0;width:80%;transform:rotate(-3.6deg) rotateY(4deg)}
.software-shot img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(.96);opacity:.64}
.software-shotmain img{filter:saturate(.9) contrast(1.08);opacity:1}
@media (hover:hover){.software-shotmain:hover{box-shadow:0 28px 58px rgb(30 45 34 / 20%);transform:translateY(-3px) rotate(.7deg) rotateY(-2deg)}
.software-shotfilter:hover{box-shadow:0 26px 54px rgb(30 45 34 / 19%);transform:translateY(-3px) rotate(-2.4deg) rotateY(3deg)}}
@media (max-width:1100px){.software-layout{gap:34px;grid-template-columns:minmax(330px,0.9fr) minmax(0,1.1fr)}
.software-story{min-height:400px}}
@media (max-width:834px){.page-home .home-software{padding:40px 0}
.software-layout{column-gap:0;row-gap:12px;grid-template-areas:"title" "copy" "story";grid-template-columns:minmax(0,1fr)}
.software-story{display:grid;min-height:0;margin-top:16px;gap:14px;grid-template-columns:minmax(0,1fr)}
.software-story::before{display:none}
.software-shot,.software-shot--platform,.software-shotfilter,.software-shotmain{position:static;width:100%;border-radius:8px;box-shadow:0 8px 22px rgb(30 45 34 / 12%);transform:none}}
@media (max-width:620px){.page-home .home-software{padding:36px 0}
.software-title{font-size:clamp(.94rem, 4.7vw, 1.9rem);letter-spacing:-.045em}
.software-subtitle{font-size:16px}
.software-claim{margin-top:22px;font-size:1.45rem}
.software-benefits>div{gap:5px;grid-template-columns:minmax(0,1fr)}
.software-action{width:100%}
.software-story{display:grid;min-height:0;gap:14px;grid-template-columns:minmax(0,1fr)}
.software-story::before{display:none}
.software-shot,.software-shot--platform,.software-shotfilter,.software-shotmain{position:static;width:100%;border-radius:8px;box-shadow:0 8px 22px rgb(30 45 34 / 12%);transform:none}}
.article-meta{display:flex;margin-bottom:14px;align-items:center;justify-content:space-between;gap:16px;color:var(--ink-faint);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.home-news{padding-block:36px;background:var(--mist)}
.home-applications__header,.news-header{display:grid;margin-bottom:26px;align-items:end;gap:24px;grid-template-columns:minmax(0,1fr) auto}
.home-applications__header .home-heading,.news-header .home-heading{min-width:0;margin-bottom:0}
.home-applications__all,.home-news__all{min-height:42px;padding:10px 14px;align-self:end;font-size:.82rem;white-space:nowrap}
.news-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-application-card,.news-card{display:flex;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgb(255 255 255 / 98%);box-shadow:0 4px 16px rgb(31 42 35 / 4.5%);flex-direction:column;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.home-application-card:hover,.news-card:hover{border-color:rgb(95 143 72 / 50%);box-shadow:0 14px 30px rgb(31 42 35 / 9%);transform:translateY(-2px)}
.home-application-card__image,.news-image{display:block;height:180px;overflow:hidden;background:var(--warm)}
.news-image{height:auto}
.home-application-card__image img,.news-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.news-image img{aspect-ratio:1.5;object-fit:contain}
.home-application-card:hover .home-application-card__image img,.news-card:hover .news-image img{transform:scale(1.025)}
.home-application-card__content,.news-content{display:flex;min-width:0;flex:1;flex-direction:column}
.home-application-card__body,.news-body{padding:16px 18px 14px}
.home-application-card__body h3,.news-body h3{display:-webkit-box;min-height:2.5em;margin:0 0 8px;overflow:hidden;font-size:1.18rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-application-card__summary,.news-summary{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink-soft);font-size:.92rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-header .home-heading h2{overflow:hidden;font-size:clamp(1.45rem, 2vw, 1.8rem);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.news-header .home-heading p{font-size:.82rem}
@media (min-width:1025px) {
.news-header{position: relative;display: block;}
.news-header .home-news__all{position: absolute;right: 0;top:50%;transform: translateY(-50%);}
}
.news-body{min-height:120px}
.news-action a{display: flex;justify-content: center;align-items: center;text-transform: capitalize;}
.news-body h3{display:-webkit-box;min-height:2.6em;overflow:hidden;font-size:.98rem;line-height:1.3;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-body .news-date{color:#555;margin-bottom:5px}
.news-summary{min-height:2.6rem;font-size:.84rem;line-height:1.55;-webkit-line-clamp:2}
.news-meta{min-height:18px;margin:6px 0 0;padding-top:7px;gap:10px;border-top:1px solid var(--line);font-size:.62rem;letter-spacing:.02em;line-height:1.3;text-transform:none;justify-content: end;}
.home-application-card__action,.news-action{display:flex;min-height:48px;margin-top:auto;padding:12px 18px 14px;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);background:rgb(246 248 244 / 68%)}
.home-application-card__link,.news-link{display:inline-flex;min-height:24px;align-items:center;gap:8px;color:var(--green-deep);font-size:.82rem;font-weight:700;white-space:nowrap}
.home-application-card__link img,.news-link img{width:14px;height:14px;transform:rotate(-90deg);transition:transform 160ms ease}
.home-application-card__link:focus-visible img,.home-application-card__link:hover img,.news-link:focus-visible img,.news-link:hover img{transform:translateX(3px) rotate(-90deg)}
.enquiry-intro h2::after,.presence-header h2::after{display:block;width:42px;height:1px;margin:14px auto 0;background:var(--pbm-green);content:"";opacity:.68}
.enquiry-intro h2::after{background:rgb(255 255 255 / 82%)}
.contact-overview,.home-presence{padding-block:clamp(44px,4.5vw,64px)}
.home-presence{padding:2% 0;border-top:1px solid var(--line)}
.home-presence{background: #F8FAF6;}
.presence-header{max-width:820px;margin:0 auto 14px;text-align:center}
.presence-header .eyebrow{display:block;margin-bottom:8px;text-align:center}
.presence-header h2{margin-bottom:0;font-size:clamp(1.75rem, 2.2vw, 2.2rem);line-height:1.12;text-align:center}
.presence-header p{max-width:720px;margin:10px auto 0;font-size:clamp(.78rem, .9vw, .9rem);line-height:1.45;opacity:.68;text-align:center}
.presence-map{margin:0;overflow:hidden;border:1px solid var(--line);background:rgb(255 255 255 / 72%)}
.presence-map-canvas{position:relative;width:100%;min-height:380px;overflow:hidden;aspect-ratio:1920/978;background:rgb(255 255 255 / 72%)}
.presence-map img{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;object-fit:contain;opacity:.88}
.presence-annotations{position:absolute;inset:0;pointer-events:none}
.office-annotation{position:absolute;width:clamp(260px,21vw,300px);pointer-events:auto}
.office-russia{--office-pin-x:60.45%;--office-pin-y:19.02%;top:4%;left:28%}
.office-headquarters{--office-pin-x:83.50%;--office-pin-y:32.61%;top:3%;right:2%;left:auto;width:clamp(280px,23vw,330px)}
.office-korea{--office-pin-x:85.27%;--office-pin-y:29.13%;top:55%;left:69%}
@media (min-width:835px) and (max-width:999px){.office-korea,.office-russia{width:240px}}
.office-annotation::after,.office-annotation::before{position:absolute;content:"";pointer-events:none}
.office-annotation::before{height:1px;background:var(--pbm-green)}
.office-annotation::after{width:12px;height:12px;border:3px solid rgb(255 255 255 / 92%);border-radius:50%;background:var(--pbm-green-dark);box-shadow:0 0 0 3px rgb(91 139 67 / 18%);transform:translate(-50%,-50%)}
.office-card{padding:14px 16px 12px;border:1px solid rgb(91 139 67 / 24%);border-left:3px solid var(--pbm-green);background:rgb(255 255 255 / 90%);box-shadow:0 12px 28px rgb(31 42 34 / 10%);backdrop-filter:blur(10px)}
.office-headquarters .office-card{border-color:rgb(79 116 56 / 34%);border-left-color:var(--pbm-green-dark);background:rgb(247 250 245 / 95%)}
.office-office{display:flex;align-items:center;margin-bottom:4px;gap:7px}
.office-flag{display:block;width:22px;height:15px;flex:0 0 22px;border:1px solid rgb(37 42 40 / 18%);border-radius:1px;box-shadow:0 1px 2px rgb(31 42 34 / 8%)}
.office-annotation .product-label{color:var(--ink-faint);font-size:.58rem;letter-spacing:.08em;text-transform:none}
.office-verification{display:block;margin:2px 0 0 29px;color:var(--ink-faint);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.04em;line-height:1.35}
.office-headquarters .office-verification,.office-headquarters .product-label{color:var(--pbm-green-dark);font-weight:700}
.office-annotation h3{margin:5px 0 10px;font-size:clamp(.98rem, 1.25vw, 1.12rem);line-height:1.2}
.office-annotation dl{margin:0;border-top:1px solid var(--line)}
.office-annotation dl div{display:grid;padding:6px 0;border-bottom:1px solid var(--line);grid-template-columns:58px minmax(0,1fr);gap:9px}
.office-annotation dt{color:var(--ink-faint);font-family:var(--font-mono);font-size:.55rem;text-transform:none}
.office-annotation dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.72rem;font-weight:700;line-height:1.35}
@media (min-width:1000px){.office-annotation{inset:0;width:auto;pointer-events:none}
.office-card{position:absolute;pointer-events:auto}
.office-russia .office-card{top:2%;left:35%;width:clamp(260px,21vw,300px)}
.office-headquarters .office-card{top:3%;right:2%;width:clamp(280px,23vw,330px)}
.office-korea .office-card{top:43%;right:2%;width:clamp(260px,21vw,300px)}
.office-annotation::after{top:var(--office-pin-y);left:var(--office-pin-x)}
.office-russia::before{top:20%;left:52%;width:8.48%;transform:rotate(-3.3deg);transform-origin:left center}
.office-headquarters::before{top:19%;left:var(--office-pin-x);width:6.93%;transform:rotate(90deg);transform-origin:left center}
.office-korea::before{top:43%;left:80%;width:8.9%;transform:rotate(-53.3deg);transform-origin:left center}
.page-home .office-card,.page-home .office-headquarters .office-card{padding:6px 0 6px 10px;border:0;border-left:2px solid var(--pbm-green);background:0 0;box-shadow:none;backdrop-filter:none;text-shadow:-1px -1px 0 rgb(255 255 255 / 96%),1px -1px 0 rgb(255 255 255 / 96%),-1px 1px 0 rgb(255 255 255 / 96%),1px 1px 0 rgb(255 255 255 / 96%),0 0 5px rgb(255 255 255 / 98%)}
.page-home .office-headquarters .office-card{border-left-color:var(--pbm-green-dark)}
.page-home .office-office{margin-bottom:2px}
.page-home .office-verification{margin-top:0}
.page-home .office-annotation h3{margin:3px 0 5px}
.page-home .office-annotation dl{display:grid;border-top:0;gap:2px}
.page-home .office-annotation dl div{display:block;padding:0;border-bottom:0}
.page-home .office-annotation dt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.page-home .office-annotation dd{color:var(--ink);font-weight:650;line-height:1.25}}
.enquiry-form{display: flex;color: var(--ink);flex-direction: column;}
.form-error,.form-field--wide,.form-heading,.form-note{grid-column:1/-1}
.form-heading h2,.form-heading h3{margin:9px 0 7px}
.form-heading h3{font-size:clamp(1.65rem, 2.4vw, 2.25rem)}
.enquiry-form label{display:flex;min-width:0;flex-direction:column;gap:7px}
.enquiry-form label>span{font-size:.83rem;font-weight:700}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cfd3cc;border-radius:0;background:var(--paper)}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--pbm-green-dark)}
.phone-form-field{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;gap:7px}
.phone-form-field.is-open{z-index:30}
.phone-form-field__label{font-size:.83rem;font-weight:700}
.phone-control{display:grid;width:100%;min-height:50px;overflow:hidden;border:1px solid #cfd3cc;border-radius:3px;background:var(--paper);grid-template-columns:auto minmax(0,1fr)}
.phone-control:focus-within{border-color:var(--pbm-green-dark);box-shadow:0 0 0 2px rgb(109 150 78 / 14%)}
.phone-country-toggle{display:flex;min-width:118px;padding:0 11px;align-items:center;justify-content:center;gap:7px;color:var(--ink);border:0;border-right:1px solid #d9ddd6;background:#f7f9f5;cursor:pointer;font:inherit}
.phone-country-toggle:hover{background:#eef3ea}
.phone-country-toggle:focus-visible{z-index:1;outline:2px solid var(--pbm-green-dark);outline-offset:-3px}
.phone-country-option__flag,.phone-country-toggle__flag{font-size:1rem;line-height:1}
.phone-country-toggle__code{font-size:.84rem;font-weight:700}
.phone-country-toggle__chevron{width:7px;height:7px;margin-left:1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 160ms ease}
.phone-form-field.is-open .phone-country-toggle__chevron{transform:translateY(2px) rotate(225deg)}
.enquiry-form .phone-control input{min-width:0;min-height:48px;padding:12px 13px;border:0;border-radius:0;box-shadow:none}
.phone-country-menu{position:absolute;top:calc(100% + 6px);right:0;left:0;display:grid;padding:9px;border:1px solid #cfd7ca;border-radius:4px;background:var(--paper);box-shadow:0 18px 38px rgb(34 52 27 / 20%)}
.phone-country-menu[hidden]{display:none}
.phone-country-search{display:block}
.enquiry-form .phone-country-search input{min-height:40px;padding:8px 10px;border:1px solid #cfd3cc;border-radius:2px;box-shadow:none}
.phone-country-options{max-height:218px;margin-top:8px;overflow-y:auto;border-top:1px solid var(--line);scrollbar-color:#aebaa8 transparent;scrollbar-width:thin}
.phone-country-option{display:grid;width:100%;min-height:39px;padding:8px 9px;align-items:center;color:var(--ink);border:0;border-bottom:1px solid #e3e7e0;background:var(--paper);cursor:pointer;font:inherit;grid-template-columns:24px minmax(0,1fr) auto;text-align:left}
.phone-country-option:focus-visible,.phone-country-option:hover,.phone-country-option[aria-selected=true]{background:#eef3ea}
.phone-country-option:focus-visible{outline:2px solid var(--pbm-green-dark);outline-offset:-2px}
.phone-country-option__name{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.phone-country-option__code{color:var(--ink-faint);font-family:var(--font-mono);font-size:.72rem}
.phone-country-empty{margin:10px 6px 5px;color:var(--ink-faint);font-size:.76rem}
.enquiry-form textarea{resize:vertical}
.enquiry-form .privacy-consent{display:grid;align-items:start;grid-template-columns:20px minmax(0,1fr);gap:11px}
.privacy-consent input{width:20px;min-height:20px;margin:2px 0 0;padding:0;accent-color:var(--pbm-green-dark)}
.enquiry-form .privacy-consent>span{font-weight:400}
.privacy-consent a{border-bottom:1px solid currentColor;font-weight:700}
.form-note{margin:0;color:var(--ink-faint);font-size:.82rem}
.form-error{min-height:1.6em;margin:0;color:#a43c2c;font-weight:700}
.field-error{margin:0;color:#a43c2c;font-size:.75rem;font-weight:700;line-height:1.3}
.field-error:empty{display:none}
.enquiry-form [aria-invalid=true]{border-color:#a43c2c}
.privacy-field{display:grid;min-width:0;gap:4px}
.privacy-field__error{padding-left:28px}
.form-submit{width:fit-content;min-width:176px}
.home-enquiry{position:relative;overflow:hidden;color:var(--paper);background:var(--pbm-green)}
.home-enquiry .enquiry-intro h2::after{display: none;}
.enquiry-layout{position:relative;display:grid;padding-block:clamp(22px,2vw,26px);align-items:center;gap:clamp(32px,3.5vw,52px);grid-template-columns:minmax(280px,0.78fr) minmax(520px,1.22fr)}
.enquiry-intro .eyebrow{margin-bottom:12px}
.enquiry-intro .eyebrow{display:block;margin-bottom:10px;}
.enquiry-intro h2{margin: 0 auto;font-size: 36px;line-height: 1.12;max-width: 590px;}
.enquiry-intro>p{max-width: 540px;font-size: 14px;line-height: 1.45;color: #fff;margin-top: 17px;opacity: 0.89;}
.enquiry-contacts{display:grid;margin-top:24px;border-top:1px solid rgb(255 255 255 / 35%)}
.enquiry-contacts{margin-top:18px;text-align:left}
.enquiry-contacts a{display:grid;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 35%);grid-template-columns:96px minmax(0,1fr);gap:16px}
.enquiry-contacts span{color:#dfead7;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}
.enquiry-contacts strong{overflow-wrap:anywhere}
.enquiry-global .product-label{color:var(--pbm-green-dark)}
.enquiry-global{padding:18px 22px;gap:7px 12px}
.enquiry-global .form-heading h3{margin:4px 0 2px;font-size:clamp(1.45rem, 1.8vw, 1.85rem);line-height:1.08}
.enquiry-global label{gap:4px}
.enquiry-global label>span{font-size:.75rem}
.enquiry-global .phone-form-field{gap:4px}
.enquiry-global .phone-form-field__label{font-size:.75rem}
.enquiry-global .phone-control{min-height:46px}
.enquiry-global .phone-control input{min-height:44px;padding:9px 10px}
.enquiry-global .phone-country-toggle{min-width:112px;padding-inline:9px}
.enquiry-global .phone-country-search input{min-height:44px}
.enquiry-global input,.enquiry-global select{min-height:46px;padding:9px 10px}
.enquiry-global textarea{height:200px;min-height:82px;padding:8px 10px;resize:vertical}
.enquiry-global .privacy-consent{gap:8px}
.enquiry-global .privacy-consent>span{font-size:.75rem;line-height:1.35}
.enquiry-global .form-note{font-size:.72rem;line-height:1.4}
.enquiry-global .form-error{min-height:1.25em;font-size:.75rem}
.enquiry-global .form-submit{min-width:154px;min-height:46px;padding:10px 18px;justify-self:end}
@media (min-width:621px){.enquiry-global .form-error,.enquiry-global .privacy-field,.enquiry-global>.privacy-consent{grid-column:1}
.enquiry-global .form-note,.enquiry-global .form-submit{grid-column:2}}
@media (max-width:1100px){:root{--shell:min(100% - 40px, 980px)}
.hero-content,.home-hero{height:540px;min-height:540px}
.hero-copy{width:min(980px,100%)}
.hero-stats div{padding-inline:9px}
.enquiry-layout{gap:42px;grid-template-columns:minmax(260px,0.82fr) minmax(460px,1.18fr)}
.product-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
.cases-more-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){:root{--shell:calc(100% - 36px)}
.section{padding-block:82px}
.home-product{padding:40px 0 44px}
.home-cases{padding-block:44px}
.cases-heading{margin-bottom:24px}
.cases-more{padding:20px}
.home-heading{margin-bottom:28px}
.home-heading h1,.home-heading h2{font-size:clamp(1.45rem, 6.2vw, 1.7rem)}
.home-heading p{font-size:.84rem;line-height:1.45}
.home-heading h1,.home-heading h2,.home-heading p{white-space:normal;text-align:left}
.hero-content,.home-hero{height:620px;min-height:620px}
.hero-copy{width:100%;max-width:780px;background:0 0;text-align:left;backdrop-filter:none}
.enquiry-layout{grid-template-columns:1fr}
.enquiry-intro{max-width:720px}
.home-news{padding-block:36px}
.home-applications__header,.news-header{margin-bottom:26px;align-items:start;grid-template-columns:minmax(0,1fr) auto}
.home-applications__grid,.news-grid{grid-template-columns:1fr}
.home-application-card,.news-card{display:grid;gap:0;grid-template-columns:220px minmax(0,1fr)}
.home-application-card__image,.news-image{height:150px}
.news-image{height:auto;aspect-ratio:1.9}
.home-application-card__content,.news-content{min-height:150px}
.home-application-card__body,.news-body{padding:10px 16px 8px}
.home-application-card__action,.news-action{padding:10px 16px 12px}}
@media (max-width:999px){.presence-map-canvas{min-height:0;padding:16px;aspect-ratio:auto}
.presence-map img{position:relative;inset:auto;height:auto;padding:0}
.presence-annotations{position:static;display:grid;margin-top:12px;gap:8px}
.office-annotation{position:relative;inset:auto;width:100%}
.office-annotation::after,.office-annotation::before{display:none}
.office-card{background:rgb(255 255 255 / 88%);box-shadow:none;backdrop-filter:none}}
@media (max-width:620px){:root{--shell:calc(100% - 28px)}
body{font-size:15px}
h1{font-size:clamp(2.7rem, 14vw, 4.4rem)}
h2{font-size:clamp(1.9rem, 10vw, 2.7rem)}
.section{padding-block:66px}
.home-product{padding:40px 0 36px}
.home-cases{padding-block:36px}
.cases-grid{gap:16px}
.cases-copy{padding:18px}
.cases-copy h3{font-size:1.08rem}
.cases-copy p{font-size:.84rem}
.cases-more{margin-top:20px;padding:16px}
.cases-more-list{margin-top:14px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-content,.home-hero{height:620px;min-height:620px}
.hero-content{padding-block:24px}
.hero-copy{width:100%;padding:0;border:0;background:0 0;text-align:left;backdrop-filter:none}
.hero-copy h1,.hero-copy h2{max-width:360px;margin:0 0 6px;line-height:1.05}
.home-lead{max-width:340px;margin-inline:0;font-size:.84rem;line-height:1.42}
.hero-stats{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0 10px}
.hero-stats div{min-width:0;min-height:32px;padding:0;flex-direction:row;gap:4px}
.hero-stats div+div::before{display:none}
.hero-stats dt{font-size:.68rem}
.hero-stats dd{font-size:.48rem}
.product-showcase{grid-template-columns:1fr}
.product-body{padding:20px}
.home-news{padding-block:36px}
.home-applications__header,.news-header{margin-bottom:24px;grid-template-columns:1fr}
.news-header{align-items:end;gap:12px;grid-template-columns:minmax(0,1fr) auto}
.home-applications__all,.home-news__all{justify-self:start}
.home-news__all{padding-inline:10px;justify-self:end;font-size:.72rem}
.news-header .home-heading h2{font-size:clamp(1.2rem, 5.6vw, 1.5rem);text-overflow:clip;white-space:normal}
.home-applications__grid,.news-grid{gap:30px}
.home-application-card,.news-card{display:block}
.home-application-card__content,.news-content{min-height:0}
.home-application-card__image,.news-image{height:auto;aspect-ratio:1.75}
.news-image{aspect-ratio:1.9}
.home-application-card__body,.news-body{padding:14px 16px 12px}
.home-application-card__action,.news-action{padding:11px 16px 13px}
.enquiry-form{padding:24px 20px;grid-template-columns:1fr}
.enquiry-global{padding:20px 18px;gap:8px}
.form-submit{width:100%}
.presence-header{margin-bottom:26px;text-align:center}
.presence-header p{margin-inline:auto}
.enquiry-layout{padding-block:20px}
.enquiry-contacts a{grid-template-columns:1fr;gap:3px}}
.page-home .home-hero{height:auto;min-height:620px;overflow:hidden;background:#fff}
.page-home .home-hero::before{content:none}
.page-home .home-hero .hero-content{position:relative;z-index:1;display:block;height:auto;min-height:620px;}
.hero-stage{display:grid;min-height:544px;align-content:space-between;gap:30px}
.page-home .hero-primary{display:grid;min-width:0;align-items:center;gap:clamp(32px,4.5vw,68px);grid-template-columns:minmax(0,1.08fr) minmax(360px,0.92fr)}
.page-home .home-hero .hero-copy{width:auto;max-width:610px;margin:0;padding:0}
.page-home .home-hero .home-heading{margin-bottom:0}
.page-home .home-hero #home-hero-title{max-width:610px;margin:0 0 14px;opacity:1;font-size:clamp(2rem, 3.05vw, 3.35rem);line-height:1.04;letter-spacing:-.042em;text-wrap:balance}
@media (min-width:1200px){.page-home .home-hero #home-hero-title{font-size:clamp(2rem, 2.3vw, 2.1rem)}}
.page-home .home-hero .home-lead{max-width:590px;margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.58;white-space:normal}
.hero-buttons{display:flex;margin-top:28px;align-items:center;flex-wrap:wrap;gap:12px}
.hero-button{min-height:50px;padding-inline:24px}
.hero-visual{aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;}
.hero-proimage{position:relative;z-index:1;display:block;width:min(86%,455px);height:auto;object-fit:contain;filter:none}
.page-home .home-hero .hero-stats{display: grid;width: 100%;margin: 0;padding: 0;overflow: visible;gap: 10px;border: 0;border-radius: 0;background: transparent;grid-template-columns: repeat(5, minmax(0, 1fr));}
.page-home .home-hero .hero-stats div{display: flex;min-width: 0;min-height: 76px;padding: 12px 14px;align-items: center;flex-direction: column;justify-content: center;gap: 4px;text-align: center;border: 1px solid rgb(109 150 78 / 52%);border-radius: 14px;background: #fff;box-shadow: 0 7px 20px rgb(45 73 36 / 9%);white-space: normal;}
.page-home .home-hero .hero-stats div:nth-child(2n){background:#fff}
.page-home .home-hero .hero-stats div+div::before{display:none}
.page-home .home-hero .hero-stats dt{color:var(--pbm-green-dark);font-family:var(--font-sans);font-size:clamp(.82rem, 1.15vw, 1.02rem);font-weight:800;line-height:1.2;white-space:normal}
.page-home .home-hero .hero-stats div:nth-child(4) dt{font-size:clamp(.68rem, .86vw, .82rem)}
@media (max-width:1100px){.page-home .hero-primary{gap:30px;grid-template-columns:minmax(0,1.08fr) minmax(360px,0.92fr)}
.page-home .home-hero #home-hero-title{font-size:2rem}
.page-home .home-hero .hero-stats div{padding-inline:12px}}
@media (max-width:834px){.page-home .home-hero,.page-home .home-hero .hero-content{min-height:0}
.hero-stage{min-height:0;gap:28px}
.page-home .home-hero .hero-copy{max-width:680px;zoom: .8;}
.page-home .home-hero #home-hero-title{max-width:680px;margin-bottom:6px}
.page-home .home-hero .home-lead{max-width:640px;font-size:.92rem}
.hero-proimage{width:min(74%,420px)}
.page-home .home-hero .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-home .home-hero .hero-stats div{min-height:88px}
.page-home .home-hero .hero-stats div:nth-child(odd){border-left:0}
.page-home .home-hero .hero-stats div:nth-child(n+3){border-top:1px solid #d8e2d4}
.page-home .home-hero .hero-stats div:last-child{grid-column:1/-1}}
@media (max-width:620px){.page-home .home-hero .hero-content{padding-block:32px 28px}
.page-home .home-hero #home-hero-title{margin-bottom:6px;line-height:1.08}
.page-home .home-hero .home-lead{font-size:.92rem;line-height:1.52}
.hero-buttons{margin-top:22px;align-items:stretch;flex-direction:column}
.hero-button{width:100%;padding-inline:16px}
.hero-proimage{width:min(88%,340px)}
.page-home .home-hero .hero-stats div{min-height:84px;padding:13px 12px}
.page-home .home-hero .hero-stats div:nth-child(4) dt,.page-home .home-hero .hero-stats dt{font-size:.76rem}
.page-home .home-hero .hero-stats dd{font-size:.64rem}}
.manual-rail{min-width:0}
.manual-applications{min-width:0}
.manual-controls{display:none;margin-top:14px;align-items:center;justify-content:flex-end;gap:8px}
.manual-button{display:inline-grid;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;place-items:center;color:var(--ink);border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;transition:border-color 180ms ease,color 180ms ease}
.manual-button:focus-visible,.manual-button:hover{color:var(--pbm-green-dark);border-color:var(--pbm-green)}
.manual-button:disabled{color:var(--ink-faint);border-color:var(--line);cursor:default;opacity:.5}
.page-home .product-showcase{gap:25px;grid-template-columns:repeat(4,minmax(0,1fr))}
.page-home .product-card{background:0 0;box-shadow:none;transition: all .3s ease-in-out;}
.page-home .product-body{padding:14px 15px 16px;text-align: center;}
.page-home .product-body .product-label{margin-bottom:6px}
.page-home .product-body h3{min-height:1.2em;font-size:18px;line-height:1.2;font-weight:var(--fontbold5)}
/* .page-home .product-body h3{font-size:clamp(.75rem, .8vw, .82rem);letter-spacing:-.035em} */
.page-home .product-summary{display:block;width:100%;min-height:1.35em;margin-top:7px;overflow:hidden;font-size:clamp(.62rem, .72vw, .72rem);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.page-home .product-action{padding-top:12px;transition:color 180ms ease}
.page-home .product-card:hover{border-color:var(--pbm-green);background:0 0;box-shadow:none}
.page-home .product-card:focus-visible .product-action,.page-home .product-card:hover .product-action{gap:8px;color:var(--pbm-green-dark)}
@media (min-width:621px) and (max-width:1100px){.page-home .product-showcase{gap:15px}
.page-home .product-body{padding-inline:10px}
.page-home .product-body h3{font-size:16px}
.page-home .product-summary{font-size:clamp(.54rem, .9vw, .64rem)}}
@media (min-width:621px) and (max-width:834px){
.page-home .product-showcase{row-gap:14px}
.page-home .product-body h3{letter-spacing:clamp(-1.68px, calc(.535vw - 5px), -.54px)}}
@media (max-width:834px){.page-home .cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.homehero-page{position: relative;justify-content: center;padding: 20px 0;}}
@media (max-width:620px){.manual-controls:not([hidden]){display:flex}
.page-home .cases-grid,.page-home .product-showcase{display:flex;width:100%;gap:12px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}
.page-home .cases-grid::-webkit-scrollbar,.page-home .home-hero .hero-stats::-webkit-scrollbar,.page-home .product-showcase::-webkit-scrollbar{display:none}
.page-home .cases-card,.page-home .home-hero .hero-stats div,.page-home .product-card{min-width:0;flex:0 0 calc(90% - 6px);scroll-snap-align:start}
.page-home .product-body{min-height:156px;padding:14px 15px 16px}
.page-home .product-body h3{font-size:clamp(.82rem, 4vw, 1rem)}
.page-home .product-body h3{font-size:clamp(.75rem, 3.25vw, .82rem)}
.page-home .product-summary{font-size:.72rem}
.page-home .home-hero .hero-stats{border:0;border-radius:0;background:0 0}
.page-home .home-hero .hero-stats div,.page-home .home-hero .hero-stats div:last-child,.page-home .home-hero .hero-stats div:nth-child(n+3),.page-home .home-hero .hero-stats div:nth-child(odd){min-height:94px;padding:14px 16px;border:1px solid #d8e2d4;border-radius:10px;background:#fff}}
.page-home{--home-surface-primary:#fff;--home-surface-soft:#f3f6f1;--home-surface-brand:#4f7438;--home-surface-underlay:#e4ebdf;--home-surface-translucent:rgb(255 255 255 / 72%);--home-surface-transition:clamp(56px, 7vw, 96px);--home-surface-line:#dce4d8}
.page-home .home-cases{background:var(--home-surface-soft)}
.page-home .home-news,.page-home .home-product,.page-home .home-software,.page-home .footers{background:var(--home-surface-primary)}
.page-home .presence-header .eyebrow{color:var(--pbm-green-dark)}
.page-home .presence-header h2{color:var(--ink)}
.page-home .presence-header h2::after{background:rgb(79 116 56 / 56%)}
.page-home .presence-header>p{color:var(--ink-soft);opacity:1}
.page-home .presence-map,.page-home .presence-map-canvas{background:rgb(255 255 255 / 64%)}
.page-home .presence-map{border-color:rgb(79 116 56 / 18%)}
.page-home .office-annotation dd,.page-home .office-annotation h3,.page-home .office-card{color:var(--ink)}
.page-home .home-cases,.page-home .home-news,.page-home .home-product,.page-home .home-software,.page-home .footers,.page-home .footers-legal{border-color:var(--home-surface-line)}
@media (max-width:359px){.cases-more-list{grid-template-columns:1fr}}
/* ---------- home-product: ≤1024px 显示 manual-controls 并支持点击切换 ---------- */
@media (min-width:621px) and (max-width:1024px){
.page-home .home-product .manual-controls{display:flex}
.page-home .home-product .product-showcase{display:flex;width:100%;gap:14px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.page-home .home-product .product-showcase::-webkit-scrollbar{display:none}
.page-home .home-product .product-card{min-width:0;flex:0 0 calc((100% - 28px)/3);scroll-snap-align:start}}
@media (min-width:621px) and (max-width:834px){
.page-home .home-product .product-card{flex-basis:calc((100% - 14px)/2)}}
/* ---------- home-cases: ≤1024px 显示 manual-controls 并支持点击切换 ---------- */
@media (min-width:621px) and (max-width:1024px){
.page-home .home-cases .manual-controls{display:flex}
.page-home .home-cases .cases-grid{display:flex;width:100%;gap:16px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.page-home .home-cases .cases-grid::-webkit-scrollbar{display:none}
.page-home .home-cases .cases-card{min-width:0;flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start}}
@media (min-width:621px) and (max-width:834px){
.page-home .home-cases .cases-card{flex-basis:calc((100% - 16px)/2)}}
.wmkc-application *{box-sizing:border-box}
.wmkc-application{width:100%;max-width:100%;overflow-x:hidden;padding:3% 0}
.wmkc-application .title h2{text-align:center;font-size:32px;font-weight:400;margin-bottom:15px}
.wmkc-application .content>p{color:#666;margin-bottom:30px;line-height:1.6;text-align:center}
.wmkc-application .context{display:flex;width:100%;height:780px;box-shadow:0 5px 20px rgba(0,0,0,0.05)}
.wmkc-application .conLeft{width:60%;position:relative;height:100%;overflow:hidden}
.wmkc-application #swiper1{width:100%;height:100%}
.wmkc-application #swiper1 .imgItem,.wmkc-application #swiper1 .imgItem img{width:100%;height:100%;object-fit:cover;display:block}
.wmkc-application #swiper1 .text{position:absolute;left:8%;top:0;bottom:0;width:320px;max-width:80%;background:rgba(244, 244, 244, .6);padding:50px 35px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}
.wmkc-application #swiper1 .text .img img{max-width:160px;height:auto;margin-bottom:30px}
.wmkc-application #swiper1 .text h3{font-size:36px;font-weight:400;color:#333;margin-bottom:15px;line-height: 40px;}
.wmkc-application #swiper1 .text p{font-size:16px;color:#555;line-height:1.7;margin-bottom:25px}
.wmkc-application #swiper1 .text a{color:#8aa965;text-decoration:none;font-weight:600}
.wmkc-application #swiper1 .swiper-button-next,.wmkc-application #swiper1 .swiper-button-prev{top:auto;bottom:0;width:55px;height:55px;background:#fff;color:#333;margin:0;opacity:0.9}
.wmkc-application #swiper1 .swiper-button-next::after,.wmkc-application #swiper1 .swiper-button-prev::after{font-size:16px;font-weight:bold}
.wmkc-application #swiper1 .swiper-button-prev{right:55px;left:auto;border-right:1px solid #eee}
.wmkc-application #swiper1 .swiper-button-next{right:0}
.wmkc-application .conRight{width:40%;display:flex;flex-direction:column;background:#f8f9fa;height:100%}
.wmkc-application #swiper2{flex:1;padding:40px 40px 20px;overflow-y:auto}
.wmkc-application #swiper2 h3{font-size:20px;font-weight:500;color:#333;margin-bottom:20px}
.wmkc-application #swiper2 .swiper-wrapper{display:flex;flex-direction:column;height:fit-content}
.wmkc-application #swiper2 .swiper-slide{height:auto !important;padding:2px 0;cursor:pointer}
.wmkc-application #swiper2 .swiper-slide p{display:flex;align-items:center;margin:0;font-size:14px;color:#777;transition:all 0.3s ease}
.wmkc-application #swiper2 .swiper-slide p::before{content:"";display:inline-block;width:14px;height:1.5px;background-color:#aaa;margin-right:12px;transition:all 0.3s ease;flex-shrink:0}
.wmkc-application #swiper2 .swiper-slide.on p,.wmkc-application #swiper2 .swiper-slide:hover p{color:#8aa965}
.wmkc-application #swiper2 .swiper-slide.on p::before,.wmkc-application #swiper2 .swiper-slide:hover p::before{background-color:#8aa965;width:20px}
.wmkc-application #swiper2 .more{display:inline-block;margin-top:25px;padding:12px 22px;background:#8aa965;color:#fff;text-decoration:none;font-size:14px;border-radius:2px;transition:background 0.3s}
.wmkc-application #swiper2 .more:hover{background:#789654}
.wmkc-application #swiper3{height:150px;width:100%;background:#000;flex-shrink:0}
.wmkc-application #swiper3 .swiper-slide{cursor:pointer;opacity:0.5;transition:opacity 0.3s;height:100%}
.wmkc-application #swiper3 .swiper-slide-thumb-active{opacity:1}
.wmkc-application #swiper3 img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1023px){.wmkc-application .context{flex-direction:column;height:auto}
.wmkc-application .conLeft{width:100%;height:480px}
.wmkc-application .conRight{width:100%;height:auto}
.wmkc-application #swiper1 .text{left:5%;width:300px;padding:30px 25px}
.wmkc-application #swiper2{padding:30px 25px 20px}
.wmkc-application #swiper3{height:140px}
}@media (max-width:767px){.wmkc-application .title h2{font-size:22px}
.wmkc-application .content>p{font-size:13px;margin-bottom:20px}
.wmkc-application .conLeft{height:380px}
.wmkc-application #swiper1 .text{left:15px;right:15px;width:calc(100% - 30px);max-width:100%;top:auto;bottom:55px;height:auto;max-height:240px;padding:15px;background:rgba(255,255,255,0.85)}
.wmkc-application #swiper1 .text .img img{max-width:100px;margin-bottom:10px}
.wmkc-application #swiper1 .text h3{font-size:16px;margin-bottom:8px}
.wmkc-application #swiper1 .text p{font-size:12px;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wmkc-application #swiper1 .swiper-button-next,.wmkc-application #swiper1 .swiper-button-prev{width:45px;height:45px}
.wmkc-application #swiper1 .swiper-button-prev{right:45px}
.wmkc-application #swiper2{padding:20px 15px}
.wmkc-application #swiper2 h3{font-size:16px;margin-bottom:12px}
.wmkc-application #swiper2 .swiper-slide{padding:6px 0}
.wmkc-application #swiper2 .swiper-slide p{font-size:13px}
.wmkc-application #swiper2 .more{margin-top:15px;padding:10px 15px;font-size:12px;width:100%;text-align:center;box-sizing:border-box}
.wmkc-application #swiper3{height:90px}
}#swiper2,#swiper3,#swiper1{overflow:hidden}
.wmkc-about{display:flex;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;background-color:#fff;transition:box-shadow 0.3s ease}
.wmkc-about *{box-sizing:border-box}
.wmkc-about:hover{box-shadow:0 10px 30px rgba(0,0,0,0.08)}
.wmkc-about .wmkc-about-left{width:50%;flex-shrink:0;background:url('/Content/uploads/20261328801/202609151322189973d38874c5417f9c823d0d887eb627.webp') no-repeat left top;background-size:cover;display:flex;align-items:center;justify-content:flex-end;padding:80px 60px 80px 20px}
.wmkc-about .wmkc-about-content{max-width:550px;width:100%}
.wmkc-about .wmkc-about-content h2{font-size:32px;font-weight:300;color:#333;margin:0 0 25px 0}
.wmkc-about .wmkc-about-content p{font-size:14px;color:#666;line-height:1.8;margin:0 0 35px 0}
.wmkc-about .wmkc-about-buttons{display:flex;gap:15px}
.wmkc-about .wmkc-about-buttons a{display:inline-block;padding:12px 25px;background-color:#90ab6d;color:#fff;text-decoration:none;font-size:14px;transition:background-color 0.3s ease}
.wmkc-about .wmkc-about-buttons a:hover{background-color:var(--color)}
.wmkc-about .wmkc-about-right{flex:1;min-width:0;overflow:hidden;position:relative}
.wmkc-about .wmkc-about-right img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;background: #fff;opacity: .7;}
.wmkc-about:hover .wmkc-about-right img{transform:scale(1.04)}
@media (max-width:1023px){.wmkc-about .wmkc-about-left{padding:50px 30px}
.wmkc-about .wmkc-about-content{max-width:480px}
.wmkc-about .wmkc-about-content h2{font-size:28px}
}@media (max-width:767px){.wmkc-about{flex-direction:column}
.wmkc-about .wmkc-about-left{width:100%;justify-content:center;padding:40px 20px;background-position:center top}
.wmkc-about .wmkc-about-content{max-width:100%}
.wmkc-about .wmkc-about-right{width:100%;height:350px}
.wmkc-about .wmkc-about-buttons a{padding:10px 15px;font-size:13px}}
.wmkc-about-left{position:relative}
.about-left-img{position:absolute;left:0;top:0;z-index:0;height:100%;filter:brightness(0.9) contrast(1.05)}
.wmkc-about .wmkc-about-content{z-index:1}
@media (min-width:1024px){.wmkc-about .wmkc-about-content{padding-left:15%}.wmkc-about .wmkc-about-content { max-width: 650px;}}
@media (min-width: 1024px) {.news-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}}
.home-presence .l-wrap{max-width: 1300px;}
.home-banner .swiper-slide-active .banner-animote{animation:unset}
.home-banner .swiper-slide .banner-animote{opacity:1;font-family:"PoiretOne-Regular",Arial,sans-serif}
.home-product .home-heading h2,.page-home .presence-header .eyebrow{color:var(--fontcolor)}
.news-header .home-heading h2,.news-header .home-heading p{text-align:center}
.wmkc-slogan{padding:2% 0  3%}
.wmkc-slogan .title{text-align:center;font-size:32px}
.wmkc-slogan .desc{font-size:16px;text-align:center}
@media (max-width:1024px){.wmkc-slogan .title{font-size:22px}
}

.wmkc-application .title h2{line-height: 1;}
.wmkc-slogan .title{line-height: 1;}

.home-product{padding: 3% 0;}
.wmkc-slogan{padding: 3% 0;}
.wmkc-about{padding: 3% 0;}
.home-news{padding: 3% 0;}
.home-presence{padding: 3% 0;}
.home-enquiry{padding: 3% 0;}
.enquiry-layout{padding-top: 0;padding-bottom: 0;}
.wmkc-application {padding:0}
.home-product .home-heading h2,.wmkc-application .title h2,.wmkc-slogan .title,.news-header .home-heading h2,.presence-header h2{text-align:center;margin-bottom:10px;font-weight:400;line-height:1.1;font-size: 48px;}
.wmkc-application .content>p,.home-product .home-heading p,.wmkc-slogan .desc,.news-header .home-heading p,.page-home .presence-header>p{font-size:18px;margin:0 auto;max-width:800px;color:#666;line-height: 1.6;}
.wmkc-application .content>p,.news-header{margin-bottom:28px}
.wmkc-slogan{padding-bottom:28px;}
.wmkc-about{padding-top:0;}
.presence-header{margin-bottom:28px}
.wmkc-application .title h2,.wmkc-application .content>p{padding-left:10px;padding-right:10px;}
.enquiry-intro h2{font-size: clamp(1.7rem, 2.25vw, 2.15rem);}
@media (max-width:768px){.home-product,.home-news,.home-presence,.home-enquiry{padding:30px 0}
.wmkc-slogan{padding-top:30px;padding-bottom:20px}
.news-header{grid-template-columns:1fr;}
.home-news__all{justify-self:center}
.home-product .home-heading,.wmkc-application .content>p,.news-header,.presence-header{margin-bottom:20px}
.wmkc-application .content>p,.home-product .home-heading p,.wmkc-slogan .desc,.news-header .home-heading p, .page-home .presence-header>p{font-size:15px}}
.page-home .presence-header h2{color: #111;}

@media (min-width:1025px) {

.home-enquiry .wmkcfeedback .wmkcfb-fileupload,
.home-enquiry .wmkcfeedback input{width: 49%;}
.home-enquiry .send-inquiry{display:flex;flex-wrap: wrap;justify-content: space-between;}


}
.home-enquiry .wmkcfeedback .send-btn{background: #fff;color: var(--color);width: 100%;}

.home-enquiry .wmkcfeedback .wmkcfb-fileupload,
.home-enquiry .wmkcfeedback input,
.home-enquiry .wmkcfeedback textarea{border-radius: 5px;}
@media (min-width:1025px) {#indexbanner video {width: 100%;height: auto;aspect-ratio: 16 / 7;object-fit: cover;}}


