.hero-section{display:flex;flex-flow:column;justify-content:space-between;align-items:center;top:0rem;z-index:0;width:100%;height:100vh;overflow:hidden;padding-top:10rem;padding-bottom:5rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.75) 1.2875536480686696%,rgba(0,0,0,0) 50.21459227467811%),url(https://ilhamfrahman.com/wp-content/uploads/2026/03/bg-portrait-2-scaled-1.webp);background-size:auto,auto 120%;background-position:0px 0px,50% 100%;background-repeat:repeat,no-repeat;background-attachment:scroll,scroll}@media (max-width:1119px){.hero-section{padding-top:15rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 50.21459227467811%),url(https://ilhamfrahman.com/wp-content/uploads/2026/03/bg-portrait-2-scaled-1.webp);background-size:auto,auto 110%;background-position:0px 0px,50% 100%;background-repeat:repeat,no-repeat;background-attachment:scroll,scroll}}@media (max-width:1023px){.hero-section{gap:2rem;top:0rem;padding-top:20rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.8) 1.2875536480686696%,rgba(0,0,0,0) 59.65665236051502%),url(https://ilhamfrahman.com/wp-content/uploads/2026/03/bg-portrait-2-scaled-1.webp);background-size:auto,auto 110%;background-position:0px 0px,50% 100%;background-repeat:repeat,no-repeat;background-attachment:scroll,scroll}}@media (max-width:767px){.hero-section{height:100vh;padding-top:21rem;padding-bottom:5rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.8) 0.8583690987124464%,rgba(0,0,0,0) 60.08583690987125%),url(https://ilhamfrahman.com/wp-content/uploads/2026/03/bg-portrait-2-scaled-1.webp);background-size:auto,auto 110%;background-position:0px 0px,50% 100%;background-repeat:repeat,no-repeat;background-attachment:scroll,scroll}}@media (max-width:479px){.hero-section{overflow:hidden;padding-bottom:5rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 54.07725321888412%),url(https://ilhamfrahman.com/wp-content/uploads/2026/03/bg-portrait-2-scaled-1.webp);background-size:auto,auto 108%;background-position:0px 0px,50% 100%;background-repeat:repeat,repeat;background-attachment:scroll,scroll}}.c-hero-1{display:flex;visibility:visible;flex-flow:row;bottom:4rem;width:50%;margin-bottom:0.5rem}@media (max-width:767px){.c-hero-1{width:100%}}@media (max-width:479px){.c-hero-1{width:100%}}.hero-text-1{display:flex;justify-content:center;align-items:center;top:20rem;color:#FFF;font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:20vw;letter-spacing:var(--tightess);text-wrap:nowrap}.hero-text-1{animation:infinite-scroll-1 30s linear infinite}@media (max-width:1119px){.hero-text-1{font-size:var(--h1)}}@media (max-width:767px){.hero-text-1{animation:infinite-scroll-1 15s linear infinite}}@media (max-width:479px){.hero-text-1{font-size:var(--h2)}.hero-text-1{animation:infinite-scroll-1 10s linear infinite}}.work-section{display:flex;flex-flow:column;justify-content:start;align-items:center;gap:2rem;position:relative;z-index:2;width:100%;padding-top:6rem;padding-bottom:14rem;background-color:var(--black)}@media (max-width:767px){.work-section{gap:2.4rem}}.big-text{visibility:visible;color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:13.4vw;letter-spacing:var(--tightess);text-wrap:nowrap;margin-top:4rem;margin-bottom:4rem}@media (max-width:767px){.big-text{font-size:13vw;letter-spacing:var(--snug)}}.container--width-default{z-index:2;width:90%}@media (max-width:767px){.container--width-default{flex-flow:column}}.portfolio-card-video{display:block;position:relative;width:100%;overflow:clip;aspect-ratio:16 / 9;border-radius:0.6rem;cursor:pointer}.portfolio-card-video:hover .video-thumbnail{transform:scale(1.08)}.c-work-1-sub{display:flex;visibility:visible;flex-flow:column;gap:0.5rem;width:100%}.video-thumbnail{position:absolute;width:100%;object-fit:cover;transition:all 0.5s ease}.work-text{bottom:1rem;left:1rem;color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--body)}@media (max-width:1023px){.work-text{font-size:var(--h6)}}@media (max-width:767px){.work-text{font-size:var(--body)}}.c-work-1b{display:flex;flex-flow:row;justify-content:center;align-items:end;width:80%;object-position:50% 50%;padding-top:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;background-color:var(--white-transparent);border-radius:0.7rem}@media (max-width:767px){.c-work-1b{width:100%}}.about-section{display:flex;flex-flow:column;justify-content:start;align-items:center;position:relative;z-index:2;width:100%;padding-top:2rem;padding-bottom:15rem;background-color:var(--black)}@media (max-width:767px){.about-section{padding-top:1rem;padding-bottom:8rem}}.about-container{display:flex;flex-flow:row;justify-content:start;align-items:start;gap:5rem}@media (max-width:1119px){.about-container{flex-flow:wrap;gap:4rem}}@media (max-width:1023px){.about-container{flex-flow:wrap;gap:3rem}}@media (max-width:767px){.about-container{flex-flow:column}}@media (max-width:479px){.about-container{width:100%}}.blend-difference{mix-blend-mode:difference}.container-3{display:flex}.header{display:flex;visibility:visible;flex-flow:row;justify-content:center;align-items:center;position:fixed;top:0rem;z-index:99;width:100%;margin-bottom:-200px;background-color:#FFF0}.header{isolation:auto}.memoji{display:flex;visibility:visible;justify-content:center;align-items:center;gap:0px;width:40px;height:40px;border-radius:10px}.header-left{display:flex;flex-flow:row;gap:8px;position:fixed;top:4%;left:5%;z-index:99;width:230px;height:55px;overflow:hidden;padding-top:0.4rem;padding-right:0.4rem;padding-bottom:0.4rem;padding-left:0.4rem;background-color:var(--matt-black);border-radius:15px;border-top:0.1px solid #252525;border-bottom:0.1px solid #252525;border-left:0.1px solid #252525;border-right:0.1px solid #252525}.header-right{display:flex;flex-flow:row;justify-content:end;align-items:center;gap:1rem;position:fixed;top:4%;right:5%;z-index:99;width:30%;height:65px;mix-blend-mode:difference}@media (max-width:1023px){.header-right{display:none}}@media (max-width:767px){.header-right{display:none;width:20%}}@media (max-width:479px){.header-right{width:25%}}.c-content-2{display:flex;flex-flow:row;justify-content:space-between;align-items:center;gap:2rem;position:relative;z-index:2;width:90%;height:8rem}@media (max-width:767px){.c-content-2{height:6rem}}.container-4{display:flex;flex-flow:column;justify-content:center;align-items:start;gap:2px;width:100%}.container-5{display:flex;flex-flow:row;justify-content:start;align-items:end;gap:2px}.text-header{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:16px}.green-blinking-dot{width:22px;height:22px}.scroll-container{display:flex;visibility:visible;gap:2px;position:relative;width:167px;overflow:hidden}.scroll-container{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}@keyframes infinite-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.scrolling-text{display:inline-block;flex-shrink:0;color:var(--moon-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:12px;letter-spacing:0.05em;text-wrap:nowrap}.scrolling-text{animation:infinite-scroll 30s linear infinite}@media (max-width:479px){.scrolling-text{overflow:hidden}}.scroll-track{display:flex;width:max-content}.page-scroll-1{display:flex;flex-flow:row;margin-top:-10px}.div-1{display:flex;width:20%;height:1000px}.black{background-color:var(--black)}.matt-black{background-color:var(--matt-black)}.z-index-1{position:relative;z-index:1}.hero-text-2{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--h6);text-align:start;letter-spacing:0.1rem}@media (max-width:767px){.hero-text-2{font-size:var(--h6);letter-spacing:0.07rem}}@media (max-width:479px){.hero-text-2{font-size:var(--h6)}}.c-hero{display:flex;justify-content:space-between;align-items:end;width:90%}@media (max-width:767px){.c-hero{flex-flow:column;justify-content:end;align-items:center}}@media (max-width:479px){.c-hero{flex-flow:column}}.hero-text-3{color:#FFF;font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:var(--caption);text-align:start;letter-spacing:0.1em}.align-left-center{display:flex;justify-content:center;align-items:start}.menu-button{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--body);text-decoration:none}.menu-button:hover{color:var(--arabic-grey)}.hamburger{display:none;position:fixed;top:4%;right:5%;z-index:99;width:65%;height:65px;mix-blend-mode:difference}@media (max-width:1023px){.hamburger{display:flex;justify-content:end;align-items:center;width:15%;overflow:visible}}@media (max-width:767px){.hamburger{display:flex;width:80px}}@media (max-width:479px){.hamburger{width:80px;overflow:hidden}}.overlay{display:none;z-index:99;width:100%;height:65px;overflow:visible}@media (max-width:1023px){.overlay{display:flex;visibility:visible;flex-flow:column;justify-content:center;align-items:center;top:15%;right:0%;z-index:98;width:100%;height:45vh;padding-top:5rem;background-image:linear-gradient(0deg,rgba(51,51,51,1) 1.7167381974248928%,rgba(0,0,0,1) 99.57081545064378%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;opacity:0.85}}@media (max-width:767px){.overlay{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}}@media (max-width:479px){.overlay{justify-content:center;align-items:center}}@media (max-width:1023px){.mobile-menu-button{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--h5);text-decoration:none}.mobile-menu-button:hover{color:var(--arabic-grey)}}@media (max-width:479px){.mobile-menu-button{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--h5);letter-spacing:var(--tightess)}}@media (max-width:1023px){.container-flow{display:flex;flex-flow:column;justify-content:center;align-items:end}}.hero-text-scroll{bottom:18rem;width:100%;overflow:hidden;mix-blend-mode:difference}.hero-text-scroll{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}@keyframes infinite-scroll-1{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:1023px){.hero-text-scroll{overflow:hidden}}@media (max-width:767px){.hero-text-scroll{top:18rem}}@media (max-width:479px){.hero-text-scroll{top:20rem}}.work-layout{display:flex;justify-content:center;align-items:end;gap:2rem}.c-hero-2{display:flex;visibility:visible;flex-flow:column;justify-content:center;align-items:end;bottom:4rem;width:50%}@media (max-width:1023px){.c-hero-2{width:80%}}@media (max-width:767px){.c-hero-2{justify-content:center;align-items:start;width:100%}}@media (max-width:479px){.c-hero-2{width:100%}}.align-center{display:flex;justify-content:center;align-items:center}.services-section{display:none;position:relative;z-index:2;width:100%;padding-top:6rem;padding-bottom:6rem;background-color:var(--white)}.services-container--1{display:flex;align-self:stretch;position:sticky;top:10rem;width:50%;height:10rem}@media (max-width:1119px){.services-container--1{height:6.5rem}}@media (max-width:1023px){.services-container--1{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.services-container--1{height:auto}}.big-text--black{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:var(--h4);letter-spacing:var(--tightess);text-wrap:nowrap;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.big-text--black{font-size:var(--h4)}}@media (max-width:767px){.big-text--black{font-size:var(--h4);letter-spacing:var(--snug)}}@media (max-width:479px){.big-text--black{font-size:var(--h4);letter-spacing:var(--tightess)}}.container-layout--services{display:flex;flex-flow:row;gap:2rem}@media (max-width:1023px){.container-layout--services{flex-flow:column}}.services-container--2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);width:50%}@media (max-width:1023px){.services-container--2{grid-template-columns:repeat(2,1fr);width:100%}}@media (max-width:767px){.services-container--2{grid-template-columns:repeat(1,1fr)}}@media (max-width:479px){.services-container--2{grid-template-columns:repeat(1,1fr)}}.services-item{display:flex;flex-flow:column;gap:1rem;width:100%;height:100%;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;background-color:var(--white);border-top:1px solid var(--light-grey);border-bottom:1px solid var(--light-grey);border-left:1px solid var(--light-grey);border-right:1px solid var(--light-grey);transition:all 300ms ease}.services-item:hover{border-top:1px solid var(--black);border-bottom:1px solid var(--black);border-left:1px solid var(--black);border-right:1px solid var(--black);transition:all 300ms ease}.services-item-sub--1{display:flex;flex-flow:row;justify-content:space-between;align-items:start;gap:2rem;width:100%;height:100%}.service-number{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:var(--h6);letter-spacing:var(--standard)}.service-thumbnail{display:flex;width:70%;object-fit:cover;aspect-ratio:1;border-radius:1rem}.services-item-sub--2{display:flex;flex-flow:column;justify-content:start;align-items:start;gap:0.5rem;width:100%;height:100%}.service-name{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:var(--h6);line-height:1.1em;letter-spacing:var(--standard)}.service-description{color:var(--matt-black);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--caption);line-height:1.25em}@media (max-width:767px){.container--services-space{display:none}}.footer{display:flex;justify-content:center;align-items:center;bottom:0rem;z-index:0;height:70vh;overflow:visible;background-color:var(--black)}.container-height--default{height:90%}.container-footer-layout--1{display:flex;justify-content:space-between;align-items:end;gap:4rem;align-self:stretch;position:relative;width:auto}@media (max-width:1119px){.container-footer-layout--1{height:6.5rem}}@media (max-width:1023px){.container-footer-layout--1{flex-flow:column;align-items:start;gap:2rem;position:relative;top:0rem;width:100%;height:auto;margin-top:0rem}}@media (max-width:767px){.container-footer-layout--1{height:auto}}.container--footer{display:flex;flex-flow:column;justify-content:space-between;align-items:center;height:90%;padding-top:10rem}@media (max-width:1023px){.container--footer{justify-content:space-between;align-items:center;height:75%;padding-top:10rem}}@media (max-width:479px){.container--footer{height:70%}}.container-footer-layout--2{display:flex;flex-flow:column;justify-content:center;align-items:end;align-self:stretch;position:relative;width:auto;height:auto}@media (max-width:1023px){.container-footer-layout--2{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-layout--2{height:auto}}.big-text-2--black{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:var(--h2);line-height:0.7em;letter-spacing:var(--tightess);text-wrap:nowrap;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem;padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem}@media (max-width:1119px){.big-text-2--black{font-size:var(--h3)}}@media (max-width:767px){.big-text-2--black{font-size:21vw;letter-spacing:var(--tightess);margin-left:-0.4rem}}@media (max-width:479px){.big-text-2--black{font-size:19vw;letter-spacing:var(--tightess);margin-left:0rem}}.footer-text{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);line-height:1em;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}.container-footer-sub-layout--1{display:flex;justify-content:space-between;align-items:end;gap:0.2rem;align-self:stretch;position:relative;width:100%}@media (max-width:1119px){.container-footer-sub-layout--1{flex-flow:row;height:6.5rem}}@media (max-width:1023px){.container-footer-sub-layout--1{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-sub-layout--1{height:auto}}@media (max-width:479px){.container-footer-sub-layout--1{flex-flow:wrap}}.container-footer-sub-layout--2{display:flex;justify-content:end;align-items:center;top:10rem;width:65%;height:auto;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--moon-grey)}@media (max-width:1119px){.container-footer-sub-layout--2{width:70%;padding-top:1rem;padding-bottom:1rem}}@media (max-width:1023px){.container-footer-sub-layout--2{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-sub-layout--2{height:auto}}.container-email{display:flex;justify-content:space-between;align-items:center;position:sticky;top:10rem;width:100%}@media (max-width:1119px){.container-email{height:6.5rem}}@media (max-width:1023px){.container-email{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-email{flex-flow:column;align-items:start;height:auto}}.btn_contact{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:var(--h5)}@media (max-width:767px){.btn_contact{font-size:var(--h6)}}@media (max-width:479px){.btn_contact{font-size:6vw}}.email-button-text{color:var(--stone-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny)}@media (max-width:479px){.email-button-text{font-size:4vw}}.container-footer-layout--3{display:flex;flex-flow:column;justify-content:center;align-items:end;align-self:stretch;position:relative;width:auto;height:auto}@media (max-width:1119px){.container-footer-layout--3{height:6.5rem}}@media (max-width:1023px){.container-footer-layout--3{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-layout--3{height:auto}}.container-footer-sub-layout--3{display:flex;justify-content:space-between;align-items:center;position:sticky;top:10rem;width:60%;height:auto}@media (max-width:1119px){.container-footer-sub-layout--3{width:70%}}@media (max-width:1023px){.container-footer-sub-layout--3{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-sub-layout--3{height:auto}}.container-social{display:flex;flex-flow:row;gap:0.3rem;color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:var(--small)}.social-icon{display:flex;font-size:var(--tiny)}.social-button{font-size:var(--body)}.portfolio{display:flex;flex-flow:column;justify-content:start;align-items:center;top:0rem;z-index:1001;background-color:var(--black)}.container--portfolio{display:flex;flex-flow:column;gap:1rem;width:65%;margin-top:8rem;margin-bottom:8rem}@media (max-width:1023px){.container--portfolio{width:90%}}@media (max-width:479px){.container--portfolio{width:90%}}.panel-close{display:flex;justify-content:center;align-items:center;top:24px;right:24px;z-index:10001;width:40px;height:40px;background-color:var(--white-transparent);border-radius:50%;cursor:pointer}.portfolio-panel{flex-flow:column;justify-content:start;align-items:center;position:fixed;top:0rem;right:0rem;z-index:1000;width:100%;height:100vh;overflow:visible;background-color:var(--white)}.portfolio-panel{transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.77,0,0.175,1)}.top-bar-popup{display:flex;flex-flow:row;justify-content:space-between;align-items:center;top:0rem;z-index:999;width:65%;padding-top:1.5rem;padding-bottom:1.5rem}@media (max-width:1023px){.top-bar-popup{width:90%}}@media (max-width:479px){.top-bar-popup{width:90%}}.portfolio-desc{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--small);text-align:start;margin-top:0rem;margin-bottom:0rem;padding-left:0.5rem}@media (max-width:1023px){.portfolio-desc{font-size:var(--body);padding-left:0rem}}@media (max-width:767px){.portfolio-desc{font-size:var(--body)}}.portfolio-title{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:var(--h6)}@media (max-width:1119px){.portfolio-title{font-size:var(--h6)}}@media (max-width:1023px){.portfolio-title{font-size:var(--h6)}}@media (max-width:767px){.portfolio-title{font-size:var(--h6)}}.portfolio-image-1{width:100%;border-radius:0.4rem}.close-icon{color:var(--arabic-grey);font-size:14px}.card-overlay{position:absolute;height:100%;background-image:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll}.portolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}@media (max-width:1023px){.portolio-grid{grid-template-columns:repeat(1,1fr)}}.portolio__layout-1{display:flex;flex-flow:column;gap:0.3rem;width:100%}.video-1{width:100%;border-radius:0.4rem}.video-2{width:100%;border-radius:0.6rem}.portfolio-small-text{color:var(--arabic-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny-extra);text-align:start;margin-top:0rem;margin-bottom:0rem}@media (max-width:1023px){.portfolio-small-text{font-size:var(--tiny)}}.sub-conatiner-portfolio{display:flex;flex-flow:column;justify-content:center;align-items:start;align-self:end;width:50%;margin-bottom:3rem}@media (max-width:1119px){.sub-conatiner-portfolio{width:50%}}@media (max-width:1023px){.sub-conatiner-portfolio{width:100%}}.portfolio__layout-2{display:flex;flex-flow:row;gap:1rem;width:100%}@media (max-width:479px){.portfolio__layout-2{flex-flow:column}}.container-credit{flex-flow:column}.talent-name{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.talent-name{font-size:var(--body)}}.role-name{color:var(--arabic-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);text-transform:none;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.role-name{font-size:var(--caption)}}.divider{margin-top:0.2rem}.portfolio__layout-3{display:flex;flex-flow:column;gap:0.5rem;width:50%}@media (max-width:1119px){.portfolio__layout-3{width:50%}}@media (max-width:767px){.portfolio__layout-3{width:50%}}@media (max-width:479px){.portfolio__layout-3{width:100%}}.container-6{width:60%}.portolio-grid-3{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width:767px){.portolio-grid-3{grid-template-columns:repeat(1,1fr)}}.big-text--white{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:var(--h4);letter-spacing:var(--neutral-tight);text-wrap:nowrap;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.big-text--white{font-size:var(--h4)}}@media (max-width:767px){.big-text--white{font-size:var(--h5);letter-spacing:var(--snug)}}@media (max-width:479px){.big-text--white{letter-spacing:var(--tightess)}}.image-thumbnail{position:absolute;width:100%;object-fit:cover;transition:all 0.5s ease}.portfolio-card-image{display:block;position:relative;width:100%;overflow:clip;aspect-ratio:16 / 9;border-radius:0.7rem;cursor:pointer}.portfolio-card-image:hover .image-thumbnail{transform:scale(1.05)}.about-container__sub-1{display:flex;flex-flow:column;justify-content:start;align-items:start;gap:0.5rem;position:relative;z-index:2;width:40%;mix-blend-mode:difference}@media (max-width:1119px){.about-container__sub-1{width:50%}}@media (max-width:1023px){.about-container__sub-1{width:50%}}@media (max-width:767px){.about-container__sub-1{width:100%}}.about-section__text--1{color:var(--white-transparent-80);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);text-align:start;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.about-section__text--1{font-size:var(--small)}}@media (max-width:1023px){.about-section__text--1{font-size:var(--body)}}@media (max-width:479px){.about-section__text--1{letter-spacing:var(--tightess)}}.about-container__sub-2{display:flex;justify-content:start;align-items:center;position:relative;width:35%}@media (max-width:1119px){.about-container__sub-2{width:100%}}@media (max-width:1023px){.about-container__sub-2{width:100%}}.video-about{top:10rem;width:100%;border-radius:0.6rem}@media (max-width:1119px){.video-about{width:50%;object-fit:cover;aspect-ratio:4 / 3}}@media (max-width:1023px){.video-about{width:50%}}@media (max-width:767px){.video-about{width:70%}}@media (max-width:479px){.video-about{width:100%}}.about-section__text--2{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--h6);line-height:1.25em;text-align:start;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem;padding-top:15px}@media (max-width:767px){.about-section__text--2{letter-spacing:var(--snug)}}@media (max-width:479px){.about-section__text--2{letter-spacing:var(--tightess)}}.top-bar__text-1{color:var(--stone-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--small)}@media (max-width:1119px){.top-bar__text-1{font-size:var(--body)}}@media (max-width:1023px){.top-bar__text-1{font-size:var(--body)}}@media (max-width:767px){.top-bar__text-1{font-size:var(--body);line-height:1.2em}}.div-2{width:92%}@media (max-width:767px){.div-2{width:85%}}.container-1{position:absolute;bottom:0.9rem;left:1.1rem}@media (max-width:767px){.container-1{bottom:0.8rem;left:1rem}}.work-text-2{bottom:1rem;left:1rem;color:var(--white-transparent-80);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--small)}@media (max-width:1023px){.work-text-2{font-size:var(--body)}}@media (max-width:767px){.work-text-2{font-size:var(--small)}}.container--width-2{z-index:2;width:70%}@media (max-width:1119px){.container--width-2{width:90%}}@media (max-width:767px){.container--width-2{flex-flow:column}}.about-section__text--3{color:var(--white-transparent-80);font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:var(--h4);line-height:1em;text-align:start;letter-spacing:var(--neutral-tight)}@media (max-width:767px){.about-section__text--3{letter-spacing:var(--snug)}}@media (max-width:479px){.about-section__text--3{letter-spacing:var(--tightess)}}.container-7{display:flex;flex-flow:column;justify-content:center;align-items:start;gap:0.5rem;overflow:hidden}.about-section__text--4{color:var(--white-transparent-80);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);line-height:1.2em;text-align:start;text-transform:uppercase;letter-spacing:0.02em;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.about-section__text--4{font-size:var(--small)}}.container-8{display:flex;flex-flow:row;gap:1rem;margin-top:3rem}@media (max-width:1023px){.container-8{width:100%}}.top-bar{display:flex;justify-content:center;align-items:start;position:fixed;top:0rem;width:100%}.portfolio-card-image-ext{display:block;position:relative;width:100%;overflow:clip;aspect-ratio:16 / 9;border-radius:0.7rem;cursor:pointer}.portfolio-card-image-ext:hover .image-thumbnail{transform:scale(1.05)}.portfolio-card-video-ext{display:block;position:relative;width:100%;overflow:clip;aspect-ratio:16 / 9;border-radius:0.7rem;cursor:pointer}.portfolio-card-video-ext:hover .video-thumbnail{transform:scale(1.05)}.about-container__sub-3{display:flex;flex-flow:column;justify-content:start;align-items:start;gap:0.5rem;position:relative;z-index:2;width:40%;mix-blend-mode:difference}@media (max-width:1119px){.about-container__sub-3{width:40%}}@media (max-width:1023px){.about-container__sub-3{width:40%}}@media (max-width:767px){.about-container__sub-3{width:100%}}.about-section__text--5{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:clamp(1.50rem,calc(1.364rem + 0.682vw),1.88rem);line-height:1.5em;text-align:start;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:767px){.about-section__text--5{letter-spacing:var(--snug)}}@media (max-width:479px){.about-section__text--5{letter-spacing:var(--tightess)}}.top-bar-container{display:flex;flex-flow:column;justify-content:center;align-items:center;position:fixed;z-index:999;width:100%;background-color:var(--black)}.sub-conatiner-portfolio_2{display:flex;flex-flow:row;gap:1rem;width:100%;margin-bottom:2rem}@media (max-width:1119px){.sub-conatiner-portfolio_2{width:100%}}@media (max-width:1023px){.sub-conatiner-portfolio_2{flex-flow:column;gap:4rem;width:100%}}.portfolio-desc_1{width:50%;color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--small);text-align:start;margin-top:0rem;margin-bottom:0rem}@media (max-width:1023px){.portfolio-desc_1{width:100%;font-size:var(--body)}}@media (max-width:767px){.portfolio-desc_1{font-size:var(--body)}}.credits-title{color:var(--arabic-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--body);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:1119px){.credits-title{font-size:var(--body)}}.portfolio-button-lists{display:flex;flex-flow:wrap;gap:0.3rem;margin-top:0.2rem}@media (max-width:1119px){.portfolio-button-lists{width:50%}}@media (max-width:1023px){.portfolio-button-lists{width:100%}}@media (max-width:479px){.portfolio-button-lists{width:100%}}.portfolio-detail-button{color:var(--arabic-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny-extra);text-wrap:nowrap;margin-top:0rem;margin-bottom:0rem;padding-top:0.5rem;padding-right:0.8rem;padding-bottom:0.5rem;padding-left:0.8rem;background-color:var(--white-transparent);border-radius:0.4rem}@media (max-width:1119px){.portfolio-detail-button{font-size:var(--caption)}}@media (max-width:767px){.portfolio-detail-button{font-size:var(--caption)}}.portfolio-parent-detail{display:flex;flex-flow:column}@media (max-width:1023px){.portfolio-parent-detail{width:50%}}.container--portfolio-detail{display:flex;flex-flow:column;gap:2rem;width:50%}@media (max-width:1023px){.container--portfolio-detail{flex-flow:row;width:100%}}@media (max-width:767px){.container--portfolio-detail{flex-flow:wrap}}.portfolio__layout-4{display:flex;flex-flow:column;gap:0.4rem;width:50%}@media (max-width:767px){.portfolio__layout-4{width:100%}}.container--width-3{z-index:2;width:90%;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;background-color:var(--white);border-radius:1rem}@media (max-width:767px){.container--width-3{flex-flow:column}}@media (max-width:479px){.container--width-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}}.container-footer-sub-layout--4{display:flex;justify-content:end;align-items:center;top:10rem;width:65%;height:auto;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--moon-grey)}@media (max-width:1119px){.container-footer-sub-layout--4{width:70%;padding-top:1rem;padding-bottom:1rem}}@media (max-width:1023px){.container-footer-sub-layout--4{position:relative;top:0rem;width:100%;height:auto}}@media (max-width:767px){.container-footer-sub-layout--4{height:auto}}.coming-soon{position:absolute;top:1.1rem;right:0.9rem;color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--sub-nano);padding-top:0.2rem;padding-right:0.5rem;padding-bottom:0.2rem;padding-left:0.5rem;background-color:var(--white-transparent);border-radius:0.3rem}@media (max-width:1023px){.coming-soon{font-size:var(--tiny-extra)}}.services-accordian-sub:hover{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--h6)}.services-accordian-sub:active{color:var(--white)}.services-point{color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--small);line-height:1.25em;text-align:start;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:767px){.services-point{font-size:var(--body);letter-spacing:var(--snug)}}@media (max-width:479px){.services-point{letter-spacing:var(--tightess)}}.services-point-container{display:flex;flex-flow:column;gap:5px;width:100%;padding-top:0.7rem;padding-right:0.7rem;padding-bottom:0.7rem;padding-left:0.7rem;background-image:linear-gradient(0deg,rgba(17,17,17,1) 0%,rgba(40,40,40,1) 99.57081545064378%);background-size:auto;background-position:0px 0px;background-repeat:repeat;background-attachment:scroll;border-radius:0.4rem;border-top:1px solid #252525;border-bottom:1px solid #252525;border-left:1px solid #252525;border-right:1px solid #252525}.services-description-parent{color:var(--moon-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--caption);line-height:1.4em;text-align:start;font-style:italic;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:767px){.services-description-parent{font-size:var(--body);line-height:1.4em;letter-spacing:var(--snug)}}@media (max-width:479px){.services-description-parent{letter-spacing:var(--tightess)}}.services-point-description{color:var(--arabic-grey);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);line-height:1.4em;text-align:start;letter-spacing:var(--neutral-tight);margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}@media (max-width:767px){.services-point-description{font-size:var(--body);letter-spacing:var(--snug)}}@media (max-width:479px){.services-point-description{letter-spacing:var(--tightess)}}.marque-wrapper{display:flex;flex-flow:row;gap:0px;z-index:2;width:100%;overflow:hidden;padding-bottom:2rem}.marque-wrapper{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}@keyframes infinite-scroll-2{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:767px){.marque-wrapper{flex-flow:column}}.infinite-logo-slider{animation:infinite-scroll-1 30s linear infinite}.marque-track{display:flex;flex-flow:row;width:100%}.marque-track{animation:infinite-scroll-2 30s linear infinite}@media (max-width:767px){.marque-track{animation:infinite-scroll-2 10s linear infinite}}.client-logo{width:200px}@media (max-width:767px){.client-logo{width:150px}}.logo-group{display:flex;justify-content:center;align-items:center;width:100%}.portfolio__layout-6{display:flex;flex-flow:row;gap:1rem;width:100%}@media (max-width:479px){.portfolio__layout-6{display:grid;grid-template-columns:repeat(2,1fr)}}.portfolio__layout-credit{display:flex;flex-flow:row;gap:0.6rem;width:100%;margin-top:5rem;padding-top:1rem}@media (max-width:767px){.portfolio__layout-credit{flex-flow:column;gap:1rem}}@media (max-width:479px){.portfolio__layout-credit{flex-flow:column}}.portfolio-credits{bottom:1rem;left:1rem;color:var(--white);font-family:"Instrument Sans",sans-serif;font-weight:460;font-size:var(--h6)}.footer-text-2{color:var(--black);font-family:"Instrument Sans",sans-serif;font-weight:400;font-size:var(--tiny);line-height:1em;text-align:end;margin-top:0rem;margin-right:0rem;margin-bottom:0rem;margin-left:0rem}