@font-face {
    font-family: 'IvyJournal-Light';
    src: url('/fonts/IvyJournal-Light.woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'IvyJournal-LightItalic';
    src: url('/fonts/IvyJournal-LightItalic.woff');
    font-weight: 300;
    font-display: swap;
}

.body-wrapper{position:relative}






h1,h2,h3,h4,h5,h6{font-family:IvyJournal-Light,sans-serif;font-weight:500;letter-spacing:-0.028em;color: white}

h1{font-size:clamp(1px,10vw,60px)}
h2{position:relative;font-size:clamp(1px,9vw,50px)}
h1,h2{margin-bottom:30px}
h3{font-size:clamp(1px,6vw,35px)}
h4{
    font-size:clamp(1px,6vw,22px);
    margin-bottom: .8em;
}

.work-info h3 {
    font-size:clamp(1px,7vw,35px);
    margin-bottom:25px;
}


.img-card-btn {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    /*background: rgba(var(--textcolor),.1);*/
    border-radius: 100px;
    transition: opacity .2s;
}
@media screen and (pointer: fine) {
    .img-card-btn:hover {
        opacity: .5;
    }
}
.img-card-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    background-color: rgba(var(--textcolor),1);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.img-card-btn.call::after {
    -webkit-mask-image: url('/assets/call-icon.svg?v=3ff47662-1735923724216');
    mask-image: url('/assets/call-icon.svg?v=3ff47662-1735923724216');
}
.img-card-btn.email::after {
    -webkit-mask-image: url('/assets/mail-icon.svg?v=3ff47662-1735923724216');
    mask-image: url('/assets/mail-icon.svg?v=3ff47662-1735923724216');
}




.top-title{max-width:15.5em}
@media screen and (max-width:1000px){.top-title{max-width:9.5em}}
@media screen and (max-width:900px){.top-title{margin-bottom:20px;}}
@media screen and (min-width:901px){.home-page .top-title{margin-bottom:0}}

.form-input,a,a span,button,label,li,p{font-family:Switzer,sans-serif;font-weight:400;font-size:clamp(16px,3.5vw,17px);color:rgba(var(--textcolor),1);text-decoration:none;line-height:1.6em}
p{
    width:95%;
    color: white;
}
p:not(.micro-link, .fifty), main li{opacity:.75;}
p:not(:last-of-type, .micro-link){margin-bottom:1em}
.micro-link{font-size:var(--smalltextcaps);text-transform:uppercase;line-height:1.8em;letter-spacing:.07em;color:rgba(var(--textcolor),1);text-decoration:none;font-weight:400}
.footer-bottom-link{cursor:pointer}
a,p{pointer-events:all}
a{cursor:pointer!important;min-width:24px;padding:2px 0}


p.ivy.quote {
    font-family: 'IvyJournal-LightItalic';
    position: relative;
    margin-top: 50px;
    padding-left: 40px;
    padding-bottom: .4em;
    border-left: 1px solid rgba(255, 255, 255, .2);
    letter-spacing: 0;
    font-size: 1.4em;
    line-height: 1.4em;
}

.process-container p {
    font-size: 90%;
}

li {
    color: white;
}

.btn span,button span{font-family:Switzer,sans-serif;color:white;pointer-events:none}

.services-title .ivy {
    color: rgba(var(--textcolor),1)!important;
}

#footer-logo{
    width:clamp(100px,60vw,330px);
    height:auto;
    left: 7px;
    margin-top: 10px;
}

/*#footer-logo {*/
/*    fill: white!important;*/
/*}*/

.subtext{
    font-size:var(--smalltext);
    margin-bottom: 20px;
    color: rgba(var(--textcolor),1);
}

.max-1300{
    max-width: 1300px;
    margin: auto;
}

.price-btn {
    display: none!important;
}

.btn {
    margin-top: 60px!important;
}

/*footer .btn {*/
/*    margin-top: 0!important;*/
/*}*/

.services-section {
    padding-top: clamp(100px, 14vw, 240px)!important;
}

.contact-page .top-section, .privacy-page .top-section {
    padding-top: clamp(100px, 14vw, 180px)!important;
}

.section-divider-line {
    opacity: 0!important;
}

.work-inner {
    row-gap: clamp(140px, 15vw, 280px);
}

.services-title{
    display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;cursor:pointer;opacity:1;overflow:hidden;line-height:0;transition:opacity .2s;transition:border .2s;margin-bottom:15px;padding:30px 10px;
}

.services-title::before{
    content:'';
    position:absolute;
    top:0;left:0;width:100%;height:98%;
    opacity:.1;
    transition:opacity .2s;
    pointer-events:none;
    /*background-color:rgba(var(--textcolor),1);*/
    /*border-radius:5px;*/
    border-bottom: 1px solid rgba(var(--textcolor),1);
}
.form-input, .calendar {
    background-color: rgba(0,0,0,0);
    min-height: 45px;
    text-align: left !important;
    position: relative;
    padding: 23px 0;
    display: block;
    width: 100%;
    border: unset;
    /* border-radius: 5px; */
    border-bottom: 1px solid rgba(var(--textcolor),1);
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 0!important;
    /* opacity: .4; */
}

