@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
.ad-portfolio-block *{box-sizing:border-box;margin:0;padding:0}.ad-portfolio-block{font-family:Outfit,sans-serif;line-height:1.6}.ad-portfolio-block .ad-portfolio-block__gallery-img,.ad-portfolio-block .slide-img-element{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.slide-title-text{font-weight:500}.ad-portfolio-block .slide-description-text,.ad-portfolio-block .slide-link-text,.ad-portfolio-block .slide-tag-text,.ad-portfolio-block .slide-title-text{color:#fff}.ad-portfolio-block .slide-title-text{font-size:var(--slide-title-font-size,7rem);font-weight:500;letter-spacing:-.1rem}.ad-portfolio-block .slide-description-text,.ad-portfolio-block .slide-link-text{font-size:var(--slide-description-font-size,20px);font-weight:500;letter-spacing:-.01rem;text-decoration:none}.ad-portfolio-block .slide-tag-text{font-size:var(--slide-tag-font-size,20px);font-weight:400;letter-spacing:-.01rem;text-decoration:none}.ad-portfolio-block .slide-link{cursor:pointer}.ad-portfolio-block .slide-header{position:relative;z-index:100}.ad-portfolio-block .ad-portfolio-block__slider{background-color:#000;height:100svh;overflow:hidden;position:relative;touch-action:none;width:100vw;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ad-portfolio-block .slide,.ad-portfolio-block .slide-img{height:100svh;left:0;position:absolute;top:0;width:100vw}.ad-portfolio-block .slide-overlay{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.5));height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ad-portfolio-block .slide{will-change:transform}.ad-portfolio-block .slide-header{align-items:center;bottom:8rem;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;text-align:center;transform:translate(-50%);width:75%;z-index:2}@media(max-width:700px){.ad-portfolio-block .slide-header{bottom:unset!important;top:50%!important;transform:translateY(-50%);width:100%}}.ad-portfolio-block .slide-description{margin-bottom:1rem;text-align:center;width:60%}.ad-portfolio-block .slide-info{align-items:flex-end;bottom:8rem;display:flex;justify-content:space-between;left:0;padding:0 2rem;position:absolute;z-index:2}.ad-portfolio-block .slide-tags{display:flex;flex-direction:column}.ad-portfolio-block .slide-index-wrapper{display:flex}.ad-portfolio-block .slide-index-wrapper p{text-align:center;width:2rem}.ad-portfolio-block .line,.ad-portfolio-block .word{display:inline-block;position:relative;will-change:transform}.ad-portfolio-block .ad-portfolio-block__agency-section{align-items:center;color:#fff;display:flex;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}.ad-portfolio-block .ad-portfolio-block__agency-container{margin:0 auto;max-width:1200px;width:100%}.ad-portfolio-block .ad-portfolio-block__agency-header{margin-bottom:4rem;text-align:center}.ad-portfolio-block .ad-portfolio-block__agency-title{background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;font-size:4rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.ad-portfolio-block .ad-portfolio-block__agency-subtitle{font-size:1.2rem;font-weight:400;margin:0 auto;max-width:600px;opacity:.9;text-transform:none}.ad-portfolio-block .ad-portfolio-block__agency-content{align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem;position:relative;z-index:1}.ad-portfolio-block .ad-portfolio-block__agency-text{display:flex;flex-direction:column}.ad-portfolio-block .ad-portfolio-block__agency-description h2{color:#fff;font-size:var(--title-font-size,2.5rem);font-weight:600;margin-bottom:1.5rem;will-change:transform,opacity}.ad-portfolio-block .ad-portfolio-block__agency-description h2 .char{display:inline-block;will-change:transform,opacity}.ad-portfolio-block .ad-portfolio-block__agency-description p{font-size:var(--text-font-size,1.1rem);font-weight:400;line-height:1.8;margin-bottom:1.5rem;opacity:.9;text-transform:none;will-change:transform,opacity}.ad-portfolio-block .ad-portfolio-block__agency-stats{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.ad-portfolio-block .stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,background .3s ease}.ad-portfolio-block .stat:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px)}.ad-portfolio-block .stat-number{color:#fff;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.ad-portfolio-block .stat-label{font-size:.9rem;font-weight:500;opacity:.8;text-transform:none}.ad-portfolio-block .ad-portfolio-block__agency-gallery{position:relative}.ad-portfolio-block .ad-portfolio-block__gallery-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);height:500px;perspective:1000px}.ad-portfolio-block .ad-portfolio-block__gallery-item{border-radius:12px;cursor:pointer;min-height:200px;overflow:hidden;position:relative;transition:transform .3s ease;will-change:transform,opacity,filter}.ad-portfolio-block .ad-portfolio-block__gallery-item:hover{transform:scale(1.05)}.ad-portfolio-block .ad-portfolio-block__gallery-item:first-child{grid-column:1;grid-row:1/3}.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(2){grid-column:2;grid-row:1}.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(3){grid-column:2;grid-row:2}.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(4){grid-column:3;grid-row:1}.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(5){grid-column:3;grid-row:2}.ad-portfolio-block .ad-portfolio-block__gallery-item img{transition:transform .4s ease,filter .4s ease;will-change:transform,filter}.ad-portfolio-block .ad-portfolio-block__gallery-placeholder{align-items:center;background-color:#f0f0f0;border:2px dashed #ccc;color:#666;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.editor-preview-modal{display:none!important}.ad-portfolio-block .ad-portfolio-block__modal-overlay{z-index:15000}.ad-portfolio-block .ad-portfolio-block__gallery-overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;font-size:1rem;font-weight:600;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;text-transform:none;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;will-change:transform,opacity}.ad-portfolio-block .ad-portfolio-block__gallery-item:hover .ad-portfolio-block__gallery-overlay{opacity:1;transform:translateY(0)}.ad-portfolio-block .ad-portfolio-block__agency-cta{margin-top:2rem}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn{align-items:center;background:var(--button-bg-color,none);border:none;border-radius:var(--button-border-radius,0);color:var(--button-color,#fff);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:var(--button-font-size,1.1rem);font-weight:var(--button-font-weight,500);margin:var(--button-margin,20px 0);overflow:hidden;padding:var(--button-padding,.2em 0);position:relative;text-decoration:none;text-transform:none;transition:all .3s ease;z-index:var(--button-z-index,1)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:after{background-color:var(--button-underline-color,#ff4242);bottom:0;content:"";height:2px;left:0;opacity:1;position:absolute;transform:translate3d(-100%,0,0);transition:transform .3s ease;width:100%}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:focus:after,.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:hover:after{transform:translateZ(0)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-text{position:relative;z-index:1}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-arrow{position:relative;transition:transform .3s ease;z-index:1}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:hover{background:var(--button-hover-bg-color,transparent);color:var(--button-hover-color,#fff);text-decoration:none}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:hover .ad-portfolio-block__button-arrow{transform:translateX(4px)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:4px}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--fill{background-color:var(--button-bg-color,#ff4242);border-radius:var(--button-border-radius,4px);padding:.5em 1.5em}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--fill:hover{background-color:var(--button-hover-bg-color,#e63939);color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--border{border:2px solid var(--button-color,#ff4242);border-radius:var(--button-border-radius,4px);padding:.5em 1.5em}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--border:hover{background-color:var(--button-color,#ff4242);color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--gradient{background:linear-gradient(45deg,var(--button-bg-color,#ff4242),var(--button-hover-bg-color,#e63939));border-radius:var(--button-border-radius,4px);padding:.5em 1.5em}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--gradient:hover{background:linear-gradient(45deg,var(--button-hover-bg-color,#e63939),var(--button-bg-color,#ff4242));color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--glass{backdrop-filter:blur(var(--button-blur));-webkit-backdrop-filter:blur(var(--button-blur));background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--button-border-radius,8px);padding:.5em 1.5em}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--glass:hover{background:hsla(0,0%,100%,.2);color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--scale:hover{color:var(--button-hover-color,#fff);transform:scale(1.05)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--bounce:hover{animation:bounce .6s ease;color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--glow:hover{box-shadow:0 0 20px var(--button-color,#ff4242);color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--shake:hover{animation:shake .5s ease-in-out;color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__view-portfolio-btn--none:hover{color:var(--button-hover-color,#fff)}.ad-portfolio-block .ad-portfolio-block__modal-overlay{align-items:center;animation:fadeIn .3s ease;background:rgba(0,0,0,.95);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;width:100vw;z-index:1000}.ad-portfolio-block .ad-portfolio-block__modal-overlay.modal-closing{opacity:0;visibility:hidden}.ad-portfolio-block .ad-portfolio-block__modal-content{align-items:center;animation:modalSlideIn .3s ease;display:flex;height:100vh;justify-content:center;position:relative;transition:transform .3s ease,opacity .3s ease;width:100vw}.ad-portfolio-block .ad-portfolio-block__modal-content.modal-closing{opacity:0;transform:scale(.95)}.ad-portfolio-block .ad-portfolio-block__modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:50px;z-index:1001}.ad-portfolio-block .ad-portfolio-block__modal-close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.ad-portfolio-block .slide-title-text{font-size:5rem;letter-spacing:0}.ad-portfolio-block .slide-description-text,.ad-portfolio-block .slide-link-text,.ad-portfolio-block .slide-tag-text{font-size:.8rem}.ad-portfolio-block .slide-header{bottom:unset;top:50%;transform:translate(-50%,-50%);width:90%}.ad-portfolio-block .slide-description{width:100%}.ad-portfolio-block .ad-portfolio-block__agency-content{gap:3rem;grid-template-columns:1fr}.ad-portfolio-block .ad-portfolio-block__agency-title{font-size:3rem}.ad-portfolio-block .ad-portfolio-block__agency-description h2{font-size:2rem}.ad-portfolio-block .ad-portfolio-block__gallery-grid{height:300px}.ad-portfolio-block .ad-portfolio-block__agency-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.ad-portfolio-block .stat-number{font-size:2rem}}@media(max-width:600px){.ad-portfolio-block .slide-title-text{font-size:2.5rem;letter-spacing:0;line-height:40px}.ad-portfolio-block .slide-description-text,.ad-portfolio-block .slide-link-text,.ad-portfolio-block .slide-tag-text{font-size:1rem}.ad-portfolio-block .slide-tag-text{font-size:.7rem}.ad-portfolio-block .slide-info{bottom:4rem!important;justify-content:center;top:unset!important;width:100vw}.ad-portfolio-block .slide-header{bottom:0;justify-content:flex-end;top:unset;width:90%}.ad-portfolio-block .slide-description{width:100%}.ad-portfolio-block .slide-tags{flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center}.ad-portfolio-block .slide-tags p:first-child{margin-bottom:0}.ad-portfolio-block .ad-portfolio-block__agency-section{padding:2rem 1rem}.ad-portfolio-block .ad-portfolio-block__agency-title{font-size:2.5rem}.ad-portfolio-block .ad-portfolio-block__agency-subtitle{font-size:1rem}.ad-portfolio-block .ad-portfolio-block__agency-description h2{font-size:1.8rem}.ad-portfolio-block .ad-portfolio-block__agency-description p{font-size:1rem}.ad-portfolio-block .ad-portfolio-block__agency-stats{gap:1rem;grid-template-columns:1fr}.ad-portfolio-block .ad-portfolio-block__gallery-grid{gap:.5rem;grid-template-columns:1fr;height:auto}.ad-portfolio-block .ad-portfolio-block__gallery-item:first-child,.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(2),.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(3),.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(4),.ad-portfolio-block .ad-portfolio-block__gallery-item:nth-child(5){grid-column:1;grid-row:auto;height:200px}.ad-portfolio-block .ad-portfolio-block__modal-close-btn{height:40px;right:1rem;top:1rem;width:40px}}.ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-arrow{position:relative}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-arrow path,.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn svg path,.ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-arrow path{stroke-width:2!important}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:after{height:2px!important}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn{align-items:center;background:var(--button-bg-color,none);border:none;border-radius:var(--button-border-radius,0);color:var(--button-color,#fff);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:var(--button-font-size,1.1rem);font-weight:var(--button-font-weight,500);margin:var(--button-margin,20px 0);overflow:hidden;padding:var(--button-padding,.2em 0);position:relative;text-decoration:none;text-transform:none;transition:all .3s ease;z-index:var(--button-z-index,1)}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:after{background-color:var(--button-underline-color,#ff4242);bottom:0;content:"";height:2px;left:0;opacity:1;position:absolute;transform:translate3d(-100%,0,0);transition:transform .3s ease;width:100%}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:focus:after,.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:hover:after{transform:translateZ(0)}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-text{position:relative;z-index:1}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn .ad-portfolio-block__button-arrow{position:relative;transition:transform .3s ease;z-index:1}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:hover{background:var(--button-hover-bg-color,transparent);color:var(--button-hover-color,#fff);text-decoration:none}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:hover .ad-portfolio-block__button-arrow{transform:translateX(4px)}.ad-portfolio-block__modal-content .ad-portfolio-block__view-portfolio-btn:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:4px}.ad-portfolio-block .scroll-indicator{align-items:center;bottom:50px;color:#fff;display:flex;flex-direction:column;gap:.5rem;opacity:.7;position:absolute;right:2rem;transform:translateY(-50%);transition:opacity .3s ease;z-index:10}.ad-portfolio-block .scroll-indicator:hover{opacity:1}.ad-portfolio-block .scroll-text{font-size:.9rem;font-weight:500;letter-spacing:.2em;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.ad-portfolio-block .scroll-arrow{background:#fff;border-radius:1px;height:40px;position:relative;width:2px}.ad-portfolio-block .scroll-arrow:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;bottom:0;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@media(max-width:768px){.ad-portfolio-block .scroll-indicator{right:1rem}.ad-portfolio-block .scroll-text{font-size:.8rem}.ad-portfolio-block .scroll-arrow{height:30px}}@media(max-width:600px){.ad-portfolio-block .ad-portfolio-block__modal-close-btn{top:5rem}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}
