.djp .djp-section{padding:100px 60px}.djp .nav-hamburger.is-open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.djp .nav-hamburger.is-open span:nth-child(2){opacity:0}.djp .nav-hamburger.is-open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.djp .nav-mobile-menu.is-open{display:flex}.djp .hero-image-placeholder{width:100%;max-width:480px;aspect-ratio:4/5;background:var(--djp-gun);border:.5px solid var(--djp-slate);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden}.djp .hero-image-placeholder::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(200,200,220,.015) 20px,rgba(200,200,220,.015) 21px)}.djp .hero-image-placeholder-icon{width:40px;height:.5px;background:var(--djp-platinum);position:relative;z-index:1}.djp .hero-image-placeholder-text{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--djp-steel);position:relative;z-index:1}.djp .product-visual-icon{width:36px;height:.5px;background:var(--djp-platinum)}.djp .finishes-filter-btn{padding:6px 16px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:0 0;color:#7a7a96;border:.5px solid #bbbbc8;cursor:pointer;font-family:var(--djp-sans);transition:all .15s}.djp .finishes-filter-btn.active,.djp .finishes-filter-btn:hover{background:var(--djp-void);color:var(--djp-platinum);border-color:var(--djp-void)}.djp .swatch-item{cursor:pointer;text-decoration:none;transition:transform .15s}.djp .swatch-item:hover{transform:scale(1.05)}.djp .swatch-color{aspect-ratio:1/1;border:.5px solid rgba(0,0,0,.08);overflow:hidden;background:var(--djp-frost)}.djp .swatch-name{font-size:9px;color:#7a7a96;line-height:1.4;margin-top:5px;text-align:center}@media (max-width:1024px){.djp .hero-image-placeholder{max-width:320px}}@media (max-width:768px){.djp .hero-image-placeholder{max-width:100%;aspect-ratio:16/9}.djp .finishes-filter-btn{padding:9px 16px}}@media (max-width:480px){.djp .swatch-name{font-size:9px}}