.experience-container .quarter-flex::after{content:'';border-radius:5px;top:0;left:0;position:absolute;width:100%;height:100%;
opacity:.1;
    border: 1px solid rgba(var(--textcolor),1);
}

.process-container .half-flex::after{content:'';border-radius:5px;
top:-1px;
left:-1px;
position:absolute;width:100%;height:100%;
border: 1px solid rgba(var(--textcolor),1);
opacity:.1;
pointer-events:none;transition:background-color .2s}

/*.about-image::after{content:'';position:absolute;width:100%;height:100%;*/
/*background: linear-gradient(-45deg, rgba(var(--textcolor),1), rgba(var(--textcolor),0.4));*/
/*mix-blend-mode:soft-light}*/

/*.black .about-image::after{opacity:.6}*/

.section-divider-line.sticky-divider{margin-top:clamp(80px, 10vw, 150px)}

/*.privacy-page .section-divider-line.sticky-divider{margin:70px 0 60px 0}*/

#scroll-top {
    display: inline;
}

@media screen and (max-width:1200px){
    .process-container .half-flex{
        flex:100%;
        position:sticky!important;
        top:160px;
    }
}
@media screen and (max-width:750px){
    .process-container .half-flex{
        top:90px;
    }
}

.work-cta-cont{
    margin-top:120px;
    width:100%;position:relative;display:flex;flex-wrap:wrap;column-gap:20px;row-gap:15px;justify-content:center;
    
}
@media screen and (max-width:750px) {
    .work-cta-cont {
        margin-top:60px;
    }
}

.half-flex{flex:0 0 calc(50% - 10px);position:relative}

.about-inner {
    gap: 50px!important;
}

.about-column{flex:0 0 calc(50% - 50px);}


.footer-bottom{
    padding:clamp(100px, 30vw, 260px) 0 10px 0;
    gap: 0!important;
    column-gap: 20px!important;
}

footer .btn {
    display: none!important;
}


.btn::before,button::before{content:'';position:absolute;
top:0;
left:0;
width:100%;height:100%;
border-radius:100px;
background: linear-gradient(to right, rgba(255,255,255,.9), rgba(255,255,255,.4));
border: 1px solid rgba(255,255,255,1);
opacity:.1}

.process-img-wrap::before{content:'';position:absolute;width:100%;height:100%;
background: linear-gradient(to top, rgba(var(--textcolor),1), rgba(var(--textcolor),.5));
opacity:.04;will-change:transform}



#submit::after,.btn::after,button::after{
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:26px;
    width:25px;
    height:25px;
    background-color:rgba(var(--textcolor),1);
    -webkit-mask-image:url(/assets/arrow-icon.svg?v=3ff47662-1735923724216);
    mask-image:url(/assets/arrow-icon.svg?v=3ff47662-1735923724216);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
}
/*#submit::after{*/
/*    background-color:rgba(var(--textcolor),1);*/
/*    -webkit-mask-image:url(/assets/send-icon.svg?v=3ff47662-1735923724216);*/
/*    mask-image:url(/assets/send-icon.svg?v=3ff47662-1735923724216);*/
/*}*/

#submit{
    font-family:Switzer,sans-serif;
    font-weight:400;
    font-size:clamp(16px,3.5vw,17px);
    line-height:1.4em;
    margin-top:10px;
    color: white;
    border-radius:5px;
    border:unset;
    cursor:pointer;
    width:304px;
    min-width:unset;
}

