:root{--red:#bd1731;--ink:#262823;--paper:#f7f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);border-bottom:1px solid #deded7;position:sticky;top:0;z-index:5}header img{width:150px}nav{display:flex;gap:38px;font-size:14px}nav a:last-child{color:var(--red)}#menu{display:none}.hero{padding:65px 5% 0;display:grid;grid-template-columns: .85fr 1.15fr}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin:0 0 30px}.hero-copy{padding:35px 30px 60px 0}h1{font-size:clamp(30px,3.5vw,60px);line-height:1.45;font-weight:500;letter-spacing:-2px;margin:0 0 27px}.intro,p{font-size:15px;line-height:1.9;color:#676b63}.primary{display:flex;justify-content:space-between;background:var(--red);color:white;padding:18px 23px;width:220px;margin-top:40px;font-size:14px}.hero-image{min-height:460px;position:relative;background:#d9ded9;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.caption{position:absolute;bottom:0;padding:20px 24px;background:linear-gradient(transparent,#0009);color:white;width:100%;font-size:13px}.caption span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:26px 0;font-size:12px;border-bottom:1px solid #cccfc6;color:#6b7067}.products{padding:100px 5%}.section-head{display:flex;justify-content:space-between;align-items:end}h2{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.5;margin:0 0 15px;letter-spacing:-1px}.filters{display:flex;gap:35px;border-bottom:1px solid #cccfc6;margin:38px 0 25px}.filters button{border:0;background:none;padding:15px 0;color:#73776e;border-bottom:2px solid transparent}.filters button.active{color:var(--red);border-color:var(--red)}.product-list{display:flex;gap:24px;overflow:auto;padding-bottom:20px;scroll-snap-type:x mandatory}.product{flex:0 0 calc((100% - 48px)/3);border:0;background:transparent;text-align:left;padding:0;scroll-snap-align:start}.product-image{height:310px;background:#eeeee7;display:flex;align-items:center;justify-content:center;overflow:hidden}.product img{width:78%;height:84%;object-fit:contain;transition:transform .35s}.product:hover img{transform:scale(1.05)}.product h3{font-size:17px;font-weight:500;margin:22px 0 8px}.product p{margin:0;font-size:12px}.applications{display:grid;grid-template-columns:1.1fr 1fr;background:#e9ebe3}.application-photo{min-height:660px}.application-photo img{width:100%;height:100%;object-fit:cover}.application-copy{padding:65px 14%}.industries{margin-top:30px}.industries button{background:transparent;border:0;border-top:1px solid #bbc0b5;padding:19px 0;width:100%;display:flex;justify-content:space-between;text-align:left}.industries button.selected{color:var(--red)}.about{padding:110px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.about figure{margin:0}.about img{width:100%;height:350px;object-fit:cover}figcaption{font-size:12px;margin-top:15px;color:#73776e}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:25px}.contact{background:#292f29;color:white;padding:70px 5%}.contact p{color:#bbc3b9}.contact>a{display:inline-block;font-size:clamp(20px,3vw,40px);margin-top:20px;border-bottom:1px solid #65715f;padding-bottom:10px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer img{width:110px}dialog{border:0;background:var(--paper);padding:35px;width:min(760px,90vw);max-height:85vh}dialog::backdrop{background:#152015aa}#close{float:right;border:0;background:none;padding:10px}#detail-content{clear:both;padding-top:20px}#detail-content img{height:240px;width:100%;object-fit:contain}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}@media(max-width:760px){header{height:75px}header img{width:125px}#menu{display:block;background:none;border:0}nav{display:none;position:absolute;top:75px;left:0;width:100%;padding:25px;background:var(--paper);flex-direction:column}nav.open{display:flex}.hero{display:block;padding-top:25px}.hero-copy{padding:20px 0 35px}.hero-image{min-height:330px}.hero-bottom{gap:20px}.section-head{display:block}.products{padding:60px 5%}.product{flex-basis:80%}.product-image{height:280px}.applications,.about{grid-template-columns:1fr}.application-photo{min-height:0;height:330px}.application-copy{padding:40px 7%}.about{padding:60px 5%;gap:30px}.about img{height:260px}.filters{gap:22px}.eyebrow{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.subnav { gap: 18px; font-size: 14px; }
.subnav > a:first-child { margin-right: auto; }
.subnav > a:last-child { color: var(--red); }
.subpage { max-width: 1500px; margin: auto; padding: 0 5% 85px; }
.breadcrumb { margin: 28px 0 48px; font-size: 13px; }
.breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.split, .related { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(26px, 6vw, 95px); align-items: center; }
.split h1 { line-height: 1.25; }
.split p:not(.eyebrow) { max-width: 36em; }
.feature-photo, .equipment-photo { width: 100%; height: clamp(260px, 38vw, 520px); }
.feature-photo { object-fit: cover; }
.equipment-photo { object-fit: contain; padding: 8%; background: #eeeee7; }
.detail-section { margin: 75px 0 0; }
.specs { margin-top: 28px; border-bottom: 1px solid #cccfc6; }
.specs > div { border-top: 1px solid #cccfc6; display: grid; grid-template-columns: minmax(105px, 1fr) 3fr; gap: 18px; padding: 20px 0; line-height: 1.7; }
.specs dd { margin: 0; color: #676b63; }
.related { margin-top: 65px; background: #e9ebe3; padding: clamp(24px, 5vw, 65px); }
.related img { width: 100%; height: 235px; object-fit: contain; }
.inquiry { display: grid; gap: 16px; background: #eeeee7; padding: clamp(22px, 4vw, 48px); }
.inquiry label { display: grid; gap: 7px; font-size: 14px; }
.inquiry :is(select, input, textarea) { width: 100%; font: inherit; padding: 12px; border: 1px solid #b8bbb1; background: var(--paper); color: var(--ink); }
.inquiry .primary { border: 0; margin-top: 8px; }
.inquiry p { margin: 0; font-size: 13px; }
@media (max-width: 760px) {
  .subnav { gap: 12px; font-size: 12px; }
  .subnav img { width: 100px; }
  .split, .related { grid-template-columns: 1fr; }
  .breadcrumb { margin-bottom: 26px; }
  .detail-section { margin-top: 48px; }
}