ul.bento-grid{display:grid;--grid-columns:5;--grid-columns-fallback:5;--grid-column-size:1fr;--gap:1rem;grid-template-columns:repeat(var(--grid-columns,5),var(--grid-column-size,1fr));grid-template-rows:repeat(var(--row-count,3),var(--row-width,1fr));width:auto;gap:var(--gap);list-style:none;margin:var(--gap);padding:0}.bento-grid li.bento-box{background-color:var(--bg-color);background-image:var(--bg-img);background-position:var(--background-align);grid-column:var(--grid-column);grid-row:var(--grid-row);border-radius:var(--margin-s);box-shadow:0 0 20px rgb(0 0 0 / .3);transition:scale .3s,background-size .3s;isolation:isolate;position:relative;background-size:cover;order:var(--mobile)}li.bento-box a{display:flex;position:absolute;inset:0;border-radius:var(--margin-s);color:var(--txt-color);text-shadow:0 0 5px #000;justify-content:center;align-items:center;text-decoration:none}.bento-box:hover{scale:1.02}.bento-box--zoom{background-image:unset;background-color:#fff0;overflow:hidden}.bento-box--zoom:before{content:"";background-position:center;background-size:cover;background-image:var(--bg-img);background-position:var(--background-align);position:absolute;inset:0;z-index:-1;transition:scale .4s}.bento-box--zoom:hover:before{scale:1.05}.bento-box .title{font-size:2rem;text-transform:uppercase}.bento-grid li.bento-box.bento-box--svg{overflow:hidden;background-image:var(--bg-img);background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:var(--bg-color)}.bento-grid li.bento-box.bento-box--svg svg{margin:0 auto}.bento-grid li.bento-box.bento-box--svg section{padding:2.4% 0}.bento-box--svg[title="Dudelings"]{position:relative}.bento-box.bento-box--svg[title="Dudelings"] img{transition:scale .3s;position:absolute}.bento-box.bento-box--svg[title="Dudelings"]:hover img{scale:var(--scale)}.bento-box--svg[title="Dudelings"] img.dudelings-logo{width:50%;height:auto;top:5%;left:5%;--scale:1.1}.bento-box--svg[title="Dudelings"] img.dudeling-hero{height:120%;width:auto;top:25%;right:3%;--scale:1.15}.bento-box--svg[title="Dudelings"] img.dudeling-villain{height:80%;width:auto;top:50%;right:31%;--scale:1.1}i.new{display:inline-flex;height:fit-content;font-size:.4rem;font-weight:bolder;font-family:'ARCHIVO BLACK';font-style:normal;box-sizing:border-box;background-color:var(--project-button-alt-hover);padding:1ch;vertical-align:middle;aspect-ratio:1;clip-path:polygon(100% 50%,91.53% 61.13%,93.3% 75%,80.41% 80.41%,75% 93.3%,61.13% 91.53%,50% 100%,38.87% 91.53%,25% 93.3%,19.59% 80.41%,6.7% 75%,8.47% 61.13%,0% 50%,8.47% 38.87%,6.7% 25%,19.59% 19.59%,25% 6.7%,38.87% 8.47%,50% 0%,61.13% 8.47%,75% 6.7%,80.41% 19.59%,93.3% 25%,91.53% 38.87%);justify-content:center;align-items:center;position:absolute;rotate:11deg;translate:2px -3px}a.landing-main--related-page{background:var(--neutral-color-1);--_anchor-element-color:var(--neutral-color-1-fg);--_anchor-hover-color:rgb(from var(--neutral-color-1-fg) r g b / .8)}a.client-listing{img{height:auto}}aside.client-data{text-align:center;article{max-width:70ch;margin:0 auto}}.client-listing{.group{display:flex;flex-wrap:wrap;gap:var(--content-gap);margin-top:1.75rem;&>h1:empty{display:none}}h1{width:100%}}.portfolio-item{width:auto;width:calc(32.6% - calc(var(--content-gap) / 2));height:auto;padding:0;border-radius:0;background:#fff0;white-space:normal;text-align:left;font-size:1rem;font-weight:400;font-family:var(--project-body-family);text-transform:unset;align-items:flex-start;&.portfolio-item.portfolio-item:hover{background:unset}&[onclick^="item_shadowbox"]{cursor:pointer}&>img{width:100%;height:auto}figcaption{display:none;color:inherit}}.portfolio-item-list{@media only screen and (max-width:35em){.group{display:flex;flex-direction:column}.portfolio-item{width:100%}.portfolio-item.portfolio-item--blurb{display:flex;flex-direction:column;>figcaption{width:100%;article{padding:1em}}}}}.portfolio-item.portfolio-item--blurb{display:grid;width:100%;gap:1rem;flex-direction:row-reverse;grid-template-columns:1fr 1fr 1fr;background-color:var(--neutral-color-1);color:var(--neutral-color-1-fg);border:1px solid #fff0;&.portfolio-item.portfolio-item--blurb:hover{background-color:var(--neutral-color-0);color:var(--neutral-color-0-fg)}>img{width:100%;height:100%;object-fit:cover;grid-column:1 / span 1;grid-row:1 / span 1}>figcaption{display:inline-block;box-sizing:border-box;grid-column:2 / span 2;grid-row:1 / span 1;article{padding:1em 0 1em 1em}& :is(h1,h2,h3){margin:unset}}.portfolio-item--blurb-right{>img{grid-column:3 / span 1}>figcaption{grid-column:1 / span 2;article{padding:1em 1em 1em 0}}}}.portfolio-typed-index{.portfolio-item--blurb.portfolio-item--blurb:nth-of-type(odd){>img{grid-column:1 / span 1}>figcaption{grid-column:2 / span 2}}.portfolio-item--blurb.portfolio-item--blurb:nth-of-type(even){>img{grid-column:3 / span 1}>figcaption{grid-column:1 / span 2}}}blockquote.client-quote,.client-quote{padding:1em;font-style:normal;border-radius:var(--border-radius-s);width:46ch;white-space:normal;display:inline-block;.profile{display:flex;text-align:right;justify-content:flex-end;align-items:center;margin-left:auto;.attribution:before{content:"\2014";margin-right:.1em}.profile-pic{height:60px;width:60px;background-color:var(--purple);border:1px solid var(--purple);border-radius:50%;margin-left:.5em;transition:scale .3s;display:block;}}:is(h3,h4){margin:0}@media only screen and (max-width:35em){width:85vw}}#screens-container{height:360px}#phone-body{position:absolute;left:0;top:0;z-index:10}#phone-container{overflow:hidden;height:360px}#phone-skeleton{animation-name:infiniteMobileScroll;animation-timing-function:ease-out;animation-duration:8s;animation-play-state:running;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes infiniteMobileScroll{0%{transform:translateY(-50%) scale(2)}15%{transform:translateY(-81%) scale(2)}33%{transform:translateY(-145%) scale(2)}49%{transform:translateY(-170%) scale(2)}61%{transform:translateY(-230%) scale(2)}73%{transform:translateY(-280%) scale(2)}85%{transform:translateY(-311%) scale(2)}91%{transform:translateY(-350%) scale(2)}100%{transform:translateY(-436.5%) scale(2)}}#screen-skeleton-text{animation-name:infiniteDesktopScroll;animation-timing-function:ease-in-out;animation-duration:8s;animation-play-state:running;animation-iteration-count:infinite;animation-fill-mode:forwards;opacity:1;transform:translateY(-151.5%)}@keyframes infiniteDesktopScroll{0%{transform:translateY(0)}15%{transform:translateY(-23%)}33%{transform:translateY(-41%)}49%{transform:translateY(-61%)}61%{transform:translateY(-80%)}73%{transform:translateY(-105%)}87%{transform:translateY(-125%)}100%{transform:translateY(-151.5%)}}modal-container.captioned{width:100vw;box-sizing:border-box;display:grid;grid-template-columns:75vw 25vw}modal-container.captioned .lightbox-button{display:none}modal-container figcaption{right:-25vw;top:0;bottom:0;background:#000;color:#efefef;padding:3rem 1.2rem 1rem;z-index:-1;grid-column:2 / span 1;height:100vh;box-sizing:border-box}modal-container.lightbox .modal-body{background-color:#fff0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}modal-container.captioned.lightbox img{width:65vw;object-fit:contain;object-position:center;background-color:#fff0;display:block;width:100%;height:100%}modal-container.captioned modal-box{box-sizing:border-box;background:#fff0;grid-column:1 / span 1;height:100vw;display:flex;justify-content:center;align-items:center}modal-container>button.modal-close-button{height:3rem;width:3rem;display:flex;justify-content:center;align-items:center}