.video-section{
    position:relative;
    height:530px;
    min-height:39.6vw;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.video-section-inner{
    will-change: transform;
    width: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
    filter: contrast(1.1);
}

.video-section.thin{
    min-height: unset!important;
    height: 300px!important;
}
.video-section img,.video-section video{
    width:100%;
    height:auto;
    position:absolute
}
.video-section .black-3d {
    position: relative;
}
.black-3d, .rose-3d, .green-3d, .blue-3d {
    transition: opacity .2s;
}
.rose .black-3d,.rose .blue-3d,.rose .green-3d{opacity:.001}
.rose .rose-3d{opacity:1}
.blue .black-3d,.blue .green-3d,.blue .rose-3d{opacity:.001}
.blue .blue-3d{opacity:1}
.green .black-3d,.green .blue-3d,.green .rose-3d{opacity:.001}
.green .green-3d{opacity:1}
.black .blue-3d,.black .green-3d,.black .rose-3d{opacity:.001}.black .black-3d{opacity:1}
@media screen and (max-width:1200px){.video-section img,.video-section video{width:130%}}
@media screen and (max-width:1000px){.video-section img,.video-section video{width:150%}}
@media screen and (max-width:900px){.video-section img,.video-section video{width:160%}}

@media screen and (max-width:750px){
    .video-section{
        height:100vw;
        min-height:unset
    }
    .video-section img,.video-section video{
        width:204%
        
    }
    
}
.video-section-inner::after,.video-section-inner::before{
        content:'';
        z-index:1;
        width:100vw;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity:.3;
        pointer-events:none
}
.video-section-inner::after{
            background-image:url(/assets/noise-transparent.webp?v=58a886c4-1734611592350);
            mix-blend-mode:color-burn;
            background-size:clamp(100px,10vw,200px)
        }
.video-section-inner::before{
    background-image:url(/assets/noise-transparent-invert.webp?v=58a886c4-1734611592350);
    mix-blend-mode:overlay;
    background-size:clamp(110px,11vw,220px)
}



header{z-index:100;width:100vw;position:fixed;top:0;left:0;
padding: var(--headerpadding) var(--edges);
overflow:hidden;
background: linear-gradient(to top, rgba(var(--bodycolor),1), rgba(var(--bodycolor),1));
}

.off-canvas-copyright{
    position: relative;
    margin-top: 40px;
    bottom: 0;
}


.menu-icon-cont{
    display: -webkit-inline-box;
    float: right;
    position: relative;
    cursor:pointer;
    z-index:1;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 3px;
}


.menu-icon-glyph{
    position: relative;
    width: calc(var(--smalltextcaps) * 0.7)!important;
    height: calc(var(--smalltextcaps) * 0.7)!important;
    margin-left: 5px;
    pointer-events: none;
}

.menu-close .menu-icon-glyph {
    transform: rotate(45deg);
}

.menu-icon .menu-icon-glyph polygon {
    fill: rgba(var(--textcolor),1);
}
.menu-close .menu-icon-glyph polygon {
    fill: rgba(var(--bodycolor),1);
}
.menu-close p {
    color: rgba(var(--bodycolor),1)!important;
}
.menu-icon, .menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform;
}
.menu-icon{
    position:absolute;
    top:50%;
    left: 50%;
    pointer-events:all;
    transform: translate(-50%, -50%);
    transition: .5s var(--easeout) .1s;
}
.menu-icon.open{
    pointer-events:none;
    transform: translate(-50%, calc(-50% - 30px));
}
.menu-close{
    transform: translateY(30px);
    transition: .5s var(--easeout) .1s;
    pointer-events:none;
    background-color:rgba(var(--textcolor),1);
    padding: 1px 8px;
}
.menu-close.open{
    transform: translateY(0px);
    pointer-events:all;
}

/*@keyframes menuiconout {*/
/*    0% {*/
/*        transform: translateY(0px);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(-20px);*/
/*    }*/
/*}*/
/*@keyframes menuclosein {*/
/*    0% {*/
/*        transform: translateY(20px);*/
/*    }*/
/*    100% {*/
/*        transform: translateY(0px);*/
/*    }*/
/*}*/

.black .black-btn,.blue .blue-btn,.green .green-btn,.peach .peach-btn,.rose .rose-btn{
    background-color:rgba(var(--textcolor),1);color:rgba(var(--bodycolor),1);border:1px solid rgba(var(--textcolor),1)}


.nav-link-col-2-inner {
    width: -webkit-fill-available;
}

.work-box:has(.work-box-video) {
  background-color: rgba(255,255,255,.05);
}

.background-pixel-image-cont.close {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}


/*.work-box.clicked{order:-1}*/

.work-box.hidden {
    display: none;
}


#lightbox .work-box {
    cursor: auto;
}

.lightbox-content {
    padding:120px var(--edges) 60px var(--edges);
    max-width: 1300px;
    margin: auto;
}
#lightbox .work-info {
    top: 140px;
}

.work-info .flex-container {
    row-gap: 0;
}

.work-close{display:none}

@media only screen and (max-width:1000px){
    .lightbox-content {
        padding-bottom:0;
    }
    #lightbox .work-info {
        top: 0;
    }
    .work-close{display:none}
    #lightbox button {
        flex: 1;
        min-width: unset;
    }
}

@media screen and (max-width: 750px) {
    .order-3 { order: 3; }
    .order-4 { order: 4; }

    #lightbox .order-3, #lightbox .order-4 {
        order: unset;
    }
}

#lightbox .work-box.hidden {
    display: flex;
}

#lightbox .work-box{
    aspect-ratio: 1 / 1;
}

#lightbox .work-box.asp4x3 {
    aspect-ratio: 4 / 3;
}
#lightbox .work-box.asp3x1 {
    aspect-ratio: 3 / 1;
}
#lightbox .work-box.asp2x1 {
    aspect-ratio: 2 / 1;
}

