.projects-section #scroll-down-animation.active,.projects-section #scroll-down-animation{transition:all .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes ripple{from{opacity:.25}to{scale:1.5;opacity:0;border-radius:calc(var(--radius, 0.75rem)*2)}}.projects-section-global{padding-left:0;padding-right:0;--radius: 0.75rem;--animation-dur: 8s;--container: 12vw;--card-ratio: 16/9;--card-padding: 2rem;--card-col-gap: 4rem;--card-row-gap: 1.5rem;--stacked-image-offset: 6rem;z-index:0}.projects-section{margin:0 var(--container-standard);margin-top:var(--row-spacing-top);margin-bottom:var(--row-spacing-bottom);min-height:50rem}@media(max-width: 64rem){.projects-section{overflow:hidden;height:auto;min-height:37.5rem}}@media(max-width: 48rem){.projects-section{margin:0;overflow:visible}}.projects-section #scroll-down-animation{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column;z-index:99;width:100%;opacity:0;visibility:hidden;background:rgba(0,0,0,0)}.projects-section #scroll-down-animation.active{opacity:1 !important;visibility:visible;background:rgba(0,0,0,.5215686275)}.projects-section h2{color:#fff;font-weight:200;font-size:16px}.projects-section .mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid #fff;height:100px;width:50px;position:relative;margin-top:5rem}.projects-section .move{position:absolute;background-color:#fff;height:10px;width:10px;border-radius:50%;left:50%;transform:translateX(-50%);animation:move 2s linear infinite;z-index:-1}@keyframes move{0%{transform:translate(-50%, 10px);opacity:0}50%{transform:translate(-50%, 40px);opacity:1}100%{transform:translate(-50%, 80px);opacity:0}}.projects-section .brand-scroll-block{position:relative}.projects-section .brand-scroll-block .ripples{position:absolute;top:calc(50% + 3rem);transform:translateY(-50%);width:calc(100vw - var(--container-standard) - var(--container-standard));height:auto;aspect-ratio:4/2;z-index:-1}.projects-section .brand-scroll-block .ripples .ripple{position:absolute;top:0;width:100%;height:100%;grid-area:1/1/-1/-1;border-radius:var(--radius);border:2px solid #fff;opacity:0;animation:ripple var(--animation-dur) linear infinite forwards;animation-delay:calc(var(--animation-dur)/var(--children)*(var(--n) - 1))}.projects-section .brand-scroll-block .color-blur{position:absolute;inset:-33% auto auto 50%;margin:0 auto;translate:-50% 0;width:33vmax;aspect-ratio:1;border-radius:100rem;background-color:var(--color-index, var(--color-accent-primary));transition:--color-index .3s ease-in-out;filter:blur(5vmax)}@container (min-width: calc(36rem + 1px)){.projects-section .brand-scroll-block .color-blur{inset:0 0 0 auto;margin:auto 0;translate:33% 0}}.projects-section .brand-scroll-block .logos-scroll{display:flex;flex-direction:row;gap:var(--gutter-x-loose);position:relative;scroll-snap-type:y mandatory}.projects-section .brand-scroll-block .logos-scroll::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}.projects-section .brand-scroll-block .logos-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.projects-section .brand-scroll-block .logos-scroll .brand-logo{height:auto;max-height:24rem;width:calc(100% + 3.5rem);max-width:unset;display:flex;align-items:center;justify-content:center;margin-bottom:14.625rem;border-radius:12px;overflow:hidden;border-radius:12px}.projects-section .brand-scroll-block .logos-scroll .brand-logo img{width:100%}.projects-section .brand-scroll-block .logos-scroll .brand-logo.active-logo{transition:all 5}.projects-section .brand-scroll-block .logos-scroll .brand-logo.active-logo svg{opacity:1}.projects-section .brand-scroll-block .logos-scroll .brand-logo.active-logo svg *{opacity:1}.projects-section .brand-scroll-block .logos-scroll .brand-logo:last-of-type{margin-bottom:0 !important}.projects-section .brand-scroll-block .logos-scroll .js-brand-logos{width:50%;z-index:2;position:relative}.projects-section .brand-scroll-block .logos-scroll .brand-colour-general{position:absolute;top:0;right:-8rem;width:31.563rem;height:100%;z-index:0}.projects-section .brand-scroll-block .logos-scroll .brand-colour-general .brand-colour{display:none;width:100%;height:30rem;border-radius:50%;filter:blur(200px);position:sticky;top:14rem}.projects-section .brand-scroll-block .logos-scroll .brand-colour-general .brand-colour.active{display:flex;animation-name:fadeIn;animation-duration:.5s}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts{width:50%;position:sticky;top:calc(50% - var(--callouts-height)/2 - var(--button-height)/2);z-index:2;height:100%}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts::after{content:"";position:absolute;width:calc(100vw - var(--container-standard) - var(--container-standard));height:calc(100% + var(--space-2xl) + var(--space-2xl));border-radius:12px 12px 0 0;border:2px solid var(--color-body);background:url("/wp-content/themes/adao-agency/assets/img/distortion.png"),linear-gradient(180deg, var(--color-background-a50) 0%, var(--color-background-a25) 100%);background-size:25%;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);top:50%;translate:0 -50%;left:0;z-index:-1}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout{flex-direction:column;display:none;gap:3.125rem;padding-left:var(--space-2xl);margin-bottom:var(--space-2xs);margin-top:var(--space-2xs)}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout .image{height:30.6875rem;width:23rem;position:relative;flex:none}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout .image img{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout .brand-content{display:flex;flex-direction:column}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout .brand-content .button{width:-moz-fit-content;width:fit-content}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout.active{display:flex;animation-name:fadeIn;animation-duration:.5s;top:calc(50dvh - 12rem);height:24rem;max-height:calc(100svh - 12rem);justify-content:center}@media(max-width: 90rem){.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .bs-callout{margin-bottom:0;margin-top:0}}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .button-projects{position:absolute;top:calc(100% + var(--space-2xl));padding:var(--space-l) var(--space-2xl);left:0;width:calc(100vw - var(--container-standard) - var(--container-standard));z-index:1}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .button-projects a{display:flex;flex-direction:row;gap:var(--space-s);font-size:var(--font-size-xl);align-items:center;color:var(--color-background-alt);font-family:var(--font-family-button-text)}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .button-projects a:hover{gap:var(--space-l)}.projects-section .brand-scroll-block .logos-scroll .brand-scroll-callouts .button-projects::after{content:"";z-index:-1;position:absolute;height:100%;width:100%;top:0;left:0;border-left:2px solid var(--color-body);border-right:2px solid var(--color-body);background-color:var(--color-body);border-radius:0 0 12px 12px}@media(max-width: 64rem){.projects-section .brand-scroll-block .logos-scroll{display:none}}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile{display:none}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes{position:absolute;height:100%;width:100%;left:50%;top:calc(50% + 1.5rem);transform-origin:center;transform:translate(-50%, -50%) scale(1);pointer-events:none}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-2 svg{animation-delay:1s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-3 svg{animation-delay:2s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-4 svg{animation-delay:3s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-5 svg{animation-delay:4s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-6 svg{animation-delay:5s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-7 svg{animation-delay:6s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-8 svg{animation-delay:7s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-9 svg{animation-delay:8s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-10 svg{animation-delay:9s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-11 svg{animation-delay:10s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-12 svg{animation-delay:11s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-13 svg{animation-delay:12s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-14 svg{animation-delay:13s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes.shapes-15 svg{animation-delay:4s}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes svg{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);animation:10s grow-shape linear infinite;transform-origin:center}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .shapes svg rect{fill:rgba(0,0,0,0);stroke-width:4px;vector-effect:non-scaling-stroke;stroke:var(--color-white)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile::before{content:"";position:absolute;height:calc(100% - 3.5rem);width:calc(100% - 4rem - 2px);left:2rem;top:3rem;border:2px solid var(--color-body);background:url("/wp-content/themes/adao-agency/assets/img/distortion.png"),linear-gradient(180deg, var(--color-background-a50) 0%, var(--color-background-a25) 100%);background-size:25%;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;z-index:1}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .button-projects{position:relative;padding:var(--space-s) var(--space-2xl);left:2rem;width:calc(100% - 4rem - 2px);z-index:1;margin-bottom:var(--row-m)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .button-projects a{display:flex;flex-direction:row;justify-content:center;gap:var(--space-s);font-size:var(--font-size-xl);align-items:center;color:var(--color-background-alt);font-family:var(--font-family-button-text);font-weight:var(--font-weight-button-text);text-transform:var(--text-transform-button-text);font-size:var(--font-size-button-text-m);line-height:var(--line-height-button-text-m);letter-spacing:var(--letter-spacing-button-text-m)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .button-projects a:hover{gap:var(--space-l)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .button-projects::after{content:"";z-index:-1;position:absolute;height:100%;width:100%;top:0;left:0;border-left:2px solid var(--color-body);border-right:2px solid var(--color-body);background-color:var(--color-body);border-radius:0 0 12px 12px}@media(max-width: 64rem){.projects-section .brand-scroll-block .brand-scroll-callouts-mobile{display:block;position:relative}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile-dots{position:absolute;bottom:-3rem;width:100vw;margin:auto;justify-content:center}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile-dots ul li button{background-color:var(--color-body-a25)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile-dots ul li.slick-active button{background-color:var(--color-body)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-img-projects-mobile{z-index:1;margin-bottom:var(--space-l)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-img-projects-mobile .slick-track{gap:var(--space-l)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-img-projects-mobile .slick-track .img-project-mobile{height:20rem;width:calc(100vw - 3.5rem - 3.5rem) !important}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-img-projects-mobile .slick-track .img-project-mobile img{height:100%;width:calc(100vw - 3.5rem - 3.5rem) !important;border-radius:12px}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile{z-index:1;margin:0 var(--container-standard)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile .brand-content{padding:0 var(--space-l);padding-bottom:var(--space-l)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile .brand-content .content p{font-family:var(--font-family-subtitle);font-weight:var(--font-weight-subtitle);text-transform:var(--text-transform-subtitle);font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);letter-spacing:var(--letter-spacing-subtitle-2)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile .brand-content .content p:last-of-type{margin-bottom:0}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-content-projects-mobile .brand-content .button{margin-bottom:0;width:-moz-fit-content;width:fit-content}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-colour-projects-mobile{position:absolute;height:100%;width:100%;top:0;left:0;z-index:0}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-colour-projects-mobile .slick-list,.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-colour-projects-mobile .slick-track{height:100%;overflow:visible}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-colour-projects-mobile .brand-colour-general{position:relative;height:100%;width:100%;left:50%;top:50%;transform:translate(-50%, -50%)}.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-colour-projects-mobile .brand-colour-general .brand-colour{width:auto;height:70%;border-radius:50%;filter:blur(100px);display:flex;animation-name:fadeIn;animation-duration:.5s;overflow:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%, -50%);position:absolute}}@media(max-width: 48rem){.projects-section .brand-scroll-block .brand-scroll-callouts-mobile .js-img-projects-mobile .img-project-mobile{height:13rem !important}}@media(max-width: 64rem){.projects-section{padding:var(--row-m) 0}}@keyframes grow-shape{0%{transform:translate(-50%, -50%) scaleX(0) scaleY(0);opacity:0}1%{transform:translate(-50%, -50%) scaleX(90%) scaleY(90%);opacity:1}30%{opacity:0}99%{transform:translate(-50%, -50%) scaleX(200%) scaleY(200%);opacity:0}100%{transform:translate(-50%, -50%) scaleX(0) scaleY(0);opacity:0}}
/*# sourceMappingURL=projects_section.css.map */