[data-service-gist=root]{color:#333;background-color:#001;min-height:100%;margin:0;font-family:Lato,sans-serif;font-size:14px;line-height:20px}[data-service-gist=root] .hero_section.sticky{background-color:#000;top:0}[data-service-gist=root] .button_reference{z-index:20;grid-column-gap:.25rem;grid-row-gap:.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#252525;background-color:#fff;border:1px solid #e1e1e1;border-radius:.25rem;justify-content:flex-start;align-items:baseline;padding:.5rem .75rem;font-family:Inconsolata,monospace;font-size:.8rem;line-height:1em;text-decoration:none;display:flex}[data-service-gist=root] .button_reference.fix-bottom-left{position:fixed;bottom:.5rem;left:.5rem}[data-service-gist=root] .code_js,[data-service-gist=root] .code_css{display:none}[data-service-gist=root] .work_section,[data-service-gist=root] .work_container{position:relative}[data-service-gist=root] .ghost_work-container{pointer-events:none;width:100%;position:relative}[data-service-gist=root] .ghost_work-item{width:100%}[data-service-gist=root] *,[data-service-gist=root] :before,[data-service-gist=root] :after{box-sizing:border-box}[data-service-gist=root] .hero_container{justify-content:space-between;align-items:flex-end;height:100vh;display:flex;position:relative}[data-service-gist=root] .color-0{color:#cde5df}[data-service-gist=root] .work_item{background-color:#000;align-items:stretch;width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}[data-service-gist=root] .work_corner-label{z-index:5;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb8;pointer-events:none;font-family:Inconsolata,monospace;font-size:clamp(11px,1.1vw,14px);position:absolute;bottom:4vw;left:4vw}[data-service-gist=root] .work_video-wrapper[data-work=video-strip]{z-index:3;pointer-events:none;flex-flow:row;flex:none;justify-content:center;align-items:center;width:100%}[data-service-gist=root] .work_video-wrapper{z-index:1;grid-column-gap:2.5vw;grid-row-gap:2.5vw;justify-content:center;align-items:center;display:flex;position:relative}[data-service-gist=root] .work-text-subtitle{grid-column-gap:.5vw;grid-row-gap:.5vw;color:#fff;text-transform:uppercase;flex-flow:column;padding-bottom:.5vw;padding-right:1vw;font-family:Sora,sans-serif;display:flex}[data-service-gist=root] .work_video{object-fit:cover;width:100%;height:100%;display:block;position:relative;overflow:hidden}[data-service-gist=root] .work_video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}[data-service-gist=root] .work_video-container{aspect-ratio:16/9;flex:1 0 auto}[data-service-gist=root] .work_item-wrapper{grid-column-gap:16px;grid-row-gap:16px;z-index:2;flex-flow:column;flex:1;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;justify-content:space-around;align-items:stretch;width:100%;min-height:0;padding:2vw 4vw max(2vw,4vw + 1.5rem);display:flex;position:relative}[data-service-gist=root] .work_text{z-index:4;justify-content:space-between;align-items:flex-end;width:100%;max-width:min(92vw,72rem);padding-top:4vw;display:flex;position:relative}[data-service-gist=root] .footer_image-wrapper{width:100%;height:100%;position:absolute}[data-service-gist=root] .hero_image{opacity:.6;object-fit:cover;width:100%;height:100%}[data-service-gist=root] .hero_text{color:#fff;text-transform:uppercase;flex:1;justify-content:flex-start;align-items:center;padding-bottom:4vw;padding-left:4vw;padding-right:4vw;font-family:Spacegrotesk,sans-serif;font-size:12.5vw;font-weight:500;line-height:.9;display:flex;position:relative}[data-service-gist=root] .work_image{opacity:1;object-fit:cover;width:100%;height:100%;position:relative}[data-service-gist=root] .color-3{color:#e2ffe2}[data-service-gist=root] .work_image-wrapper{width:100%;height:100%;position:absolute}[data-service-gist=root] .work_text-title{color:#fff;text-transform:uppercase;flex-flow:column;font-family:Spacegrotesk,sans-serif;font-size:8vw;font-weight:500;line-height:1;display:flex;position:relative}[data-service-gist=root] .sticky{position:sticky}[data-service-gist=root] .nav_top-wrapper{z-index:2;justify-content:center;align-items:center;width:100%;padding:1rem 4vw 1.25rem;display:flex;position:relative}[data-service-gist=root] .nav{z-index:1;position:absolute;inset:0% 0% auto}[data-service-gist=root] .nav_link{color:#fff;font-family:Inconsolata,monospace;font-size:1.25rem;text-decoration:none;overflow:hidden}[data-service-gist=root] .nav_top{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}[data-service-gist=root] .nav_top-line{width:calc(100% - 2rem);height:1px;position:absolute;inset:auto 0% 0% 50%;transform:translate(-50%)}[data-service-gist=root] .line{will-change:transform;line-height:1}[data-service-gist=root] .line-wrapper{overflow:hidden}[data-service-gist=root] .work_item-overlay{z-index:2;pointer-events:none;background-color:#000;display:none;position:absolute;inset:0%}[data-service-gist=root] .footer_section{z-index:1;background-color:#000;position:relative}[data-service-gist=root] .footer_image{opacity:.6;object-fit:cover;width:100%;height:100%}[data-service-gist=root] .color-2{color:#bdd9ff}[data-service-gist=root] .color-1{color:#ffd9b3}[data-service-gist=root] .footer_container{justify-content:space-between;align-items:flex-end;height:100vh;display:flex;position:relative}[data-service-gist=root] .footer_text{color:#fff;text-transform:uppercase;flex:1;justify-content:flex-start;align-items:center;padding-bottom:4vw;padding-left:4vw;padding-right:4vw;font-family:Spacegrotesk,sans-serif;font-size:12.5vw;font-weight:500;line-height:.9;display:flex;position:relative}@media screen and (max-width:479px){[data-service-gist=root] .work_video-wrapper[data-work=video-strip]{flex-wrap:wrap;justify-content:center;row-gap:10px}[data-service-gist=root] .work_text{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:column;justify-content:space-between;align-items:flex-start}[data-service-gist=root] .work_text-title{font-size:12.5vw}}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-BoldItalic.ttf)format("truetype"),url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-ExtraBoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-SemiBoldItalic.ttf)format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Spectral;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Spectral-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi Italic;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Satoshi-VariableItalic.ttf)format("truetype");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Satoshi-Variable.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Plusjakartasans;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/PlusJakartaSans-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plusjakartasans;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/PlusJakartaSans-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plusjakartasans;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/PlusJakartaSans-ExtraBold.ttf)format("truetype"),url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/PlusJakartaSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plusjakartasans;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/PlusJakartaSans-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clashdisplay;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/ClashDisplay-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clashdisplay;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/ClashDisplay-Semibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clashdisplay;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/ClashDisplay-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Sora-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Sora-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/Sora-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jetbrainsmono;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/JetBrainsMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jetbrainsmono;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/JetBrainsMono-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Jetbrainsmono;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/JetBrainsMono-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Spacegrotesk;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/SpaceGrotesk-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Spacegrotesk;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/SpaceGrotesk-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spacegrotesk;src:url(https://moussamamadou.github.io/scroll-trigger-gsap-section/fonts/SpaceGrotesk-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}