.vgb26-hardware,.vgb26-hardware *{box-sizing:border-box}.vgb26-hardware{--vgb26-green:#8bc53d;--vgb26-green-light:#a3d95c;--vgb26-deep-green:#233822;--vgb26-ink:#111610;--vgb26-muted:#626a60;--vgb26-cream:#f6f4ed;position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;color:var(--vgb26-ink);background:#fff;font-family:"Poppins",Arial,sans-serif;scroll-margin-top:96px}.vgb26-hardware::before{content:"";position:absolute;z-index:0;top:105px;right:-110px;width:390px;height:390px;opacity:.18;background-image:radial-gradient(rgba(35,56,34,.28) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 72%);mask-image:radial-gradient(circle,#000 0%,transparent 72%);pointer-events:none}.vgb26-hardware__inner{position:relative;z-index:1;width:min(100%,1380px);margin:0 auto;padding:clamp(86px,8vw,128px) clamp(22px,5vw,72px)}.vgb26-hardware__layout{display:grid;grid-template-columns:minmax(410px,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(58px,7vw,104px)}.vgb26-hardware__visual{position:relative;width:100%;max-width:610px}.vgb26-hardware__visual::before{content:"";position:absolute;z-index:-1;inset:-18px 25px 24px -18px;border:1px solid rgba(35,56,34,.18);border-radius:27px}.vgb26-hardware__main-figure{position:relative;min-height:610px;margin:0;overflow:hidden;background:#dcded9;border-radius:24px;box-shadow:0 30px 74px rgba(22,31,20,.18)}.vgb26-hardware__main-figure img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:center}.vgb26-hardware__image-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,16,9,.84) 0%,rgba(10,16,9,.1) 48%,transparent 69%),linear-gradient(135deg,rgba(12,19,11,.13),transparent 48%)}.vgb26-hardware__caption{position:absolute;z-index:2;right:30px;bottom:29px;left:30px}.vgb26-hardware__caption span,.vgb26-hardware__caption strong{display:block}.vgb26-hardware__caption span{margin-bottom:6px;color:var(--vgb26-green);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}.vgb26-hardware__caption strong{max-width:430px;color:#fff;font-size:clamp(20px,2vw,27px);font-weight:600;line-height:1.35}.vgb26-hardware__detail-figure{position:absolute;z-index:3;top:37px;right:-52px;width:min(48%,250px);margin:0;overflow:hidden;aspect-ratio:4/3;background:#e0e2dc;border:6px solid #fff;border-radius:14px;box-shadow:0 18px 48px rgba(15,23,14,.23)}.vgb26-hardware__detail-figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.vgb26-hardware__detail-label{position:absolute;right:10px;bottom:9px;left:10px;padding:7px 9px;color:#fff;background:rgba(16,24,15,.84);border-radius:5px;font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.075em;text-align:center;text-transform:uppercase}.vgb26-hardware__badge{position:absolute;z-index:4;bottom:-26px;left:25px;max-width:285px;padding:15px 18px;display:flex;align-items:center;gap:12px;color:#fff;background:var(--vgb26-deep-green);border:1px solid rgba(139,197,61,.42);border-radius:12px;box-shadow:0 18px 48px rgba(15,23,14,.25)}.vgb26-hardware__badge-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;color:var(--vgb26-green);background:rgba(139,197,61,.11);border-radius:9px}.vgb26-hardware__badge strong,.vgb26-hardware__badge small{display:block}.vgb26-hardware__badge strong{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.vgb26-hardware__badge small{margin-top:3px;color:rgba(255,255,255,.68);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.045em;text-transform:uppercase}.vgb26-hardware__content{max-width:710px}.vgb26-hardware__eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:var(--vgb26-deep-green);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.vgb26-hardware__eyebrow::before{content:"";width:30px;height:2px;flex:0 0 30px;background:var(--vgb26-green)}.vgb26-hardware__title{max-width:700px;margin:0;color:var(--vgb26-ink);font-size:clamp(40px,4.5vw,60px);font-weight:650;line-height:1.1;letter-spacing:-.042em;text-wrap:balance}.vgb26-hardware__title span{display:block;margin-top:5px;color:var(--vgb26-deep-green)}.vgb26-hardware__copy{margin-top:26px}.vgb26-hardware__copy p{margin:0;color:var(--vgb26-muted);font-size:18px;font-weight:400;line-height:1.75}.vgb26-hardware__copy p+p{margin-top:17px}.vgb26-hardware__benefits{margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none}.vgb26-hardware__benefits li{min-height:82px;padding:15px 13px;display:flex;align-items:flex-start;gap:9px;color:var(--vgb26-deep-green);background:rgba(139,197,61,.105);border:1px solid rgba(139,197,61,.25);border-radius:9px;font-size:14px;font-weight:650;line-height:1.5}.vgb26-hardware__types{margin-top:31px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vgb26-hardware-type{position:relative;min-height:154px;padding:20px 19px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:0 13px;background:var(--vgb26-cream);border:1px solid rgba(35,56,34,.1);border-radius:11px;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.vgb26-hardware-type:hover{transform:translateY(-3px);border-color:rgba(139,197,61,.43);box-shadow:0 14px 34px rgba(22,31,20,.08)}.vgb26-hardware-type__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;grid-row:1/span 2;color:var(--vgb26-deep-green);background:rgba(139,197,61,.16);border-radius:8px}.vgb26-hardware-type h3{margin:1px 0 0;color:var(--vgb26-ink);font-size:18px;font-weight:650;line-height:1.38}.vgb26-hardware-type p{margin:9px 0 0;color:var(--vgb26-muted);font-size:18px;font-weight:400;line-height:1.6;grid-column:2}.vgb26-hardware__finishes{position:relative;margin-top:clamp(57px,6vw,78px);padding:clamp(31px,4vw,46px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);align-items:center;gap:clamp(35px,6vw,82px);overflow:hidden;color:#fff;background:radial-gradient(circle at 91% 15%,rgba(139,197,61,.15),transparent 28%),var(--vgb26-deep-green);border:1px solid rgba(139,197,61,.26);border-radius:15px}.vgb26-hardware__finishes::after{content:"";position:absolute;right:-95px;bottom:-165px;width:350px;height:350px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 57px rgba(255,255,255,.016);pointer-events:none}.vgb26-hardware__finish-copy{position:relative;z-index:1}.vgb26-hardware__finish-label{margin:0 0 8px;color:var(--vgb26-green);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.105em;text-transform:uppercase}.vgb26-hardware__finishes h3{margin:0;color:#fff;font-size:clamp(27px,3vw,40px);font-weight:600;line-height:1.25;letter-spacing:-.03em}.vgb26-hardware__finish-copy>p:last-child{margin:13px 0 0;color:rgba(255,255,255,.71);font-size:18px;font-weight:400;line-height:1.7}.vgb26-hardware__finish-side{position:relative;z-index:1}.vgb26-hardware__swatches{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none}.vgb26-hardware__swatches li{min-height:66px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.84);background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:8px;font-size:12px;font-weight:650;line-height:1.4}.vgb26-hardware__swatch{width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(255,255,255,.29);border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.18)}.vgb26-hardware__swatch--gold{background:linear-gradient(135deg,#fff0a1,#c48a20 52%,#f4d36b)}.vgb26-hardware__swatch--light-gold{background:linear-gradient(135deg,#fff4c9,#d6b56e 52%,#f3dfaa)}.vgb26-hardware__swatch--silver{background:linear-gradient(135deg,#fff,#9ea5a6 52%,#e1e5e4)}.vgb26-hardware__swatch--gunmetal{background:linear-gradient(135deg,#8b9292,#313838 52%,#687070)}.vgb26-hardware__swatch--brass{background:linear-gradient(135deg,#c9a35d,#6d4d23 52%,#a0783a)}.vgb26-hardware__swatch--custom{background:conic-gradient(from 35deg,#8bc53d,#c99a45,#8395a4,#564d78,#8bc53d)}.vgb26-hardware__finish-action{margin-top:22px;display:flex;align-items:center;gap:16px}.vgb26-hardware__button{min-height:54px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#10160f!important;background:var(--vgb26-green);border:1px solid var(--vgb26-green);border-radius:4px;font-size:14px;font-weight:650;line-height:1.2;text-decoration:none!important;transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease}.vgb26-hardware__button:hover{color:#10160f!important;background:var(--vgb26-green-light);border-color:var(--vgb26-green-light);transform:translateY(-2px)}.vgb26-hardware__button:focus-visible{outline:3px solid rgba(139,197,61,.42);outline-offset:4px}.vgb26-hardware__finish-note{margin:0;color:rgba(255,255,255,.57);font-size:11px;font-weight:500;line-height:1.5}@media (max-width:1120px){.vgb26-hardware__layout{grid-template-columns:minmax(370px,.86fr) minmax(0,1.14fr);gap:56px}.vgb26-hardware__main-figure{min-height:680px}.vgb26-hardware__detail-figure{right:-24px}.vgb26-hardware__benefits{grid-template-columns:1fr}.vgb26-hardware__benefits li{min-height:0}.vgb26-hardware__types{grid-template-columns:1fr}.vgb26-hardware-type{min-height:0}}@media (max-width:900px){.vgb26-hardware__layout{grid-template-columns:1fr;gap:72px}.vgb26-hardware__visual{max-width:730px;margin:0 auto}.vgb26-hardware__main-figure{min-height:570px}.vgb26-hardware__content{max-width:760px}.vgb26-hardware__benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.vgb26-hardware__types{grid-template-columns:repeat(2,minmax(0,1fr))}.vgb26-hardware__finishes{grid-template-columns:1fr;align-items:start;gap:30px}}@media (max-width:640px){.vgb26-hardware{scroll-margin-top:72px}.vgb26-hardware__inner{padding:72px 18px 76px}.vgb26-hardware__layout{gap:62px}.vgb26-hardware__visual::before{inset:-10px 10px 14px -10px;border-radius:20px}.vgb26-hardware__main-figure{min-height:470px;border-radius:18px}.vgb26-hardware__caption{right:20px;bottom:22px;left:20px}.vgb26-hardware__caption strong{max-width:280px;font-size:20px}.vgb26-hardware__detail-figure{top:14px;right:14px;width:42%;border-width:4px;border-radius:11px}.vgb26-hardware__detail-label{display:none}.vgb26-hardware__badge{bottom:-30px;left:14px;max-width:calc(100% - 28px);padding:12px 14px}.vgb26-hardware__badge-icon{width:34px;height:34px;flex-basis:34px}.vgb26-hardware__eyebrow{align-items:flex-start;margin-bottom:17px;font-size:10px;letter-spacing:.105em}.vgb26-hardware__eyebrow::before{margin-top:7px}.vgb26-hardware__title{font-size:clamp(35px,10.4vw,46px);line-height:1.13;letter-spacing:-.037em;text-wrap:pretty}.vgb26-hardware__copy{margin-top:22px}.vgb26-hardware__copy p,.vgb26-hardware-type p,.vgb26-hardware__finish-copy>p:last-child{font-size:18px;line-height:1.7}.vgb26-hardware__benefits{grid-template-columns:1fr}.vgb26-hardware__types{grid-template-columns:1fr}.vgb26-hardware-type{padding:19px 18px}.vgb26-hardware-type:hover{transform:none}.vgb26-hardware__finishes{margin-top:48px;padding:28px 21px 30px;border-radius:14px}.vgb26-hardware__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.vgb26-hardware__finish-action{align-items:stretch;flex-direction:column}.vgb26-hardware__button{width:100%;min-height:52px;transition:none}.vgb26-hardware__finish-note{text-align:center}}