@font-face{font-display:swap;font-family:IvarHeadline;font-style:normal;font-weight:500;src:url(/assets/reference3d/fonts/IvarHeadline-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:PPFrama;font-style:normal;font-weight:400;src:url(/assets/reference3d/fonts/PPFrama-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:PPFrama;font-style:normal;font-weight:600;src:url(/assets/reference3d/fonts/PPFrama-Semibold.woff2) format("woff2")}
*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:1;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block}button,input,select,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}
:root{--font-serif:"IvarHeadline",-apple-system,system-ui,BlinkMacSystemFont,"Helvetica","Arial",sans-serif;--font-sans:"PPFrama",-apple-system,system-ui,BlinkMacSystemFont,"Helvetica","Arial",sans-serif;--off-white:#e9ecee;--off-black:#13151f;--color-secondary:#aab9c7;--gray:#6e8799;--dark-gray:#4c5e6b;--expo-out:cubic-bezier(.14,1,.34,1);--quint-out:cubic-bezier(.23,1,.32,1);--z-sound-toggle:100;--chrome-bottom:2.6rem;--gl-bleed:0px}@media(hover:none)and (pointer:coarse){:root{--gl-bleed:120px}}
html{background-color:var(--off-black);color:var(--off-white);font-family:var(--font-sans);font-feature-settings:"ss10","ss03";font-size:16px;font-size:clamp(16px,1.11111vw,20px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none}html[data-rounded-font]{font-size:16px}@media(min-width:1530px){html[data-rounded-font]{font-size:17px}}@media(min-width:1620px){html[data-rounded-font]{font-size:18px}}@media(min-width:1710px){html[data-rounded-font]{font-size:19px}}@media(min-width:1800px){html[data-rounded-font]{font-size:20px}}html[data-no-aliasing],html[data-no-aliasing] body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html::-webkit-scrollbar{display:none}
*,:after,:before{box-sizing:border-box}:root{--border:hsla(0,0%,91%,.1);--surface:#1a1a1a}body{margin:0}:focus-visible{outline:none}html.is-tabbing :focus-visible{outline:1px solid var(--gray,#6e8799);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:.9}:root{--grid-cols:12;--grid-gutter:1rem;--grid-max-width: calc(100% - 4.9rem) ;--grid-width:95vw;--grid-margin:calc((100vw - var(--grid-width))/2);--grid-track:calc((var(--grid-width) - (var(--grid-cols) - 1)*var(--grid-gutter))/var(--grid-cols));--panel-col-start:6;--panel-col-end:12;--panel-content-left:calc(var(--grid-margin) + (var(--panel-col-start) - 1)*(var(--grid-track) + var(--grid-gutter)));--panel-content-width:calc((var(--panel-col-end) - var(--panel-col-start))*var(--grid-track) + (var(--panel-col-end) - var(--panel-col-start) - 1)*var(--grid-gutter));--panel-cut:calc(var(--grid-margin) + (var(--panel-col-start) - 2)*(var(--grid-track) + var(--grid-gutter)) + var(--grid-track)/2)}@media(max-width:1000px){:root{--grid-max-width: calc(100% - 3rem) ;--grid-width: calc(100vw - 3rem) }}.grid{display:grid;gap:var(--grid-gutter);grid-template-columns:repeat(var(--grid-cols),1fr);margin-left:auto;margin-right:auto;max-width:var(--grid-max-width)}.grid--24{grid-template-columns:repeat(24,1fr)}.panel-grid{align-content:start;display:grid;gap:var(--grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:var(--panel-content-left);width:var(--panel-content-width)}.panel-full{grid-column:1/-1}.panel-half{grid-column:span 1}@media(max-width:1250px){:root{--panel-col-start:5;--panel-col-end:12}}@media(max-width:1000px){:root{--panel-col-start:1;--panel-col-end:13;--panel-cut:-2rem}}@media(max-width:600px){.panel-grid{grid-template-columns:minmax(0,1fr)}}.page{padding-top:10vh}.wrap{margin-left:auto;margin-right:auto;max-width:var(--grid-max-width)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.tp-dfwv{z-index:9999}.is-warming :is(.nav,.page) :is(.fade,.cloud-reveal){transition:none!important}.is-warming :is(.nav,.page) .cloud-reveal>:not(.cloud-reveal__defs),.is-warming :is(.nav,.page) .fade{opacity:.004!important;visibility:visible!important}
.h1{font-size:2.375rem}.h1,.h2{font-family:var(--font-serif);font-weight:500;line-height:.95}.h2{font-size:2rem}.ts-a{font-size:.5625rem;letter-spacing:.05em}.ts-a,.ts-b{font-family:var(--font-sans);font-weight:400;text-transform:uppercase}.ts-b{font-size:.5rem;letter-spacing:.4em}.ts-c{line-height:1.45}.ts-c,.ts-p{font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.05em}.ts-p,.ts-p-sm{line-height:188%}.ts-p-sm{font-family:var(--font-sans);font-size:.625rem;font-weight:400;letter-spacing:.05em}
.nav[data-v-49656d0b]{position:fixed;z-index:110}.nav[data-v-49656d0b],.nav[data-v-49656d0b]:after{left:0;pointer-events:none;top:0;width:100%}.nav[data-v-49656d0b]:after{background:linear-gradient(to bottom,var(--off-black),transparent);content:"";height:10rem;opacity:.65;position:absolute;z-index:-1}.nav-bar[data-v-49656d0b]{align-items:center;display:grid;gap:var(--grid-gutter,1rem);grid-template-columns:repeat(var(--grid-cols,12),1fr);margin:0 auto;max-width:var(--grid-max-width,95%);padding:1.875rem 0;pointer-events:none;position:relative;z-index:1}.nav-bar a[data-v-49656d0b]{color:inherit;text-decoration:none;text-transform:uppercase}.c-logo-reveal[data-v-49656d0b]{grid-column:1/4}.c-logo[data-v-49656d0b]{align-items:center;display:flex;gap:.9rem;pointer-events:auto}.c-logo.is-inert[data-v-49656d0b]{pointer-events:none}.c-logo-icon[data-v-49656d0b]{color:var(--dark-gray);display:block;height:1.5625rem;width:1.9375rem}.c-logo-icon svg[data-v-49656d0b]{height:100%;width:100%}.c-logo-text[data-v-49656d0b]{align-items:center;display:flex;gap:.5rem}.c-logo-text-sub[data-v-49656d0b]{color:var(--gray)}.links-reveal[data-v-49656d0b]{grid-column:4/10}.links-pos[data-v-49656d0b]{--nav-align-col:6;display:flex;pointer-events:none;transform:translate(50%);transition:transform .8s var(--quint-out)}.links-pos.is-panel[data-v-49656d0b]{--nav-align-col:var(--panel-col-start,6)}.links-pos.is-left[data-v-49656d0b]{transform:translate(calc((var(--nav-align-col, 5) - 4)*(100% + var(--grid-gutter, 1rem))/6))}.links[data-v-49656d0b]{align-items:center;display:inline-flex;gap:3.5rem;pointer-events:auto;transform:translate(-50%);transition:transform .8s var(--quint-out)}.links-pos.is-left .links[data-v-49656d0b]{transform:translate(0)}.links a[data-v-49656d0b]:last-child{white-space:nowrap}.links a[data-v-49656d0b]{color:var(--off-white);display:inline-block;opacity:.5;padding:.6rem 0;transition:opacity .3s linear,color .3s linear}.link-inner[data-v-49656d0b]{display:inline-block;overflow:hidden;position:relative}.link-inner span[data-v-49656d0b]{display:block;padding:.1rem 0}@media(hover:hover){.links a:hover .link-inner span[data-v-49656d0b]{transition:transform .8s var(--expo-out),opacity .8s var(--expo-out)}}.link-inner span[data-v-49656d0b]:first-child{display:block}.link-inner span[data-v-49656d0b]:last-child{left:0;position:absolute;top:0;transform:translateY(102%);width:100%}@media(hover:hover){.links a:hover .link-inner span[data-v-49656d0b]:first-child{transform:translateY(-102%)}.links a:hover .link-inner span[data-v-49656d0b]:last-child{transform:translateY(0)}.links a[data-v-49656d0b]:hover{opacity:1}}.links a.is-active[data-v-49656d0b],.links a.router-link-exact-active[data-v-49656d0b]{opacity:1}.links.is-panel a[data-v-49656d0b]{color:var(--gray);opacity:1}.links.is-panel a.is-active[data-v-49656d0b],.links.is-panel a.router-link-exact-active[data-v-49656d0b]{color:var(--off-white)}@media(hover:hover){.links.is-panel a[data-v-49656d0b]:hover{color:var(--off-white)}}.cta[data-v-49656d0b],.sound-reveal[data-v-49656d0b]{display:flex;grid-column:10/-1;justify-content:flex-end}.sound-reveal[data-v-49656d0b]{align-items:center}.nav-sound-toggle[data-v-49656d0b]{display:contents}.contact-cta[data-v-49656d0b]{background:transparent;border:1px solid;color:#fff;opacity:1;padding:.625rem 1.25rem;transition:opacity .2s ease}@media(hover:hover){.contact-cta[data-v-49656d0b]:hover{opacity:.85}}.menu-toggle-reveal[data-v-49656d0b]{display:none}.menu-toggle-reveal .menu-toggle[data-v-49656d0b]{padding:.875rem 0;pointer-events:auto;width:4.875rem}.menu-overlay[data-v-49656d0b]{background:var(--off-black);inset:0;position:fixed;z-index:0}.menu-overlay[data-v-49656d0b],.menu-overlay__links[data-v-49656d0b]{align-items:center;display:flex;pointer-events:auto}.menu-overlay__links[data-v-49656d0b]{flex-direction:column;gap:1.75rem;margin:0 auto;text-align:center;width:var(--grid-max-width,95%)}.menu-overlay__links a[data-v-49656d0b]{color:var(--off-white);font-family:var(--font-serif);font-size:1.875rem;font-weight:400;line-height:1;opacity:.5;text-decoration:none;transition:opacity .3s linear}.menu-overlay__links a.is-active[data-v-49656d0b],.menu-overlay__links a.router-link-exact-active[data-v-49656d0b]{opacity:1}.menu-enter-active[data-v-49656d0b],.menu-leave-active[data-v-49656d0b]{transition:opacity .4s ease}.menu-enter-active .menu-overlay__links a[data-v-49656d0b]{transition:opacity .6s ease,transform .6s var(--quint-out)}.menu-enter-from[data-v-49656d0b],.menu-leave-to[data-v-49656d0b]{opacity:0}.menu-enter-from .menu-overlay__links a[data-v-49656d0b]{opacity:0;transform:translateY(.75rem)}@media(max-width:1000px){.nav-bar[data-v-49656d0b]{align-items:center;display:flex;padding:1.375rem 0}.links-reveal[data-v-49656d0b]{display:none}.sound-reveal[data-v-49656d0b]{margin-left:auto}.menu-toggle-reveal[data-v-49656d0b]{display:block;margin-left:.375rem}}@media(max-width:400px){.c-logo-text-sub[data-v-49656d0b]{display:none}}
.fade[data-v-3f1fbcc8]{opacity:0;position:relative;transition:opacity var(--fade-duration) linear var(--fade-delay),visibility var(--fade-duration) linear var(--fade-delay);visibility:hidden}.fade.is-visible[data-v-3f1fbcc8]{opacity:1;visibility:visible}
.sound-toggle{align-items:center;color:var(--off-white);-moz-column-gap:1.2rem;column-gap:1.2rem;display:flex;pointer-events:none;z-index:var(--z-sound-toggle)}.sound-toggle--visible{pointer-events:auto}.sound-toggle__label-wrapper{display:flex;margin-top:-.1rem;overflow:hidden;padding:.1rem 0 0 .5em;position:relative;white-space:nowrap}.sound-toggle__label-inner{display:flex;opacity:0;transform:translateY(100%);transition:.5s transform var(--expo-out),.3s opacity linear}@media(hover:hover){.sound-toggle:hover .sound-toggle__label-inner{opacity:1;transform:translateY(0)}}.sound-toggle__label{color:var(--off-white);display:inline-flex;transition:.8s transform var(--expo-out)}.sound-toggle--active .sound-toggle__label{transform:translate(.5em)}.sound-toggle__label-status{color:var(--gray);transition:.8s transform var(--expo-out),.3s opacity linear}.sound-toggle__label-status--off{color:var(--gray);display:inline-flex}.sound-toggle--active .sound-toggle__label-status--off{opacity:0;transform:translateY(-100%)}.sound-toggle__label-status--on{position:absolute;right:0;top:0;transform:translateY(100%)}.sound-toggle--active .sound-toggle__label-status--on{transform:translateY(0)}.sound-toggle-svg{clip-path:inset(0 100% 0 0);color:var(--off-white);height:1.5625rem;opacity:0;transition:.6s opacity linear .5s,.8s clip-path var(--expo-out) .5s;width:1.5625rem;will-change:opacity,clip-path}.sound-toggle-svg-circle{color:var(--gray)}.sound-toggle-svg-circle--hover{opacity:0;stroke-dasharray:75.398;stroke-dashoffset:75.398;transform:rotate(-180deg);transform-origin:12.5px 12.5px;transition:opacity .5s linear,stroke-dashoffset .8s var(--expo-out),transform .8s var(--expo-out);will-change:stroke-dashoffset,opacity,transform}@media(hover:hover){.sound-toggle:hover .sound-toggle-svg-circle--hover{opacity:.5;stroke-dashoffset:0;transform:rotate(-90deg)}}.sound-toggle--visible .sound-toggle-svg{clip-path:inset(0 0 0 0);opacity:1}@media(max-width:768px){.sound-toggle__label-wrapper{display:none}}
.btn-link[data-v-05faef33]{align-items:center;background:transparent;border:none;border-radius:.21875rem;color:var(--off-white);cursor:pointer;display:inline-flex;gap:.75rem;height:2.375rem;isolation:isolate;justify-content:center;position:relative;text-decoration:none;transition:color .3s ease;white-space:nowrap}.btn-link--filled[data-v-05faef33]:before{background:var(--off-white);border-radius:.21875rem;content:"";inset:0;-webkit-mask-image:url(/assets/reference3d/images/spritesheet.webp);mask-image:url(/assets/reference3d/images/spritesheet.webp);-webkit-mask-mode:luminance;mask-mode:luminance;-webkit-mask-position:var(--cloud-x,100%) 50%;mask-position:var(--cloud-x,100%) 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:6000% auto;mask-size:6000% auto;position:absolute;z-index:-1}@media(hover:hover){.btn-link--filled[data-v-05faef33]:hover{color:var(--off-black)}}.btn-link--disabled[data-v-05faef33]{cursor:default;opacity:.4;pointer-events:none}.btn-link--default[data-v-05faef33]{padding:.875rem 1.625rem}.btn-link--icon[data-v-05faef33]{padding:0;width:2.375rem}.btn-link__border[data-v-05faef33]{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%}.btn-link__text[data-v-05faef33]{display:inline-block;position:relative}.btn-link__text-line[data-v-05faef33]{display:block}.btn-link__text-line[data-v-05faef33]:last-child{left:0;opacity:0;position:absolute;top:0;transform:translateY(120%);width:100%}@media(hover:hover){.btn-link:not(.btn-link--filled):hover .btn-link__text-line[data-v-05faef33]{transition:transform .8s var(--expo-out),opacity .8s var(--expo-out)}.btn-link:not(.btn-link--filled):hover .btn-link__text-line[data-v-05faef33]:first-child{opacity:0;transform:translateY(-120%)}.btn-link:not(.btn-link--filled):hover .btn-link__text-line[data-v-05faef33]:last-child{opacity:1;transform:translateY(0)}}.btn-link__icon[data-v-05faef33]{align-items:center;color:var(--gray);display:inline-flex;justify-content:center;position:relative;transition:color .3s ease}.btn-link__icon--left[data-v-05faef33]{margin-left:-.25rem;order:-1}.btn-link__icon--right[data-v-05faef33]{margin-right:-.25rem;order:1}@media(hover:hover){.btn-link--filled:hover .btn-link__icon[data-v-05faef33]{color:var(--off-black)}}.btn-link__icon-line[data-v-05faef33]{align-items:center;display:flex;justify-content:center}.btn-link__icon--animate .btn-link__icon-line[data-v-05faef33]:last-child{inset:0;opacity:0;position:absolute}.btn-link__icon--animate.btn-link__icon--right .btn-link__icon-line[data-v-05faef33]:last-child{transform:translate(-120%)}.btn-link__icon--animate.btn-link__icon--left .btn-link__icon-line[data-v-05faef33]:last-child{transform:translate(120%)}@media(hover:hover){.btn-link:hover .btn-link__icon--animate .btn-link__icon-line[data-v-05faef33]{transition:transform .8s var(--expo-out),opacity .8s var(--expo-out)}.btn-link:hover .btn-link__icon--animate.btn-link__icon--right .btn-link__icon-line[data-v-05faef33]:first-child{opacity:0;transform:translate(120%)}.btn-link:hover .btn-link__icon--animate.btn-link__icon--left .btn-link__icon-line[data-v-05faef33]:first-child{opacity:0;transform:translate(-120%)}.btn-link:hover .btn-link__icon--animate .btn-link__icon-line[data-v-05faef33]:last-child{opacity:1;transform:translate(0)}}.btn-link__hover[data-v-05faef33]{height:calc(100% + 8px);left:-4px;-webkit-mask-image:url(/assets/reference3d/images/spritesheet.webp);mask-image:url(/assets/reference3d/images/spritesheet.webp);-webkit-mask-mode:luminance;mask-mode:luminance;-webkit-mask-position:var(--cloud-x,100%) 50%;mask-position:var(--cloud-x,100%) 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:6000% auto;mask-size:6000% auto;overflow:visible;pointer-events:none;position:absolute;top:-4px;width:calc(100% + 8px)}.btn-link--filled .btn-link__hover[data-v-05faef33]{display:none}
.page[data-v-6ffb64ce]{margin:0 auto;padding:0 2rem 6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-anchor[data-v-6ffb64ce]{display:grid;gap:var(--grid-gutter,1rem);grid-template-columns:repeat(var(--grid-cols,12),1fr);left:50%;position:fixed;top:max(24.5vh,6rem);transform:translate(-50%);width:var(--grid-max-width,95%)}.hero[data-v-6ffb64ce],.hero-anchor[data-v-6ffb64ce]{pointer-events:none}.hero[data-v-6ffb64ce]{grid-column:2/-1}.page-bottom[data-v-6ffb64ce]{bottom:0;height:20rem;left:0;pointer-events:none;position:fixed;width:100%;z-index:1}.page-bottom[data-v-6ffb64ce]:after{background:linear-gradient(to top,var(--off-black),transparent);bottom:0;content:"";height:10rem;left:0;opacity:0;position:absolute;transition:opacity .6s ease;width:100%;z-index:-1}.page-bottom--project[data-v-6ffb64ce]:after{opacity:1}.hero-inner[data-v-6ffb64ce]{display:inline-block}.hero h1[data-v-6ffb64ce]{font-size:inherit;font-weight:inherit;margin-left:.125rem;max-width:17.5rem;opacity:1}.cta[data-v-6ffb64ce]{bottom:var(--chrome-bottom);left:calc((100% - var(--grid-max-width, 95%))/2);opacity:1;pointer-events:auto;position:fixed;transition:opacity .4s ease;z-index:100}.cta-btn--hidden[data-v-6ffb64ce]{opacity:0;pointer-events:none}.project-bar[data-v-6ffb64ce]{align-items:center;bottom:var(--chrome-bottom);display:flex;flex-direction:column;gap:.75rem;text-align:center;z-index:100}.project-bar[data-v-6ffb64ce],.project-blob[data-v-6ffb64ce]{left:50%;pointer-events:none;position:fixed;transform:translate(-50%)}.project-blob[data-v-6ffb64ce]{background:radial-gradient(ellipse closest-side at center,rgba(0,0,0,.75) 0,rgba(0,0,0,.69) 16%,rgba(0,0,0,.5) 38%,rgba(0,0,0,.24) 58%,rgba(0,0,0,.08) 70%,transparent 80%);bottom:-21.25rem;height:42.5rem;opacity:0;transition:opacity .9s ease;width:42.5rem;z-index:99}.project-blob--visible[data-v-6ffb64ce]{opacity:1}.project-bar__link[data-v-6ffb64ce]{pointer-events:auto}.nav[data-v-6ffb64ce]:after{background:linear-gradient(to bottom,var(--off-black),transparent);content:"";height:10rem;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.project-bar__client[data-v-6ffb64ce]{font-size:.75rem;letter-spacing:.08em;margin:0 0 1.1rem;opacity:.6}.project-bar__title[data-v-6ffb64ce]{margin-bottom:1.6rem}.scene-hint[data-v-6ffb64ce]{bottom:calc(var(--chrome-bottom) - .15rem);pointer-events:none;position:fixed;right:calc((100% - var(--grid-max-width, 95%))/2);text-align:right;z-index:90}.scene-hint__text[data-v-6ffb64ce]{color:var(--off-white);font-family:var(--font-sans);font-size:.5625rem;font-weight:400;letter-spacing:.04em;line-height:1.5;margin:0;opacity:.35;width:8rem}.scene-hint__touch[data-v-6ffb64ce]{display:none}@media(hover:none){.scene-hint__mouse[data-v-6ffb64ce]{display:none}.scene-hint__touch[data-v-6ffb64ce]{display:inline}}.project-nav[data-v-6ffb64ce]{bottom:var(--chrome-bottom);display:flex;gap:.75rem;pointer-events:auto;position:fixed;right:calc((100% - var(--grid-max-width, 95%))/2);z-index:100}.project-nav-enter-active[data-v-6ffb64ce],.project-nav-leave-active[data-v-6ffb64ce]{transition:opacity .4s ease,transform .4s ease}.project-nav-enter-from[data-v-6ffb64ce],.project-nav-leave-to[data-v-6ffb64ce]{opacity:0;transform:translateY(.75rem)}.services[data-v-6ffb64ce]{bottom:0;display:none;left:0;position:fixed}.services[data-v-6ffb64ce],.services-grid[data-v-6ffb64ce]{align-items:center;width:100%}.services-grid[data-v-6ffb64ce]{display:grid;font-size:.95rem;gap:var(--grid-gutter,1rem);grid-template-columns:repeat(var(--grid-cols,12),1fr);margin:0 auto;max-width:var(--grid-max-width,95%);padding:2.5rem 0}.services-title[data-v-6ffb64ce]{grid-column:1/4;opacity:.4}.services-list[data-v-6ffb64ce],.services-title[data-v-6ffb64ce]{align-self:start;margin:0;text-transform:uppercase}.services-list[data-v-6ffb64ce]{grid-column:4/-1;list-style:none;padding:0}.works-grid[data-v-6ffb64ce]{display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));list-style:none;margin:0;padding:0}.works-grid a[data-v-6ffb64ce]{color:inherit;display:block;text-decoration:none}.work-image[data-v-6ffb64ce]{aspect-ratio:4/3;background:var(--surface);margin-bottom:1rem;overflow:hidden}.work-image img[data-v-6ffb64ce]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}@media(hover:hover){.works-grid a:hover .work-image img[data-v-6ffb64ce]{transform:scale(1.03)}}.work-info h2[data-v-6ffb64ce]{font-size:1.25rem;font-weight:400;margin:0 0 .25rem}.work-info p[data-v-6ffb64ce]{font-size:.875rem;margin:0;opacity:.5}@media(max-width:768px){.hero[data-v-6ffb64ce]{grid-column:1/-1}.scene-hint[data-v-6ffb64ce]{bottom:calc(var(--chrome-bottom) + .1rem)}.project-bar[data-v-6ffb64ce]{bottom:calc(var(--chrome-bottom) + 5.5rem);padding:0 1rem;width:100%}.project-bar__client[data-v-6ffb64ce]{margin-bottom:.8rem}.project-bar__title[data-v-6ffb64ce]{margin-bottom:1.2rem}.project-blob[data-v-6ffb64ce]{bottom:-15.5rem;height:37rem;width:140vw}}
body.is-scene-pannable{cursor:grab}body.is-scene-pannable.is-scene-grabbing{cursor:grabbing}
.cloud-reveal[data-v-71a6f60d]{position:relative}.cloud-reveal__defs[data-v-71a6f60d]{height:0;overflow:hidden;pointer-events:none;position:absolute;width:0}
.cms-text[data-v-11d40530]{white-space:pre-line}
.btn-toggle[data-v-51239ddf]{align-items:center;background:transparent;border:none;border-radius:0;color:var(--off-white);cursor:pointer;display:inline-flex;height:2.375rem;isolation:isolate;padding:.875rem 1rem;position:relative;text-decoration:none;transition:color .3s ease}.btn-toggle--filled[data-v-51239ddf]:before{background:var(--off-white);content:"";inset:0;-webkit-mask-image:url(/assets/reference3d/images/spritesheet.webp);mask-image:url(/assets/reference3d/images/spritesheet.webp);-webkit-mask-mode:luminance;mask-mode:luminance;-webkit-mask-position:var(--cloud-x,100%) 50%;mask-position:var(--cloud-x,100%) 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:6000% auto;mask-size:6000% auto;position:absolute;z-index:-1}@media(hover:hover){.btn-toggle--filled[data-v-51239ddf]:hover{color:var(--off-black)}}.btn-toggle__border[data-v-51239ddf]{height:100%;inset:0;width:100%}.btn-toggle__border[data-v-51239ddf],.btn-toggle__hover[data-v-51239ddf]{overflow:visible;pointer-events:none;position:absolute}.btn-toggle__hover[data-v-51239ddf]{height:calc(100% + 8px);left:-4px;-webkit-mask-image:url(/assets/reference3d/images/spritesheet.webp);mask-image:url(/assets/reference3d/images/spritesheet.webp);-webkit-mask-mode:luminance;mask-mode:luminance;-webkit-mask-position:var(--cloud-x,100%) 50%;mask-position:var(--cloud-x,100%) 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:6000% auto;mask-size:6000% auto;top:-4px;width:calc(100% + 8px)}.btn-toggle__border rect[data-v-51239ddf],.btn-toggle__hover rect[data-v-51239ddf]{transition:opacity .3s ease}.btn-toggle--glinting .btn-toggle__border rect[data-v-51239ddf],.btn-toggle--glinting .btn-toggle__hover rect[data-v-51239ddf],.btn-toggle--glinting .btn-toggle__icon[data-v-51239ddf]{opacity:1}.btn-toggle--filled .btn-toggle__hover[data-v-51239ddf]{display:none}.btn-toggle__icon[data-v-51239ddf]{color:inherit;display:block;height:.4375rem;opacity:.5;transition:opacity .3s ease;width:.5625rem}@media(hover:hover){.btn-toggle--filled:hover .btn-toggle__icon[data-v-51239ddf]{opacity:.7}}.btn-toggle--filled.btn-toggle--glinting[data-v-51239ddf]{color:var(--off-black)}.btn-toggle--filled.btn-toggle--glinting .btn-toggle__icon[data-v-51239ddf]{opacity:.7}.btn-toggle__icon svg[data-v-51239ddf]{height:100%;width:100%}.btn-toggle__text[data-v-51239ddf]{margin-bottom:-.1rem;margin-left:0;margin-top:-.1rem;max-width:0;opacity:0;overflow:hidden;padding:.1rem 0;transition:max-width .6s var(--expo-out),opacity .3s linear .2s,margin-left .6s var(--expo-out);white-space:nowrap}.btn-toggle--expanded .btn-toggle__text[data-v-51239ddf]{margin-left:1.3125rem;max-width:var(--text-width,20rem);opacity:1}@media(hover:hover){.btn-toggle:hover .btn-toggle__text[data-v-51239ddf]{margin-left:1.3125rem;max-width:var(--text-width,20rem);opacity:1}}