.finish-drawer{color:#111;background:0 0;border:0;width:50vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Space Mono,monospace;position:fixed;inset:0 0 0 auto;overflow:clip;transform:translate(100%)}.finish-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0008}.finish-drawer header button:focus{outline:none}.finish-drawer header button:focus-visible{box-shadow:0 2px #111}.finish-drawer-sheet{overscroll-behavior:contain;background:#fff;height:100%;padding:36px clamp(24px,2.2vw,48px);overflow-y:auto}.finish-drawer header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.finish-drawer header p{letter-spacing:.12em;margin:0 0 10px;font-size:11px}.finish-drawer h2{margin:0;font-size:clamp(22px,2vw,38px);font-weight:400}.finish-drawer button{font:inherit;cursor:pointer;color:inherit}.finish-drawer header button{background:0 0;border:0;padding:4px 8px;font-size:32px;line-height:1}.finish-intro,.finish-reference-note{color:#626262;margin:24px 0;font-size:12px;line-height:1.7}.finish-reference-note a{text-decoration:underline}.finish-categories{border-bottom:1px solid #ddd;gap:24px;margin:24px 0;display:flex}.finish-categories button{color:#888;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0;font-size:13px}.finish-categories button[aria-pressed=true]{color:#111;border-color:#111}.finish-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 12px;display:grid}.finish-sample{text-align:center;background:0 0;border:0;min-width:0;padding:0 0 12px}.finish-sample-photo{aspect-ratio:1;perspective:800px;display:block;position:relative}.finish-sample img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.finish-sample-angle{opacity:0;transition:opacity .25s,transform .4s;position:absolute;inset:0;transform:rotateY(-8deg)}.finish-sample strong{margin:8px 0;font-size:13px;font-weight:400;display:block}.finish-sample small{color:#777;font-size:11px}.finish-sample:focus-visible{outline-offset:5px;outline:1px solid #333}.finish-sample:focus-visible .finish-sample-angle{opacity:1;transform:rotateY(0)}@media (hover:hover){.finish-sample:hover .finish-sample-angle{opacity:1;transform:rotateY(0)}}.finish-samples{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.finish-sample strong{overflow-wrap:anywhere;font-size:12px}@media (width>=1800px){.finish-samples{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=761px) and (width<=1100px){.finish-drawer{width:70vw}}@media (width<=760px){.finish-drawer{width:100vw}.finish-drawer-sheet{padding:28px 20px}.finish-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}.finish-sample strong{font-size:11px}}@media (width<=420px){.finish-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.finish-drawer-sheet,.finish-sample-angle{transition:none}}.product-faq-list h3 .faq-toggle-icon{flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:24px;line-height:1;display:grid}.product-detail .product-faq-list article,.product-detail .product-faq-list article:last-of-type{box-shadow:none;border:0}.faq-item>.smooth-collapse-content>h3{border-top:1px solid #fff5}.faq-items{border-bottom:1px solid #fff5}.product-faq{min-height:calc(var(--u)*660);padding:calc(var(--u)*100) calc(var(--u)*80) calc(var(--u)*100);grid-template-columns:calc(var(--u)*574) 1fr;gap:calc(var(--u)*80);display:grid;position:relative}.product-faq-intro>p{font-size:calc(var(--u)*20);line-height:calc(var(--u)*24);letter-spacing:calc(var(--u)*.8);color:#fffc;margin-top:calc(var(--u)*24);width:100%;min-height:calc(var(--u)*70)}.product-faq-search{margin-top:calc(var(--u)*60);width:calc(var(--u)*420);height:calc(var(--u)*42);padding:0 calc(var(--u)*24);align-items:center;gap:calc(var(--u)*12);font-size:calc(var(--u)*24);border:1px solid #fff;display:flex}.product-faq-search input{color:#fff;width:100%;min-width:0;font:inherit;font-size:calc(var(--u)*16);background:0 0;border:0;outline:none}.product-faq-search:focus-within{outline:none}.product-faq-search input:focus{box-shadow:none;outline:none}.product-faq-list article{border-top:1px solid #fff5}.product-faq-list article:last-of-type{border-bottom:1px solid #fff5}.product-faq-list h3{margin:0}.product-faq-list h3 button{width:100%;min-height:calc(var(--u)*76);padding:calc(var(--u)*20) calc(var(--u)*24);color:#fff;font-family:inherit;font-size:calc(var(--u)*20);line-height:calc(var(--u)*24);text-align:left;text-transform:uppercase;justify-content:space-between;align-items:center;gap:calc(var(--u)*20);background:0 0;border:0;display:flex}.product-faq-list h3 button:hover{background:#ffffff08}.product-faq-list h3 span{font-size:calc(var(--u)*24);transition:rotate .55s cubic-bezier(.22,.68,.1,1)}.product-faq-list h3 span.expanded{rotate:45deg}.faq-answer p{padding:0 calc(var(--u)*24) calc(var(--u)*24);color:#bbb;font-size:calc(var(--u)*18);line-height:1.7}.faq-more{justify-content:center;align-items:center;gap:calc(var(--u)*8);min-height:42px;margin:calc(var(--u)*60) auto 0;color:#fff;font-size:calc(var(--u)*16);line-height:calc(var(--u)*20);background:0 0;border:0;padding:0;transition:color .3s;display:flex}.faq-empty{color:#aaa;padding:30px 0}.related-accessories{height:calc(var(--u)*895);padding-top:calc(var(--u)*100);position:relative;overflow:hidden}.related-heading{margin:0 calc(var(--u)*80);justify-content:space-between;align-items:baseline;display:flex}.related-track{gap:calc(var(--u)*24);scrollbar-width:none;padding:0 calc(var(--u)*80);margin-top:calc(var(--u)*80);overscroll-behavior-x:contain;display:flex;overflow-x:auto}.related-track::-webkit-scrollbar{display:none}.related-card{flex:0 0 calc(var(--u)*422);display:block}.related-photo{height:calc(var(--u)*500);background:#e9eaea;position:relative;overflow:hidden}.related-photo>div{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.related-photo img{max-width:none;position:absolute}.related-photo img,.related-photo>div{transition:scale .6s cubic-bezier(.16,1,.3,1)}.related-card:hover .related-photo>div{scale:1.035}.related-valve>div{width:calc(var(--u)*113);height:calc(var(--u)*327)}.related-valve img{width:535.48%;height:184.44%;top:-37.22%;left:-217.74%}.related-macro>div{width:100%;height:100%}.related-macro img{width:100%;height:126.6%;top:-15.43%;left:0}.related-chrome>div{width:calc(var(--u)*322);height:calc(var(--u)*203)}.related-chrome img{width:168.18%;height:266.4%;top:-85.6%;left:-31.31%}.related-zinc>div{width:calc(var(--u)*320);height:calc(var(--u)*193)}.related-zinc img{width:166.5%;height:275.21%;top:-86.78%;left:-32%}.related-card>p{margin-top:calc(var(--u)*33);font-size:calc(var(--u)*20);line-height:calc(var(--u)*24);color:#fffc;justify-content:space-between;align-items:center;display:flex}.related-card:hover>p{color:#fff}.related-card>p span{font-size:calc(var(--u)*28);transition:translate .35s}.related-card:hover>p span{translate:4px}.related-accessories>button{top:calc(var(--u)*468);height:calc(var(--u)*40);width:calc(var(--u)*40);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:calc(var(--u)*28);background:#0002;border:0;place-items:center;display:grid;position:absolute}.related-accessories>button:hover{background:#0008}.related-prev{left:calc(var(--u)*104)}.related-next{right:calc(var(--u)*104)}.inner-page .related-accessories>button{top:calc(var(--u)*488);isolation:isolate;background:#0003;border:1px solid #fff8;place-items:center;min-width:0;padding:0;display:grid;overflow:hidden;transform:translateY(-50%)}.inner-page .related-accessories>button:before{display:block}.inner-page .related-accessories>button:is(:hover,:focus-visible){color:#000}.inner-page .related-accessories>button:hover{background:#0003}.related-track{scroll-behavior:auto;touch-action:pan-x pan-y}.related-photo>img.related-hover-image{-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s,transform .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.025)}.related-photo>img.related-hover-image.is-close-crop{-o-object-fit:cover;object-fit:cover;transform:scale(1.7)}.related-card:focus-visible .related-hover-image.is-loaded{opacity:1;transform:scale(1)}.related-card:focus-visible .related-hover-image.is-close-crop.is-loaded{transform:scale(2.1)}@media (hover:hover) and (pointer:fine){.related-card:hover .related-hover-image.is-loaded{opacity:1;transform:scale(1)}.related-card:hover .related-hover-image.is-close-crop.is-loaded{transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.related-photo>img.related-hover-image{transition:none}}
