html{scroll-behavior:smooth}:root{--golden: #CBDA5A;--tokyo: #1e2630;--oak: #026363;--seafoam: #aad6b5;--earth: #303531;--nimbus: #ccd4d2;--stratus: #837d7d;--porridge: #F5F5F5;--electric: #85c7c7;--party: #f79283}figcaption{font-size:smaller;text-align:right;font-style:italic;padding-top:16px;font-family:"Fira Sans",sans-serif}mark{background-color:var(--seafoam);padding:8px;font-size:.95em;font-weight:600}a{text-decoration:none}button{font-size:1.4em;font-family:'Fira Sans', sans-serif;cursor:pointer;border:2px solid var(--seafoam);border-radius:2em;padding:1em 1.4em;display:flex;align-items:center;margin:2em;background:linear-gradient(45deg, var(--seafoam) 50%, transparent 50%);background-size:300%;background-position:100%;color:var(--porridge);transition:background-position 0.6s ease-in-out, color 0.3s ease, transform 0.6s ease-in-out}button .material-icons{margin-left:.8em}button:hover{background-position:0%;color:var(--earth);font-weight:500;transform:scale(1.08)}button:hover .material-icons{color:var(--earth)}.reveal-wrapper{display:inline-block;overflow:hidden;vertical-align:bottom;transform:translateY(80%);opacity:0;transition:transform 1s cubic-bezier(0.25, 0.1, 0.25, 1),opacity 0.8s ease}.responsive{width:100%;display:block}.page{margin:0px;font-family:"Martian Mono",monospace;line-height:1.6em;color:#303531;letter-spacing:.02em;font-size:16px;font-weight:350}h2{font-family:"Fira Sans",sans-serif;font-size:1.4em;font-weight:800;margin:.3em 0em;letter-spacing:-.02em}h3{font-family:"Fira Sans",sans-serif;font-size:1.2em;font-weight:400;margin:.3em 0em}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));grid-template-rows:masonry}.container{max-width:1200px;margin-left:auto;margin-right:auto}.container-fluid{width:100%}.row{display:flex;justify-content:center;padding:1em 0em;flex-wrap:wrap}[class^="col-"]{box-sizing:border-box}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}[class*="col-"]{max-width:100%}@media (min-width: 640px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{max-width:8.3333333333%}.col-md-2{max-width:16.6666666667%}.col-md-3{max-width:25%}.col-md-4{max-width:33.3333333333%}.col-md-5{max-width:41.6666666667%}.col-md-6{max-width:50%}.col-md-7{max-width:58.3333333333%}.col-md-8{max-width:66.6666666667%}.col-md-9{max-width:75%}.col-md-10{max-width:83.3333333333%}.col-md-11{max-width:91.6666666667%}.col-md-12{max-width:100%}}@media (min-width: 1024px){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.align-top{align-items:flex-start}.align-middle{align-items:center}.align-bottom{align-items:flex-end}.float-right{float:right}.float-left{float:left}.no-gutters{margin-left:0;margin-right:0}.no-gutters>[class^="col-"]{padding-left:0;padding-right:0}.full-height{height:100%}.site-nav{display:flex;align-items:center;justify-content:center;background-color:transparent;z-index:100;position:sticky;top:20px;transition:top 0.5s ease-in-out;transform-origin:top center}.site-nav a{text-decoration:none;font-weight:500;transition:color 0.3s ease}.site-nav a:link{color:#F5F5F5}.site-nav a:visited{color:#F5F5F5}.site-nav a:hover,.site-nav a:focus{color:#CBDA5A;border-bottom:dotted 1px var(--golden);padding-bottom:8px}.site-nav a:active{color:#f79283}.site-nav .name{font-size:.8em;font-family:"Fira Sans",sans-serif;font-weight:800;font-style:italic;border-right:1px solid var(--stratus);white-space:nowrap;padding:0px 24px;z-index:110}.site-nav .name a:link,.site-nav .name a:visited{color:#f79283}.site-nav .name a:hover{color:#85c7c7 !important}.site-nav .nav-links{display:flex;align-items:center;list-style:none;justify-content:center;border-radius:50px;background-color:#1e2630;overflow:hidden;width:520px;height:52px;transition:border-radius 0.6s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;transform-origin:top center}.site-nav .nav-links ul{display:flex;gap:0px 20px;padding:0px 20px;list-style:none}.site-nav .nav-links .nav-item{font-size:.8em;line-height:.8em}.menu-open,.menu-close{opacity:0;pointer-events:none;position:absolute;transition:opacity 0.3s ease}@media (max-width: 768px){.site-nav{width:100%;top:0px}.site-nav .name{border-right:0px}.site-nav .nav-links{width:100%;flex-direction:column;position:relative;border-radius:0;display:inline-table}.site-nav .nav-links ul{display:none;flex-direction:column;padding:20px;gap:20px;align-items:center}.site-nav .nav-links:target ul{display:flex}.menu-open,.menu-close{top:20px;right:20px}.menu-open{opacity:1;pointer-events:auto}.menu-close{opacity:0;pointer-events:none}.nav-links:target .menu-open{opacity:0;pointer-events:none}.nav-links:target .menu-close{opacity:1;pointer-events:auto}}.wrapper{max-width:calc(800px - (30px * 2));margin:0 auto;padding:0 0 30px;display:table}@media screen and (max-width: 800px){.wrapper{max-width:calc(800px - (30px))}}.page-content .wrapper{max-width:fit-content;padding:0 4em}a:hover,a:focus{text-decoration:none;color:#3a3937}a:hover .project-card__image,a:focus .project-card__image{transition:transform 0.3s ease-in-out}a:visited{text-decoration:none;color:#3a3937}a p,h3{color:#3a3937}footer{background-color:#111;border-top:6px solid var(--party)}.contributors{display:flex;justify-content:space-evenly;width:80%;padding:3em 10%}.contributors__description{font-size:.9em}.contributors__collaborators,.contributors__methods,.contributors__medium{font-size:smaller}.contributors__collaborators ul,.contributors__collaborators p,.contributors__methods ul,.contributors__methods p,.contributors__medium ul,.contributors__medium p{font-family:"Fira Sans",sans-serif;font-weight:400}.role{width:40%}@media (max-width: 768px){.role{width:100%}.contributors{background-color:#F5F5F5;display:flex;flex-direction:column;align-items:flex-start;align-content:center}.hero-text{width:100% !important}}.hero-text{padding:3em 10%;width:50%}.label{font-family:"Martian Mono",monospace;font-size:1em;opacity:.8;font-weight:300;letter-spacing:.03em;text-transform:uppercase}.header{font-family:"Fira Sans",sans-serif;font-weight:800;font-style:italic;font-size:3em;line-height:1em;letter-spacing:.01em;padding-bottom:.5em}.segment-cover{background-size:cover;height:100%;border-radius:16px}.segment-body{line-height:1.8em}.segment-split{padding:3em 10%}.segment-split ul li{margin-bottom:.8em}.segment-left{display:flex;flex-direction:column;justify-content:flex-start;align-content:center}div.segment-left>div:first-child{padding:2em}.segment-right{display:flex;flex-direction:column;justify-content:flex-start;align-content:center}.segment-right img{border-radius:16px;padding:1em}div.segment-right>div:first-child{padding:2em}.segment-image{justify-content:center;display:flex;flex-direction:column;align-items:center}.segment-gallery{justify-content:center;flex-wrap:wrap;width:100%;display:flex;box-sizing:border-box;border-radius:8px;padding:1em 1em}.segment-gallery figure{margin:0;padding:.8em;box-sizing:border-box}.segment-gallery figure div{height:100%;background-color:#fbfbfb;display:inherit}.segment-gallery figure div img{top:50%;transform:translateY(-50%);position:relative}.icon h2{width:100%;font-family:"Fira Sans",sans-serif;line-height:1.2em}.callout{padding:.1em 2em;margin:1.1em;font-family:"Fira Sans",sans-serif;border-radius:8px}.callout ul{padding-top:8px}.callout li{font-weight:400;font-size:1.4em;font-family:"Fira Sans",sans-serif;line-height:1.4em;letter-spacing:-.02em}.callout .sub{font-size:1.2em;font-weight:600;font-style:italic;letter-spacing:-.01em}.callout .header{font-weight:700;font-style:normal;font-size:1.8em;margin:3px 0em;letter-spacing:-.01em}.callout .text{font-style:normal;margin:0px;font-family:"Fira Sans",sans-serif;line-height:1.4em;letter-spacing:.02em;font-size:.88em}.segment-label-col{justify-content:space-between;text-align:left;line-height:1.2em;font-size:.88em;padding:2em 2em;background-color:color(a98-rgb 0.96 0.96 0.96/0.88);border-radius:8px;font-family:"Fira Sans",sans-serif;font-weight:400}.segment-label-col div{padding:0em 5%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.segment-label-col div:not(:last-child){border-right:1px solid white}.segment-label-col .mi{font-size:4em;padding:.5em;border-radius:1em;color:#303531;width:80%;text-align:center;text-shadow:-4px 3px var(--golden)}.more{background-color:#1e2630;color:#F5F5F5;display:flex;justify-content:space-between;padding:3%;font-size:larger;font-family:"Fira Sans",sans-serif}.more div:last-child{color:#CBDA5A;font-size:1.2em;display:flex;align-items:flex-end;flex-direction:column}.next-project-footer a{color:#85c7c7;text-decoration:none}.next-project-footer a:visited{color:#85c7c7;text-decoration:none}.next-project-footer a:hover{color:#85c7c7;text-decoration:none}.next-label{font-weight:600;margin:.4em 0em}.next-title{font-size:.8em;margin:.4em 0em}.project{background-color:var(--project-bg);display:flex;border-radius:.5em;margin:.6em;letter-spacing:-.01em;line-height:1em;overflow:clip;flex-direction:column;min-height:400px;justify-content:space-between}.project .descriptions{margin:1em 1em}.project .descriptions h3{font-family:"Fira Sans",sans-serif;margin:1.3em .4em;font-weight:600;line-height:1.12em;color:#303531;font-size:1.5em}.project .project__image{width:100%;display:block;object-fit:cover;transition:transform 0.3s ease-in-out}.project:hover .project__image{transform:scale(1.1)}.project__summary{line-height:1.2em;color:#303531;opacity:.8;font-family:"Fira Sans",sans-serif;font-weight:400}.projects__list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 auto}.projects__list .project__summary{margin:1em 1em}.project__client{font-family:"Fira Sans",sans-serif;font-size:1em;letter-spacing:.00em;font-weight:600;margin:0;opacity:1;color:#1e2630}ul.project__tag{list-style:none;display:flex;margin-left:0px;flex-wrap:wrap;padding:0px;justify-content:flex-end;text-transform:uppercase}li.project__tag{font-weight:600;font-size:.75em;padding:.2em .6em;border-radius:4px;letter-spacing:0.05em;border:dotted 1px var(--party);color:var(--earth);margin-right:4px}.dek{font-size:1.2em;font-family:"Martian Mono",monospace;line-height:1.6em;font-weight:300;margin:1em 10% 3em;opacity:0;transform:translateY(10px);transition:opacity 1.6s ease,transform 1.4s cubic-bezier(0.19, 1, 0.22, 1);letter-spacing:-0.03em}h1.is-visible .reveal-wrapper{transform:translateY(0);opacity:1;transition-delay:0.3s;padding:8px 0px}h2.is-visible .reveal-wrapper{transform:translateY(0);opacity:1;transition-delay:0.0s;padding:8px 0px}.dek.is-visible{opacity:1;transform:translateY(0);transition-delay:0.6s}#intro{background-color:var(--porridge)}.intro{background-color:var(--party);display:flex;top:-100px;padding-top:100px;position:relative;height:100vh;align-items:center;text-align:center}.intro h2{font-family:"Sansita Swashed",serif;font-size:4em;top:-100px;position:relative;line-height:1em}.intro h1{top:-100px;position:relative;font-family:"Martian Mono",monospace;line-height:1.6em}.intro .row{flex-direction:column;align-content:center}.UX{background-color:var(--porridge);display:flex;position:relative;padding-bottom:10em}.UX .row{align-items:center;padding:0px}.UX h1{font-size:.8em;width:100%;color:var(--earth);line-height:1.4em;font-weight:600;margin:0px 0px;text-transform:uppercase;letter-spacing:.18em;text-align:center}.UX h2{font-size:5.2em;font-weight:600;font-family:"Sansita Swashed",serif;color:var(--earth);line-height:1.1em;margin:0px 10% .3em;width:100%;text-align:center}.UX .dek{color:var(--earth);text-align:center}.graphic{background-color:var(--tokyo);display:flex}.graphic .row{justify-content:center;align-items:center;align-content:center;display:flex;flex-direction:row-reverse;text-align:center}.graphic .row:first-child{margin-top:20px}.graphic h1{font-size:.8em;width:100%;color:var(--electric);line-height:1.4em;font-weight:400;margin:0px 0px;text-transform:uppercase;letter-spacing:.18em}.graphic h2{font-size:5.2em;font-weight:600;font-family:"Sansita Swashed",serif;color:#85c7c7;line-height:1.1em;margin:0px 10% .3em;width:100%}.graphic .dek{color:var(--nimbus);text-align:center}.graphic img{mask-image:linear-gradient(to bottom, #000, #000, #000, #000, transparent);transition:0.3s ease-in-out}.graphic img:hover{transform:scale(1.1)}.graphic .projects__list{max-width:revert}.graphic .project-reveal:hover{background-color:#dddbda}.project-reveal{position:relative;overflow:hidden;margin:8px;display:flex;flex-direction:column;border-radius:12px;text-align:left;background-color:#bcbab8;transition:background-color 0.3s ease-in-out}.project-reveal .mi{float:right;color:var(--earth)}.project-reveal__content{padding:1em;color:#303531}.project-reveal__image{width:100%;display:block}.project-reveal__overlay{top:0px;left:0px;right:0px;bottom:0px;display:flex;flex-direction:column;border-radius:8px}.project-reveal__title{font-family:"Fira Sans",sans-serif;margin:8px 0em;font-weight:600;line-height:1.12em;color:#1e2630;font-size:1.3em}.project-reveal__client{font-family:"Fira Sans",sans-serif;letter-spacing:.00em;font-weight:400;margin:0;opacity:.9;color:#1e2630;font-size:1em}.project-reveal:hover .project-reveal__overlay{opacity:1}#Motion{background-color:var(--earth)}.Motion{display:flex;flex-direction:row;background-color:var(--earth);position:relative;padding-bottom:140px;text-align:center;padding-top:100px}.Motion .row{flex-direction:column;align-items:center}.Motion h1{font-size:.8em;width:100%;color:var(--seafoam);line-height:1.4em;font-weight:400;margin:0px 0px;text-transform:uppercase;letter-spacing:.18em}.Motion h2{font-size:5.2em;font-weight:600;font-family:"Sansita Swashed",serif;color:var(--seafoam);line-height:1.1em;margin:0px 10% .3em}.Motion .dek{color:var(--nimbus)}.Motion .video{display:flex;flex-wrap:wrap;justify-content:center}.Motion .video img{height:inherit;max-height:350px;margin:.6em}.Motion img{border-radius:8px}@media (max-width: 768px){.Motion .video img{width:100%;height:auto;max-height:revert}}@media (max-width: 768px){.projects__list{flex-direction:column;align-items:center}.project-card{width:90%}.intro h1{font-size:1.8em}.Motion h2{font-size:2.8em;margin:revert}.UX h2{font-size:2.8em}.graphic h2{font-size:2.8em}.dek{font-size:1.1em}}