:root{--header-height:72px;--gap:40px;--white:#fff;--dark:#000;--grey:#bbbaba;--banner-height:40px;--font:"Barlow", "din-2014", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--white);color:var(--dark);padding:var(--header-height) 0 0;font-size:15px;font-style:normal;font-weight:300;line-height:1.37;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,video{max-width:100%}sup{vertical-align:super;font-size:.55em}.site{min-height:100%}.site--loading{opacity:0}.site--ready{opacity:1;transition:opacity .5s}.container{max-width:calc(100% - var(--gap) - var(--gap));z-index:1;width:100%;margin-left:auto;margin-right:auto;position:relative}.flex-sb-st{flex-flow:wrap;justify-content:space-between;align-items:flex-start;display:flex}.flex-sb-ce{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.flex-st-st{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.flex-ce-ce{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.flex-st-ce{flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}.flex-st-en{flex-flow:wrap;justify-content:flex-start;align-items:flex-end;display:flex}.col{flex-direction:column}.gap{gap:var(--gap)}.gap10{gap:10px}.g20{gap:20px}.grid_2{width:calc(16.66% - var(--gap) * .33)}.grid_3{width:calc(25% - 15px)}.grid_6{width:calc(50% - var(--gap) * .5)}.grid_8{width:calc(66.67% - var(--gap) * .37)}.grid_9{width:calc(75% - 15px)}.grid_w5{width:calc(60% - 75px)}.grid_w45{width:calc(40% - 75px)}.w150{width:150px}.w480{width:475px;max-width:calc(50% - var(--gap) * .5)}.max550{max-width:100%}.max440{max-width:440px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb60{margin-bottom:60px}.pts{padding-top:calc(.5 * var(--gap))}.ptm{padding-top:var(--gap)}.ptl{padding-top:calc(2 * var(--gap))}.pbs{padding-bottom:calc(.5 * var(--gap))}.pbl{padding-bottom:calc(2 * var(--gap))}.pad-all{padding:calc(var(--gap) * 2)}.border-t{border-top:1px solid}.mauto{margin-left:auto;margin-right:auto}.grey{color:var(--grey)}.reg{font-weight:400}.sml{font-size:15px;line-height:1.37}.hide{opacity:0;pointer-events:none}.trn{transition:all .4s}.section-white{background:var(--white);color:var(--dark)}.page-inner{min-height:calc(100svh - var(--header-height));padding-bottom:var(--gap)}h1{margin:0;font-size:42px;font-weight:400;line-height:1.15}h1.sml{font-size:15px;line-height:1.37}h2{text-align:left;max-width:820px;margin:0;font-size:clamp(22px,3.2vw,36px);font-weight:400;line-height:1.15}h3{margin:0 0 12px;font-size:20px;font-weight:400}h4{margin:0;font-size:15px;font-weight:400}p{margin:0}header{z-index:6;background-color:var(--dark);width:100%;height:var(--header-height);color:var(--white);position:fixed;top:0;left:0}header .h-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo img{width:120px;display:block}header #nav{top:var(--header-height);height:calc(100vh - var(--header-height));background-color:var(--dark);width:100%;color:var(--white);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 0 140px;list-style:none;transition:opacity .7s;display:flex;position:fixed;left:0}header #nav.active{opacity:1;pointer-events:auto}header #nav #ul{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}header #nav #ul a{letter-spacing:.02em;opacity:.9;font-size:clamp(14px,4vh,42px);transition:opacity .3s}header #nav #ul a:hover,header #nav #ul a.active{opacity:.5}#menu{cursor:pointer;border:none;position:relative}#menu:after{content:"Menu";transition:opacity .5s}#menu:before{content:"Close";opacity:0;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#menu.active:after{opacity:0}#menu.active:before{opacity:1}.abs-container{width:100%;position:absolute;bottom:0;left:0;right:0}.btn{letter-spacing:.03em;background-color:var(--white);width:max-content;height:43px;color:var(--dark);border:1px solid var(--white);cursor:pointer;border-radius:5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:0 40px;font-size:14px;font-weight:400;line-height:1;text-decoration:none;display:flex;position:relative}.btn.black{background-color:var(--dark);color:var(--white);border:1px solid var(--dark)}@media (hover:hover){.btn{transition:all .4s,color .4s}.btn:hover{color:var(--white);background-color:#0000}.btn.black:hover{background-color:var(--white);color:var(--dark)}.tile:hover .w-hover{opacity:1}}.full-height{height:calc(100svh - var(--header-height));background-size:cover;background-color:var(--dark);position:relative;overflow:hidden}.bg-video{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-video video{object-fit:cover;z-index:1;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mid-logo{z-index:2;width:min(500px,80%);position:relative}.middle{z-index:1;width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.middle-h{z-index:1;display:block;position:absolute;top:50%;transform:translateY(-50%)}.img{width:100%;display:block}.img-hover{z-index:1;position:relative;overflow:hidden}.img-h{object-fit:cover;width:100%;display:block;transform:scale(1.05)}.img-gover{z-index:1;position:relative;overflow:hidden}.tile{display:block;position:relative;overflow:hidden}.asp3-4 img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.prj-name{color:var(--white);z-index:2;letter-spacing:.04em;font-size:14px;position:absolute;top:10px;left:10px}.w-hover{opacity:0;z-index:3;background-color:#ffffff80;width:100%;height:100%;transition:opacity .7s;position:absolute;top:0;left:0}.w-hover .middle{aspect-ratio:auto;width:65px;max-width:25%}.w-hover span{color:#fff;text-align:center;background-color:var(--dark);width:100%;padding:11px 0;font-size:14px;display:block;position:absolute;bottom:0}.fadeInUp{opacity:0;transform:translateY(20px)}.fadeInUp.animated{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}.delay0{animation-delay:0s}.delay1{animation-delay:.12s}.delay2{animation-delay:.24s}.delay3{animation-delay:.36s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateZ(0)}}.hover-line{width:max-content;padding-bottom:3px;position:relative}.hover-line:after{opacity:0;content:"";background-color:currentColor;height:1px;transition:opacity .5s;display:block;position:absolute;bottom:2px;left:0;right:-1px}.hover-line:hover:after{opacity:1}.social{width:max-content;line-height:1.5;display:block}label{width:100px;font-weight:500;display:block}.form-row{width:calc(100% - 183px);padding-bottom:15px;position:relative}input,textarea{color:var(--grey);border:1px solid var(--grey);background:0 0;border-radius:0;width:100%;min-width:calc(100% - 160px);padding:13px 20px;font-size:14px}textarea{resize:vertical;min-height:120px;color:var(--dark)}.contact-form{max-width:520px}.contact-form .form-row{width:100%}.contact-form input,.contact-form textarea{min-width:0;color:var(--dark);border-color:#00000040}footer{padding:var(--gap) 0;background-color:var(--dark);color:var(--white)}footer .graya-logo{width:141px;display:block}footer .form-row{width:calc(100% - 183px)}footer input{color:var(--grey);border:1px solid var(--grey);background:0 0}.collection-desktop{width:100%}.collection-desktop .tile{width:calc(25% - 15px)}.collection-mobile{display:none}.projects-grid .tile{width:calc(33.33% - 14px)}.slick-controls{height:24px;margin-bottom:16px;position:relative}.slick-arrow{cursor:pointer;z-index:4;background-color:#0000;background-image:url(/images/next.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;width:24px;height:17px;font-family:inherit;font-size:0;transition:transform .4s;position:absolute;top:0;right:calc(50% - 35px)}.slick-prev{background-image:url(/images/prev.svg);right:calc(50% + 15px)}.slick-track-wrap{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;display:flex;overflow-x:auto}.slick-track-wrap::-webkit-scrollbar{display:none}.slick-track-wrap .tile{scroll-snap-align:start;flex:0 0 78%}.story-hero{background:var(--dark);min-height:48vh;color:var(--white);position:relative;overflow:hidden}.story-hero__img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.story-hero__copy{z-index:1;text-align:center;padding:calc(2 * var(--gap)) var(--gap);position:relative}.story-hero__copy h2{text-align:center;color:#fff;margin:12px auto 0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.story-founders{max-width:720px;font-size:clamp(18px,2.4vw,28px)}.services-list{flex-direction:column;gap:28px;max-width:640px;display:flex}.service-row h3{margin-bottom:8px}.leaders{gap:var(--gap);flex-wrap:wrap;display:flex}.leader{width:calc(50% - var(--gap) * .5);max-width:420px}.leader h3{margin-bottom:4px}.project-hero{background:var(--dark);max-height:70vh;overflow:hidden}.project-hero img{object-fit:cover;width:100%;max-height:70vh}@media screen and (width<=1580px){.grid_8,.grid_9{width:calc(86% - 33px)}}@media screen and (width<=1000px){:root{--gap:20px;--header-height:55px}.logo img{width:90px}header #nav{padding:0 0 75px}.abs-container{display:none}.btn{height:34px;padding:0 34px;font-size:13px}.grid_2,.grid_3,.grid_8,.grid_9,.grid_6,.w480{width:100%;max-width:100%}.pad-all{padding:var(--gap) 0 0}.collection-desktop,.desc{display:none}.collection-mobile,.mob{width:100%;margin-top:20px;display:block}.projects-grid .tile{width:calc(50% - 10px)}.leader,footer .form-row{width:100%}footer .flex-st-st.gap10{flex-direction:column;align-items:stretch}footer .btn{width:100%}h1:not(.sml){font-size:28px}}@media screen and (width<=600px){.projects-grid .tile{width:100%}}@media (prefers-reduced-motion:reduce){.fadeInUp{opacity:1;transform:none}.fadeInUp.animated{animation:none}}#preloader{z-index:1000;background:var(--dark);color:var(--white);justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}#preloader.hide{opacity:0;pointer-events:none}#preloader .mid-logo{opacity:0;filter:none;z-index:2;width:min(464px,70vw);transition:opacity .7s}#preloader.step1 .mid-logo,#preloader.step2 .mid-logo{opacity:1}#preloader.step3 .mid-logo,#preloader.step4 .mid-logo{opacity:0}#preloader .abs-left,#preloader .abs-right{z-index:1;opacity:0;letter-spacing:.04em;font-size:clamp(22px,5vw,42px);font-weight:400;transition:all .7s;position:absolute;top:50%;transform:translateY(-50%)}#preloader .abs-left{text-align:left;width:50%;padding-left:var(--gap);left:0}#preloader .abs-right{text-align:right;width:50%;padding-right:var(--gap);left:50%}#preloader.step2 .abs-left,#preloader.step2 .abs-right,#preloader.step3 .abs-left,#preloader.step3 .abs-right{opacity:1}#preloader.step3 .abs-left{transform:translate(-8%,-50%)}#preloader.step3 .abs-right{transform:translate(8%,-50%)}#preloader .graya_w,#preloader .mark-invert{opacity:0;filter:invert();z-index:2;width:65px;transition:opacity .7s}#preloader.step3 .graya_w,#preloader.step3 .mark-invert{opacity:1}