.about-callout{position:relative;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:8rem 0 0;text-align:center}.about-copy .container{display:flex;flex-direction:column;gap:4rem}.about-copy .container h3{width:75%;margin:0 auto;text-align:center}.about-copy .container .about-copy-info{width:60%;display:flex;flex-direction:column;gap:4rem;margin:0 auto 8rem;text-align:center}.about-copy .container .about-copy-info a{width:max-content;margin:0 auto;color:#fff}.banner{position:relative;width:100%;height:100svh;overflow:hidden}.banner:before{content:"";position:absolute;inset:0;background:#00000059;pointer-events:none;z-index:1}.banner .banner-img{position:absolute;width:100%;height:100%}.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center;will-change:transform}.banner .banner-content{z-index:2;position:relative;width:100%;height:100%}.banner .banner-content .container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:#fff;padding-bottom:3rem;height:100%;position:relative}.banner .banner-content .container .banner-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:0;padding-top:6rem}.banner .banner-content .container .banner-header h2{font-family:Cossette Titre;font-weight:400;width:auto;font-size:6rem;line-height:.95;margin:0}.banner .banner-content .container .banner-description{position:absolute;bottom:3rem;right:3rem;width:38%;font-size:1rem;line-height:1.5;text-transform:uppercase;letter-spacing:.05em;margin:0;color:#fff;text-align:right}.banner .banner-content .container .banner-copy{width:48%;margin-left:auto;text-align:justify;text-align-last:right;font-size:1.08rem;line-height:1.8}.banner .banner-content .container .banner-copy p{margin:0}.clients{position:relative;width:100%;height:calc(100svh + 8rem);padding-top:8rem;background-color:var(--tone-100);color:#fff;overflow:hidden}.clients .clients-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.clients .clients-header p{color:var(--tone-400)}.clients .container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.clients .grid{position:relative;width:90%;height:60%;display:flex;flex-direction:column;margin:0 auto;border:1px solid var(--tone-200)}.clients .grid-row,.clients .grid-item{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.clients .grid-row:nth-child(1){border-bottom:1px solid var(--tone-200)}.clients .grid-item:not(:last-child){border-right:1px solid var(--tone-200)}.clients .grid-item p{position:relative;z-index:2;color:var(--tone-400);-webkit-user-select:none;user-select:none}.clients .highlight{position:absolute;top:0;left:0;background:#fff;opacity:1;transition:transform .25s ease,width .25s ease,height .25s ease,background-color .25s ease;pointer-events:none;background-size:cover;background-position:center}@media(max-width:1000px){.about-callout{width:85%}.about-copy .container h3{width:100%}.about-copy .container .about-copy-info{width:90%}.banner{height:125svh}.banner .banner-content .container h2{width:100%}.banner .banner-content .container .banner-copy{width:85%}.banner .banner-content .container .banner-description{width:80%}.clients{height:110svh}.clients .grid{height:max-content;border:1px solid var(--tone-400)}.clients .grid-row{flex:none;flex-direction:column;gap:0;height:max-content;padding:0;border:none}.clients .grid-row:nth-child(1){border-bottom:1px solid var(--tone-400)}.clients .grid-item{flex:none;width:100%;height:4rem;padding:0}.clients .grid-item:not(:last-child){border-right:none;border-bottom:1px solid var(--tone-400)}.clients .grid-item.has-image{height:7.5rem;background-size:cover;background-position:center;position:relative}.clients .grid-item.has-image:after{content:"";position:absolute;inset:0;background:#00000073}.clients .grid-item.has-image p{position:relative;z-index:1;color:var(--tone-400)}.banner .banner-content .container .banner-header{padding-top:9rem}.banner .banner-content .container .banner-header h2{font-size:4.5rem;line-height:.92}.banner .banner-content .container .banner-description{position:absolute;bottom:18%;right:1.5rem;left:auto;width:72%;margin-top:0;font-size:.85rem;line-height:1.5;text-align:right}}
