.work-placeholder{background-color:var(--background-bg-2);background-image:radial-gradient(circle, var(--background-stroke-1) 1px, transparent 1.2px);background-size:14px 14px;width:100%;height:100%;display:block}.work-arrow{width:10px;height:10px;color:var(--primary-green-neon);flex:none;display:inline-block;position:relative;overflow:hidden}.work-arrow svg{transition:transform .3s;position:absolute;inset:0}.work-arrow__in{transform:translate(-100%,100%)}@media (hover:hover){a:hover .work-arrow .work-arrow__out{transform:translate(100%,-100%)}a:hover .work-arrow .work-arrow__in{transform:none}}.work-index{--work-top:2rem;padding:calc(var(--nav-height) + var(--work-top)) var(--grid-edge-inset) 5rem;background:var(--background-bg-0);position:relative}.work-index__lines span{top:0;bottom:0;left:var(--grid-edge-inset);background:var(--background-stroke-2);pointer-events:none;width:1px;position:absolute}.work-index__lines span:last-child{right:var(--grid-edge-inset);left:auto}.work-index__inner{gap:2.5rem;display:grid;position:relative}.work-index__pin{flex-direction:column;display:flex}.work-index__head{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.work-index__title{font-family:var(--font-heading);letter-spacing:-.025em;text-transform:uppercase;color:var(--text-white);margin-left:-.075em;font-size:3rem;font-weight:500;line-height:.8}.work-index__gap,.work-index__cats{display:none}.work-index__blurb{max-width:25.1875rem;color:var(--text-grey-1);margin-top:1.5rem;font-size:.9375rem;line-height:1.8}.work-index__stack{--work-row-gap:2rem;gap:calc(5rem - var(--work-row-gap));flex-direction:column;display:flex}.work-group__grid{grid-template-columns:minmax(0,1fr);column-gap:1rem;display:grid}.work-card{--work-ratio:1.388;grid-row:span 3;grid-template-rows:subgrid;min-width:0;padding-bottom:var(--work-row-gap);display:grid;position:relative}.work-card__thumb{width:100%;aspect-ratio:var(--work-ratio);margin-bottom:1rem;display:block;position:relative}.work-card__frame{background:var(--background-bg-1);border-top:1px solid var(--background-stroke-1);border-bottom:1px solid var(--background-stroke-1);position:absolute;inset:0;overflow:hidden}.work-card__mask{isolation:isolate;position:absolute;inset:7px 8px;overflow:hidden}.work-card__img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;inset:0}.work-card__img[data-state=pending]{opacity:0}.work-card__cover{pointer-events:none;mix-blend-mode:hard-light;position:absolute;inset:0}.work-placeholder~.work-card__cover{display:none}.work-card[data-cover=green] .work-card__cover{background:linear-gradient(#0000,#64ffc1)}.work-card[data-cover=cyan] .work-card__cover{background:linear-gradient(to bottom, #0f008000, var(--primary-cyan-neon))}.work-card__tag{font-family:var(--font-heading);letter-spacing:.0975rem;text-transform:uppercase;white-space:nowrap;background:#202020;align-items:center;padding:.4375rem .5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:.9375rem;left:1rem}.work-card__tag[data-kind=case-study]{color:var(--primary-orange)}.work-card__tag[data-kind=project]{color:var(--primary-green-neon)}.work-plus{width:.5rem;height:.5rem;color:var(--background-stroke-1);pointer-events:none;position:absolute}.work-plus--tl{top:-.25rem;left:-.25rem}.work-plus--tr{top:-.25rem;right:-.25rem}.work-plus--br{bottom:-.25rem;right:-.25rem}.work-plus--bl{bottom:-.25rem;left:-.25rem}.work-card__label{justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;margin-bottom:.5rem;display:flex}.work-card__title{min-width:0;font-family:var(--font-heading);text-transform:uppercase;color:var(--text-white);font-size:1.25rem;font-weight:500;line-height:1.1}.work-visit{font-family:var(--font-heading);letter-spacing:.0975rem;text-transform:uppercase;white-space:nowrap;color:var(--text-grey-1);flex:none;align-items:center;gap:.375rem;padding-top:.25rem;font-size:.75rem;font-weight:600;line-height:1;transition:color .3s;display:inline-flex}.work-visit:after{content:"";inset:0 0 var(--work-row-gap);position:absolute}.work-visit:focus-visible{color:var(--text-white-grey);outline:none}.work-visit:focus-visible:after{outline:2px solid var(--primary-green-neon);outline-offset:2px}.work-card__line{color:var(--text-grey-1);font-size:.9375rem;line-height:1.8;position:relative}.work-card:has(.work-visit:focus-visible) .work-card__img{transform:scale(1.04)}@media (hover:hover){.work-visit:hover{color:var(--text-white-grey)}.work-card:has(.work-visit:hover) .work-card__img{transform:scale(1.04)}}@media (min-width:768px){.work-index{--work-top:2.75rem;padding-bottom:6rem}.work-index__inner{gap:4rem}.work-index__title{font-size:3.5rem}.work-group__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.work-card{--work-ratio:1.404}}@media (min-width:768px) and (max-width:1024.98px){.work-index__pin{grid-template-columns:minmax(0,1fr) 18.1875rem;align-items:end;gap:3rem;display:grid}.work-index__blurb{margin-top:0}}@media (min-width:1025px){.work-index{--work-top:2rem;padding-bottom:8rem}.work-index__inner{grid-template-columns:23.625rem minmax(0,1fr);gap:0}.work-index__aside{height:100%}.work-index__pin{top:calc(var(--nav-height) + var(--work-top));height:min(45.75rem, calc(100dvh - var(--nav-height) - 4rem));position:sticky}.work-index__title{font-size:5rem}.work-index__gap{min-height:0;display:block}.work-index__gap--a{flex:209 1 0}.work-index__gap--b{flex:273 1 0}.work-index__cats{flex-direction:column;flex:none;align-items:flex-start;gap:1.3125rem;display:flex}.work-index__cat{font-family:var(--font-heading);letter-spacing:.0975rem;text-align:left;text-transform:uppercase;color:var(--text-grey-1);font-size:.75rem;font-weight:400;line-height:1;transition:color .3s}.work-index__cat:hover{color:var(--text-white-grey)}.work-index__cat[data-active=true]{color:var(--primary-green-neon);font-weight:600}.work-index__blurb{flex:none;max-width:21rem;margin-top:0}.work-index__stack{--work-row-gap:2.5rem}.work-group__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.5rem}.work-card{--work-ratio:1.456}}.case{padding-top:var(--nav-height);background:var(--background-bg-0);position:relative}.case-hero{background:var(--background-bg-0);border-bottom:1px solid var(--background-stroke-1);width:100%;height:24.1875rem;position:relative;overflow:hidden}.case-hero__panel,.case-hero__crt{width:100%;height:100%}.case-hero__crt{padding:0 var(--grid-edge-inset);font-family:var(--font-heading);text-align:center;text-transform:uppercase;color:var(--text-white);justify-content:center;align-items:center;font-size:clamp(2.25rem,5.6vw,5rem);font-weight:400;line-height:.95;display:flex}.case-body{grid-template-columns:minmax(0,400fr) minmax(0,784fr);padding:3.25rem 8.889% 0;display:grid}.case-meta{top:calc(var(--nav-height) + 2rem);flex-direction:column;align-self:start;gap:2.625rem;display:flex;position:sticky}.case-meta__row{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.case-meta__label,.case-meta__value,.case-meta__chip{font-family:var(--font-heading);letter-spacing:.0975rem;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1}.case-meta__label{color:var(--text-white)}.case-meta__value{color:var(--text-grey-1)}.case-meta__chips{flex-wrap:wrap;gap:.25rem;max-width:21.5rem;display:flex}.case-meta__chip{white-space:nowrap;color:var(--primary-green-neon);background:#202020;align-items:center;padding:.4375rem .5rem;display:inline-flex}.case-meta__links{flex-wrap:wrap;gap:.75rem;display:flex}.case-story{flex-direction:column;gap:3.5rem;min-width:0;display:flex}.case-section{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.case-heading{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-white);font-size:1.5rem;font-weight:400;line-height:1}.case-text,.case-list li{color:var(--text-grey-1);font-size:.9375rem;line-height:1.8}.case-list{flex-direction:column;gap:.5rem;padding-left:1.5rem;list-style:outside;display:flex}.case-steps{flex-direction:column;gap:1.5rem;width:100%;margin-top:.5rem;display:flex}.case-step{background:var(--background-bg-2);flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex;position:relative}.case-step__index{font-family:var(--font-heading);color:#252526;pointer-events:none;font-size:2.5rem;font-weight:400;line-height:1;position:absolute;top:1rem;right:1.25rem}.case-step__title{font-family:var(--font-heading);text-transform:uppercase;color:var(--primary-green-neon);padding-right:3rem;font-size:1.25rem;font-weight:500;line-height:1.1}.work-figure{flex-direction:column;gap:1rem;width:100%;display:flex}.work-figure__trigger{cursor:zoom-in;width:100%;line-height:0;display:block}.work-figure__img{border:1px solid var(--background-stroke-1);width:100%;height:auto;transition:opacity .3s;display:block}.work-figure__img[data-state=pending]{opacity:0}.work-figure__empty{border:1px solid var(--background-stroke-1);height:auto}.work-figure__caption{font-family:var(--font-heading);letter-spacing:.0975rem;text-transform:uppercase;color:var(--text-white);font-size:.75rem;font-weight:600;line-height:1}.work-zoom{z-index:var(--z-modal);justify-content:center;align-items:center;padding:4rem 2rem;display:flex;position:fixed;inset:0}.work-zoom__backdrop{background:var(--background-bg-0);opacity:0;cursor:zoom-out;position:absolute;inset:0}.work-zoom__figure{width:min(100%, calc((100dvh - 8rem) * var(--zoom-ratio,1.5)));line-height:0;position:relative}.work-zoom__img{border:1px solid var(--background-stroke-1);width:100%;height:auto;display:block}.work-zoom__close{width:2.75rem;height:2.75rem;color:var(--text-white);border:1px solid var(--background-stroke-1);background:#0c0c0d99;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.work-zoom__close:hover,.work-zoom__close:focus-visible{color:var(--primary-green-neon);border-color:var(--primary-green-neon)}.work-zoom__close svg{fill:none;width:1rem;height:1rem}.work-takeaways{background:var(--background-bg-0);flex-direction:column;gap:3rem;padding:6rem 2rem;display:flex}.work-takeaways__head{align-items:center;gap:1.75rem;width:85.5%;display:flex}.work-takeaways__label{font-family:var(--font-heading);white-space:nowrap;text-transform:uppercase;color:var(--text-white);font-size:1.5rem;font-weight:400;line-height:1}.work-takeaways__rule{background:var(--background-stroke-2);flex:1;height:1px}.work-takeaways__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.work-takeaway{background:var(--primary-green-neon);clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),58% calc(100% - 28px),calc(58% - 14px) calc(100% - 14px),30% calc(100% - 14px),calc(30% - 14px) 100%,0 100%);flex-direction:column;align-items:flex-start;padding:2rem 2rem 3.5rem;display:flex}.work-takeaway__index{font-family:var(--font-heading);color:var(--text-black);font-size:1.5rem;font-weight:600;line-height:1.15}.work-takeaway__dots{background-image:radial-gradient(circle,#07021047 1px,#0000 1.2px);background-size:.875rem 1.5rem;flex:1;width:100%;min-height:4.5rem;margin-top:1.5rem}.work-takeaway__body{color:var(--text-black);margin-top:1.5rem;font-size:.9375rem;line-height:1.8}.case-next{padding:0 var(--grid-edge-inset);background:var(--background-bg-0)}.case-next__link{border-top:1px solid var(--background-stroke-1);flex-direction:column;gap:1rem;padding:2.5rem 0 4rem;display:flex}.case-next__label{font-family:var(--font-heading);letter-spacing:.0975rem;text-transform:uppercase;color:var(--text-grey-1);font-size:.75rem;font-weight:600;line-height:1}.case-next__name{font-family:var(--font-heading);letter-spacing:-.025em;text-transform:uppercase;color:var(--text-white);align-items:center;gap:1rem;font-size:3.5rem;font-weight:500;line-height:1;transition:color .3s;display:inline-flex}.case-next__name .work-arrow{width:1.25rem;height:1.25rem}.case-next__name .work-arrow svg{width:100%;height:100%}@media (hover:hover){.case-next__link:hover .case-next__name{color:var(--primary-green-neon)}}@media (max-width:1024.98px){.case-hero{height:16rem}.case-body{padding:2.5rem var(--grid-edge-inset) 0;grid-template-columns:minmax(0,1fr);gap:3rem}.case-meta{gap:2rem;position:static}.case-meta__chips{max-width:none}.work-takeaways{padding:4rem var(--grid-edge-inset)}.work-takeaways__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.work-takeaways__head{width:100%}}@media (min-width:768px) and (max-width:1024.98px){.case-body{grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:0}.case-meta{top:calc(var(--nav-height) + 2rem);padding-right:2rem;position:sticky}.case-meta__chip{white-space:normal;letter-spacing:0;min-width:0}}@media (max-width:767.98px){.case-hero{height:12rem}.case-heading,.work-takeaways__label{font-size:1.25rem}.case-next__name{font-size:1.875rem}.work-zoom__close{top:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.work-card__img,.work-arrow svg{transition:none}:is(.work-card:has(.work-visit:hover) .work-card__img,.work-card:has(.work-visit:focus-visible) .work-card__img){transform:none}}
