html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{appearance:none;background:0 0;border-radius:0}input,textarea,select{appearance:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0}:root{--viewport-height:100%;--outer-margin-y:.7rem;--outer-margin-x:.75rem;--leading:1.2em;--gap:.75rem;--max-width:5000px;--page-transition-duration:.4s;--page-transition-delay:.1s;--page-transition-easing:ease-in}@media (prefers-reduced-motion:no-preference){html[data-circle-transition=true]::view-transition-group(root){animation-duration:var(--page-transition-duration);animation-timing-function:var(--page-transition-easing)}html[data-circle-transition=true]::view-transition-old(root),html[data-circle-transition=true]::view-transition-new(root){will-change:clip-path;backface-visibility:hidden;transform:translateZ(0)}html[data-circle-transition=true]:not([data-circle-mode=contract])::view-transition-old(root){z-index:1;animation:none}html[data-circle-transition=true]:not([data-circle-mode=contract])::view-transition-new(root){clip-path:circle(0px at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%));animation:page-transition-reveal var(--page-transition-duration)var(--page-transition-easing)var(--page-transition-delay)forwards;z-index:2;background:0 0}html[data-circle-transition=true]:not([data-circle-mode=contract])[data-circle-target=project-detail]::view-transition-new(root){color:#222;background:#fff}html[data-circle-transition=true]:not([data-circle-mode=contract])[data-circle-target=info]::view-transition-new(root){color:#ccc;background:#222}html[data-circle-transition=true]:not([data-circle-mode=contract])[data-circle-target=snippet]::view-transition-new(root){color:#222;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px}html[data-circle-transition=true][data-circle-mode=contract]::view-transition-old(root){clip-path:circle(var(--page-transition-radius,150%)at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%));animation:page-transition-contract var(--page-transition-duration)var(--page-transition-easing)var(--page-transition-delay)forwards;z-index:2}html[data-circle-transition=true][data-circle-mode=contract]::view-transition-new(root){z-index:1;animation:none}html[data-circle-transition=true][data-circle-mode=contract][data-circle-target=snippet]::view-transition-old(root){color:#222;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px}@keyframes page-transition-reveal{0%{clip-path:circle(0px at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%))}to{clip-path:circle(var(--page-transition-radius,150%)at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%))}}@keyframes page-transition-contract{0%{clip-path:circle(var(--page-transition-radius,150%)at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%))}to{clip-path:circle(0px at var(--page-transition-origin-x,50%)var(--page-transition-origin-y,50%))}}@keyframes search-link-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.75rem)}}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:#0000}html{font-size:13px}body{color:#222;font-family:var(--font-oracle-triple);font-size:1rem;line-height:var(--leading);text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss06" 1,"dlig" 1;hanging-punctuation:first allow-end last;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px}body.page--project-detail{background:#fff}body.page--info{color:#ccc;background:#222}.loading-overlay{opacity:0;pointer-events:none;z-index:200;background:url(/images/disabled.png) 0 0/2px 2px;width:100vw;height:100vh;position:fixed;inset:0}.loading-overlay.loading-overlay--visible{opacity:1;pointer-events:auto}body.snippet-open{overflow:hidden}.snippet-modal-layer{pointer-events:none;z-index:1200;position:fixed;inset:0}img,audio,video,iframe,object,embed,canvas{max-width:100%;height:auto}em,i,cite{font-style:italic}button,a,input{color:#222;cursor:url(/images/cursor-white.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-white.svg) 1x,url(/images/cursor-white@2x.svg) 2x)6 6,auto}@media (hover:hover){button:hover,a:hover,input:hover{color:#fff}}.site-container--project-detail button,.site-container--project-detail a,.site-container--project-detail input{cursor:url(/images/cursor-gray.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-gray.svg) 1x,url(/images/cursor-gray@2x.svg) 2x)6 6,auto}@media (hover:hover){input:hover{color:#222}}button,input,textarea{font-family:Oracle Triple,sans-serif;font-size:1rem;line-height:var(--leading);text-rendering:optimizeLegibility}.text h1,.text h2,.text h3,.text h4,.text h5,.text h6,.text p,.text ul,.text ol{margin-bottom:calc(var(--leading)/2)}.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{margin-top:var(--leading)}.text h1:first-child,.text h2:first-child,.text h3:first-child,.text h4:first-child,.text h5:first-child,.text h6:first-child{margin-top:0}.site-container{padding:var(--outer-margin-y)var(--outer-margin-x);min-height:100vh}.site-container.site-container--home,.site-container.site-container--error{cursor:url(/images/cursor-black.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-black.svg) 1x,url(/images/cursor-black@2x.svg) 2x)6 6,auto}.site-container.site-container--home ::selection,.site-container.site-container--error ::selection{color:#ccc;background:#222222f7}.site-container.site-container--home{padding-bottom:0}.site-container.site-container--info{color:#ccc;cursor:url(/images/cursor-gray.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-gray.svg) 1x,url(/images/cursor-gray@2x.svg) 2x)6 6,auto;background:#222}.site-container.site-container--info ::selection{color:#222;background:#ccccccf7}.site-container.site-container--info a{color:#ccc}@media (hover:hover){.site-container.site-container--info a:hover{color:#fff}}.site-container.site-container--project-detail{color:#222;cursor:url(/images/cursor-black.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-black.svg) 1x,url(/images/cursor-black@2x.svg) 2x)6 6,auto}.site-container.site-container--project-detail ::selection{color:#fff;background:#222222f7}.site-container.site-container--project-detail a{color:#222}@media (hover:hover){.site-container.site-container--project-detail a:hover{color:#ccc}}.site-inner-container{max-width:var(--max-width);margin:0 auto}.page-close{z-index:10002;position:fixed;top:0;right:0}.page-close__link{text-indent:300%;white-space:nowrap;background:url(/images/close-black.svg) 50%/.825rem no-repeat;width:2.5rem;height:2.5rem;display:block;overflow:hidden}@media (hover:hover){.page-close__link:hover{background-image:url(/images/close-gray.svg);transition:none}}.site-container--info .page-close__link{background-image:url(/images/close-gray.svg)}@media (hover:hover){.site-container--info .page-close__link:hover{background-image:url(/images/close-white.svg)}}.page-close.invert .page-close__link{background-image:url(/images/close-white.svg)}@media (hover:hover){.page-close.invert .page-close__link:hover{background-image:url(/images/close-gray.svg)}}.project-header{gap:0 var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.site-container--home .project-header,.site-container--ai-search .project-header{top:calc(var(--outer-margin-y) + var(--leading) - 1px);z-index:2;padding-top:1px;padding-bottom:calc(var(--leading)/3 - 1px);background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;border-bottom:1px solid #3e3e3e;position:sticky}.site-container--ai-search .project-header{padding-top:calc(var(--leading)/3 - 1px);position:relative;top:auto}.project-header .project-header__label{margin-bottom:calc(var(--leading)/2 + 1px)}.project-header .project-header__row{display:contents}@media (max-width:767px){.project-header .project-header__row{flex-direction:column;grid-column:3/13;gap:0;display:flex}.project-header--with-categories .project-header__row--primary{grid-column:3/9}.project-header--with-categories .project-header__row--secondary{grid-column:9/13;align-self:flex-start}}.project-header__cell--date,.project-header__cell--client,.project-header__cell--categories,.project-header__cell--collaborators{grid-column:span 2}.project-card__content{position:relative}.project-card__link--case-study .project-header__cell--title{text-wrap:balance}@media (min-width:768px){.project-card__link--case-study .project-header__cell--title{top:calc(var(--outer-margin-y) + var(--leading)*2.667 - 1px);grid-column:span 4;position:sticky}.site-container--ai-search .project-card__link--case-study .project-header__cell--title{top:.3em}}.project-header__cell--date{font-variant-numeric:tabular-nums;grid-column:span 2;position:relative}.site-container--home .project-header__cell--date{padding:calc(var(--leading)/3)0;visibility:hidden;margin-top:-1px}.site-container--home .project-header__cell--date:after{content:"";width:calc(100% + var(--gap));border-top:1px solid #3e3e3e;position:absolute;top:0;left:0}.site-container--home .projects-directory__header .project-header__cell--date{visibility:visible;margin:0;padding:0}.site-container--home .projects-directory__header .project-header__cell--date:after{display:none}.project-header__cell--title{grid-column:span 6}@media (max-width:767px){.project-header__cell--title{order:1}.projects-directory__header .project-header__cell--title:after,.site-container--project-detail .project-header__cell--title .project-header__label:after{content:"/client"}}@media (min-width:768px){.project-header__cell--title{grid-column:span 4}}.project-header__cell--client,.project-header__cell--categories,.project-header__cell--collaborators{grid-column:span 10}@media (min-width:768px){.project-header__cell--client,.project-header__cell--categories,.project-header__cell--collaborators{grid-column:span 2}}.project-header__cell--client li,.project-header__cell--categories li,.project-header__cell--collaborators li{display:inline}.project-header__cell--client li:after,.project-header__cell--categories li:after,.project-header__cell--collaborators li:after{content:", "}.project-header__cell--client li:last-child:after,.project-header__cell--categories li:last-child:after,.project-header__cell--collaborators li:last-child:after{content:""}@media (max-width:767px){.project-header__cell--client{order:3}.site-container--home .project-header__cell--client{grid-column:1/7}.projects-directory__header .project-header__cell--client{display:none}.site-container--project-detail .project-header__cell--client{grid-column:3/9}.site-container--project-detail .project-header__cell--client .project-header__label{display:none}.project-header__cell--categories{order:2;grid-column:span 4}}.project-header__cell--categories li{text-transform:lowercase}.project-header__cell--categories li:first-child{text-transform:none}.project-header__cell--collaborators{order:4}@media (max-width:767px){.project-header__cell--collaborators{font-size:.667rem;line-height:var(--leading);order:5;margin-left:1px}.project-header__cell--collaborators:before{content:"with  "}.site-container--project-detail .project-header__cell--collaborators,.projects-directory__header .project-header__cell--collaborators{display:none}.project-header__cell--collaborators.meta-list{padding-top:.08rem;padding-left:1px}}.project-header__cell--media{margin:calc(var(--leading)/3)0;filter:grayscale()contrast(1.2);opacity:.87;mix-blend-mode:darken;background:#222 url(/images/disabled.png) 0 0/2px 2px;order:5;grid-column:span 10;line-height:0;transform:translateZ(0)}.project-header__cell--media.transparent{background:0 0}.project-header__cell--media.project-header__cell--media-active{filter:none;opacity:1;mix-blend-mode:normal}@media (hover:hover){.project-card__link:hover .project-header__cell--media{filter:none;opacity:1;mix-blend-mode:normal}}@media (max-width:767px){.project-header__cell--media{order:5}}@media (min-width:768px){.project-header__cell--media{grid-column:5/11}}.projects-directory{position:relative}.projects-directory .projects-directory__year-group{border-top:1px solid #3e3e3e;margin-top:-1px;position:relative}.projects-directory .projects-directory__year-group .projects-directory__year-heading-wrapper{top:calc(var(--leading)*2.333 + var(--outer-margin-y));pointer-events:none;height:0;position:sticky;left:0}.site-container--ai-search .projects-directory .projects-directory__year-group .projects-directory__year-heading-wrapper{top:0}.projects-directory .projects-directory__year-group .projects-directory__year-heading-wrapper .projects-directory__year-heading{padding:calc(var(--leading)/3 - 1px)0 calc(var(--leading)/3);background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;position:absolute;top:0;left:0}.projects-directory .project-card__thumbnail--active{opacity:1!important;transition:none!important}.projects-directory .project-card__link{gap:0 var(--gap);grid-template-columns:repeat(12,1fr);display:grid;position:relative}.projects-directory .project-card__link .project-header__date-value{opacity:0;pointer-events:none;grid-column:span 2}.projects-directory .project-card__link .project-card__content{gap:0 var(--gap);padding:calc(var(--leading)/3 - 1px)0 calc(var(--leading)/3);border-top:1px solid #3e3e3e;grid-column:span 10;grid-template-columns:repeat(10,1fr);margin-top:-1px;display:grid}@media (min-width:768px){.projects-directory .project-card__link .project-card__content{grid-column:span 10;grid-template-columns:repeat(10,1fr)}}.projects-directory .project-card__link .project-card__content .project-header__row{display:contents}@media (max-width:767px){.projects-directory .project-card__link .project-card__content .project-header__row{flex-direction:column;grid-column:1/11;gap:0;display:flex}.projects-directory .project-card__link .project-card__content.project-card__content--with-categories .project-header__row--primary{grid-column:1/7}.projects-directory .project-card__link .project-card__content.project-card__content--with-categories .project-header__row--secondary{grid-column:7/11;align-self:flex-start}}.projects-directory .project-card__link:before{padding:calc(var(--leading)/3 - 1px)0 calc(var(--leading)/3);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;width:12rem;display:none;position:absolute;top:0;left:0;overflow:hidden}@media (min-width:1400px){.projects-directory .project-card__link:before{width:auto}}.projects-directory .project-card__link.project-card__link--external .project-card__content{border-bottom:1px solid #3e3e3e}@media (hover:hover){.projects-directory .project-card__link.project-card__link--external:hover,.project-card--activating .projects-directory .project-card__link.project-card__link--external{color:#00f;cursor:url(/images/cursor-blue.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-blue.svg) 1x,url(/images/cursor-blue@2x.svg) 2x)6 6,auto}}.projects-directory .project-card__link.project-card__link--external:before{content:"↗ " attr(data-url-label)}@media (hover:none){.projects-directory .project-card__link.project-card__link--external .project-header__cell--title:after{content:" ↗"}}.projects-directory .project-card__link.project-card__link--case-study .project-card__content{border-bottom:1px solid #3e3e3e}.projects-directory .project-card__link.project-card__link--case-study:before{content:"Case study"}@media (hover:hover){.projects-directory .project-card__link.project-card__link--case-study:hover .project-header__cell--media,.project-card--activating .projects-directory .project-card__link.project-card__link--case-study .project-header__cell--media{background-color:#fff}.projects-directory .project-card__link.project-card__link--case-study:hover .project-header__cell--media.transparent,.project-card--activating .projects-directory .project-card__link.project-card__link--case-study .project-header__cell--media.transparent{background:0 0}.projects-directory .project-card__link.project-card__link--case-study:hover .project-header__cell--media.transparent img,.project-card--activating .projects-directory .project-card__link.project-card__link--case-study .project-header__cell--media.transparent img{filter:invert()}}.projects-directory .project-card__link.project-card__link--snippet .project-card__content{border-bottom:1px solid #3e3e3e}.projects-directory .project-card__link.project-card__link--snippet:before{content:"Snippet"}@media (hover:hover){.projects-directory .project-card__link.project-card__link--snippet:hover,.project-card--activating .projects-directory .project-card__link.project-card__link--snippet{color:#ff0;cursor:url(/images/cursor-yellow.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-yellow.svg) 1x,url(/images/cursor-yellow@2x.svg) 2x)6 6,auto}}.projects-directory .project-card__link.project-card__link--disabled .project-card__content{border-top:1px dotted #3e3e3e}.projects-directory .project-card__link.project-card__link--disabled .project-card__content .project-header__cell{position:relative}.projects-directory .project-card__link.project-card__link--disabled .project-card__content .project-header__cell:after{content:"";pointer-events:none;background:url(/images/disabled.png) 0 0/2px 2px;position:absolute;inset:0}@media (hover:hover) and (min-width:768px){.projects-directory .project-card__link:hover:before,.project-card--activating .projects-directory .project-card__link:before{display:block}.projects-directory .project-card__link:hover.project-card__link--case-study .project-header__date-value,.projects-directory .project-card__link:hover.project-card__link--external .project-header__date-value,.project-card--activating .projects-directory .project-card__link.project-card__link--case-study .project-header__date-value,.project-card--activating .projects-directory .project-card__link.project-card__link--external .project-header__date-value{visibility:hidden}}@media (hover:hover){.projects-directory .project-card__link:hover .project-card__thumbnail,.project-card--activating .projects-directory .project-card__link .project-card__thumbnail{opacity:1;transition:opacity .1s ease-in .5s}.scrolling .projects-directory .project-card__link:hover .project-card__thumbnail,.scrolling .project-card--activating .projects-directory .project-card__link .project-card__thumbnail{opacity:0;transition:opacity .1s ease-in-out}}.projects-directory .project-card__link .project-card__thumbnail{width:calc(100% - var(--outer-margin-x)*6);max-width:var(--max-width);z-index:100;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:grayscale();background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed;top:9rem;bottom:9rem;left:50%;transform:translate(-50%)}.projects-directory .project-card__link .project-card__thumbnail video{max-height:calc(100vh - 18rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover) and (min-width:768px){.projects-directory .project-card--activating .project-card__link:before{display:block}.projects-directory .project-card--activating .project-card__link.project-card__link--case-study .project-header__date-value,.projects-directory .project-card--activating .project-card__link.project-card__link--external .project-header__date-value{visibility:hidden}}@media (hover:hover){.projects-directory .project-card--activating .project-card__link.project-card__link--external{color:#00f}.projects-directory .project-card--activating .project-card__link.project-card__link--snippet{color:#ff0}.projects-directory .project-card--activating .project-card__link.project-card__link--case-study{color:#fff}.projects-directory .project-card--activating .project-card__link.project-card__link--case-study .project-header__cell--media{background-color:#fff}.projects-directory .project-card--activating .project-card__link.project-card__link--case-study .project-header__cell--media.transparent{background:0 0}.projects-directory .project-card--activating .project-card__link.project-card__link--case-study .project-header__cell--media.transparent img{filter:invert()}.projects-directory .project-card--activating .project-card__thumbnail{opacity:1;transition:none}}.site-container--error{user-select:none;background:red;min-height:100vh;position:relative}.site-container--error .site-header__title,.site-container--error .site-header__info,.site-container--error .site-footer{background:red}.site-container--error .site-header__title:after,.site-container--error .site-header__info:after,.site-container--error .site-footer:after{display:none}.site-container--error .error-heading{text-align:center;font-size:3rem;line-height:var(--leading);font-feature-settings:"zero" 1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (min-width:768px){.site-container--error .error-heading{font-size:9rem;line-height:var(--leading)}}.site-container--error .error-heading a{display:inline-block;transform:rotate(180deg)}.site-container--error .site-footer{width:calc(100vw - var(--outer-margin-x)*2);max-width:var(--max-width);border-top:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.projects-filter{grid-column:span 10;position:relative}@media (min-width:768px){.projects-filter{grid-column:span 2}}.projects-filter__trigger{font:inherit;font-family:var(--font-oracle-triple);font-feature-settings:"ss06" 1,"dlig" 1;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:0 0;border:none;width:100%;padding:0;overflow:hidden}@media (min-width:768px){.projects-filter__trigger{pointer-events:auto;cursor:url(/images/cursor-white.svg) 6 6,auto;width:100%;cursor:-webkit-image-set(url(/images/cursor-white.svg) 1x,url(/images/cursor-white@2x.svg) 2x)6 6,auto}.projects-filter__trigger[data-active-filter=true]{color:#fff}.projects-filter__trigger[data-active-filter=true]:after{background-image:url(/images/close-white.svg)}}@media (min-width:768px) and (hover:hover){.projects-filter__trigger[data-active-filter=true]:hover:after{background-image:url(/images/close-white.svg)}}@media (min-width:768px){.site-container--ai-search .projects-filter__trigger{pointer-events:none}.projects-filter__trigger:after{content:"";vertical-align:-.1em;background:url(/images/chevron-black.svg) 100% 100%/.825rem no-repeat;width:1.2em;height:1em;display:inline-block}.site-container--ai-search .projects-filter__trigger:after{display:none}}@media (min-width:768px) and (hover:hover){.projects-filter__trigger:hover{color:#fff}.projects-filter__trigger:hover:after{background-image:url(/images/chevron-white.svg)}}.projects-filter__overlay{z-index:2000;padding:0 var(--outer-margin-x);background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;position:fixed;inset:0}.projects-filter__panel{max-width:var(--max-width);gap:0 var(--gap);pointer-events:none;height:calc(100% + 3px);padding-top:var(--projects-directory-header-top);grid-template-columns:repeat(12,1fr);margin:-3px auto 0;display:grid}.projects-filter__content{background:var(--main-bg);pointer-events:auto;max-height:100vh;padding-bottom:calc(var(--outer-margin-y) + var(--leading)*3 - 2px);-ms-overflow-style:none;scrollbar-width:none;margin:0 auto;position:relative;overflow:hidden auto}.projects-filter__content::-webkit-scrollbar{display:none}@media (min-width:768px){.projects-filter__content{grid-column:span 2;width:100%;margin:0}.projects-filter[data-column=client] .projects-filter__content{grid-column:7/span 2}.projects-filter[data-column=categories] .projects-filter__content{grid-column:9/span 2}.projects-filter[data-column=collaborators] .projects-filter__content{grid-column:11/span 2}}@media (max-width:767px){.project-header__cell--client.projects-filter{order:3}.site-container--home .project-header__cell--client.projects-filter{grid-column:1/7}.projects-directory__header .project-header__cell--client.projects-filter{display:none}.site-container--project-detail .project-header__cell--client.projects-filter{grid-column:3/9}.projects-filter.project-header__cell--categories{white-space:nowrap;text-overflow:ellipsis;order:2;grid-column:span 4;overflow:hidden}.projects-filter.project-header__cell--categories ul{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.projects-filter__list{list-style:none}.projects-filter__list li{display:block}.projects-filter__list li:after{content:none}.projects-filter__list li:last-child button{border-bottom:1px solid #222}.projects-filter__list button{padding:calc(var(--leading)/3 - 1px)0 calc(var(--leading)/3);text-align:left;cursor:pointer;width:100%;font-family:var(--font-oracle-triple);font-feature-settings:"ss06" 1,"dlig" 1;cursor:url(/images/cursor-white.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-white.svg) 1x,url(/images/cursor-white@2x.svg) 2x)6 6,auto;border-top:1px solid #3e3e3e;margin-top:-1px;padding-right:1.5em;position:relative}@media (hover:hover){.projects-filter__list button:hover{color:#fff}}.projects-filter__list .projects-filter__list-item--all{z-index:100;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;border-bottom:1px solid #3e3e3e;position:sticky;top:0}.projects-filter__list .projects-filter__list-item--all button{padding-bottom:calc(var(--leading)/3 - 1px);position:relative}.projects-filter__list .projects-filter__list-item--all button:after{content:"";background:url(/images/close-black.svg) right 47%/.825rem no-repeat;width:2em;height:100%;position:absolute;top:0;right:0}@media (hover:hover){.projects-filter__list .projects-filter__list-item--all button:hover:after{background-image:url(/images/close-white.svg)}}.projects-filter__count{top:calc(var(--leading)/3 - 1px);text-align:right;width:1.5em;display:block;position:absolute;right:0}.search-link{bottom:calc(var(--leading)*2.25 + var(--outer-margin-y));right:calc(var(--leading) + var(--outer-margin-x));z-index:10002;width:calc(var(--leading) + 2.5rem);height:calc(var(--leading) + 2.5rem);text-indent:-9999px;will-change:transform;background:#222;border-radius:100%;animation:2s ease-in-out infinite search-link-bob;display:block;position:fixed;overflow:hidden}@media (hover:hover){.search-link:hover{animation-play-state:paused}}.search-link:after{content:"";pointer-events:none;background:url(/images/teeth.png) 50%/44px 44px no-repeat;position:absolute;inset:0}@media (hover:hover){.search-link:hover:after{filter:brightness(2)}}.media-component{position:relative}.media-component--cover{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.media-component--featured .media-component__image,.media-component--featured .media-component__video,.media-component--content .media-component__image,.media-component--content .media-component__video{width:100%;height:auto}.media-component__video{object-fit:cover;width:100%;height:100%}.meta-list{margin:0;padding:0;list-style:none}.meta-list__item{display:inline}.meta-list__item:not(:last-child):after{content:", "}.projects-empty{text-align:center;padding:2rem 0}.projects-empty p{margin:0}.site-header{margin-bottom:var(--leading)}.site-header.invert,.site-header.invert a{color:#fff}.site-header__nav-container{z-index:2;width:100vw;padding:0 var(--outer-margin-x);position:fixed;top:0;left:0;right:0}.site-container--info .site-header__nav-container,.site-container--ai-search .site-header__nav-container{position:absolute}.site-header__nav{max-width:var(--max-width);margin:0 auto;position:relative}.site-header__title,.site-header__info{text-transform:uppercase;font-feature-settings:"ss17" 1;width:50%;padding-top:var(--outer-margin-y);background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;transition:background-color .125s,color .125s;position:absolute;top:0}.site-header__title a,.site-header__info a{transition:color .125s}.site-container--info .site-header__title,.site-container--info .site-header__info{color:#fff;background:#222}.site-container--project-detail .site-header__title,.site-container--project-detail .site-header__info{background:#fff}.project-detail__media-active .site-header__title,.project-detail__media-active .site-header__info{background:0 0}.site-header__title{left:0}.site-container--home .site-header__title a,.page--snippet .site-header__title{pointer-events:none}.page--snippet .site-header__title a{pointer-events:auto}.site-container--info .site-header__title,.site-container--project-detail .site-header__title,.site-container--ai-search .site-header__title{pointer-events:none;width:100%}.site-container--info .site-header__title a,.site-container--project-detail .site-header__title a,.site-container--ai-search .site-header__title a{pointer-events:auto}.site-header__info{text-align:right;right:0}.site-container--info .site-header__info,.site-container--project-detail .site-header__info,.project-detail__media-active .site-header__info,.site-container--ai-search .site-header__info,.page--snippet .site-header__info{display:none}.site-header__subtitle{margin-top:var(--leading);opacity:1;transition:opacity .1s ease-out}.site-header__subtitle--hidden{opacity:0}.site-container--info .site-header__subtitle,.site-container--project-detail .site-header__subtitle,.site-container--ai-search .site-header__subtitle,.page--snippet .site-header__subtitle{display:none}.site-footer{padding:calc(var(--leading)/3)0 calc(var(--outer-margin-y) - 2px);background:#ccc url(/images/body-bg.webp) 0 0/256px 256px;border-top:1px solid #222;justify-content:space-between;margin-top:-1px;display:flex;position:sticky;bottom:0}.site-container--ai-search .site-footer{display:none}.site-footer__item{flex-shrink:0}@media (min-width:768px){.site-footer__item{width:50%}}.site-footer__item--contact{text-align:right;text-transform:uppercase;font-feature-settings:"ss17" 1}.site-container--project-detail .project-header{top:calc(var(--outer-margin-y) + var(--leading));z-index:200;background:#fff;grid-auto-rows:min-content;transition:background-color .125s,color .125s;position:sticky}.site-container--project-detail .project-header.invert{color:#fff;background:0 0}.site-container--project-detail .project-header.invert a{color:#fff}.site-container--project-detail .project-header.invert:after{opacity:0}.site-container--project-detail .project-header:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#fff 0%,#fff0 100%);height:3rem;transition:opacity .125s;position:absolute;top:100%;left:0;right:0}.project-detail__media-active .site-container--project-detail .project-header{background:0 0}.project-detail__media-active .site-container--project-detail .project-header:after{opacity:0}@media (max-width:767px){.project-detail__media-active .site-container--project-detail .project-header .project-header__title,.project-detail__media-active .site-container--project-detail .project-header .project-header__cell--client,.project-detail__media-active .site-container--project-detail .project-header .meta-list{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-detail__media-active .site-container--project-detail .project-header .project-header__cell--client{display:none}}.site-container--project-detail .project-detail__pager-wrapper{z-index:201;position:fixed;top:0;right:2.5rem}.site-container--project-detail .project-detail__pager{flex-wrap:wrap;align-items:flex-end;display:flex}.site-container--project-detail .project-detail__pager:empty{display:none}.site-container--project-detail .project-detail__pager-link{text-indent:-9999px;background:url(/images/arrow-left-black.svg) 50%/.825rem no-repeat;width:2.5rem;height:2.5rem;display:block;overflow:hidden}@media (hover:hover){.site-container--project-detail .project-detail__pager-link:hover{background-image:url(/images/arrow-left-gray.svg)}}.site-container--project-detail .project-detail__pager-link--next{background-image:url(/images/arrow-right-black.svg)}@media (hover:hover){.site-container--project-detail .project-detail__pager-link--next:hover{background-image:url(/images/arrow-right-gray.svg)}}.site-container--project-detail .project-detail__pager.invert .project-detail__pager-link{background-image:url(/images/arrow-left-white.svg)}@media (hover:hover){.site-container--project-detail .project-detail__pager.invert .project-detail__pager-link:hover{background-image:url(/images/arrow-left-gray.svg)}}.site-container--project-detail .project-detail__pager.invert .project-detail__pager-link--next{background-image:url(/images/arrow-right-white.svg)}@media (hover:hover){.site-container--project-detail .project-detail__pager.invert .project-detail__pager-link--next:hover{background-image:url(/images/arrow-right-gray.svg)}}.site-container--project-detail .project-card__thumbnail{width:calc(100% - var(--outer-margin-x)*6);max-width:var(--max-width);cursor:url(/images/cursor-gray.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-gray.svg) 1x,url(/images/cursor-gray@2x.svg) 2x)6 6,auto;background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed;top:9rem;bottom:9rem;left:50%;transform:translate(-50%)}.site-container--project-detail .project-card__thumbnail:after{content:"";text-indent:300%;white-space:nowrap;background:url(/images/chevron-black.svg) 50%/.825rem no-repeat;width:2.5rem;height:2.5rem;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)}@media (hover:hover){.site-container--project-detail .project-card__thumbnail:hover:after{background-image:url(/images/chevron-gray.svg)}}.yarl__no_scroll .site-container--project-detail .project-card__thumbnail{display:none}.site-container--project-detail .project-card__thumbnail video{max-height:calc(100vh - 18rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-container--project-detail .project-detail__content{z-index:1;gap:0 var(--gap);padding-top:calc(var(--leading)/3);margin-top:calc(100vh - var(--leading)*12);background:#fff;border-top:1px solid #3e3e3e;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;display:grid;position:relative}@media (min-width:768px){.site-container--project-detail .project-detail__content{margin-top:calc(100vh - var(--leading)*10)}}.site-container--project-detail .project-detail__article,.site-container--project-detail .project-detail__sidebar{margin-bottom:var(--leading)}.site-container--project-detail .project-detail__article{grid-column:span 12}@media (min-width:768px){.site-container--project-detail .project-detail__article{gap:0 var(--gap);grid-column:span 6;grid-template-columns:repeat(6,1fr);display:grid}.site-container--project-detail .project-detail__article .project-detail__article-heading{grid-column:span 2}.site-container--project-detail .project-detail__article .project-detail__article-body{grid-column:span 4}}.site-container--project-detail .project-detail__article .project-detail__article-body p{text-indent:1.5em;margin-bottom:0}.site-container--project-detail .project-detail__article .project-detail__article-body p:first-child{text-indent:0}.site-container--project-detail .project-detail__sidebar{gap:0 var(--gap);grid-column:span 12;grid-template-columns:repeat(12,1fr);display:grid}@media (min-width:768px){.site-container--project-detail .project-detail__sidebar{grid-column:span 6;grid-template-columns:repeat(6,1fr)}}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link-anchor:before{content:"↗ "}@media (hover:hover){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link-anchor:hover{color:#00f;cursor:url(/images/cursor-blue.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-blue.svg) 1x,url(/images/cursor-blue@2x.svg) 2x)6 6,auto}}@media (max-width:767px){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-section{margin-bottom:var(--leading)}}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-section>:last-child{margin-bottom:0}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link{grid-column:span 6}@media (min-width:768px){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link{grid-column:3/5}}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link .project-detail__sidebar-link-anchor{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media (hover:none){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-link .project-detail__sidebar-link-anchor:after{content:" ↗"}}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-credits{grid-column:span 6}@media (min-width:768px){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-credits{grid-column:5/7}}.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-collaborators{grid-column:span 6}@media (min-width:768px){.site-container--project-detail .project-detail__sidebar .project-detail__sidebar-collaborators{display:none}}.site-container--project-detail .project-detail__media-grid{gap:0 var(--gap);padding-top:calc(var(--leading)*6);grid-column:span 12;grid-template-columns:repeat(12,1fr);display:grid}@media (min-width:768px){.site-container--project-detail .project-detail__media-grid{padding-top:calc(var(--leading)*8)}}.site-container--project-detail .project-detail__media-grid .project-detail__media-item{padding-bottom:var(--outer-margin-x);text-align:center;grid-column:span 12;line-height:0}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .media-component{background:url(/images/disabled.png) 0 0/2px 2px}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth]{grid-column:span 6}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption{grid-template-columns:repeat(6,1fr)}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption .project-detail__media-caption-index{grid-column:span 1}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption .project-detail__media-caption-text{grid-column:span 5}@media (min-width:768px){.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption{grid-template-columns:repeat(12,1fr)}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption .project-detail__media-caption-index{grid-column:span 1}.site-container--project-detail .project-detail__media-grid .project-detail__media-item[data-display=halfWidth] .project-detail__media-caption .project-detail__media-caption-text{grid-column:span 11}}.site-container--project-detail .project-detail__media-grid .project-detail__media-item:last-child{padding-bottom:0}.site-container--project-detail .project-detail__media-grid .project-detail__media-item video{width:100%}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption{gap:0 var(--gap);line-height:var(--leading);padding:calc(var(--leading)/3)0 var(--leading);text-align:left;grid-template-columns:repeat(12,1fr);display:grid}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption .project-detail__media-caption-index{grid-column:span 1}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption .project-detail__media-caption-text{grid-column:span 11}@media (min-width:768px){.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption{grid-template-columns:repeat(24,1fr)}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption .project-detail__media-caption-index{grid-column:span 1}.site-container--project-detail .project-detail__media-grid .project-detail__media-item .project-detail__media-caption .project-detail__media-caption-text{grid-column:span 23}}.site-container--info .info-page{gap:0 var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.site-container--info .info-page__section{margin-bottom:var(--leading);text-wrap:pretty;grid-column:span 6}@media (min-width:768px){.site-container--info .info-page__section{grid-column:span 3}}.site-container--info .info-page__heading{margin-top:var(--leading);margin-bottom:calc(var(--leading)/2)}.site-container--info .info-page__heading:first-child{margin-top:0}.site-container--info .info-page__content{margin-bottom:var(--leading)}.site-container--info .info-page__content p{margin-bottom:calc(var(--leading)/2)}.site-container--info .info-page__content ul li{text-indent:-1.5em;padding-left:1.5em}.site-container--info .info-page__social-list a:before{content:"↗ "}.site-container--info .info-page__section--press ul{margin-bottom:calc(var(--leading)/2)}.site-container--info .info-page__section--press p{margin-bottom:0}.site-container--info .info-page__subsection{margin-bottom:var(--leading)}body.page--snippet,.site-container--snippet{color:#222;cursor:url(/images/cursor-black.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-black.svg) 1x,url(/images/cursor-black@2x.svg) 2x)6 6,auto;background:#ccc url(/images/body-bg.webp) 0 0/256px 256px}body.page--snippet .page-close__link,.site-container--snippet .page-close__link{cursor:url(/images/cursor-white.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-white.svg) 1x,url(/images/cursor-white@2x.svg) 2x)6 6,auto}@media (hover:hover){body.page--snippet .page-close__link:hover,.site-container--snippet .page-close__link:hover{background-image:url(/images/close-white.svg)}}body[data-snippet-close-hover=true] .page-close__link{background-image:url(/images/close-white.svg)}.snippet-slideshow{position:fixed;inset:0}.snippet-slideshow__inner{width:100%;height:100vh;max-width:calc(var(--max-width) + var(--outer-margin-x)*2);margin:0 auto;position:relative}.snippet-slideshow__count{letter-spacing:.05em;font-size:1rem}.snippet-slideshow__viewport{width:calc(100% - var(--outer-margin-x)*6);max-width:var(--max-width);position:fixed;top:9rem;bottom:9rem;left:50%;transform:translate(-50%)}.snippet-slideshow__image,.snippet-slideshow__video{max-height:calc(100vh - 18rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snippet-slideshow__nav{cursor:url(/images/cursor-yellow.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-yellow.svg) 1x,url(/images/cursor-yellow@2x.svg) 2x)6 6,auto;position:fixed;top:0;bottom:0}.snippet-slideshow__nav--prev{z-index:1;width:2.5rem;left:0}.snippet-slideshow__nav--prev:hover:after{background-image:url(/images/arrow-left-yellow.svg)}.snippet-slideshow__nav--next{left:0;right:0}.snippet-slideshow__nav--next:hover:after{background-image:url(/images/arrow-right-yellow.svg)}.snippet-slideshow__nav--next[aria-label=Close\ snippet]:after{display:none}.snippet-slideshow__nav--next[aria-label=Close\ snippet]:hover{cursor:url(/images/cursor-white.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-white.svg) 1x,url(/images/cursor-white@2x.svg) 2x)6 6,auto}.snippet-slideshow__nav:after{content:"";pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:.825rem;width:2.5rem;height:2.5rem;position:fixed;top:50%;transform:translateY(-50%)}.snippet-slideshow__nav--prev:after{background-image:url(/images/arrow-left-black.svg);left:0}.snippet-slideshow__nav--next:after{background-image:url(/images/arrow-right-black.svg);right:0}.snippet-slideshow__nav:disabled{display:none}.snippet-slideshow__footer{right:var(--outer-margin-x);left:var(--outer-margin-x);bottom:var(--outer-margin-y);position:absolute}.snippet-slideshow__footer .snippet-slideshow__caption{gap:0 var(--gap);pointer-events:none;grid-template-columns:repeat(12,1fr);display:grid}@media (min-width:768px){.snippet-slideshow__footer .snippet-slideshow__caption{grid-template-columns:repeat(24,1fr)}}.snippet-slideshow__footer .snippet-slideshow__caption-count{grid-column:span 1}.snippet-slideshow__footer .snippet-slideshow__caption-text{grid-column:span 11;padding-right:12em}@media (min-width:768px){.snippet-slideshow__footer .snippet-slideshow__caption-text{grid-column:span 23}}.snippet-slideshow__link,.snippet-slideshow__caption-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.snippet-slideshow__link{text-align:right;pointer-events:none;width:12em;position:absolute;bottom:0;right:0}.snippet-slideshow__link a{pointer-events:auto;cursor:url(/images/cursor-blue.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-blue.svg) 1x,url(/images/cursor-blue@2x.svg) 2x)6 6,auto}.snippet-slideshow__link a:before{content:"↗ "}@media (hover:hover){.snippet-slideshow__link a:hover{color:#00f}}.site-container--ai-search{cursor:url(/images/cursor-black.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-black.svg) 1x,url(/images/cursor-black@2x.svg) 2x)6 6,auto}@media (hover:hover){.site-container--ai-search .page-close__link:hover{background-image:url(/images/close-white.svg)}}.ai-search{gap:var(--gap);padding-top:var(--gap);flex-direction:column;display:flex}.ai-search__conversation{gap:var(--gap);flex-direction:column;flex:auto;display:flex}.ai-search__turn{gap:var(--gap);flex-direction:column;display:flex}.ai-search__bubble{max-width:100%;font-size:2rem;line-height:var(--leading);border-radius:1.7rem;padding:.4rem 1.125rem .6rem}@media (min-width:768px){.ai-search__bubble{max-width:min(72rem,100%)}}.ai-search__bubble a{color:#ccc;text-underline-offset:.13em;text-decoration:underline .08em}@media (hover:hover){.ai-search__bubble a:hover{color:#fff}}.ai-search__bubble--user{color:#ccc;mix-blend-mode:darken;background:#222 url(/images/disabled.png) 0 0/2px 2px;border-bottom-right-radius:0;align-self:flex-end}.ai-search__bubble--assistant{color:#ccc;cursor:url(/images/cursor-gray.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-gray.svg) 1x,url(/images/cursor-gray@2x.svg) 2x)6 6,auto;background:#222;border-bottom-left-radius:0;align-self:flex-start}.ai-search__assistant-message{gap:var(--gap);display:grid}.ai-search__thinking{animation:.9s ease-in-out infinite ai-search-thinking}@keyframes ai-search-thinking{0%{opacity:1}50%{opacity:.25}to{opacity:1}}.ai-search__projects{width:100%;display:block}.ai-search__form{gap:var(--gap);display:grid}.ai-search__input-row{padding-right:calc(var(--leading) + 2.25rem + var(--gap));position:relative}.ai-search__input-row input{width:100%;font-family:inherit;font-size:2rem;line-height:var(--leading);cursor:url(/images/cursor-gray.svg) 6 6,auto;cursor:-webkit-image-set(url(/images/cursor-gray.svg) 1x,url(/images/cursor-gray@2x.svg) 2x)6 6,auto;background:#fff;border-radius:1.7rem;padding:.4rem 1.125rem .6rem}.ai-search__input-row input::placeholder{color:#ccc}.ai-search__input-row input:disabled{pointer-events:none;background-image:url(/images/disabled.png);background-size:2px 2px}.ai-search__input-row button{width:calc(var(--leading) + 1rem);font-family:inherit;font-size:2rem;line-height:var(--leading);color:#ccc;text-underline-offset:.13em;background:#222;border-radius:100%;padding:.4rem .75rem .6rem;text-decoration:underline .08em;position:absolute;top:0;right:0;overflow:hidden}@media (hover:hover){.ai-search__input-row button:hover{color:#fff}}.ai-search__input-row button:disabled{pointer-events:none;background-image:url(/images/disabled.png);background-size:2px 2px}.ai-search__input::placeholder{opacity:1;transition:opacity .2s}.ai-search__input--placeholder-hidden::placeholder{opacity:0}.ai-search__error{color:red}