:root{
    --smalltextcaps:clamp(1px, 4vw, 12px);
    --smalltext: clamp(1px, 4vw, 14px);
    --textcolor:255,255,255;
    --bodycolor:2,2,2;
    --loaderbackgroundimg:url('/assets/pixel-grad-blue.webp?v=3785c044-1732138643147');
    --edges:clamp(15px, 4vw, 30px);
    --headerpadding: clamp(15px, 3vw, 25px);
    --easeout:cubic-bezier(0,.47,.3,.99);
    --easein:cubic-bezier(.75,.01,1,.61);
    --easeinout:cubic-bezier(.66,.01,.19,1)
}
    @font-face{font-family:N27;src:url(/fonts/n27-regular-webfont.woff);font-weight:200;font-display:swap}@font-face{font-family:IvyJournal;src:url(/fonts/ivyjournal-italic.otf);font-weight:400;font-display:swap}.ivy{font-family:IvyJournal-LightItalic,serif;font-weight:400}.instant-scramble .ivy{display:inline!important}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-o-font-smoothing:antialiased}footer,section{margin-top:-1px}section{padding-left:var(--edges);padding-right:var(--edges)}section:not(.section-divider){padding-top:160px;padding-bottom:160px}@media screen and (max-width:750px){section:not(.section-divider){padding-top:60px;padding-bottom:100px}}.btn,button{all:unset;box-sizing:border-box;padding:20px 30px;border-radius:100px;display:inline-block;cursor:pointer;position:relative;background-color:rgba(var(--bodycolor),1);min-width:340px}.btn-bold::after{background-color:rgba(var(--bodycolor),1)}.show-more-btn::after{content:'+'}.price-btn::after,.price-link-btn::after{-webkit-mask-image:url(/assets/star-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/star-icon.svg?v=3ff47662-1735923724216)}.show-more-btn::after{-webkit-mask-image:url(/assets/plus-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/plus-icon.svg?v=3ff47662-1735923724216)}.email-btn::after{-webkit-mask-image:url(/assets/mail-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/mail-icon.svg?v=3ff47662-1735923724216)}.call-btn::after{-webkit-mask-image:url(/assets/call-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/call-icon.svg?v=3ff47662-1735923724216)}.btn-std::after{-webkit-mask-image:url(/assets/arrow-icon.svg);mask-image:url(/assets/arrow-icon.svg)}.btn-bold::before{opacity:1}.btn-bold span{position:relative;color:rgba(var(--bodycolor),1)!important}.btn-bold .flash-link::before{background-color:rgba(var(--bodycolor),1)!important}@media screen and (pointer:fine){.btn:hover::before,button:hover::before{opacity:.2;transition:opacity .2s}.btn-bold:hover::before{opacity:.6}.btn-std:hover::after{animation:none}.price-btn:hover::after,.price-link-btn:hover::after,.show-more-btn:hover::after{animation:btnrotate .4s forwards var(--easeout)}.call-btn:hover::after,.email-btn:hover::after{animation:none}}@keyframes btnslide{0%{transform:translate(-15px,-50%)}100%{transform:translate(0,-50%)}}@keyframes btnrotate{0%{transform:translateY(-50%) rotate(0)}100%{transform:translateY(-50%) rotate(180deg)}}@keyframes btngrow{0%{transform:translateY(-50%) scale(.2)}100%{transform:translateY(-50%) scale(1.2)}}.about-info-panel .btn,.services-section .btn.mobile{margin-top:80px}.services-section .btn.mobile,.show-more-btn.hidden{display:none}@media screen and (max-width:1000px){.services-section .btn.desktop{display:none}.services-section .btn.mobile{display:block}.mobile-bold-btn{background-color:rgba(var(--textcolor),1)}.mobile-bold-btn span{color:rgba(var(--bodycolor),1)}.mobile-bold-btn::after{background-color:rgba(var(--bodycolor),1)}}@media screen and (max-width:750px){.services-section .flex-container:nth-child(1){padding-top:30px}.work-cta-cont .btn,.work-cta-cont button{flex:0 0 100%}#submit,.btn,button{width:100%}#lightbox button{width:calc(50% - 7px)}}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body,html,html.lenis,html.lenis body{position:relative;overscroll-behavior:none;height:auto;width:100%}body.locked{overflow:hidden}@media only screen and (pointer:fine){body{overflow-x:hidden}}.fifty{opacity:.5}#off-canvas-menu{padding:var(--edges);z-index:99;position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:rgba(var(--bodycolor),1);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s var(--easeinout);overflow-y:scroll;scrollbar-width:none;opacity:0}#off-canvas-menu::-webkit-scrollbar{display:none}#off-canvas-menu.open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.off-canvas-menu-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;height:100%}.off-canvas-menu-inner .flex-container{gap:10px}#off-canvas-menu .flex-container:nth-child(1){width:500px;margin:auto;justify-content:center;text-align:center;padding-top:40px}#off-canvas-menu .footer-bottom{margin-top:auto;display:none}.off-canvas-theme-cont{flex:100%}.menu-overlay{z-index:98;pointer-events:none;background-color:rgba(0,0,0,0);transition:.8s}.menu-overlay.open{background-color:rgba(0,0,0,.8);transition:1s}nav{width:100%;height:100%;display:flex;flex-wrap:wrap;row-gap:45px;cursor:default;align-items:center;position:relative}.menu-wordmark{pointer-events:none;position:absolute;left:0;margin-left:clamp(40px,10vw,50px);height:clamp(50%,4vw,55%);width:auto;overflow:hidden}.menu-wordmark path{transform:translateY(100px)}.nav-logo-link{flex:0 0;margin-right:40px!important;transition:opacity .2s}.nav-logo{fill:rgba(var(--textcolor),1);opacity:1;width:clamp(32px,8vw,36px);height:clamp(32px,8vw,36px);cursor:pointer;transition:transform .2s ease-out}.nav-link-col-1{display:flex;align-items:center;flex:calc(50% - 10px);transition:1s .3s;opacity:1}.nav-link-col-1.hidden .micro-link{opacity:0;transition:opacity 0.3s 0s}.nav-link-col-1 .micro-link{transition:opacity 0.5s 0.3s}.nav-link-col-1 a{margin-right:25px}.nav-link-col-2{display:flex;align-items:center;position:relative;z-index:1;flex:calc(50% - 10px);margin-left:auto;}@media only screen and (pointer:fine){.nav-logo-link:hover .nav-logo{transform:scale(.95)}}.flash-link{position:relative;min-width:24px;min-height:24px}.flash-link::before{content:'';width:4px;height:4px;background-color:rgba(var(--textcolor),1);position:absolute;left:-12px;top:calc(50% - 1px);opacity:0}.btn .flash-link::before,.menu-close .flash-link::before,.menu-icon .flash-link::before,button .flash-link::before{opacity:0}@media screen and (pointer:coarse){.btn .flash-link::before,.menu-close .flash-link::before,.menu-icon .flash-link::before,button .flash-link::before{opacity:0!important}}@media screen and (pointer:fine){.flash-link:hover::before{animation:flicker .3s infinite}}@keyframes flicker{0%{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}100%{opacity:1}}.theme-btn{position:relative;display:inline-block;width:60px;text-align:center;border-radius:3px;margin-right:2px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);cursor:pointer}@media screen and (pointer:coarse){.nav-link::before{display:none}}@media screen and (max-width:900px){.menu-wordmark,.nav-link-col-2 .theme-btn{display:none}.nav-link-col-2{flex:1;margin-left: auto;}#off-canvas-menu .footer-bottom .half-flex:nth-child(2),#off-canvas-menu .footer-bottom .half-flex:nth-child(2) p{float:right;text-align:right;flex:0;min-width:100px;margin-left:auto}}@media screen and (min-width:901px){.off-canvas-theme-cont{display:none}}@media screen and (max-width:750px){.nav-link::before{display:none}}@media screen and (max-width:600px){.nav-link-col-1 .micro-link{display:none}}.marquee-container{position:relative;width:100vw;display:flex;align-items:flex-end;padding-top:120px;padding-bottom:20px;overflow:hidden;left:calc(-1 * var(--edges))}.charles-marquee{width:100vw;color:#fff;pointer-events:none}.charles-marquee-inner{position:relative;display:flex;flex-wrap:nowrap;width:fit-content;flex:auto;flex-direction:row;transform:translate3d(0,0,0)}.charles-marquee-part{display:flex;align-items:center;flex:0 0 auto;padding:0 4px;transform:translateZ(0);opacity:1;will-change:transform;overflow:hidden}.logo-lottie{height:100%;width:auto}.lottie path{fill:rgba(var(--textcolor),1);stroke:rgba(var(--textcolor),1)}svg{shape-rendering: crispedges;fill:rgba(var(--textcolor),1);display:block;position:relative;height:100%;width:100%}.marquee-word{fill:rgba(var(--textcolor),1)}.charles-wrd-cont,.collective-wrd-cont{height:27vw;width:calc(27vw * 11.284);max-height:240px;max-width:calc(240px * 11.284);min-height:100px;min-width:calc(100px * 11.284)}.marquee-images{position:relative;display:flex;align-items:center;justify-content:flex-end;height:33vw;width:calc(33vw * 1.048);max-height:250px;max-width:calc(250px * 1.048);min-height:100px;min-width:calc(100px * 1.048);margin-left:clamp(70px,15vw,120px);margin-right:clamp(70px,15vw,120px);opacity:1}.pixel-icons{display:block;position:relative;height:100%;width:auto}.top-section{position:relative;will-change:transform;z-index:4}.top-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;
    
        transform:scaleY(var(--scaleY,1));transform-origin:top;background:rgba(var(--bodycolor),1);height:100%;will-change:transform}.home-page .top-section{padding:240px var(--edges) 60px var(--edges)}@media screen and (min-width:901px){.theme-picker{display:none}}.theme-picker{margin-top:50px;opacity:.01}.contact-page .top-section{display:flex;flex-wrap:wrap;flex-direction:row;height:auto;padding-top:120px;padding-bottom:160px}.contact-page .top-section .btn-cont{margin-top:50px;display:flex;flex-wrap:wrap;column-gap:20px;row-gap:15px;max-width:500px}.contact-page .top-section .btn-cont .btn{flex:1 calc(50% - 20px);min-width:unset}.privacy-page .top-section{padding:120px var(--edges) 120px var(--edges)}.privacy-page .top-section ul{margin-top:1em;list-style-type:none}.privacy-page .top-section li{position:relative;margin-left:15px;margin-bottom:.5em}.privacy-page .top-section li::before{content:'•';position:absolute;top:.05em;left:-15px;margin:0;padding:0;text-indent:0}.privacy-page .privacy-tab{position:relative;border-radius:5px;margin-bottom:20px;padding:30px;margin-top:40px}.privacy-page .privacy-tab::after{content:'';border-radius:5px;top:0;left:0;position:absolute;width:100%;height:100%;background-color:rgba(var(--textcolor),1);opacity:.05;pointer-events:none}@media screen and (min-width:751px){.section-divider-line.mobile-only{display:none!important}}@media screen and (max-width:750px){.contact-page .top-section .btn-cont .btn{flex:calc(50% - 10px)}}.top-section-intro-text{max-width:660px}@media screen and (max-width:750px){.home-page .top-section{padding:150px var(--edges) 50px var(--edges)}}.work-section{box-sizing:border-box;position:relative;transform:translate(0,0);}.work-inner{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;padding-top:40px}.work-inner .work-info{margin-top:clamp(30px,6vw,60px)}.work-info .fifty{margin-bottom:2px}.work-info p:not(.fifty){margin-bottom:10px}.loader-cont{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media screen and (pointer:fine){.loader-cont{display:none}}.loader{position:relative;width:15%;height:15%;filter:drop-shadow(5px 5px 20px rgba(0, 0, 0, .9))}.loader::after,.loader::before{content:'';background-size:contain;background-repeat: no-repeat;position:absolute;width:100%;height:100%}.loader::before{background-image:url(/assets/play-icon.svg?v=3785c044-1732138643147)}.loader::after{background-image:url(/assets/loader.png?v=3785c044-1732138643147);display:none;animation:loaderspin 1s linear infinite}#lightbox .loader::before{display:none}#lightbox .loader::after{display:block}@keyframes loaderspin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.work-box{background-color:rgba(255,255,255,0.05);position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;transform:translateZ(0);opacity:1;overflow:hidden;border-radius:5px;cursor:pointer}.work-box-image,.work-box-video,.work-box-video-image{position:relative;width:auto;height:101%;object-fit:cover;opacity:1;transform:translateZ(0)}.work-box-video-image{position:absolute}.work-box-video-image.hidden{display:none}img{text-indent:-9999px}.work-box-image-px{display:none;opacity:.3}.video-icon{display:none;position:absolute;top:15px;right:15px;width:15px;height:15px;fill:#fff;filter:drop-shadow(0 0 10px rgb(0 0 0 / .3));pointer-events:none}@media screen and (pointer:coarse){.video-icon.show{display:block}}.work-box-text{display:none;position:absolute;width:80%;transition:opacity .2s}.volume-cont{display:none;align-items:center;justify-content:center;width:clamp(50px,10%,60px);height:clamp(50px,10%,60px);border-radius:100px;position:absolute;bottom:0;right:0;pointer-events:all}.volume-cont::before{content:'';position:absolute;background-color:#494949;border-radius:100px;width:50%;height:50%}.sound-on{display:none}.volume-cont.active .sound-on{display:block}.volume-cont.active .sound-off{display:none}#lightbox.open .volume-cont{display:flex}.volume-cont img{opacity:.8;width:25%;height:auto;pointer-events:none}.off-canvas-item,h1,h2,h3,h4,h5,h6{cursor:default}.work-inner-row.hidden{display:none}@media screen and (max-width:750px){.work-inner-row.hidden{display:none}.work-inner-row{column-gap:15px}#lightbox .work-inner-row{row-gap:15px}}.section-divider{position:relative;z-index:10}.section-divider-line{padding-bottom:3px;border-top:1px dashed rgba(var(--textcolor),1);opacity:.4}.about-section{padding-bottom:125px;will-change:transform}.about-info-panel .flex-container{margin-top:60px}.experience-container .icon{width:100%;aspect-ratio:1/1;background-color:rgba(var(--textcolor),1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center center;mask-position:center center}.experience-container .quarter-flex{display:flex;align-items:center;justify-content:center;flex:calc(25% - 20px);background-color:rgba(var(--bodycolor),1)}.sticky-full-height-flex{position:sticky;top:160px;min-height:fit-content;display:flex;flex-direction:column}.privacy-page .sticky-full-height-flex{top:120px}.about-image{position:relative;width:340px;aspect-ratio:6/7;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:1;border-radius:5px}.about-image img{position:relative;width:100%;height:auto;object-fit:cover;}#signature{margin-top:40px;fill:rgba(var(--textcolor),1);position:relative;width:150px;height:100px}.process-container .half-flex{position:relative;border:1px solid rgba(255,255,255,0);border-radius:5px;transition:border .2s;cursor:default;background-color:rgba(var(--bodycolor),1);}.process-panel-text{padding:40px 30px 40px 30px}.process-img-wrap{position:relative;width:100%;height:fit-content}.process-lottie{width:100%;height:100%;opacity:1}.process-img{position:absolute;width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:rgba(var(--textcolor),1);opacity:1}.process-img.one{-webkit-mask-image:url(/assets/lottie-grid-discovery.png);mask-image:url(/assets/lottie-grid-discovery.png)}.process-img.two{-webkit-mask-image:url(/assets/lottie-grid-direction.png);mask-image:url(/assets/lottie-grid-direction.png)}.process-img.three{-webkit-mask-image:url(/assets/design.png);mask-image:url(/assets/design.png)}.process-img.four{-webkit-mask-image:url(/assets/lottie-grid-delivery.png);mask-image:url(/assets/lottie-grid-delivery.png)}.process-panel-title{width:100%}.process-panel-title .fifty{margin-right:10px}@media screen and (max-width:750px){.privacy-page .sticky-full-height-flex,.sticky-full-height-flex{position:relative;top:0;height:unset}.about-btn-cont{display:none}.about-info-panel .quarter-flex{flex:calc(25% - 20px)}.about-image-cont{margin-bottom:30px}#signature{margin-bottom:40px}}.services-section{position:relative}.services-title:nth-child(6){margin-bottom:0}.services-title h3{display:flex;align-items:center;flex:0 0 100%;transition:padding .4s;pointer-events:none}.services-title.active h3{padding-bottom:30px}.services-title h3::after{content:'';position:absolute;pointer-events:none;top:0;right:26px;width:1em;height:1em;margin:30px 0;background-color:rgba(var(--textcolor),1);-webkit-mask-image:url(/assets/plus-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/plus-icon.svg?v=3ff47662-1735923724216);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;align-self:center}.services-title h3 img{width:70px;height:70px;border-radius:5px}.services-title h3 span{line-height:1em!important}.services-title h3 span:nth-child(2){margin-left:20px}.services-title.active h3::after{-webkit-mask-image:url(/assets/minus-icon.svg?v=3ff47662-1735923724216);mask-image:url(/assets/minus-icon.svg?v=3ff47662-1735923724216)}.charles-text::selection,.services-title::selection{background-color:rgba(0,0,0,0)!important}.line-container{display:block;overflow:hidden}
        
        .instant-scramble,.scroll-scramble{transform:translate(0,0)}.instant-scramble .line,.line,.scroll-scramble .line{will-change:transform;line-height:0}.p-maxwidth520 p{max-width:520px}.services-text{padding-top:15px}.panel{flex:0 0 100%;width:100%;position:relative;max-height:1px;overflow:hidden;transition:max-height .3s var(--easeout);opacity:1;will-change:height}.services-title.active .panel{max-height:1000px;transition:max-height 1.8s var(--easeout)}.panel .btn-cont{display:flex;flex-wrap:wrap;gap:15px;flex:100%;padding-bottom:50px;}.panel .btn{flex:1 40%;padding:13px 24px!important;min-width:unset}.panel ul{padding-bottom:40px}.panel li{position:relative;box-sizing:border-box;padding:13px 0 9px 0;list-style:none;display:block;opacity:1;font-size:var(--smalltextcaps);text-transform:uppercase;letter-spacing:.03em}.panel li::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid rgba(var(--textcolor),1);opacity:.2}.panel li:last-child::before{border-bottom:1px solid rgba(var(--textcolor),1);margin-bottom:5px}.panel li::after{content:'';position:absolute;top:10.5px;right:0;width:20px;height:20px;background-color:rgba(var(--textcolor),1);-webkit-mask-image:url(/assets/tick.svg?v=3ff47662-1735923724216);mask-image:url(/assets/tick.svg?v=3ff47662-1735923724216);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.5}@media screen and (max-width:1000px){.services-list{margin-top:60px}.services-title h3::after{right:10px}.panel .btn{flex:1 100%}.services-section .sticky-full-height-flex{height:unset}.services-section .sticky-full-height-flex>:last-child{padding:0}}@media screen and (max-width:750px){.about-image{width:calc(100vw - (var(--edges) * 2));}}#lightbox{z-index:96;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--bodycolor),1);pointer-events:none;opacity:0;transition:opacity 1s;overflow-y:scroll;scrollbar-width:none}@media screen and (pointer:coarse){#lightbox{height:100%}}#lightbox::-webkit-scrollbar{display:none}#lightbox.open{opacity:1;pointer-events:all;transition:opacity .3s}.work-info .btn-cont{display:none}#lightbox.open .work-info .btn-cont{display:flex;column-gap:10px;margin-top:auto;padding-top:60px;max-width:460px}#lightbox button{min-width: 150px;padding-left:unset;padding-right:unset;text-align:center;}#lightbox button::after{display:none}#lightbox .full-flex{flex:0 0 calc(50% - 10px);width: calc(50% - 10px);}#lightbox .work-info{order:-1;position:sticky;height:calc(100vh - 210px);min-height:fit-content;display:flex;flex-direction:column}#lightbox .work-info .half-flex{flex:100%!important}#lightbox .work-info p{max-width:520px}#lightbox .work-box.quarter-flex{flex:100%!important;margin-bottom:10px;max-width:clamp(600px,80vh,1000px)}#lightbox .work-info .quarter-flex{flex:0 0 calc(50% - 10px)!important;margin-bottom:30px;max-width:255px}#lightbox .work-close{opacity:1}.work-close:hover{opacity:1}@media only screen and (max-width:1000px){#lightbox .work-inner-row{max-width:520px;margin:auto}#lightbox .full-flex{flex:100%}#lightbox .work-info{order:unset;position:relative;top:unset}#lightbox .work-info{order:unset;position:relative;top:unset;height:unset;padding-bottom:50px;padding-top:30px}#lightbox.open .work-info .btn-cont{max-width:100%}}textarea{all:unset;box-sizing:border-box}.form-container{overflow:visible;margin-top:-5px}.custom-form{position:relative;color:rgba(var(--bodycolor),1);width:100%;max-width:500px;transform:translateY(-20px)}@media screen and (max-width:750px){.custom-form{max-width:100%}}input::placeholder,textarea::placeholder{color:rgba(var(--textcolor),1)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 100px rgba(var(--bodycolor),1) inset!important}input:-webkit-autofill{-webkit-text-fill-color:rgba(var(--textcolor),1)!important}.form-input:nth-child(2){padding-top:0}.form-input::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--textcolor),1);opacity:.2}@media screen and (max-width:750px){.form-input{padding:20px 0}}.form-input.complete,.form-input:focus{opacity:1!important}.form-input:focus::placeholder{opacity:0}#invalid-email{opacity:0}#invalid-email.invalid{opacity:.5}.calendar,.calendar-label{display:none}#meet{text-transform:uppercase}.form-input:focus-visible{outline:unset}label{font-size:var(--smalltext);position:relative;display:none}label span{opacity:1}label .tick{display:none}label.complete .tick{opacity:.5;display:inline;float:right}#your-message{white-space:pre-wrap;padding-bottom:20px;line-height:1.4em;height:69px}#required-field-message{padding:5px 15px;margin-top:30px;color:rgba(var(--bodycolor),1);background-color:rgba(var(--textcolor),1);border-radius:3px;font-size:var(--smalltext);width:fit-content;display:none}#required-field-message.hide{display:none}::-webkit-calendar-picker-indicator{display:none}input[type=date]{-moz-appearance:textfield;appearance:textfield}footer li{list-style-type:none;line-height:1.6em}.overlay{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}footer{z-index:0;position:relative;width:100vw;padding:80px var(--edges) 0 var(--edges);}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25)}.footer-bottom::before{content:'';position:absolute;width:100vw;bottom:0;left:50%;transform:translateX(-50%);height:50px;mix-blend-mode:multiply;opacity:.2;border-top:1px solid rgba(var(--textcolor),1);display:none}@media screen and (pointer:coarse){.footer-bottom::before{height:60px}}.flex-container{position:relative;display:flex;flex-wrap:wrap;width:100%;gap:20px}.off-canvas-item{position:relative;flex:100%;display:block;overflow:hidden;margin-bottom:10px;transition:opacity .1s}.off-canvas-item:hover{opacity:.5!important}.off-canvas-item h2{margin-bottom:0;line-height:1em;cursor:pointer;font-size:clamp(35px,8vw,55px);will-change:transform}.home-page .top-section .flex-container{align-items:flex-end}.quarter-flex{flex:0 0 calc(25% - 15px);position:relative}@media only screen and (max-width:1000px){.flex-container{column-gap:15px}.footer-top .half-flex{flex:100%;margin-bottom:50px}.footer-top .quarter-flex{flex:0 0 calc(50% - 10px)}.footer-top .quarter-flex:nth-child(2){padding-right:25px}.footer-top .quarter-flex:nth-child(3){flex:0 0 auto}.services-section .half-flex{flex:100%}.panel .half-flex{flex:calc(50% - 10px)}}@media only screen and (max-width:1000px){.contact-page .top-section .half-flex{flex:100%}.contact-page .top-section .btn-cont{max-width:unset;}.custom-form{max-width:unset;margin-top:70px}}@media only screen and (max-width:750px){footer{padding-top:80px}.half-flex{flex:100%}.about-image-cont .btn{display:none}.quarter-flex{flex:calc(50% - 10px)}.work-info .quarter-flex{margin-bottom:10px}.footer-top .quarter-flex{margin-bottom:40px}.marquee-container{padding-top:30px}}@media only screen and (max-width:370px){.footer-bottom .quarter-flex:nth-child(1){margin-bottom:5px}.footer-bottom .quarter-flex:nth-child(3){margin-left:0;text-align:left}}
        
        
        .work-box.flex-end {
            justify-content: flex-end;
        }
        
        
        .marquee-container {
            display: none;
        }
        
        
#footer-form {
    margin-top: 50px;
}
        
input {
    all: unset;
    display: block;
    width: 100%;
    padding: 8px 0px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

input,
input::placeholder {
    font-family: 'Switzer-Variable', sans-serif;
    text-decoration: none;
    line-height: 1.45em;
    font-size: clamp(16px,3.5vw,17px);
    font-weight: 400;
    transition: .2s;
}

input {
    color: rgba(255,255,255,1);
}

input::placeholder {
    color: rgba(255,255,255,1);
}

/* input:focus {
    border-bottom: 1px solid hsla(var(--whitecolor),.8);
} */
input:focus::placeholder {
    opacity: 0.4;
}

input.wotsit {
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
}

input.wotsit::placeholder {
    color: rgba(255,255,255,0);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px rgba(var(--bodycolor), 1) inset !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: rgba(var(--textcolor), 1) !important;
}

@media screen and (pointer: fine) {

    /* input:hover {
        border-bottom: 1px solid hsla(var(--whitecolor),.8);
    } */
    input:hover::placeholder {
        opacity: 0.4;
    }
}