.hardware-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;background:#f5f6ef;padding-top:46px;padding-bottom:60px}.hardware-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.hardware-hero>div>p{font-size:15px;line-height:1.8;color:#68705e;max-width:440px}.hardware-hero .button{margin-top:18px;font-size:12px;padding:17px 23px;gap:26px}.hardware-hero-note{margin-top:28px;font-size:10px;letter-spacing:1px;color:#7b846e}.hardware-hero figure{margin:0;border-radius:9px;overflow:hidden;border:1px solid #dbe0d2;background:#fff}.hardware-hero figure img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;object-position:center}.hardware-hero figcaption{padding:20px 22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;align-items:center}.hardware-hero figcaption b{letter-spacing:1px}.hardware-hero figcaption span{color:#7b846e}.hardware-section-head{display:flex;justify-content:space-between;gap:10%;align-items:end}.hardware-section-head h2{font-size:43px;letter-spacing:-1.8px;line-height:1.15;margin:20px 0 0}.hardware-section-head>p{font-size:12px;line-height:1.9;color:#727b65;max-width:360px;margin:0}.hardware-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce1d3;padding:30px 0 25px;margin-bottom:32px}.hardware-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.hardware-toolbar button{border:1px solid #dce1d3;background:#fff;border-radius:24px;padding:11px 16px;font-size:11px;color:#20271e}.hardware-toolbar button[aria-pressed=true]{background:#20271e;color:white;border-color:#20271e}.hardware-toolbar button span{color:#fff033;margin-left:6px}.hardware-toolbar>span{font-size:10px;color:#7b846e;white-space:nowrap}.hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hardware-product{border:1px solid #dce1d3;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.hardware-product:hover{box-shadow:0 12px 30px #24311a0b}.hardware-product[hidden]{display:none}.hardware-product-photo{position:relative;width:100%;aspect-ratio:1/1;background-image:url('/scenes/hardware-products-v1.jpg');background-size:300% 200%;background-position:0 0;background-repeat:no-repeat;border-bottom:1px solid #e4e7dd}.hardware-photo-1{background-position:50% 0}.hardware-photo-2{background-position:100% 0}.hardware-photo-3{background-position:0 100%}.hardware-photo-4{background-position:50% 100%}.hardware-photo-5{background-position:100% 100%}.hardware-product-photo>span{position:absolute;left:16px;top:16px;background:white;border:1px solid #e2e6da;border-radius:4px;padding:7px 9px;font-size:9px;color:#7a856b}.hardware-product-copy{padding:25px;display:flex;flex-direction:column;flex:1}.hardware-product-copy>.eyebrow{font-size:7px;letter-spacing:1.2px;color:#7a856b}.hardware-product h3{font-size:24px;letter-spacing:-.8px;margin:14px 0}.hardware-product-copy>p{font-size:12px;line-height:1.8;color:#6f7861;margin:0 0 20px}.hardware-product ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:6px}.hardware-product li{background:#f3f5ed;padding:7px 9px;font-size:8px;color:#606d50;border-radius:4px}.hardware-product details{border-top:1px solid #e1e5d9;border-bottom:1px solid #e1e5d9;margin-top:auto}.hardware-product summary{display:flex;justify-content:space-between;font-size:11px;font-weight:500;padding:15px 0;cursor:pointer;list-style:none}.hardware-product summary::-webkit-details-marker{display:none}.hardware-product summary>span{color:#84946c}.hardware-product details[open] summary>span{transform:rotate(45deg)}.hardware-product details p{font-size:11px;line-height:1.9;color:#727b65;margin:0 0 16px}.hardware-inquire{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:11px;font-weight:600}.hardware-inquire:hover{color:#71853d}.hardware-fit{background:#20271e;color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.hardware-fit h2{font-size:44px;letter-spacing:-2px;line-height:1.15;margin:22px 0}.hardware-fit>div>p{font-size:13px;line-height:1.9;color:#b4c0a3;max-width:400px}.hardware-fit .eyebrow,.hardware-fit .text-link{color:#fff033}.hardware-fit .text-link{font-size:12px;margin-top:20px}.hardware-fit ol{list-style:none;padding:0;margin:0}.hardware-fit li{display:flex;gap:24px;padding:25px 0;border-top:1px solid #ffffff28}.hardware-fit li>span{font-size:11px;color:#fff033}.hardware-fit h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.hardware-fit li p{font-size:12px;line-height:1.8;color:#b4c0a3;max-width:330px;margin:0}
@media(min-width:961px){header>nav{gap:22px}}
@media(max-width:1100px){.hardware-hero{gap:4%}.hardware-hero h1{font-size:49px}.hardware-grid{gap:18px}.hardware-product-copy{padding:20px}.hardware-product h3{font-size:21px}.hardware-section-head h2{font-size:36px}.hardware-fit{gap:7%}.hardware-fit h2{font-size:37px}}
@media(max-width:760px){.hardware-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:30px}.hardware-hero h1{font-size:47px;letter-spacing:-2.5px}.hardware-hero>div>p{font-size:14px}.hardware-hero figure img{aspect-ratio:16/9}.hardware-hero figcaption{padding:17px;font-size:7px;gap:15px}.hardware-section-head{display:block}.hardware-section-head h2{font-size:35px}.hardware-section-head>p{font-size:12px;margin-top:20px;max-width:none}.hardware-toolbar{display:block;padding-top:25px}.hardware-toolbar button{font-size:10px;padding:10px 13px}.hardware-toolbar>span{display:block;margin-top:18px}.hardware-grid{grid-template-columns:1fr;gap:24px}.hardware-product-photo{aspect-ratio:1/1}.hardware-product-copy{padding:25px}.hardware-product h3{font-size:27px}.hardware-product-copy>p{font-size:13px}.hardware-product li{font-size:9px}.hardware-product summary,.hardware-inquire{font-size:12px}.hardware-fit{grid-template-columns:1fr;gap:35px}.hardware-fit h2{font-size:37px}.hardware-fit h3{font-size:19px}}
@media(min-width:550px) and (max-width:760px){.hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hardware-product-copy{padding:20px}.hardware-product h3{font-size:22px}}
.hardware-hero figure img{aspect-ratio:3/2;object-fit:contain}