.section-3dgc-design-collections{padding-top:100px;padding-bottom:140px}.section-3dgc-design-collections .title-wrapper-with-link{justify-content:center;flex-direction:column;align-items:center}.section-3dgc-design-collections .title{text-align:center;margin-bottom:0;font-weight:700}.section-3dgc-design-collections .subtitle{text-align:center;margin-top:.5rem;margin-bottom:4rem;font-size:1.8rem;opacity:.8;max-width:600px;margin-left:auto;margin-right:auto}.design-collections-3dgc__items{display:flex;height:400px;gap:16px}@media screen and (max-width:749px){.design-collections-3dgc__items{flex-direction:column;height:auto}.design-collections-3dgc__item{aspect-ratio:3 / 1.2;flex:none}.design-collections-3dgc__item,.design-collections-3dgc__item:before,.design-collections-3dgc__image img,.design-collections-3dgc__title{transition:none!important}}.design-collections-3dgc__item{flex:1;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s ease;border-radius:8px;box-shadow:0 4px 15px #0000001a}.design-collections-3dgc__item:hover{box-shadow:0 15px 35px #0003}.design-collections-3dgc__item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;pointer-events:none;transition:opacity .3s ease}.design-collections-3dgc__item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);z-index:1;pointer-events:none}.design-collections-3dgc__image,.design-collections-3dgc__image img{width:100%;height:100%;object-fit:cover;object-position:right;display:block;filter:saturate(.7);transition:transform .3s ease,filter .3s ease}.design-collections-3dgc__title{position:absolute;bottom:30px;left:30px;margin:0;color:#fff;z-index:2;font-size:2.4rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease;font-family:var(--font-body-family)}@media screen and (min-width:750px){.design-collections-3dgc__item:hover:before{opacity:0}.design-collections-3dgc__item:hover .design-collections-3dgc__image img{transform:scale(1.1);filter:saturate(1)}.design-collections-3dgc__item:hover .design-collections-3dgc__title{transform:translateY(-5px)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-3dgc-design-collections.css.map */