.de-portfolio{position:relative;padding:100px 0 110px;background:#f7f7f5;color:#111;overflow:hidden;box-sizing:border-box}.de-portfolio>.page-width{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.de-portfolio-header{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.de-portfolio-intro{max-width:760px}.de-portfolio-tag{position:relative;display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;color:#d62828;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.de-portfolio-tag:before{content:"";width:28px;height:2px;background:#d62828;display:inline-block}.de-portfolio-heading{max-width:720px}.de-portfolio-heading,.de-portfolio-heading *{color:#111!important}.de-portfolio-heading h1,.de-portfolio-heading h2,.de-portfolio-heading h3{margin:0;font-size:48px;line-height:1.08;font-weight:800;letter-spacing:-1.2px}.de-portfolio-description{max-width:680px;margin-top:18px;color:#6b7280;font-size:16px;line-height:1.7}.de-portfolio-description p{margin:0}.de-portfolio-header-action{flex:0 0 auto;padding-bottom:3px}.de-portfolio-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:8px;background:#d62828;border:1px solid #d62828;color:#fff;font-size:14px;line-height:1;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.de-portfolio-btn:after{content:"\2192";font-size:16px;transition:transform .25s ease}.de-portfolio-btn:hover{background:#b91c1c;border-color:#b91c1c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #d628282e}.de-portfolio-btn:hover:after{transform:translate(4px)}.de-portfolio-nav{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px}.de-portfolio-arrow{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #dedede;border-radius:50%;background:#fff;color:#111;font-size:16px;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.de-portfolio-arrow:hover{background:#d62828;border-color:#d62828;color:#fff;transform:translateY(-2px)}.de-portfolio-carousel{display:flex;gap:22px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 10px;box-sizing:border-box}.de-portfolio-carousel::-webkit-scrollbar{display:none}.de-portfolio-card{position:relative;flex:0 0 calc((100% - 44px) / 3);min-width:0;aspect-ratio:4 / 3;overflow:hidden;background:#111;border-radius:16px;scroll-snap-align:start;isolation:isolate;box-shadow:0 8px 24px #0000000f}.de-portfolio-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#e5e5e5}.de-portfolio-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .5s ease}.de-portfolio-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 35%,#00000014 50%,#000000d1);transition:background .35s ease}.de-portfolio-title{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff;font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.2px}.de-portfolio-title:before{content:"";display:block;width:30px;height:2px;margin-bottom:10px;background:#ef3333}.de-portfolio-card{counter-increment:portfolio-item}.de-portfolio-card:before{content:counter(portfolio-item,decimal-leading-zero);position:absolute;top:20px;left:22px;z-index:3;color:#ffffffe0;font-size:11px;line-height:1;font-weight:700;letter-spacing:1.5px}.de-portfolio-card:hover .de-portfolio-img{transform:scale(1.055);filter:brightness(.92)}.de-portfolio-card:hover:after{background:linear-gradient(180deg,#0000000a 25%,#00000026 50%,#000000e6)}.de-portfolio-card:hover .de-portfolio-title:before{width:44px}.de-portfolio-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:#e9e9e7;color:#777;font-size:14px;text-align:center}@media screen and (max-width:990px){.de-portfolio{padding:80px 0 90px}.de-portfolio>.page-width{padding-left:28px;padding-right:28px}.de-portfolio-header{gap:30px;margin-bottom:35px}.de-portfolio-heading h1,.de-portfolio-heading h2,.de-portfolio-heading h3{font-size:42px}.de-portfolio-description{font-size:15px}.de-portfolio-card{flex-basis:calc((100% - 22px)/2)}.de-portfolio-title{font-size:19px;left:20px;right:20px;bottom:19px}}@media screen and (max-width:768px){.de-portfolio{padding:65px 0 70px}.de-portfolio>.page-width{padding-left:20px;padding-right:20px}.de-portfolio-header{display:block;margin-bottom:30px}.de-portfolio-intro{max-width:none}.de-portfolio-tag{margin-bottom:14px;font-size:12px;letter-spacing:1.8px}.de-portfolio-tag:before{width:22px}.de-portfolio-heading h1,.de-portfolio-heading h2,.de-portfolio-heading h3{font-size:34px;line-height:1.1;letter-spacing:-.6px}.de-portfolio-description{margin-top:14px;font-size:15px;line-height:1.65}.de-portfolio-header-action{margin-top:22px;padding-bottom:0}.de-portfolio-btn{width:100%;min-height:52px}.de-portfolio-nav{justify-content:flex-end;margin-bottom:12px}.de-portfolio-arrow{width:38px;height:38px}.de-portfolio-carousel{gap:14px;padding-bottom:8px}.de-portfolio-card{flex:0 0 88%;aspect-ratio:4 / 3;border-radius:14px}.de-portfolio-title{left:18px;right:18px;bottom:18px;font-size:19px}.de-portfolio-title:before{width:26px;margin-bottom:9px}.de-portfolio-card:before{top:17px;left:18px}}@media screen and (max-width:480px){.de-portfolio{padding:55px 0 60px}.de-portfolio>.page-width{padding-left:16px;padding-right:16px}.de-portfolio-heading h1,.de-portfolio-heading h2,.de-portfolio-heading h3{font-size:30px}.de-portfolio-description{font-size:14px;line-height:1.6}.de-portfolio-card{flex-basis:91%;aspect-ratio:4 / 3;border-radius:13px}.de-portfolio-title{left:16px;right:16px;bottom:16px;font-size:17px}.de-portfolio-card:before{top:15px;left:16px}.de-portfolio-nav{margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/de-portfolio-gallery.css.map */