@media only screen and (min-width:0rem){#collection{padding:1rem}#collection .flex-container{gap:clamp(3rem,6vw,4rem);margin:auto;max-width:80rem;position:relative;z-index:1}#collection .flex-container,#collection .flex-content{align-items:center;display:flex;flex-direction:column;width:100%}#collection .flex-content{gap:1.5rem;text-align:center}#collection .button-group{display:flex;flex-wrap:wrap;gap:clamp(1rem,4vw,2rem);justify-content:center;margin:0}#collection .group-button{background-color:transparent;border:none;color:#222;font-size:1rem;font-weight:700;line-height:1.2em;padding:0;position:relative;text-transform:uppercase;transition:color .3s}#collection .group-button:before{background:orangered;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transition:width .3s;width:0}#collection .group-button:hover{color:orangered;cursor:pointer}#collection .group-button:hover:before{width:100%}#collection .group-button.active{color:orangered}#collection .group-button.active:before{width:100%}#collection .listing-wrapper{position:relative;width:100%;z-index:1}#collection .listing{display:grid;gap:clamp(1rem,1.5vw,1.25rem);grid-auto-flow:row;justify-items:center;margin:0;padding:0;perspective:700px;position:relative;transform-origin:left top;transform-style:preserve-3d;transition:transform .7s,opacity .3s,visibility .5s,top .3s,left .3s;width:100%}#collection .listing.hidden{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scaleY(0) scaleX(0);visibility:hidden}#collection .listing.hidden .veneer-item{opacity:0;transform:rotateY(180deg)}#collection .veneer-item{border:1px solid #e8e8e8;max-width:23.4375rem;min-width:0;opacity:1;padding:1rem;transform:rotateY(0);transition:transform .7s,opacity .3s;width:100%}#collection .veneer-item:first-of-type{transition-delay:.1s}#collection .veneer-item:nth-of-type(2){transition-delay:.2s}#collection .veneer-item:nth-of-type(3){transition-delay:.3s}#collection .veneer-item:nth-of-type(4){transition-delay:.4s}#collection .veneer-item:nth-of-type(5){transition-delay:.5s}#collection .veneer-item:nth-of-type(6){transition-delay:.6s}#collection .veneer-item:nth-of-type(7){transition-delay:.7s}#collection .veneer-item:nth-of-type(8){transition-delay:.8s}#collection .veneer-item:nth-of-type(10),#collection .veneer-item:nth-of-type(11),#collection .veneer-item:nth-of-type(12),#collection .veneer-item:nth-of-type(9){transition-delay:.1s}#collection .picture-group{height:18.75rem;margin-bottom:1.25rem;position:relative;width:auto}#collection .details .coming-soon{color:#ff4747;display:block;font-size:1.4rem;font-weight:700;text-transform:uppercase}#collection .veneer-item:not(.coming-soon) .coming-soon{display:none}#collection .veneer-picture{background-color:#f6f6f6;display:block;height:100%;overflow:hidden;width:100%}#collection .veneer-picture img{height:100%;object-fit:contain;transition:transform .6s;width:100%}#collection .category{color:#767676;display:block;font-size:1rem;line-height:1.5em}#collection .prod-name{color:#222;font-size:clamp(1.25rem,1vw,1.5625rem);font-weight:700;line-height:1.2em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}@media only screen and (min-width:48rem){#collection .flex-content{flex-direction:row;justify-content:space-between}#collection .listing{grid-template-columns:repeat(3,1fr)}#collection .veneer-item{max-width:none}#collection .picture-group{height:clamp(12.5rem,23vw,20rem)}}.details p {color:darkslategray;line-height: 1.5em; font-size: .9rem; margin-top:1rem;font-weight:300;
}