.branding-page-container{overflow:hidden}.branding-page-container,.branding-page-container .branding-page-content{position:relative;width:100vw;min-height:100vh}.branding-page-container .branding-page-content .branding-page-header{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative}.branding-page-container .branding-page-content .branding-page-header .ellipse-container{width:100vw;height:100vh;position:relative;z-index:1}.branding-page-container .branding-page-content .branding-page-header .ellipse-container .banner-gradient{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.5));z-index:2}.branding-page-container .branding-page-content .branding-page-header .ellipse-container img{width:100vw;height:100vh;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1}.branding-page-container .branding-page-content .branding-page-header .hero-content{position:absolute;top:40%;left:80%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3;color:#fff;text-align:center;padding-bottom:0}.branding-page-container .branding-page-content .branding-page-header .hero-content .title{font-family:Inter!important;font-weight:800;font-style:Extra Bold;font-size:64px;line-height:70px;letter-spacing:0;text-align:center;vertical-align:middle;width:100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;color:#97a3aa;min-width:568px}.branding-page-container .branding-page-content .branding-stack-section{padding:clamp(55px,3vw,920px) clamp(94px,1vw,2500px) clamp(64px,4vw,220px) clamp(94px,5vw,2500px);background-color:#fff}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(99px,3vw,850px);flex-wrap:wrap}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text{flex:1;max-width:40%}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text .section-title{font-family:Inter!important;font-weight:700;font-style:Bold;font-size:clamp(40px,2.5vw,850px);letter-spacing:0;color:#021f2e;margin-bottom:clamp(20px,2vw,120px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text .branding-description{font-family:Montserrat!important;font-weight:500;font-style:Medium;font-size:clamp(14px,1vw,350px);letter-spacing:0;max-width:clamp(360px,22vw,1500px);color:#021f2e}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(30px,2vw,350px);flex:1;max-width:55%}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card{background-color:#fff;padding:clamp(30px,2vw,250px) clamp(20px,1vw,250px);border-radius:12px;display:flex;flex-direction:column;min-height:clamp(140px,8vw,840px);transition:all .3s ease}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card:hover{background-color:rgba(215,125,70,.168627451);transform:translateY(-4px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card:hover .branding-title{font-family:Montserrat!important;font-weight:700;font-style:Bold;font-size:clamp(24px,1.2vw,450px);letter-spacing:0;vertical-align:middle}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-icon{margin-bottom:clamp(16px,1vw,350px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-icon img{width:clamp(35px,2vw,850px);height:clamp(35px,2vw,850px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-title{font-family:Montserrat!important;font-weight:500;font-style:Medium;font-size:clamp(14px,1vw,350px);vertical-align:middle;color:#d77d46}.branding-page-container .branding-page-content .branding-collab-section{padding:clamp(165px,8vw,1100px) clamp(235px,10vw,1100px) clamp(164px,8vw,1100px);text-align:center;position:relative}.branding-page-container .branding-page-content .branding-collab-section .branding-collab-content{display:flex;justify-content:center}.branding-page-container .branding-page-content .branding-collab-section .branding-collab-content .branding-collab-text{font-family:Montserrat!important;font-weight:700;font-style:Bold;font-size:clamp(40px,3vw,850px);letter-spacing:0;text-align:center;color:#fff;max-width:clamp(1050px,60vw,3050px)}.branding-page-container .branding-page-content .branding-approach-section{padding:clamp(80px,5vw,850px) clamp(100px,5vw,850px);background-color:#fff;text-align:center}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content{max-width:clamp(790px,50vw,2100px);margin:0 auto}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-title{font-family:Inter!important;font-weight:700;font-style:Bold;font-size:clamp(48px,2.5vw,350px);letter-spacing:0;margin-bottom:clamp(16px,1vw,64px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-subtitle{font-family:Inter!important;font-weight:700;font-style:Bold;font-size:clamp(24px,1.2vw,450px);letter-spacing:0;color:#021f2e;margin-bottom:clamp(24px,1vw,150px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-description{font-family:Montserrat!important;font-weight:500;font-style:Medium;font-size:clamp(14px,1vw,350px);letter-spacing:0;text-align:center;vertical-align:middle;color:#021f2e;margin-bottom:clamp(40px,1vw,350px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-image{display:flex;justify-content:center}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-image img{width:clamp(700px,50vw,1500px);height:clamp(500px,35vw,1200px)}@media(max-width:767px){.branding-page-container .branding-page-content .branding-page-header .hero-content{top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.branding-page-container .branding-page-content .branding-page-header .hero-content .title{font-size:clamp(28px,5vw,36px);min-width:clamp(280px,90vw,350px);max-width:clamp(280px,90vw,350px);text-align:center;line-height:1.2}.branding-page-container .branding-page-content .branding-stack-section{padding:clamp(20px,4vw,40px) clamp(20px,4vw,40px) 0 clamp(20px,4vw,80px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content{flex-direction:column;gap:clamp(20px,5vw,30px);justify-content:center;align-items:center}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text .section-title{font-size:clamp(24px,4vw,30px);text-align:center;margin-bottom:clamp(12px,3vw,16px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-left-text .branding-description{font-size:clamp(12px,3vw,16px);max-width:clamp(280px,90vw,350px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid{grid-template-columns:1fr;gap:clamp(16px,4vw,24px);max-width:100%;justify-content:center}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card{padding:clamp(20px,4vw,30px);align-items:center;min-height:clamp(100px,20vw,150px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-icon{margin-bottom:clamp(12px,3vw,16px);display:flex;justify-content:center}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-icon img{width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px)}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-title{font-size:clamp(12px,3vw,16px);text-align:center}.branding-page-container .branding-page-content .branding-stack-section .branding-stack-content .branding-right-grid .branding-card .branding-title:hover{font-size:clamp(16px,3vw,20px)}.branding-page-container .branding-page-content .branding-collab-section{padding:clamp(30px,5vw,50px) clamp(20px,4vw,40px) clamp(30px,5vw,50px) clamp(20px,5vw,50px)}.branding-page-container .branding-page-content .branding-collab-section .branding-collab-content{flex-direction:column;align-items:center}.branding-page-container .branding-page-content .branding-collab-section .branding-collab-content .branding-collab-text{font-size:clamp(20px,4vw,28px);max-width:clamp(280px,90vw,350px);text-align:center}.branding-page-container .branding-page-content .branding-approach-section{padding:clamp(20px,4vw,40px) clamp(20px,4vw,40px) 0 clamp(20px,4vw,80px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content{max-width:clamp(280px,90vw,350px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-title{font-size:clamp(20px,4vw,28px);text-align:center;margin-bottom:clamp(12px,3vw,16px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-subtitle{font-size:clamp(16px,3vw,20px);text-align:left;margin-bottom:clamp(12px,3vw,16px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-description{font-size:clamp(12px,3vw,16px);max-width:clamp(280px,90vw,350px);text-align:left;margin-bottom:clamp(20px,5vw,30px)}.branding-page-container .branding-page-content .branding-approach-section .branding-approach-content .approach-image img{width:clamp(200px,80vw,300px);height:clamp(150px,60vw,225px);display:block;margin:0 auto}}