@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--pad:25px;--nav-h:37px;--black:#000;--white:#fff;--btn-bg:#ebebeb;--line:#e1e0dc;--radius-card:20px;--ease:cubic-bezier(.25, .1, .25, 1);--dur-hover:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}body{color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,system-ui,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}.page-fade{z-index:90;background:var(--white);opacity:1;pointer-events:none;position:fixed;inset:0}.btn{background:var(--btn-bg);color:var(--black);white-space:nowrap;transition:background-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);border-radius:100px;align-items:center;gap:5px;padding:10px 16px;font-size:14px;font-weight:400;line-height:1.2;display:inline-flex}@media (hover:hover) and (width>=768px){.btn:hover{background:var(--black);color:var(--white)}}.btn__arrow{flex-shrink:0;width:10px;height:10px;transform:rotate(45deg)}.switch{border:1px solid var(--line);border-radius:100px;align-items:center;padding:5px;display:inline-flex;position:relative}.switch__pill{background:var(--black);will-change:transform, width;border-radius:100px;position:absolute;top:0;left:0}.switch__opt{z-index:1;color:#00000080;transition:color var(--dur-hover) var(--ease);padding:10px 15px;font-size:14px;line-height:1.2;position:relative}.switch__opt[aria-pressed=true]{color:var(--white)}.nav{z-index:100;padding:var(--pad);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav__left{justify-self:start}.nav__right{justify-self:end;gap:0;display:flex}.nav__logo{width:170px;display:block}.nav__logo img{width:100%;height:auto}.nav__mark,.nav__menu{display:none}.nav__plus{display:inline-block}.nav__label{height:1em;display:block;position:relative;overflow:hidden}.nav__label__in{white-space:nowrap;position:absolute;top:0;left:0}.home{height:100svh;padding-top:calc(var(--pad) + var(--nav-h) + 100px);padding-bottom:var(--pad);flex-direction:column;display:flex;overflow:hidden}.home__title{padding:0 var(--pad);text-align:center;color:var(--black);font-size:30px;font-weight:500;line-height:40px}@media (width>=1024px){.home__title .line{white-space:nowrap;display:block}}.home__showcase{flex-direction:column;flex:1;min-height:0;margin-top:100px;display:flex}.home__cta{margin-top:50px;margin-right:var(--pad);align-self:flex-end}.carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;min-height:0;overflow:hidden}.carousel__track{will-change:transform;gap:15px;width:max-content;height:100%;display:flex}.card{aspect-ratio:4/5;border-radius:var(--radius-card);isolation:isolate;background:#f2f2f2;flex-shrink:0;height:100%;position:relative;overflow:hidden}.card__img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:filter .6s var(--ease), transform .6s var(--ease);position:absolute;inset:0}.card__title,.card__year{text-align:center;color:var(--white);opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;left:0;right:0}.card__title{padding:0 20px;font-size:16px;line-height:1.3;top:50%;transform:translateY(-50%)}.card__year{font-size:14px;line-height:1.2;bottom:20px}@media (hover:hover) and (width>=768px){.carousel:not(.is-dragging):not(.carousel--plain) .card:hover .card__img{filter:blur(40px);transform:scale(1.2)}.carousel:not(.is-dragging):not(.carousel--plain) .card:hover .card__title{opacity:1}.carousel:not(.is-dragging):not(.carousel--plain) .card:hover .card__year{opacity:.5}}.card>a{display:block;position:absolute;inset:0}.drops{height:100svh;padding:calc(var(--pad) + var(--nav-h)) var(--pad);justify-content:center;align-items:center;display:flex}.drops__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.drops__icon{width:50px;height:50px}.drops__title{color:var(--black);margin-top:25px;font-size:25px;font-weight:400;line-height:25px}.drops__text{color:#00000080;margin-top:20px;font-size:16px;line-height:24px}@media (width>=768px){.drops__text .line{white-space:nowrap;display:block}}.drops__form{align-items:center;gap:10px;margin-top:40px;display:flex}.field{border:1px solid var(--line);width:260px;height:50px;color:var(--black);transition:border-color var(--dur-hover) var(--ease);background:0 0;border-radius:100px;outline:none;padding:0 15px;font-family:inherit;font-size:14px;line-height:1.2}.field::placeholder{color:#00000080}.field:focus,.field:not(:placeholder-shown){border-color:var(--black)}.btn--solid{background:var(--black);height:50px;color:var(--white);padding:0 15px;overflow:hidden}@media (hover:hover) and (width>=768px){.btn--solid:hover{background:var(--btn-bg);color:var(--black)}}.btn--solid.is-wrong,.btn--solid.is-wrong:hover{background:var(--btn-bg);color:var(--black)}.btn__label{white-space:nowrap;display:inline-block}.cases{padding:calc(var(--pad) + var(--nav-h) + 100px) var(--pad) 100px}.cases__head{display:none}.cases__grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:40px 15px;margin-top:50px;display:grid}.case__media{aspect-ratio:4/5;border-radius:var(--radius-card);background:#f2f2f2;position:relative;overflow:hidden}.case__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case__img--hover{opacity:0;transition:opacity .6s var(--ease)}@media (hover:hover) and (width>=768px){.case:hover .case__img--hover{opacity:1}}.case__title{text-align:center;color:var(--black);margin-top:20px;font-size:16px;font-weight:400;line-height:1.3}.agency{--col:640px}.agency__hero{width:100%;height:100svh;position:relative;overflow:hidden}.agency__hero img{object-fit:cover;will-change:transform;width:100%;height:120%;position:absolute;top:-10%;left:0}.agency__body{width:min(var(--col), 100% - var(--pad) * 2);margin:100px auto 0;padding-bottom:100px}.agency__text{color:var(--black);font-size:16px;line-height:22px}.agency__label{color:#00000080;margin-top:80px;font-size:16px;font-weight:400;line-height:22px}.agency__clients{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(var(--rows,8), auto);row-gap:15px;margin-top:35px;display:grid}.agency__clients li{color:var(--black);white-space:nowrap;font-size:16px;line-height:16px;list-style:none}.agency__steps{margin-top:40px}.step{border-top:1px solid var(--line);padding:20px 0 40px;display:flex}.step__num{color:#00000080;min-width:35px;font-size:25px;line-height:25px}.step__body{flex:1;margin-left:75px}.step__title{color:#00000080;font-size:16px;font-weight:400;line-height:22px}.step__text{color:var(--black);margin-top:20px;font-size:16px;line-height:22px}.agency__make{color:var(--black);margin-top:35px;font-size:16px;line-height:22px}.project{height:100svh;padding-top:calc(var(--pad) + var(--nav-h) + 100px);padding-bottom:var(--pad);flex-direction:column;display:flex;overflow:hidden}.project__title{padding:0 var(--pad);text-align:center;color:var(--black);font-size:30px;font-weight:500;line-height:30px}.project__desc{width:min(640px, 100% - var(--pad) * 2);text-align:center;color:#00000080;margin:40px auto 0;font-size:16px;line-height:22px}.project__year{display:none}.project__showcase{flex-direction:column;flex:1;min-height:0;margin-top:100px;display:flex}.project__actions{padding:0 var(--pad);justify-content:space-between;align-items:center;margin-top:50px;display:flex}.card>button{background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.btn--ghost{color:var(--black);transition:border-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);background:0 0;border:1px solid #bfbfbf}@media (hover:hover) and (width>=768px){.btn--ghost:hover{border-color:var(--black);color:var(--black);background:0 0}}#app,.nav__left,.nav__right{transition:filter .5s var(--ease)}body.is-lightbox #app,body.is-lightbox .nav__left,body.is-lightbox .nav__right{filter:blur(100px);pointer-events:none}.lightbox{z-index:95;opacity:0;position:fixed;inset:0}.lightbox__stage{top:calc(var(--pad) + var(--nav-h) + 100px);aspect-ratio:4/5;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.lightbox__figure{border-radius:var(--radius-card);will-change:transform, opacity;width:100%;height:100%;position:relative;overflow:hidden}.lightbox__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lightbox__img--back{opacity:0}.lightbox__half{z-index:5;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.lightbox__half--prev{cursor:w-resize;left:0}.lightbox__half--next{cursor:e-resize;right:0}.lightbox__close{position:absolute;top:0;left:calc(100% + 20px)}.lightbox__captions{opacity:0;width:260px;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.lightbox__caption{color:#00000080;font-size:16px;line-height:22px}.menu{z-index:92;background:var(--white);padding:calc(var(--pad) + var(--nav-h) + 100px) var(--pad) var(--pad);flex-direction:column;display:none;position:fixed;inset:0}.menu.is-active{display:flex}.menu__links{flex-direction:column;flex:1;justify-content:space-between;align-items:center;margin-bottom:100px;display:flex}.menu__link{color:var(--black);font-size:22px;line-height:22px}.menu__foot{border-top:1px solid var(--btn-bg);color:var(--black);justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;line-height:12px;display:flex}.contact{min-height:100svh;padding:calc(var(--pad) + var(--nav-h) + 100px) var(--pad) 100px;align-items:center;display:flex}.contact__inner{text-align:center;width:min(640px,100%);margin:0 auto}.contact__title{color:var(--black);font-size:40px;font-weight:500;line-height:60px}.contact__desc{color:#00000080;width:min(420px,100%);margin:20px auto 0;font-size:16px;line-height:22px}.contact__switch{margin-top:40px}.contact__forms{text-align:left;margin-top:50px}.form{flex-direction:column;gap:10px;display:flex}.form__row{gap:10px;display:flex}.form__row>*{flex:1;min-width:0}.input{border:1px solid var(--line);width:100%;height:50px;color:var(--black);transition:border-color var(--dur-hover) var(--ease);background:0 0;border-radius:10px;outline:none;padding:15px;font-family:inherit;font-size:15px;line-height:20px}.input::placeholder{color:#00000080}.input:focus{border-color:var(--black)}.input:-webkit-autofill{-webkit-text-fill-color:var(--black);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--black);transition:background-color 600000s 0s, border-color var(--dur-hover) var(--ease)}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--black);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--black);transition:background-color 600000s 0s, border-color var(--dur-hover) var(--ease)}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--black);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--black);transition:background-color 600000s 0s, border-color var(--dur-hover) var(--ease)}.input:-webkit-autofill:active{-webkit-text-fill-color:var(--black);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;caret-color:var(--black);transition:background-color 600000s 0s, border-color var(--dur-hover) var(--ease)}.input:autofill{background:0 0}textarea.input{resize:none;height:100px;min-height:100px;overflow:hidden}select.input{appearance:none;cursor:pointer}select.input[data-empty=true]{color:#00000080}.toggles{gap:10px;display:flex}.toggle{background:var(--btn-bg);color:#00000080;text-align:center;height:50px;transition:background-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease), border-color var(--dur-hover) var(--ease);border:1px solid #0000;border-radius:10px;flex:1;font-size:15px;line-height:20px}.toggle[aria-pressed=true]{background:var(--black);color:var(--white)}.toggles.is-error .toggle{border-color:var(--black)}.form__send{background:var(--black);color:var(--white);align-self:flex-end;margin-top:10px;overflow:hidden}@media (hover:hover) and (width>=768px){.form__send:hover{background:var(--btn-bg);color:var(--black)}}.form__send[disabled]{cursor:default}.form__gotcha{opacity:0;pointer-events:none;position:absolute;left:-9999px}@media (width<=767px){:root{--pad:15px}.nav{justify-content:space-between;align-items:center;display:flex}.nav__left,.nav__logo,.nav__right{display:none}.nav__mark{background:var(--btn-bg);border-radius:100px;justify-content:center;align-items:center;width:50px;height:30px;display:flex}.nav__mark img{width:30px;height:15px}.nav__menu{display:inline-flex}.nav__plus{font-size:inherit;line-height:1}.btn{gap:5px;height:30px;padding:0 12px;font-size:12px;line-height:12px}.switch{padding:5px}.switch__opt{align-items:center;height:30px;padding:0 12px;font-size:12px;line-height:12px;display:inline-flex}.home__title{font-size:22px;line-height:27px}.home__cta{margin-top:25px}.card__title,.card__year{font-size:12px;line-height:12px}.cases .switch{display:none}.cases{padding-bottom:100px}.cases__head{justify-content:space-between;align-items:baseline;display:flex}.cases__head h1,.cases__head span{color:var(--black);font-size:22px;font-weight:400;line-height:27px}.cases__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px;margin-top:15px}.case__title{margin-top:10px;font-size:12px;line-height:12px}.project__title{font-size:22px;line-height:22px}.project__desc{width:80%;margin-top:20px;font-size:12px;line-height:18px}.project__year{text-align:center;color:#00000080;margin-top:20px;font-size:12px;line-height:18px;display:block}.project__showcase{margin-top:50px}.project__actions{margin-top:25px}.drops__inner{width:100%}.drops__title{margin-top:50px;font-size:22px;line-height:22px}.drops__text{width:80%;font-size:12px;line-height:18px}.drops__form{width:80%;position:relative}.drops__form .field{width:100%;height:40px;padding:5px 5px 5px 12px;font-size:12px;line-height:12px}.drops__form .btn--solid{height:30px;padding:0 12px;position:absolute;top:5px;right:5px}.agency__hero{height:50svh}.agency__body{margin-top:50px}.agency__text{font-size:12px;line-height:18px}.agency__label{margin-top:60px;font-size:12px;line-height:12px}.agency__clients{margin-top:40px}.agency__clients li{font-size:12px;line-height:12px}.agency__steps{margin-top:40px}.step{padding:15px 0}.step__num{font-size:12px;line-height:12px}.step__body{margin-left:40px}.step__title{font-size:12px;line-height:12px}.step__text{margin-top:15px;font-size:12px;line-height:18px}.agency__make{margin-top:40px;font-size:12px;line-height:18px}.contact{padding:calc(var(--pad) + var(--nav-h) + 140px) var(--pad) 100px;display:block}.contact__inner{width:100%}.contact__title{font-size:22px;line-height:22px}.contact__desc{width:80%;margin-top:20px;font-size:12px;line-height:18px}.contact__switch{margin-top:20px}.contact__forms{margin-top:40px}.input{height:40px;padding:10px 12px;font-size:12px;line-height:18px}textarea.input{height:100px;min-height:100px}.toggle{height:40px;font-size:12px;line-height:12px}.form__send{margin-top:5px}body.is-lightbox #app,body.is-lightbox .nav__left,body.is-lightbox .nav__right{filter:none}.lightbox{background:var(--white)}.lightbox__stage{top:50%;bottom:auto;left:var(--pad);right:var(--pad);aspect-ratio:auto;width:auto;transform:translateY(-50%)}.lightbox__figure{aspect-ratio:4/5;width:100%;height:auto}.lightbox__captions{text-align:center;width:auto;margin-top:20px;position:static;transform:none}.lightbox__caption{font-size:12px;line-height:18px}.lightbox__close,.lightbox__half{display:none}}.stub{min-height:100vh;padding:calc(var(--pad) + var(--nav-h) + 100px) var(--pad) var(--pad);place-items:center;font-size:40px;font-weight:500;line-height:50px;display:grid}
