PageSourceSearch

https://www.portorocha.com/shop

html portorocha.com collected 2026-10-03 21:02:07 UTC 152,046 bytes, 64 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8">
2<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
3<title>Shop | PORTO ROCHA</title>
4<link rel="stylesheet" href="/font/fonts.css">
5<style>:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){:root{--br:12px}}.case__study__gallery .case__study__gallery__item,.case__study__text{align-items:center;display:flex;justify-content:center}.nav:not(.has-blur) .nav__card__inner:after,.nav__card__bg{height:100%;left:0;position:absolute;top:0;width:100%}.case__study__text h2,.case__study__text__author,body,input[type=email],input[type=tel],input[type=text],select,textarea{font-family:sf-pro-text,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:125%}@media (max-width:768px){.case__study__text h2,.case__study__text__author,body,input[type=email],input[type=tel],input[type=text],select,textarea{font-size:13.5px;letter-spacing:-.31px;line-height:125%}}.case__study__media__text__number h3,.case__study__media__text__numbers h2,.case__study__media__texts2.featured .case__study__media__text__text__text2,.case__study__text__text{font-family:sf-pro-display,sans-serif;font-size:23px;font-weight:400;letter-spacing:.45px;line-height:27px}@media (max-width:768px){.case__study__media__text__number h3,.case__study__media__text__numbers h2,.case__study__media__texts2.featured .case__study__media__text__text__text2,.case__study__text__text{font-size:16px;letter-spacing:.25px;line-height:130%}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,li,ol[class],p,ul[class]{margin:0;padding:0}body{scroll-behavior:smooth;text-rendering:optimizeSpeed}ol,ol[class],ul,ul[class]{margin:0;padding-inline-start:3.2rem}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{color:inherit;display:inline-block;position:relative;text-decoration:none}h1,h2,h3,h4,h5,h6{border:0;font-size:inherit;font-weight:inherit;margin:0;outline:0;vertical-align:baseline}a,a:focus{color:inherit;outline:0;text-decoration:none}em{font-style:normal}html{font-size:.5208333333vw;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overflow-x:hidden;overflow-y:scroll}@media (max-width:656px){html{font-size:2.5641025641vw}}body{min-width:360px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;background-color:var(--color-black);color:var(--color-white);transition:background-color .5s,opacity .5s}html:not(.visible) body{height:0;opacity:0;overflow:hidden}body[data-template=slice-simulator]{opacity:1}body a,body h2,body h3,body p,body p>a,body ul{transition:color .5s}@media (max-width:768px){html.device-android body[data-template=index]{height:100dvh;overflow:hidden}}main.wrapper{display:flex}@media (max-width:656px){main.wrapper{flex-flow:column}}.nav{flex-shrink:0}.content{flex:auto}.page__container{padding:var(--pd2)}@media (max-width:656px){.page__container{padding-top:2px}body[data-template=about-openings-uid] .page__container,body[data-template=about-team-uid] .page__container,body[data-template=all] .page__container{padding-top:var(--pd2)}}.page-enter-active{transition:opacity .5s}main.wrapper.no-transition .page-enter-active{transition:none}.page-enter-from{opacity:0}
5.page-enter-to{opacity:1}.page-leave-active{transition:opacity .5s}main.wrapper.no-transition .page-leave-active{transition:none}.page-leave-from{opacity:1}.page-leave-to{opacity:0}.page__cards{display:grid;gap:var(--pd2);grid-template-columns:1fr 1fr}.page__cards .page__card{grid-column:span 1}.page__card{background-color:var(--color-gray10);border-radius:var(--br2);padding:var(--pd);transition:background-color .5s}.page__nav__horizontal{display:flex;margin:var(--pd) 0 32px}.page__nav__horizontal__wrapper{-moz-column-gap:12px;column-gap:12px;display:flex;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.page__nav__horizontal__button{align-items:center;cursor:pointer;display:flex}.page__nav__horizontal__button.selected{pointer-events:none}.page__nav__horizontal__button.selected h3{color:var(--color-white)}.page__nav__horizontal__button h3{color:var(--color-gray50);white-space:nowrap}input[type=email],input[type=tel],input[type=text],select,textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--color-gray10);border:none;border-radius:var(--br2);color:var(--color-white);height:40px;outline:none;padding:0 12px;transition:background-color .5s,border-color .5s,color .5s;width:100%}input[type=email].placeholder,input[type=tel].placeholder,input[type=text].placeholder,select.placeholder,textarea.placeholder{color:var(--color-gray50);transition:color .5s}input[type=email]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-gray50);-webkit-transition:color .5s;transition:color .5s}input[type=email]:-moz-placeholder,input[type=email]::-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]:-moz-placeholder,input[type=text]::-moz-placeholder,select:-moz-placeholder,select::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{color:var(--color-gray50);-moz-transition:color .5s;transition:color .5s}input[type=email]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--color-gray50);-ms-transition:color .5s;transition:color .5s}@media (max-width:768px){input[type=email],input[type=tel],input[type=text],select,textarea{height:30px}}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px transparent!important;-webkit-text-fill-color:var(--color-white)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.nav__card{pointer-events:none}.nav__card__inner{border-radius:10px;-moz-column-gap:12px;column-gap:12px;display:flex;height:98px;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transition:background-color .5s;will-change:transform,opacity}.case__study__list .nav__card__inner,.nav:not(.has-blur) .nav__card__inner{background-color:#1a1a1a}html.light .case__study__list .nav__card__inner,html.light .nav:not(.has-blur) .nav__card__inner{background-color:#f5f5f5}.nav.has-blur .nav__card__inner{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--color-gray10)}@media (max-width:768px){.nav__card__inner{-moz-column-gap:9px;column-gap:9px;height:80px;padding:12px}}.nav:not(.has-blur) .nav__card__inner:after{background-color:var(--color-gray10);content:"";opacity:0;transition:background-color .5s,opacity .5s;z-index:-1}@property --start2{syntax:"<color>";inherits:false;initial-value:#4e4e4e}@property --end2{syntax:"<color>";inherits:false;initial-value:#242424}.nav__card__bg{transition:--start2 .5s,--end2 .5s}html.light .nav__card__bg{--start2:#d9d6d5;--end2:#efefef}.nav__card__bg{background:radial-gradient(76.17% 129.78% at 23.83% 65.4%,var(--start2) 0,var(--end2) 100%)}.nav__card__img{background-color:var(--color-gray10);border-radius:10px;flex-shrink:0;height:65px;overflow:hidden;position:relative;width:65px}.nav__card__img img{height:100%;width:100%}@media (max-width:768px){.nav__card__img{height:56px;width:56px}}.nav__card__info{position:relative}.nav__card__about .nav__card__info{display:flex;flex-flow:column}.nav__card__info h2{color:var(--color-white)}.nav__card__info p{color:var(--color-gray50)}.case__study__list .case__study__gallery__item{grid-column:1/-1}.case__study__list .case__study__gallery__item .has-gallery{cursor:pointer}.case__study__list .case__study__gallery__item.desktop-mobile.split{grid-column:span 1;grid-row:span 2}.case__study__list .case__study__gallery__item.desktop-mobile.split-rows{grid-column:span 1;grid-row:span 1}.case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner{height:100%}.case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner .landscape-small{aspect-ratio:auto!important;height:100%;position:relative}.case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner .landscape-small img,.case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner .landscape-small video{he
5ight:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute}.slice-simulator .case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner .landscape-small img,.slice-simulator .case__study__list .case__study__gallery__item.desktop-mobile.split-rows .case__study__gallery__item__inner .landscape-small video{width:100%}.case__study__list .case__study__gallery__item.desktop-mobile.position-left{grid-column:1/2}.case__study__list .case__study__gallery__item.desktop-mobile.position-right{grid-column:2/-1}@media (min-width:913px){.case__study__list .case__study__gallery__item.split{grid-column:span 1;grid-row:span 2}.case__study__list .case__study__gallery__item.split-rows{grid-column:span 1;grid-row:span 1}.case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner{height:100%}.case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner .landscape-small{aspect-ratio:auto!important;height:100%;position:relative}.case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner .landscape-small img,.case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner .landscape-small video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute}.slice-simulator .case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner .landscape-small img,.slice-simulator .case__study__list .case__study__gallery__item.split-rows .case__study__gallery__item__inner .landscape-small video{width:100%}.case__study__list .case__study__gallery__item.position-left{grid-column:1/2}.case__study__list .case__study__gallery__item.position-right{grid-column:2/-1}}.case__study__gallery__item__inner:not(.has-text){grid-template-columns:1fr}.case__study__gallery .case__study__gallery__item{background-color:var(--color-black);height:100%;width:100vw}@media (min-width:913px){.case__study__gallery .case__study__gallery__item{will-change:opacity}.case__study__gallery .case__study__gallery__item:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) .case__study__gallery__item__inner{display:none}}.case__study__media__text{align-items:flex-start}@media (min-width:913px){.case__study__media__text.text-media .case__study__media__text__media{grid-column:2/3;grid-row:1/2}.case__study__media__text.text-media .case__study__media__text__text{grid-column:1/2;grid-row:1/2}}.case__study__text{aspect-ratio:1496/998}@media (max-width:912px){.case__study__list .case__study__text{aspect-ratio:1}}.case__study__text__inner{align-items:center;display:flex;flex-flow:column;text-align:center;width:52%}@media (max-width:1280px){.case__study__text__inner{width:68%}}@media (max-width:1024px){.case__study__text__inner{width:76%}}@media (max-width:912px){.case__study__text__inner{width:90%}}.case__study__text__inner:has(.text24px){width:55%}@media (max-width:1280px){.case__study__text__inner:has(.text24px){width:80%}}@media (max-width:1024px){.case__study__text__inner:has(.text24px){width:90%}}@media (max-width:912px){.case__study__text__inner:has(.text24px){width:auto}}.case__study__text h2{color:var(--color-gray50);margin-bottom:var(--pd2)}@media (max-width:912px){.case__study__text h2{margin-bottom:var(--pd3)}}.case__study__media__text__text{padding-bottom:calc(var(--pd)*1.5)}.case__study__media__text__text h2{color:var(--color-gray50);margin-bottom:var(--pd2)}@media (max-width:912px){.case__study__media__text__text h2{margin-bottom:var(--pd3)}.case__study__media__text__text{padding-bottom:48px;padding-right:24px}}.case__study__media__text__numbers{display:flex;flex-flow:column;margin-top:32px;row-gap:48px}@media (max-width:912px){.case__study__media__text__numbers{margin-top:16px;row-gap:24px}.case__study__media__text__number h3{font-size:22px}}.case__study__media__text__number p{color:var(--color-gray50)}@media (max-width:912px){.case__study__media__text__number p{margin-top:4px}}.case__study__text__text{letter-spacing:.25px}.case__study__text__author{color:var(--color-gray50);margin-top:var(--pd2)}@media (max-width:912px){.case__study__text__author{margin-top:var(--pd3)}}.case__study__spotify{display:flex;padding:initial}.case__study__gallery__item__inner:not(.has-text).case__study__media__texts2{display:grid;gap:var(--pd2);grid-template-columns:1fr 1fr}@media (max-width:912px){.case__study__gallery__item__inner:not(.has-text).case__study__media__texts2{grid-template-columns:1fr}}.case__study__media__text__text2{grid-column:span 1}.case__study__media__texts2.featured .case__study__media__text__text2{min-height:450px}@media (min-width:913px){.case__study__media__texts2.featured .case__study__media__text__text2{padding:24px}}@media (max-width:912px){.case__study__media__texts2.featured .case__study__media__text__text2{min-height:clamp(200px,-92.8571428571px + .4464285714 * 100vw,250px)}}@media (min-width:913px){.case__study__media__texts2.align-to-right .case__study__media__text__text2{grid-column:2/-1}}.case__study__media__text__text2 h2{color:var(--color-gray50);margin-bottom:var(--pd2)}.case__study__media__texts2.featured .case__study__media__text__text__text2{letter-spacing:.25px}.case__study__media__text__text__text2 strong{font-weight:700}.case__study__media__text__text__text2 em{font-style:italic}.case__study__media__text__text__text2 a{text-decoration:underline}html:not(.has-link-arrow) .about__contact a,html:not(.has-link-arrow) .about__openings a,html:not(.has-link-arrow) .about__openings__page__opening__opening__openings a,html:not(.has-link-arrow) .case__study__info a{color:#ffffff80;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.75px;text-underline-offset:4px}html:not(.has-link-arrow) .about__contact a svg,html:not(.has-link-arrow) .about__openings a svg,html:not(.has-link-arrow) .about__openings__page__opening__opening__openings a svg,html:not(.has-link-arrow) .case__study__info a svg{display:none}html.light:not(.has-link-arrow) .about__contact a,html.light:not(.has-link-arrow) .about__openings a,html.light:not(.has-link-arrow) .about__openings__page__opening__opening__openings a,html.light:not(.has-link-arrow) .case__study__info a{color:#00000080}html.has-link-arrow .about__contact a svg,html.has-link-arrow .about__openings a svg,html.has-link-arrow .about__openings__page__opening__opening__openings a svg,html.has-link-arrow .case__study__info a svg{aspect-ratio:1;height:auto;margin-bottom:-2px;width:8.5px}html:not(.has-link-arrow) .case__study__info a:after{bottom:0}html.has-link-arrow .about__openings a,html.has-link-arrow .about__openings__page__opening__opening__openings a{display:flex}html.device-mouse .about__agenda__items .page__card:hover,html.device-mouse .home__cards .page__card:hover,html.device-mouse .page__button:hover{background-color:var(--color-gray10-hover)}html.device-mouse .page__button.white:hover{background-color:var(--color-white-hover)}html.device-mouse .nav__light__mode:hover,html.device-mouse .nav__top__top__gallery__mode:hover,html.device-mouse .page__button__close:hover,html.device-mouse .play-btn:hover{background-color:#ffffff3d}html.device-mouse .about__agenda_item.has-link:hover h3,html.device-mouse .about__contact a:hover,html.device-mouse .about__openings a:hover,html.device-mouse .about__openings__page__opening__opening__openings a:hover,html.device-mouse .about__team__member:hover p,html.device-mouse .case__study__info a:hover,html.device-mouse .nav__top__middle__logo:hover,html.device-mouse .page__nav__horizontal__button:hover h3{color:var(--color-white)}html.device-mouse .case__studies__card:hover p{color:var(--color-gray50-hover)}html.device-mouse .about__team__member:hover p span,html.device-mouse .case__studies__filters__category:hover:after,html.device-mouse a.nav__card__inner:hover:after{opacity:1}html.device-mouse.light .nav__light__mode:hover,html.device-mouse.light .nav__top__top__gallery__mode:hover,html.device-mouse.light .page__button__close:hover,html.device-mouse.light .play-btn:hover{background-color:#0000001f}</style>
6<style>[data-v-43e581e4]:root{--br:16px;
6--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-43e581e4]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-43e581e4]:root{--br:12px}}.error[data-v-43e581e4]{align-items:center;display:flex;justify-content:center}.error__message[data-v-43e581e4]{font-family:sf-pro-text,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:125%}@media (max-width:768px){.error__message[data-v-43e581e4]{font-size:13.5px;letter-spacing:-.31px;line-height:125%}}.error__title[data-v-43e581e4]{font-family:sf-pro-display,sans-serif;font-size:23px;font-weight:400;letter-spacing:.45px;line-height:27px}@media (max-width:768px){.error__title[data-v-43e581e4]{font-size:16px;letter-spacing:.25px;line-height:130%}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.error[data-v-43e581e4]{flex-flow:column;min-height:calc(100svh - var(--pd) - var(--pd))}.error__message[data-v-43e581e4]{color:var(--color-gray50);margin-bottom:calc(var(--pd)*2);margin-top:var(--pd);padding:0 32px;text-align:center;text-wrap:balance}@media (max-width:768px){.error__message[data-v-43e581e4]{margin-bottom:calc(var(--pd)*1.5);margin-top:var(--pd)}}.page__button[data-v-43e581e4]{align-items:center;background-color:var(--color-gray10);border-radius:40px;-moz-column-gap:var(--pd2);column-gap:var(--pd2);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 16px;transition:background-color .5s}</style>
7<style>[data-v-78096e18]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-78096e18]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-78096e18]:root{--br:12px}}.nav__top__top__gallery__mode[data-v-78096e18]{align-items:center;display:flex;justify-content:center}.nav__top__middle__logo[data-v-78096e18]{cursor:pointer;margin:-10px;padding:10px}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.nav[data-v-78096e18]{max-height:100svh;overflow-y:auto;padding:var(--pd2);scrollbar-width:none}@media (min-width:657px){.nav[data-v-78096e18]{padding-right:0;position:sticky;top:0}}@media (max-width:656px){html[data-template=index] .nav[data-v-78096e18]{position:sticky;top:0}html.device-android .nav[data-v-78096e18]{max-height:100dvh}}.nav__inner[data-v-78096e18]{width:clamp(368px,346.6666666667px + .0277777778 * 100vw,400px)}@media (max-width:656px){.nav__inner[data-v-78096e18]{width:auto}}.nav__top__inner[data-v-78096e18]{display:flex;flex-flow:column}.nav__top__top[data-v-78096e18]{align-items:center;display:flex;flex:1;justify-content:space-between}.nav__top__top__right[data-v-78096e18]{display:flex;position:relative}.nav__light__mode[data-v-78096e18]{transition:background-color .5s,transform .5s;will-change:transform}.nav__top__top__right.has-gallery .nav__light__mode[data-v-78096e18]{transform:translate(-42px)}@media (max-width:768px){.nav__top__top__right.has-gallery .nav__light__mode[data-v-78096e18]{transform:translate(-37px)}}.nav__top__top__gallery__mode[data-v-78096e18]{background-color:#ffffff1f;border-radius:50%;cursor:pointer;height:38px;position:absolute;right:0;top:0;transition:background-color .5s,opacity .3s .25s;width:38px;will-change:opacity}html.light .nav__top__top__gallery__mode[data-v-78096e18]{background-color:#00000014}@media (max-width:768px){.nav__top__top__gallery__mode[data-v-78096e18]{height:33px;width:33px}}.nav__top__top__right:not(.has-gallery) .nav__top__top__gallery__mode[data-v-78096e18]{opacity:0;pointer-events:none;transition:background-color .5s,opacity .2s}.nav__top__top__gallery__mode__play[data-v-78096e18]{border-color:transparent transparent transparent var(--color-white);border-style:solid;border-width:4.5px 0 4.5px 7.5px;height:0;transform:translate(1px);transition:border-color .5s;width:0}@media (max-width:768px){.nav__top__top__gallery__mode__play[data-v-78096e18]{border-width:3.5px 0 3.5px 5.5px}}.nav__top__middle[data-v-78096e18]{align-items:center;display:flex;flex:auto;flex-flow:column;row-gap:48px}.nav.is-responsive .nav__top__middle[data-v-78096e18]{height:100%;justify-content:center}.nav:not(.is-responsive) .nav__top__middle[data-v-78096e18]{padding:44px 0}@media (max-width:768px){.nav:not(.is-responsive) .nav__top__middle[data-v-78096e18]{padding:68px 0}.nav__top__middle[data-v-78096e18]{row-gap:24px}}.nav__top__middle__logo h1[data-v-78096e18]{display:flex}.nav__top__middle__logo svg[data-v-78096e18]{aspect-ratio:146/15;height:auto;width:146px}@media (max-width:768px){.nav__top__middle__logo svg[data-v-78096e18]{width:124px}}.nav__top__bottom[data-v-78096e18]{display:flex;justify-content:flex-end}.nav__cards[data-v-78096e18]{display:flex;flex-flow:column;row-gap:8px}@media (max-width:768px){.nav__cards[data-v-78096e18]{row-gap:6px}}@media (max-width:656px){.nav__card__about .nav__card__inner[data-v-78096e18]{display:none}}.nav__card__about__actions[data-v-78096e18]{display:none}@media (max-width:656px){.nav__card__about__actions[data-v-78096e18]{display:flex;gap:6px;width:100%}}.nav__card__about__btn[data-v-78096e18]{align-items:center;background-color:var(--color-gray10);border:none;border-radius:10px;color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;height:42px;padding:0 12px;pointer-events:auto;transition:background-color .5s}.nav__card__about__btn p[data-v-78096e18]{white-space:nowrap}.nav__card__end[data-v-78096e18]{height:40px}</style>
8<style>[data-v-cb05f962]:root{--br:16px;
8--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-cb05f962]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-cb05f962]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.case__study__list .nav__card[data-v-cb05f962]{padding-bottom:var(--pd2)}@media (min-width:657px){.case__study__list .nav__card[data-v-cb05f962]{display:none}}.case__study__slices[data-v-cb05f962]{display:grid;gap:var(--pd2);grid-template-columns:1fr 1fr}</style>
9<style>[data-v-b9cf6413]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-b9cf6413]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-b9cf6413]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.page__button[data-v-b9cf6413]{align-items:center;background-color:var(--color-gray10);border-radius:40px;-moz-column-gap:var(--pd2);column-gap:var(--pd2);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 16px;transition:background-color .5s}.page__button.small-border-radius[data-v-b9cf6413]{border-radius:var(--br2)}.page__button.white[data-v-b9cf6413]{background-color:var(--color-white);color:var(--color-black)}.page__button__icon__back[data-v-b9cf6413]{border:1.5px solid var(--color-white);border-bottom:none;border-left:none;flex-shrink:0;height:7px;margin-top:3px;transform:rotate(-45deg);transition:border-color .5s;width:7px}</style>
10<style>[data-v-e1e5dc19]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-e1e5dc19]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-e1e5dc19]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.nav__light__mode[data-v-e1e5dc19]{background-color:#ffffff1f;border-radius:38px;cursor:pointer;height:38px;padding:3px;transition:background-color .5s;width:62px}html.light .nav__light__mode[data-v-e1e5dc19]{background-color:#00000014}@media (max-width:768px){.nav__light__mode[data-v-e1e5dc19]{height:33px;width:55px}}.nav__light__mode__knob[data-v-e1e5dc19]{aspect-ratio:1;background-color:var(--color-gray10);border-radius:50%;height:100%;transition:background-color .5s,transform .5s}html.dark .nav__light__mode__knob[data-v-e1e5dc19]{transform:translate(23px)}@media (max-width:768px){html.dark .nav__light__mode__knob[data-v-e1e5dc19]{transform:translate(22px)}}html.light .nav__light__mode__knob[data-v-e1e5dc19]{background-color:var(--color-black)}</style>
11<style>[data-v-ce4c4766]:root{--br:16px;
11--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-ce4c4766]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-ce4c4766]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.nav__clock[data-v-ce4c4766]{cursor:default;font-family:sf-pro-display,sans-serif;font-size:23px;font-weight:400;letter-spacing:.45px;line-height:27px;text-align:center}</style>
12<style>:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.slice-simulator .nav__card{width:400px}</style>
13<style>[data-v-6086a197]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-6086a197]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-6086a197]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.preload[data-v-6086a197]{opacity:0;transition:opacity .5s;will-change:opacity}.preload.loaded[data-v-6086a197]{opacity:1}</style>
14<style>:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.case__study__list .case__study__media.hidden img,.case__study__list .case__study__media.hidden video{display:none}.case__study__media,.case__study__media__text__media{aspect-ratio:1496/998;display:flex;overflow:hidden;padding:initial}.case__study__media.portrait,.case__study__media__text__media.portrait{aspect-ratio:744/998}.case__study__media img,.case__study__media__text__media img{height:auto;width:100%}
14.case__study__list .case__study__gallery__item.split .case__study__media img,.case__study__list .case__study__gallery__item.split .case__study__media__text__media img{height:100%}.case__study__media video,.case__study__media__text__media video{height:100%;width:100%}.case__study__media.blank,.case__study__media[data-slice-type=case_one_media][data-slice-variation=video],.case__study__media__text[data-slice-type=case_media_text][data-slice-variation=videoXText] .case__study__media__text__media,.case__study__medias[data-slice-type=case_two_medias][data-slice-variation=imageXVideo] .case__study__media,.case__study__medias[data-slice-type=case_two_medias][data-slice-variation=videoXVideo] .case__study__media{aspect-ratio:auto}</style>
15<style>[data-v-065bda5a]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-065bda5a]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-065bda5a]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}video[data-v-065bda5a]{-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease;will-change:opacity}video.is-loaded[data-v-065bda5a]{opacity:1}</style>
16<style>[data-v-0d94518a]:root{--br:16px;--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light[data-v-0d94518a]{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){[data-v-0d94518a]:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.case__study__info[data-v-0d94518a]{align-items:flex-start;display:grid;gap:var(--pd2);grid-template-columns:2fr 1fr;margin-top:var(--pd2)}.case__study__info__left[data-v-0d94518a],.case__study__info__right[data-v-0d94518a]{display:flex;flex-flow:column;row-gap:var(--pd2)}.case__study__info__left[data-v-0d94518a]{display:grid;gap:var(--pd2);grid-column:1/2;grid-template-columns:1fr 1fr}@media (max-width:768px){.case__study__info__left[data-v-0d94518a]{grid-template-columns:1fr}}.case__study__info__project__information[data-v-0d94518a]{grid-column:1/-1}@media (max-width:768px){.case__study__info__project__information h2[data-v-0d94518a]{margin-bottom:4px}}@media (min-width:657px){.case__study__info__project__information__text[data-v-0d94518a],.case__study__info__testimonials__text[data-v-0d94518a]{padding-right:10%}}.case__study__info__results[data-v-0d94518a]:not(.has-testimonials),.case__study__info__testimonials[data-v-0d94518a]:not(.has-results){grid-column:1/-1}.case__study__info__results.has-testimonials .case__study__info__results__text[data-v-0d94518a],.case__study__info__testimonials.has-results .case__study__info__testimonials__text[data-v-0d94518a]{padding-right:0}.case__study__info__right[data-v-0d94518a]{grid-column:2/-1}@media (max-width:1024px){.case__study__info__left[data-v-0d94518a],.case__study__info__right[data-v-0d94518a]{grid-column:1/-1}}.case__study__info__project__images svg[data-v-0d94518a]{aspect-ratio:auto!important;display:initial!important;height:auto!important;margin-bottom:-1px!important;width:9px!important}</style>
17<style>:root{--br:16px;
17--br2:8px;--pd:16px;--pd2:8px;--pd3:4px;--color-black:#000;--color-white:#e2e6e3;--color-blue:#007aff;--color-gray10:hsla(135,7%,89%,.1);--color-gray20:hsla(135,7%,89%,.2);--color-gray30:hsla(135,7%,89%,.3);--color-gray50:hsla(135,7%,89%,.5);--color-white-hover:hsla(135,7%,89%,.5);--color-gray10-hover:hsla(135,7%,89%,.2);--color-gray50-hover:#e2e6e3}html.light{--color-black:#fff;--color-white:#000;--color-gray10:rgba(0,0,0,.04);--color-gray20:rgba(0,0,0,.2);--color-gray30:rgba(0,0,0,.3);--color-gray50:rgba(0,0,0,.5);--color-white-hover:rgba(0,0,0,.5);--color-gray10-hover:rgba(0,0,0,.08);--color-gray50-hover:#000}@media (max-width:768px){:root{--br:12px}}@property --start{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,0)}@property --end{syntax:"<color>";inherits:false;initial-value:rgba(27,27,27,.9)}.case__study__info h2{color:var(--color-gray50);margin-bottom:8px}.case__study__info h2:not(:first-child){margin-top:32px}.case__study__info p:not(:last-child){margin-bottom:12px}.case__study__info__testimonials__text em{color:var(--color-gray50)}.case__study__info__credits h2:first-child{margin-bottom:var(--pd)}.case__study__info__credits p{line-height:140%}.no-break-group{display:inline-block;white-space:nowrap}.case-study-link{display:inline}</style>
18<link rel="stylesheet" href="/_nuxt/entry.DjPlsBRH.css" crossorigin>
19<link rel="stylesheet" href="/_nuxt/default.DsPv7qPo.css" crossorigin>
20<link rel="stylesheet" href="/_nuxt/PageButton.KyjJWn30.css" crossorigin>
21<link rel="stylesheet" href="/_nuxt/PageImage.44F0Oap5.css" crossorigin>
22<link rel="stylesheet" href="/_nuxt/CaseStudyGallery.wqZj-uxD.css" crossorigin>
23<link rel="stylesheet" href="/_nuxt/PageButtonClose.B6GeTmma.css" crossorigin>
24<link rel="stylesheet" href="/_nuxt/PageVimeoPlayer.CVyalSJu.css" crossorigin>
25<link rel="preload" as="fetch" crossorigin="anonymous" href="/shop/_payload.json?cfd5aeff-129d-4f82-aa7c-3f36d906f247">
26<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CV5amACt.js">
27<link rel="modulepreload" as="script" crossorigin href="/_nuxt/TOF65dnL.js">
28<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BTb70Uuo.js">
29<link rel="modulepreload" as="script" crossorigin href="/_nuxt/x_rD_Ya3.js">
30<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DpnH6O_e.js">
31<link rel="modulepreload" as="script" crossorigin href="/_nuxt/KC0bEtL8.js">
32<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C6B6o1YK.js">
33<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CsbaM82z.js">
34<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BN2wQUkv.js">
35<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DwiRZH1J.js">
36<link rel="modulepreload" as="script" crossorigin href="/_nuxt/MVdP_T_0.js">
37<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bx-xmAJa.js">
38<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C8i8ieAX.js">
39<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C65gsYZ0.js">
40<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DBLJXNO8.js">
41<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CxIdHHOj.js">
42<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CpsPJSKh.js">
43<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/cfd5aeff-129d-4f82-aa7c-3f36d906f247.json">
44<link rel="prefetch" as="script" crossorigin href="/_nuxt/BmFr4yUs.js">
45<meta name="format-detection" content="telephone=no">
46<meta name="apple-mobile-web-app-title" content="Porto Rocha">
47<meta name="theme-color" content="transparent">
48<meta name="mobile-web-app-capable" content="yes">
49<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
50<link rel="shortcut icon" href="/favicon.ico">
51<meta name="description" content="Crafting a captivating brand world for the all-in-one shopping app">
52<meta property="og:title" content="Shop | PORTO ROCHA">
53<meta property="og:description" content="Crafting a captivating brand world for the all-in-one shopping app">
54<meta property="og:image" content="https://images.prismic.io/portorocha/aQETl7pReVYa3xHN_PORTOROCHA_Shop_1.jpg?w=1200&h=630&q=80&fit=crop">
55<meta property="og:image:width" content="1200">
56<meta property="og:image:height" content="630">
57<meta property="og:url" content="https://portorocha.com//shop">
58<meta property="og:type" content="website">
59<meta name="twitter:title" content="Shop | PORTO ROCHA">
60<meta name="twitter:description" content="Crafting a captivating brand world for the all-in-one shopping app">
61<meta name="twitter:image" content="https://images.prismic.io/portorocha/aQETl7pReVYa3xHN_PORTOROCHA_Shop_1.jpg?w=1200&h=630&q=80&fit=crop">
62<meta name="twitter:card" content="summary">
63<script type="module" src="/_nuxt/CV5amACt.js" crossorigin></script>
63<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"dark"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>
63</head><body  data-template="uid"><div id="__nuxt"><main class="wrapper no-transition"><div class="nav is-responsive" style="" data-v-78096e18><div class="nav__inner" data-v-78096e18><header class="nav__top" data-v-78096e18><div class="nav__top__inner" data-v-78096e18><div class="nav__top__top" data-v-78096e18><a href="/all" class="page__button" data-v-78096e18 data-v-b9cf6413><!----><p data-v-b9cf6413>Show all projects</p></a><div class="nav__top__top__right" data-v-78096e18><div class="nav__light__mode" data-v-78096e18 data-v-e1e5dc19><div class="nav__light__mode__knob" data-v-e1e5dc19></div></div><div class="nav__top__top__gallery__mode" data-v-78096e18><div class="nav__top__top__gallery__mode__play" data-v-78096e18></div></div></div></div><div class="nav__top__middle" data-v-78096e18><a href="/" class="nav__top__middle__logo" data-v-78096e18><h1 data-v-78096e18><svg width="146" height="15" viewBox="0 0 146 15" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-78096e18><path d="M6.44264 6.6461H2.90267V2.47207H6.34566C7.07305 2.42296 7.80044 2.61938 8.43085 3.01224C8.91578 3.40509 9.15824 3.94526 9.15824 4.58364C9.20674 5.17291 8.91578 5.76219 8.47934 6.10593C7.84894 6.54789 7.17004 6.69521 6.44264 6.6461ZM0.865967 0.507812V13.9629H2.90267V8.65946H6.78209C7.99442 8.75768 9.15824 8.31572 10.0796 7.53002C10.8555 6.74432 11.2919 5.61487 11.2434 4.48543C11.2919 3.35598 10.904 2.32475 10.0796 1.53905C9.30372 0.851557 8.18839 0.507812 6.78209 0.507812H0.865967Z" fill="currentColor" data-v-78096e18></path><path d="M22.6807 11.8514C21.9533 12.2933 21.1289 12.5389 20.3045 12.4898C19.4317 12.4898 18.6073 12.2933 17.8799 11.8023C17.1525 11.3603 16.6191 10.7219 16.2311 9.93623C15.8432 9.10142 15.6492 8.1684 15.6492 7.28449C15.6492 6.40057 15.8432 5.56577 16.2311 4.78006C16.6191 4.04347 17.201 3.45419 17.8799 3.06134C18.6073 2.61939 19.4317 2.42296 20.3045 2.42296C21.1289 2.42296 21.9533 2.61939 22.6807 3.06134C23.3596 3.45419 23.9415 4.09258 24.2809 4.78006C24.6689 5.56577 24.8629 6.40057 24.8629 7.28449C24.8629 8.21751 24.6689 9.15053 24.2809 9.98534C23.9415 10.771 23.3596 11.4094 22.6807 11.8514ZM16.7646 13.5701C17.8314 14.2085 19.0437 14.5031 20.3045 14.454C21.5169 14.454 22.7292 14.1594 23.7475 13.5701C24.7659 12.9808 25.5903 12.0969 26.1237 11.0657C26.7056 9.93623 26.9965 8.70857 26.9965 7.43181C26.9965 6.20415 26.7056 4.92738 26.1237 3.84704C25.5903 2.81581 24.7659 1.981 23.7475 1.39173C22.6807 0.802451 21.5169 0.507812 20.3045 0.507812C19.0922 0.507812 17.8314 0.802451 16.7646 1.39173C15.7462 1.981 14.9218 2.81581 14.3399 3.84704C13.758 4.92738 13.467 6.20415 13.467 7.43181C13.467 8.70857 13.758 9.93623 14.3399 11.0657C14.8733 12.0969 15.7462 12.9808 16.7646 13.5701Z" fill="currentColor" data-v-78096e18></path><path d="M34.4908 6.6461H30.9023V2.47207H34.3938C35.1212 2.42296 35.8486 2.61938 36.4305 3.01224C36.9154 3.40509 37.1579 3.99436 37.1094 4.58364C37.1579 5.17291 36.9154 5.76219 36.479 6.10593C35.8971 6.54789 35.2182 6.69521 34.4908 6.6461ZM28.8656 0.507812V13.9629H30.9023V8.51214H34.4423C34.9272 8.51214 35.4121 8.56125 35.8486 8.65946C36.1395 8.75768 36.382 8.9541 36.5275 9.24874C36.7214 9.6907 36.8184 10.1327 36.8669 10.6237C36.9154 10.8692 36.9639 11.2621 36.9639 11.8023C36.9639 12.3424 37.0609 12.7844 37.1094 13.079C37.1579 13.3737 37.2549 13.6683 37.3518 13.9629H39.4855V13.8156C39.3401 13.521 39.2916 13.2264 39.1946 12.9317C39.1461 12.6371 39.0976 12.2442 39.0976 11.7532C39.0491 11.0166 39.0006 10.3782 38.9036 9.98533C38.8551 9.44516 38.6612 8.9541 38.3702 8.51214C38.0792 8.1684 37.6913 7.92287 37.2064 7.77555C37.8368 7.53002 38.3702 7.13717 38.7096 6.54789C39.0976 5.95862 39.2916 5.22202 39.2431 4.53453C39.2916 3.40509 38.9036 2.37385 38.0792 1.58815C37.3034 0.851557 36.2365 0.507812 34.7817 0.507812H28.8656Z" fill="currentColor" data-v-78096e18></path><path d="M45.2567 2.52117V13.9629H47.2934V2.52117H52.5307V0.507812H40.068V2.52117H45.2567Z" fill="currentColor" data-v-78096e18></path><path d="M61.8827 11.8514C61.1553 12.2933 60.3309 12.5389 59.5066 12.4898C57.7608 12.5389 56.209 11.5567 55.4332 9.98534C55.0452 9.15053 54.8512 8.21751 54.8512 7.33359C54.8512 6.44968 55.0452 5.61487 55.4332 4.82917C55.8211 4.09258 56.403 3.5033 57.0819 3.11045C57.8093 2.66849 58.6337 2.47207 59.5066 2.47207C60.3309 2.47207 61.1553 2.66849 61.8827 3.11045C62.5616 3.5033 63.1435 4.14168 
6363.5315 4.82917C63.9194 5.61487 64.1134 6.44968 64.1134 7.33359C64.1134 8.26661 63.9194 9.19963 63.5315 10.0344C63.192 10.771 62.6101 11.4094 61.8827 11.8514ZM55.9666 13.5701C57.0334 14.2085 58.2457 14.5031 59.5066 14.454C60.7189 14.454 61.9312 14.1594 62.998 13.5701C64.0164 12.9808 64.8408 12.0969 65.3742 11.0657C65.9561 9.93623 66.2471 8.70857 66.2471 7.43181C66.2471 6.20415 65.9561 4.92738 65.3742 3.84704C64.8408 2.81581 64.0164 1.981 62.998 1.39173C61.9312 0.802451 60.7189 0.507812 59.5066 0.507812C58.2942 0.507812 57.0334 0.802451 55.9666 1.39173C54.9482 1.981 54.1239 2.81581 53.5419 3.84704C52.96 4.92738 52.6691 6.20415 52.6691 7.43181C52.6691 8.70857 52.96 9.93623 53.5419 11.0657C54.1239 12.0969 54.9482 12.9808 55.9666 13.5701Z" fill="currentColor" data-v-78096e18></path><path d="M79.294 6.6461H75.7055V2.47207H79.197C79.9244 2.42296 80.6518 2.61938 81.2822 3.01224C81.7186 3.40509 82.0096 3.99436 81.9611 4.58364C81.9611 5.17291 81.7186 5.71308 81.2822 6.10593C80.7003 6.49879 80.0214 6.69521 79.294 6.6461ZM73.6688 0.507812V13.9629H75.7055V8.51214H79.197C79.6819 8.51214 80.1669 8.56125 80.6518 8.65946C80.9427 8.75768 81.1852 8.9541 81.3307 9.24874C81.5247 9.6907 81.6216 10.1327 81.6701 10.6237C81.7186 10.8692 81.7186 11.2621 81.7671 11.8023C81.8156 12.3424 81.8641 12.7844 81.9126 13.079C81.9611 13.3737 82.0581 13.6683 82.1551 13.9629H84.2888V13.8156C84.1433 13.521 84.0948 13.2264 83.9978 12.9317C83.9493 12.6371 83.9008 12.2442 83.9008 11.7532C83.8523 11.0166 83.8038 10.3782 83.7068 9.98533C83.6583 9.44516 83.4644 8.9541 83.1734 8.51214C82.8825 8.1684 82.4945 7.92287 82.0096 7.77555C82.64 7.53002 83.1734 7.08806 83.5129 6.54789C83.9008 5.95862 84.0948 5.22202 84.0463 4.53453C84.0948 3.40509 83.7068 2.37385 82.8825 1.58815C82.1066 0.900663 80.9912 0.507812 79.5849 0.507812H73.6688Z" fill="currentColor" data-v-78096e18></path><path d="M95.4815 11.8514C94.7541 12.2933 93.9297 12.5389 93.1053 12.4898C92.2324 12.4898 91.4081 12.2933 90.6807 11.8023C89.9533 11.3603 89.4199 10.7219 89.0319 9.93623C88.644 9.10142 88.45 8.1684 88.45 7.28449C88.45 6.40057 88.644 5.56577 89.0319 4.78006C89.4199 4.04347 90.0018 3.45419 90.6807 3.06134C91.4081 2.61939 92.2324 2.42296 93.1053 2.42296C93.9297 2.42296 94.7541 2.61939 95.4815 3.06134C96.1604 3.45419 96.7423 4.09258 97.0817 4.78006C97.4697 5.56577 97.6636 6.40057 97.6636 7.28449C97.6636 8.21751 97.4697 9.15053 97.0817 9.98534C96.7423 10.771 96.1604 11.4094 95.4815 11.8514ZM89.5653 13.5701C90.6322 14.2085 91.8445 14.5031 93.1053 14.454C94.3176 14.454 95.5299 14.1594 96.5968 13.5701C97.6151 12.9808 98.4395 12.0969 98.9729 11.0657C99.5548 9.93623 99.8458 8.70857 99.8458 7.43181C99.8458 6.20415 99.5548 4.92738 98.9729 3.84704C98.4395 2.81581 97.6151 1.981 96.5968 1.39173C95.5299 0.802451 94.3176 0.507812 93.1053 0.507812C91.893 0.507812 90.6322 0.802451 89.5653 1.39173C88.547 1.981 87.7226 2.81581 87.1407 3.84704C86.5588 4.92738 86.2678 6.20415 86.2678 7.43181C86.2678 8.70857 86.5588 9.93623 87.1407 11.0657C87.6741 12.0969 88.547 12.9808 89.5653 13.5701Z" fill="currentColor" data-v-78096e18></path><path d="M105.063 13.6192C106.13 14.2085 107.342 14.5522 108.554 14.5031C109.524 14.5031 110.446 14.3067 111.319 13.8647C112.191 13.4228 112.919 12.8335 113.452 12.0478C114.034 11.2621 114.422 10.3291 114.568 9.34695H112.434C112.288 10.28 111.803 11.0657 111.028 11.655C110.252 12.2442 109.33 12.5389 108.36 12.5389C106.712 12.588 105.16 11.6058 104.433 10.0835C104.045 9.24874 103.851 8.31572 103.851 7.3827C103.851 6.49879 104.045 5.61487 104.433 4.82917C104.772 4.14168 105.354 3.5033 105.984 3.11045C106.712 2.66849 107.536 2.47207 108.36 2.52117C109.282 2.52117 110.155 2.7667 110.882 3.35598C111.561 3.84704 112.046 4.63274 112.191 5.46755H114.325C114.18 4.53453 113.84 3.65062 113.307 2.86492C112.773 2.12832 112.046 1.53905 111.222 1.14619C110.349 0.753344 109.379 0.507812 108.409 0.507812C107.197 0.507812 105.984 0.802451 104.917 1.39173C103.899 1.981 103.075 2.81581 102.541 3.84704C101.959 4.92738 101.668 6.20415 101.668 7.43181C101.668 8.70857 101.959 9.93623 102.541 11.0657C103.22 12.146 104.045 13.0299 105.063 13.6192Z" fill="currentColor" data-v-78096e18></path><path d="M117.069 0.507812V13.9629H119.154V8.02108H126.38V13.9629H128.416V0.507812H126.38V6.00772H119.154V0.507812H117.069Z" fill="currentColor" data-v-78096e18></path><path d="M140.673 8.75768H135.484L138.103 2.7176L140.673 8.75768ZM136.89 0.507812L131.071 13.9629H133.302L134.66 10.771H141.546L142.903 13.9629H145.134L139.266 0.507812H136.89Z" fill="currentColor" data-v-78096e18></path><path d="M6.83059 0.507812C8.28537 0.507812 9.35221 0.851557 10.1281 1.58815C10.904 2.37385 11.3404 3.40509 11.2919 4.53453C11.3404 5.66398 10.904 6.74432 10.1281 7.57913C9.20674 8.36483 8.04291 8.75768 6.83059 8.70857H2.95116V14.0121H0.865967V0.507812H6.83059ZM8.47934 6.10594C8.91578 5.76219 9.20674 5.17291 9.15824 4.58364C9.20674 3.99436 8.91578 3.40509 8.43085 3.01224C7.80044 2.61939 7.07305 2.42296 6.34566 2.42296H2.90267V6.597H6.39415C7.17004 6.69521 7.84894 6.49879 8.47934 6.10594Z" fill="currentColor" data-v-78096e18></path><path d="M14.3399 11.0657C13.758 9.93623 13.467 8.70857 13.467 7.43181C13.467 6.20415 13.758 4.92738 14.3399 3.84704C14.9218 2.81581 15.7462 1.981 16.7646 1.39173C17.8314 0.802451 19.0437 0.507812 20.256 0.507812C21.4684 0.507812 22.6807 0.802451 23.699 1.39173C24.7174 1.981 25.54
6318 2.81581 26.0752 3.84704C26.6571 4.92738 26.948 6.20415 26.948 7.43181C26.948 8.70857 26.6571 9.93623 26.0752 11.0657C25.5418 12.0969 24.7174 12.9808 23.699 13.5701C22.6322 14.2085 21.4684 14.5031 20.2075 14.454C18.9952 14.454 17.7344 14.1594 16.6676 13.5701C15.7462 12.9808 14.9218 12.0969 14.3399 11.0657ZM24.2809 9.98534C24.6689 9.15053 24.8629 8.21751 24.8629 7.33359C24.8629 6.44968 24.6689 5.61487 24.2809 4.82917C23.9415 4.09258 23.3596 3.5033 22.6807 3.11045C21.9533 2.66849 21.1289 2.47207 20.3045 2.47207C19.4802 2.47207 18.6073 2.66849 17.8799 3.11045C17.201 3.5033 16.6191 4.09258 16.2311 4.82917C15.8432 5.61487 15.6492 6.44968 15.6492 7.33359C15.6492 8.26661 15.8432 9.15053 16.2311 9.98534C17.007 11.5567 18.5588 12.5389 20.3045 12.4898C22.0018 12.5389 23.5535 11.5567 24.2809 9.98534Z" fill="currentColor" data-v-78096e18></path><path d="M34.7817 0.507812C36.2365 0.507812 37.3034 0.851557 38.0792 1.58815C38.8551 2.37385 39.2916 3.40509 39.2431 4.53453C39.2431 5.27113 39.0491 5.95862 38.6612 6.597C38.3217 7.18628 37.7883 7.57913 37.1579 7.82466C37.5943 7.92287 38.0308 8.1684 38.3217 8.56125C38.6127 9.00321 38.8066 9.49427 38.8551 10.0344C38.9036 10.4764 39.0006 11.0657 39.0491 11.8023C39.0976 12.2933 39.1461 12.6862 39.1461 12.9808C39.1946 13.2755 39.2916 13.5701 39.437 13.8647V14.0121H37.3519C37.2064 13.7174 37.1579 13.4228 37.1094 13.1281C37.0609 12.7844 37.0124 12.3424 36.9639 11.8514C36.9154 11.3603 36.8669 10.9184 36.8669 10.6728C36.8184 10.1818 36.7214 9.7398 36.5275 9.29785C36.382 9.00321 36.1395 8.80678 35.8486 8.70857C35.3636 8.56125 34.9272 8.51215 34.4423 8.56125H30.9023V14.0121H28.8656V0.507812H34.7817ZM36.479 6.10594C36.9154 5.71308 37.1579 5.17291 37.1094 4.58364C37.1579 3.99436 36.8669 3.40509 36.4305 3.01224C35.8486 2.61939 35.1212 2.42296 34.3938 2.42296H30.9023V6.597H34.4908C35.1697 6.69521 35.8486 6.49879 36.479 6.10594Z" fill="currentColor" data-v-78096e18></path>
63<path d="M40.068 2.52117V0.507812H52.5307V2.52117H47.2934V13.9629H45.2567V2.52117H40.068Z" fill="currentColor" data-v-78096e18></path><path d="M53.5419 11.0657C52.96 9.93623 52.6691 8.70857 52.6691 7.43181C52.6691 6.20415 52.96 4.92738 53.5419 3.84704C54.1239 2.81581 54.9482 1.981 55.9666 1.39173C57.0334 0.802451 58.2457 0.507812 59.5066 0.507812C60.7189 0.507812 61.9312 0.802451 62.998 1.39173C64.0164 1.981 64.8408 2.81581 65.3742 3.84704C65.9561 4.92738 66.2471 6.20415 66.2471 7.43181C66.2471 8.70857 65.9561 9.93623 65.3742 11.0657C64.8408 12.0969 64.0164 12.9808 62.998 13.5701C61.9312 14.2085 60.7189 14.5031 59.5066 14.454C58.2942 14.454 57.0334 14.1594 55.9666 13.5701C54.9482 12.9808 54.1239 12.0969 53.5419 11.0657ZM63.483 9.98534C63.8709 9.15053 64.0649 8.21751 64.0649 7.33359C64.0649 6.44968 63.8709 5.61487 63.483 4.82917C63.1435 4.09258 62.5616 3.5033 61.8827 3.11045C61.1553 2.66849 60.3309 2.47207 59.5066 2.47207C58.6822 2.47207 57.8093 2.66849 57.0819 3.11045C56.403 3.5033 55.8211 4.14168 55.4332 4.82917C55.0452 5.61487 54.8512 6.44968 54.8512 7.33359C54.8512 8.26661 55.0452 9.15053 55.4332 9.98534C56.209 11.5567 57.7608 12.5389 59.5066 12.4898C60.3309 12.4898 61.1553 12.2933 61.8827 11.8514C62.5616 11.4094 63.1435 10.771 63.483 9.98534Z" fill="currentColor" data-v-78096e18></path><path d="M79.5365 0.507812C80.9912 0.507812 82.0581 0.851557 82.834 1.58815C83.6099 2.37385 84.0463 3.40509 83.9978 4.53453C83.9978 5.27113 83.8038 5.95862 83.4644 6.597C83.1249 7.18628 82.5915 7.57913 81.9611 7.82466C82.3975 7.92287 82.834 8.1684 83.1249 8.56125C83.4159 9.00321 83.6099 9.49427 83.6584 10.0344C83.7069 10.4764 83.8038 11.0657 83.8523 11.8023C83.9008 12.2933 83.9008 12.6862 83.9493 12.9808C83.9978 13.2755 84.0948 13.5701 84.2403 13.8647V14.0121H82.1066C82.0096 13.7174 81.9126 13.4228 81.8641 13.1281C81.8156 12.7844 81.7671 12.3424 81.7186 11.8514C81.6701 11.3603 81.6217 10.9184 81.6217 10.6728C81.5732 10.1818 81.4762 9.7398 81.2822 9.29785C81.1367 9.00321 80.8943 8.80678 80.6033 8.70857C80.1184 8.56125 79.6819 8.51215 79.197 8.56125H75.7055V14.0121H73.6688V0.507812H79.5365ZM81.2337 6.10594C81.6701 5.71308 81.9126 5.17291 81.8641 4.58364C81.9126 3.99436 81.6217 3.40509 81.1852 3.01224C80.5548 2.61939 79.8759 2.42296 79.1485 2.47207H75.657V6.6461H79.2455C79.9244 6.69521 80.6518 6.49879 81.2337 6.10594Z" fill="currentColor" data-v-78096e18></path><path d="M87.1407 11.0657C86.5588 9.93623 86.2678 8.70857 86.2678 7.43181C86.2678 6.20415 86.5588 4.92738 87.1407 3.84704C87.7226 2.81581 88.547 1.981 89.5653 1.39173C90.6322 0.802451 91.8445 0.507812 93.1053 0.507812C94.3176 0.507812 95.53 0.802451 96.5968 1.39173C97.6151 1.981 98.4395 2.81581 98.973 3.84704C99.5549 4.92738 99.8458 6.20415 99.8458 7.43181C99.8458 8.70857 99.5549 9.93623 98.973 11.0657C98.4395 12.0969 97.6151 12.9808 96.5968 13.5701C95.53 14.2085 94.3176 14.5031 93.1053 14.454C91.893 14.454 90.6322 14.1594 89.5653 13.5701C88.547 12.9808 87.6741 12.0969 87.1407 11.0657ZM97.0332 9.98534C97.4212 9.15053 97.6151 8.21751 97.6151 7.33359C97.6151 6.44968 97.4212 5.61487 97.0332 4.82917C96.6938 4.09258 96.1119 3.5033 95.433 3.11045C94.7056 2.66849 93.8812 2.47207 93.0568 2.47207C92.2324 2.47207 91.3596 2.66849 90.6322 3.11045C89.9533 3.5033 89.3714 4.09258 88.9834 4.82917C88.5955 5.61487 88.353 6.44968 88.4015 7.33359C88.4015 8.26661 88.5955 9.15053 88.9834 9.98534C89.3714 10.7219 89.9048 11.3603 90.6322 11.8023C91.3596 12.2442 92.184 12.4898 93.0568 12.4898C93.8812 12.4898 94.7056 12.2933 95.433 11.8514C96.1119 11.4094 96.6938 10.771 97.0332 9.98534Z" fill="currentColor" data-v-78096e18></path><path d="M102.541 11.0657C101.959 9.93623 101.668 8.70857 101.668 7.43181C101.668 6.20415 101.959 4.92738 102.541 3.84704C103.075 2.81581 103.899 1.981 104.917 1.39173C105.984 0.80245 107.148 0.507812 108.36 0.507812C109.33 0.507812 110.3 0.704238 111.173 1.09709C111.997 1.48994 112.725 2.07922 113.258 2.81581C113.84 3.55241 114.18 4.48543 114.277 5.41845H112.143C111.997 4.58364 111.513 3.79794 110.834 3.30687C110.106 2.7667 109.185 2.47207 108.312 2.47207C107.488 2.47207 106.663 2.66849 105.936 3.06134C105.257 3.45419 104.724 4.04347 104.336 4.78006C103.948 5.56576 103.754 6.44968 103.754 7.33359C103.754 8.26661 103.948 9.19963 104.336 10.0344C105.451 12.2442 108.118 13.1281 110.3 11.9987C110.543 11.9005 110.737 11.7532 110.931 11.6058C111.658 11.0166 112.143 10.2309 112.288 9.29785H114.422C114.277 10.28 113.889 11.213 113.307 11.9987C112.725 12.7844 111.997 13.3737 111.173 13.8156C110.3 14.2576 109.379 
6314.454 108.409 14.454C107.197 14.454 105.984 14.1594 104.917 13.5701C103.899 12.9808 103.075 12.0969 102.541 11.0657Z" fill="currentColor" data-v-78096e18></path><path d="M119.106 0.507812V6.00772H126.331V0.507812H128.368V13.9629H126.331V8.02108H119.106V13.9629H117.069V0.507812H119.106Z" fill="currentColor" data-v-78096e18></path><path d="M139.315 0.507812L145.134 13.9629H142.903L141.546 10.771H134.66L133.302 13.9629H131.071L136.89 0.507812H139.315ZM138.103 2.7176L135.484 8.75768H140.673L138.103 2.7176Z" fill="currentColor" data-v-78096e18></path></svg></h1></a><div class="nav__clock" data-v-78096e18 data-v-ce4c4766><p data-v-ce4c4766>Thursday, October 1<br>London, 21:32:34</p></div></div></div><div style="display:none;" class="nav__top__bottom" data-v-78096e18><a href="/" class="page__button" data-v-78096e18 data-v-b9cf6413><div class="page__button__icon__back" data-v-b9cf6413></div><p data-v-b9cf6413>Show Less</p></a></div></header><nav class="nav__cards" style="" data-v-78096e18><div class="nav__card nav__card__about" data-v-78096e18><a href="/about" class="nav__card__inner" data-v-78096e18><div class="nav__card__info" data-v-78096e18><h2 data-v-78096e18>About us</h2><p data-v-78096e18>PORTO ROCHA is a global strategy and design agency with offices in New York and L
63ondon.</p></div></a><div class="nav__card__about__actions" data-v-78096e18><a href="/about" class="nav__card__about__btn" data-v-78096e18><p data-v-78096e18>About us</p></a><button type="button" class="nav__card__about__btn" data-v-78096e18><p data-v-78096e18>Studio updates</p></button></div></div><!--[--><!--[--><div class="nav__card" style="z-index:54;"><a href="/fursys" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FZ33yrge1qrAX84lk_FursysIcon_Black.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FZ33yrge1qrAX84lk_FursysIcon_Black.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FZ33yrge1qrAX84lk_FursysIcon_Black.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>FURSYS</h2><p>Making room for workplace reinvention</p></div></a></div><div class="nav__card" style="z-index:53;"><a href="/moma-ps1" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FneFfZaDmCLYPbARi_Thumb_2.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FneFfZaDmCLYPbARi_Thumb_2.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FneFfZaDmCLYPbARi_Thumb_2.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>MoMA PS1</h2><p>Establishing MoMA PS1 as Your Place for experimental art and culture in Queens</p></div></a></div><div class="nav__card" style="z-index:52;"><a href="/robinhood-market" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaaHBr8FoBIGEg7nM_RobinhoodStore_Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaaHBr8FoBIGEg7nM_RobinhoodStore_Thumbnail.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaaHBr8FoBIGEg7nM_RobinhoodStore_Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Robinhood Market</h2><p>Bringing lifestyle to a finance brand through elevated merch</p></div></a></div><div class="nav__card" style="z-index:51;"><a href="/united-flags-of-fashion" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FSqjyZlZp0ATve6ch_Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FSqjyZlZp0ATve6ch_Thumbnail.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FSqjyZlZp0ATve6ch_Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>United Flags of Fashion</h2><p>Uniting 120+ fashion designers to celebrate America&#39;s 250th anniversary</p></div></a></div><div class="nav__card" style="z-index:50;"><a href="/nikerun" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokdrpReVYa4CoZ_NR.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokdrpReVYa4CoZ_NR.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokdrpReVYa4CoZ_NR.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Nike Run</h2><p>Making Nike the running brand once again</p></div></a></div><div class="nav__card" style="z-index:49;"><a href="/almeida-dale" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FLC0EoKLlGaXrGb-8_A%2526D-Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FLC0EoKLlGaXrGb-8_A%2526D-Thumbnail.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FLC0EoKLlGaXrGb-8_A%2526D-Thumbnail.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Almeida &amp; Dale</h2><p>Empowering Brazil’s leading art gallery to show up on the global stage</p></div></a></div><div class="nav__card" style="z-index:48;"><a href="https://www.yoyoyo.ai/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaeZtJ8BOoF08xJZq_NB_Thumb_3.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaeZtJ8BOoF08xJZq_NB_Thumb_3.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="high" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaeZtJ8BOoF08xJZq_NB_Thumb_3.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>YOYOYO</h2><p>Building a hypothetical brand for Google DeepMind with Nano Banana Pro</p></div></a></div><div class="nav__card" style="z-index:47;"><a href="/kunsthallebasel" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokk7pReVYa4Cof_KB.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokk7pReVYa4Cof_KB.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokk7pReVYa4Cof_KB.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Kunsthalle Basel</h2><p>Building an institutional brand with an anti-institutional spirit</p></div></a></div><div class="nav__card" style="z-index:46;"><a href="/gemini" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohZbpReVYa4ClA_GM.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohZbpReVYa4ClA_GM.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohZbpReVYa4ClA_GM.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Gemini</h2><p>Ushering in a new era for Google</p></div></a></div><div class="nav__card" style="z-index:45;"><a href="/masp" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohS7pReVYa4Ck6_MASP.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohS7pReVYa4Ck6_MASP.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohS7pReVYa4Ck6_MASP.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>MASP</h2><p>Evolving a modernist icon to meet its global future</p></div></a></div><div class="nav__card" style="z-index:44;"><a href="/robinhood" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohL7pReVYa4Ck1_RH.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohL7pReVYa4Ck1_RH.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohL7pReVYa4Ck1_RH.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Robinhood</h2><p>Leveling up a fintech pioneer to lead the next stage of growth</p></div></a></div><div class="nav__card" style="z-index:43;"><a href="/twitch" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQof4LpReVYa4Cjb_Twitch.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQof4LpReVYa4Cjb_Twitch.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQof4LpReVYa4Cjb_Twitch.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Twitch</h2><p>Winning back audience trust with an identity that matches their energy</p></div></a></div><div class="nav__card" style="z-index:42;"><a href="/melissa" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohDrpReVYa4Cky_Melissa.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohDrpReVYa4Cky_Melissa.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQohDrpReVYa4Cky_Melissa.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Melissa</h2><p>Crafting a signature for the brand turning plastic into fashion</p></div></a></div><div class="nav__card" style="z-index:41;"><a href="/church" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQog17pReVYa4Cki_Church.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQog17pReVYa4Cki_Church.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQog17pReVYa4Cki_Church.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Church</h2><p>Getting unorthodox with the post house bringing a new perspective to editing</p></div></a></div><div class="nav__card" style="z-index:40;"><a href="/whotels" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQogtrpReVYa4Ckb_WH.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQogtrpReVYa4Ckb_WH.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQogtrpReVYa4Ckb_WH.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>W Hotels</h2><p>
63Rebranding a global portfolio for a new era of hospitality</p></div></a></div><div class="nav__card" style="z-index:39;"><a href="https://fiveyears.portorocha.com/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopR7pReVYa4Cs2_5Years.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopR7pReVYa4Cs2_5Years.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopR7pReVYa4Cs2_5Years.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Five Years</h2><p>An inside look at what we&#39;ve learned over five years of PORTO ROCHA</p></div></a></div><div class="nav__card" style="z-index:38;"><a href="/sundance" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofsbpReVYa4CjX_Sundance.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofsbpReVYa4CjX_Sundance.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofsbpReVYa4CjX_Sundance.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Sundance Film Festival</h2><p>Creating an enduring system for the champion of independent film</p></div></a></div><div class="nav__card" style="z-index:37;"><a href="/nikepompidou" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofh7pReVYa4CjR_NikeParis.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofh7pReVYa4CjR_NikeParis.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofh7pReVYa4CjR_NikeParis.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Nike au Centre Pompidou</h2><p>Taking over one of the most iconic landmarks in Paris for the 2024 Olympics</p></div></a></div><div class="nav__card" style="z-index:36;"><a href="/pacnyc" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofYrpReVYa4CjM_PAC.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofYrpReVYa4CjM_PAC.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofYrpReVYa4CjM_PAC.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>PAC NYC</h2><p>Inviting the world to a new home for performing arts</p></div></a></div><div class="nav__card" style="z-index:35;"><a href="/grau" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofQbpReVYa4CjL_GRAU.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofQbpReVYa4CjL_GRAU.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofQbpReVYa4CjL_GRAU.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>GRAU</h2><p>Repositioning a lighting legacy into an artful renaissance</p></div></a></div><div class="nav__card" style="z-index:34;"><a href="/brazilianhomo" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofCLpReVYa4CjH_BrazilianHomo.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofCLpReVYa4CjH_BrazilianHomo.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQofCLpReVYa4CjH_BrazilianHomo.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Brazilian Homo</h2><p>Designing Brazil’s hottest LGBTQ+ magazine</p></div></a></div><div class="nav__card" style="z-index:33;"><a href="/nothingprecious" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoew7pReVYa4Ci6_NP.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoew7pReVYa4Ci6_NP.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoew7pReVYa4Ci6_NP.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Nothing Precious</h2><p>Exploring beauty through the eyes of Marcelo Gutierrez</p></div></a></div><div class="nav__card" style="z-index:32;"><a href="/vevo" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeirpReVYa4Ciz_VEVO.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeirpReVYa4Ciz_VEVO.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeirpReVYa4Ciz_VEVO.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Vevo</h2><p>Amplifying the world’s leading music video network</p></div></a></div><div class="nav__card" style="z-index:31;"><a href="/veeps" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeBLpReVYa4Cif_VEEPS.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeBLpReVYa4Cif_VEEPS.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoeBLpReVYa4Cif_VEEPS.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>VEEPS</h2><p>Helping a livestream pioneer transport fans to the front row</p></div></a></div><div class="nav__card" style="z-index:30;"><a href="https://swipe.portorocha.com/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQo
63o-rpReVYa4Csu_Swipe.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoo-rpReVYa4Csu_Swipe.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoo-rpReVYa4Csu_Swipe.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Swipe</h2><p>Part of our studio’s ongoing research into AI-generated imagery, created by Felipe Rocha</p></div></a></div><div class="nav__card" style="z-index:29;"><a href="/tudum-global" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodyrpReVYa4Cia_TudumGlobal.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodyrpReVYa4Cia_TudumGlobal.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodyrpReVYa4Cia_TudumGlobal.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Tudum Global</h2><p>Creating a fan-first environment for the biggest event in Netflix history</p></div></a></div><div class="nav__card" style="z-index:28;"><a href="https://nofreepitches.com/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopCLpReVYa4Csx_NoFreePitches.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopCLpReVYa4Csx_NoFreePitches.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQopCLpReVYa4Csx_NoFreePitches.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>No Free Pitches</h2><p>A resolution to say no to unpaid pitches and change our industry for the better</p></div></a></div><div class="nav__card" style="z-index:27;"><a href="/bpm" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodiLpReVYa4CiM_BPM.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodiLpReVYa4CiM_BPM.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodiLpReVYa4CiM_BPM.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>BPM</h2><p>
63Syncing technology and sound culture for the leading suite of digital music services</p></div></a></div><div class="nav__card" style="z-index:26;"><a aria-current="page" href="/shop" class="router-link-active router-link-exact-active nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Shop</h2><p>Crafting a captivating brand world for the all-in-one shopping app</p></div></a></div><div class="nav__card" style="z-index:25;"><a href="/hiro" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc_rpReVYa4Ch3_Hiro.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc_rpReVYa4Ch3_Hiro.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc_rpReVYa4Ch3_Hiro.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Hiro</h2><p>Breaking crypto clichés for the company bringing Web3 to Bitcoin</p></div></a></div><div class="nav__card" style="z-index:24;"><a href="/lunge" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocsbpReVYa4Chg_LUNGE.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocsbpReVYa4Chg_LUNGE.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocsbpReVYa4Chg_LUNGE.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>LUNGE</h2><p>Shaking up the pet accessory category one leash at a time</p></div></a></div><div class="nav__card" style="z-index:23;"><a href="/quilo" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol3LpReVYa4CqP_Quilo.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol3LpReVYa4CqP_Quilo.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol3LpReVYa4CqP_Quilo.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>QUILO</h2><p>Showcasing the untold story of Brazilian visual culture through photography</p></div></a></div><div class="nav__card" style="z-index:22;"><a href="/netflixisajoke" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolYrpReVYa4Cpq_NetflixisaJoke.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolYrpReVYa4Cpq_NetflixisaJoke.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolYrpReVYa4Cpq_NetflixisaJoke.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Netflix Is a Joke: The Festival</h2><p>Defining the look of the biggest event in LA comedy history</p></div></a></div><div class="nav__card" style="z-index:21;"><a href="/olympikus" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQols7pReVYa4CqJ_Olympikus.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQols7pReVYa4CqJ_Olympikus.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQols7pReVYa4CqJ_Olympikus.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Olympikus</h2><p>Re-energizing the sportswear powerhouse of Brazil</p></div></a></div><div class="nav__card" style="z-index:20;"><a href="/zigzag" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQo
63ovLpReVYa4Csi_Zigzag.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoovLpReVYa4Csi_Zigzag.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoovLpReVYa4Csi_Zigzag.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Zigzag</h2><p>Reintroducing Korea’s largest shopping app to a Gen Z audience</p></div></a></div><div class="nav__card" style="z-index:19;"><a href="/design-threads" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok9LpReVYa4CpD_DesignThreads.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok9LpReVYa4CpD_DesignThreads.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok9LpReVYa4CpD_DesignThreads.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Design Threads</h2><p>A collaborative digital report and exhibition unraveling the state of design today</p></div></a></div><div class="nav__card" style="z-index:18;"><a href="/brooklynrail" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokrrpReVYa4Cor_BrooklynRail.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokrrpReVYa4Cor_BrooklynRail.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokrrpReVYa4Cor_BrooklynRail.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Brooklyn Rail</h2><p>Editorial design for “Only Anthropophagy Unites Us?”</p></div></a></div><div class="nav__card" style="z-index:17;"><a href="/upwork" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoojLpReVYa4CsY_Upwork.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoojLpReVYa4CsY_Upwork.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoojLpReVYa4CsY_Upwork.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Upwork</h2><p>Reflecting the people at the heart of the pioneering remote work platform</p></div></a></div><div class="nav__card" style="z-index:16;"><a href="/nikebetrue" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoljbpReVYa4CqB_NikeBeTrue.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoljbpReVYa4CqB_NikeBeTrue.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoljbpReVYa4CqB_NikeBeTrue.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Nike Be True</h2><p>Celebrating LGBTQ+ athletes through a collaborative platform</p></div></a></div><div class="nav__card" style="z-index:15;"><a href="https://year-in-review-21.portorocha.com/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrD7pReVYa4b1f_YIR21.png?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrD7pReVYa4b1f_YIR21.png?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrD7pReVYa4b1f_YIR21.png?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Year Two</h2><p>What a year! Here is our 2021 retrospective</p></div></a></div><div class="nav__card" style="z-index:14;"><a href="/quintoandar" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol77pReVYa4CqR_QuintoAndar.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol77pReVYa4CqR_QuintoAndar.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQol77pReVYa4CqR_QuintoAndar.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>QuintoAndar</h2><p>Bringing warmth to the rental giant that helps people love where they live</p></div></a></div><div class="nav__card" style="z-index:13;"><a href="/netflix-tudum" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoleLpReVYa4Cp0_NetflixTudum.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoleLpReVYa4Cp0_NetflixTudum.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoleLpReVYa4Cp0_NetflixTudum.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Netflix Tudum</h2><p>Connecting Netflix fans to the shows they love most</p></div></a></div><div class="nav__card" style="z-index:12;"><a href="/airbnb-tyrus" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocybpReVYa4Chm_AirbnbTyrus.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocybpReVYa4Chm_AirbnbTyrus.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQocybpReVYa4Chm_AirbnbTyrus.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Airbnb Tyrus</h2><p>Designing Airbnb’s latest digital toolkit, built to empower illustrators</p></div></a></div><div class="nav__card" style="z-index:11;"><a href="/samba" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQomALpReVYa4CqV_Samba.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQomALpReVYa4CqV_Samba.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQomALpReVYa4CqV_Samba.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Samba</h2><p>Shining a light on queer culture in Brazil</p></div></a></div><div class="nav__card" style="z-index:10;"><a href="/museu-nacional" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolTrpReVYa4Cpn_MuseuNacional.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolTrpReVYa4Cpn_MuseuNacional.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolTrpReVYa4Cpn_MuseuNacional.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Museu Nacional</h2><p>Reimagining the Museu design experience</p></div></a></div><div class="nav__card" style="z-index:9;"><a href="/pollen" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolxLpReVYa4CqM_Pollen.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolxLpReVYa4CqM_Pollen.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolxLpReVYa4CqM_Pollen.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Pollen</h2><p>Designing Spotify&#39;s genre-less playlist</p></div></a></div><div class="nav__card" style="z-index:8;"><a href="/comrade" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok1bpReVYa4Co0_Comrade.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok1bpReVYa4Co0_Comrade.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQok1bpReVYa4Co0_Comrade.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Comrade</h2><p>Signaling new notions of political belonging for Jodi Dean’s urgent essay</p></div></a></div><div class="nav__card" style="z-index:7;"><a href="/melissa-flygrl" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolPbpReVYa4Cpj_MelissaFlygirl.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolPbpReVYa4Cpj_MelissaFlygirl.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolPbpReVYa4Cpj_MelissaFlygirl.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Melissa Flygrl</h2><p>Freeing femininity in a boundary-pushing fashion campaign</p></div></a></div><div class="nav__card" style="z-index:6;"><a href="/electric-sky" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolCbpReVYa4CpW_ElectriccSky.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolCbpReVYa4CpW_ElectriccSky.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolCbpReVYa4CpW_ElectriccSky.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Electric Sky</h2><p>Unconventional branding for an unconventional wine brand</p></div></a></div><div class="nav__card" style="z-index:5;"><a href="/bonde" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc4LpReVYa4Chu_Bonde.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc4LpReVYa4Chu_Bonde.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQoc4LpReVYa4Chu_Bonde.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Bonde</h2><p>Bringing together new perspectives on Brazilian art and design</p></div></a></div><div class="nav__card" style="z-index:4;"><a href="/chani-nicholas-you-were-born-for-this" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokwLpReVYa4Cow_Chani.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokwLpReVYa4Cow_Chani.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQokwLpReVYa4Cow_Chani.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Chani Nicholas: You Were Born For This</h2><p>A mystical cover for a contemporary take on astrology</p></div></a></div><div class="nav__card" style="z-index:3;"><a href="/emotional-landscapes" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolH7pReVYa4Cpe_EmotionalLandscapes.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolH7pReVYa4Cpe_EmotionalLandscapes.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQolH7pReVYa4Cpe_EmotionalLandscapes.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Emotional Landscapes</h2><p>A sensorial perspective on Burle Marx’s Brazilian landscapes</p></div></a></div><div class="nav__card" style="z-index:2;"><a href="/yaga" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQo
63oo7pReVYa4Csb_Yaga.jpg?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQooo7pReVYa4Csb_Yaga.jpg?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQooo7pReVYa4Csb_Yaga.jpg?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Yaga</h2><p>Designing a new music festival embracing queer identities and subcultures</p></div></a></div><div class="nav__card" style="z-index:1;"><a href="https://year-in-review-20.portorocha.com/" rel="noopener noreferrer" target="_blank" class="nav__card__inner"><div class="nav__card__bg"></div><div class="nav__card__img"><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="56" height="56" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrHLpReVYa4b1h_YIR20.png?auto=format,compress&amp;w=56&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrHLpReVYa4b1h_YIR20.png?auto=format,compress&amp;w=112&amp;q=90 2x" fetchpriority="auto" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaRXrHLpReVYa4b1h_YIR20.png?auto=format,compress&amp;w=56&amp;q=90"></div><div class="nav__card__info"><h2>Year in Review</h2><p>We decided to express our gratitude by sharing a retrospective of our first year as a studio</p></div></a></div><!--]--><!--]--><div class="nav__card__end" data-v-78096e18></div></nav></div></div><div class="content"><div class="page__container" data-v-cb05f962><div class="case__study__list" data-v-cb05f962><div class="nav__card" data-v-cb05f962><div class="nav__card__inner" data-v-cb05f962><div class="nav__card__img" data-v-cb05f962><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="72" loading="eager" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=72&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=144&amp;q=90 2x" class="preload" fetchpriority="high" data-v-cb05f962 src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQodTbpReVYa4CiC_Shop.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=72&amp;q=90" data-v-6086a197></div><div class="nav__card__info" data-v-cb05f962><h2 data-v-cb05f962>Shop</h2><p data-v-cb05f962>Crafting a captivating brand world for the all-in-one shopping app</p></div></div></div><div class="case__study__slices" data-v-cb05f962><!--[--><!--[--><div class="case__study__gallery__item" data-id="0" style="order:0;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETl7pReVYa3xHN_PORTOROCHA_Shop_1.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETl7pReVYa3xHN_PORTOROCHA_Shop_1.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETl7pReVYa3xHN_PORTOROCHA_Shop_1.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="1" style="order:1;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656549e39380f186103bb9/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656549e39380f186103bb9/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="2" style="order:2;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656581e39380f186104293/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656581e39380f186104293/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="3" style="order:3;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETT7pReVYa3xHM_PORTOROCHA_Shop_2.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETT7pReVYa3xHM_PORTOROCHA_Shop_2.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQETT7pReVYa3xHM_PORTOROCHA_Shop_2.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="4" style="order:4;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696565b76a1e75f7ab059e66/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696565b76a1e75f7ab059e66/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="5" style="order:5;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQET6bpReVYa3xHY_PORTOROCHA_Shop_3.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQET6bpReVYa3xHY_PORTOROCHA_Shop_3.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQET6bpReVYa3xHY_PORTOROCHA_Shop_3.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="6" style="order:6;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696565ede39380f18610502f/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696565ede39380f18610502f/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="7" style="order:7;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656624e39380f186105698/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656624e39380f186105698/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="8" style="order:8;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUGrpReVYa3xHp_PORTOROCHA_Shop_4.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUGrpReVYa3xHp_PORTOROCHA_Shop_4.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUGrpReVYa3xHp_PORTOROCHA_Shop_4.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="9" style="order:9;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656659e39380f186105d82/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656659e39380f186105d82/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="10" style="order:10;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUNLpReVYa3xHw_PORTOROCHA_Shop_5.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUNLpReVYa3xHw_PORTOROCHA_Shop_5.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUNLpReVYa3xHw_PORTOROCHA_Shop_5.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="11" style="order:11;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUPbpReVYa3xH0_PORTOROCHA_Shop_6.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUPbpReVYa3xH0_PORTOROCHA_Shop_6.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUPbpReVYa3xH0_PORTOROCHA_Shop_6.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="12" style="order:12;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656687e39380f1861062db/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656687e39380f1861062db/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="13" style="order:13;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUVrpReVYa3xH5_PORTOROCHA_Shop_7.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUVrpReVYa3xH5_PORTOROCHA_Shop_7.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUVrpReVYa3xH5_PORTOROCHA_Shop_7.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="14" style="order:14;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696566c6b25141dfa4978b7f/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696566c6b25141dfa4978b7f/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="15" style="order:15;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUX7pReVYa3xH8_PORTOROCHA_Shop_8.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUX7pReVYa3xH8_PORTOROCHA_Shop_8.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2
63x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUX7pReVYa3xH8_PORTOROCHA_Shop_8.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="16" style="order:16;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696566f9b25141dfa497915a/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696566f9b25141dfa497915a/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="17" style="order:17;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696567356a1e75f7ab05caab/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696567356a1e75f7ab05caab/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="18" style="order:18;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUkLpReVYa3xIG_PORTOROCHA_Shop_9.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUkLpReVYa3xIG_PORTOROCHA_Shop_9.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEUkLpReVYa3xIG_PORTOROCHA_Shop_9.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="19" style="order:19;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656776e39380f186107ded/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/69656776e39380f186107ded/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split position-left case__study__gallery__item" data-id="20" style="order:20;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/4"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:3/4;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:4;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696567be6a1e75f7ab05daae/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696567be6a1e75f7ab05daae/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split-rows position-right case__study__gallery__item" data-id="21" style="order:21;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5090543259557343"><section class="page__card case__study__media landscape-small has-gallery" style="aspect-ratio:1.5090543259557343;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU5bpReVYa3xIf_PORTOROCHA_Shop_10.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU5bpReVYa3xIf_PORTOROCHA_Shop_10.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU5bpReVYa3xIf_PORTOROCHA_Shop_10.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split-rows position-right case__study__gallery__item" data-id="22" style="order:22;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5090543259557343"><section class="page__card case__study__media landscape-small has-gallery" style="aspect-ratio:1.5090543259557343;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQJtzrpReVYa30A__Shop_CaseStudy_Delivered.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQJtzrpReVYa30A__Shop_CaseStudy_Delivered.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQJtzrpReVYa30A__Shop_CaseStudy_Delivered.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="23" style="order:23;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU_rpReVYa3xIp_PORTOROCHA_Shop_12.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU_rpReVYa3xIp_PORTOROCHA_Shop_12.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEU_rpReVYa3xIp_PORTOROCHA_Shop_12.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="24" style="order:24;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVCrpReVYa3xIt_PORTOROCHA_Shop_11.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVCrpReVYa3xIt_PORTOROCHA_Shop_11.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVCrpReVYa3xIt_PORTOROCHA_Shop_11.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="25" style="order:25;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVELpReVYa3xIw_PORTOROCHA_Shop_13.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVELpReVYa3xIw_PORTOROCHA_Shop_13.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVELpReVYa3xIw_PORTOROCHA_Shop_13.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="26" style="order:26;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVE7pReVYa3xIx_PORTOROCHA_Shop_14.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVE7pReVYa3xIx_PORTOROCHA_Shop_14.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVE7pReVYa3xIx_PORTOROCHA_Shop_14.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="27" style="order:27;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/6965681e6a1e75f7ab05ea98/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/6965681e6a1e75f7ab05ea98/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split position-left case__study__gallery__item" data-id="28" style="order:28;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVN
637pReVYa3xJC_PORTOROCHA_Shop_15.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVN7pReVYa3xJC_PORTOROCHA_Shop_15.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVN7pReVYa3xJC_PORTOROCHA_Shop_15.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split-rows position-right case__study__gallery__item" data-id="29" style="order:29;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape-small has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696568476a1e75f7ab05f14d/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696568476a1e75f7ab05f14d/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="split-rows position-right case__study__gallery__item" data-id="30" style="order:30;"><div class="case__study__gallery__item__inner" data-aspect-ratio="3/2"><section class="page__card case__study__media landscape-small has-gallery" style="aspect-ratio:3/2;"><video class="" muted playsinline loop preload="none" width="100%" height="100%" style="aspect-ratio:3:2;" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696568766a1e75f7ab05fa64/download.mp4" media="(min-width: 768px)" type="video/mp4" data-v-065bda5a><source src="https://video.gumlet.io/691c9f27d854cacb98e883ba/696568766a1e75f7ab05fa64/download.mp4" media="(max-width: 767px)" type="video/mp4" data-v-065bda5a></video></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="31" style="order:31;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVW7pReVYa3xJO_PORTOROCHA_Shop_16.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVW7pReVYa3xJO_PORTOROCHA_Shop_16.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVW7pReVYa3xJO_PORTOROCHA_Shop_16.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="32" style="order:32;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVYbpReVYa3xJQ_PORTOROCHA_Shop_17.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVYbpReVYa3xJQ_PORTOROCHA_Shop_17.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVYbpReVYa3xJQ_PORTOROCHA_Shop_17.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="split case__study__gallery__item" data-id="33" style="order:33;"><div class="case__study__gallery__item__inner" data-aspect-ratio="0.75"><section class="page__card case__study__media portrait has-gallery" style="aspect-ratio:0.75;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVY7pReVYa3xJR_PORTOROCHA_Shop_18.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVY7pReVYa3xJR_PORTOROCHA_Shop_18.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVY7pReVYa3xJR_PORTOROCHA_Shop_18.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--[--><div class="case__study__gallery__item" data-id="34" style="order:34;"><div class="case__study__gallery__item__inner" data-aspect-ratio="1.5"><section class="page__card case__study__media landscape has-gallery" style="aspect-ratio:1.5;"><!--[--><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="374" loading="lazy" data-nuxt-img srcset="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVarpReVYa3xJT_PORTOROCHA_Shop_19.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90 1x, /_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVarpReVYa3xJT_PORTOROCHA_Shop_19.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=748&amp;q=90 2x" class="preload" src="/_vercel/image?url=https:%2F%2Fimages.prismic.io%2Fportorocha%2FaQEVarpReVYa3xJT_PORTOROCHA_Shop_19.jpg?auto=format%252Ccompress%26v=dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q&amp;w=374&amp;q=90" data-v-6086a197><!--]--></section></div><!----></div><!--]--><!--]--></div><div class="case__study__info" data-v-cb05f962 data-v-0d94518a><div class="case__study__info__left" data-v-0d94518a><div class="page__card case__study__info__project__information" data-v-0d94518a><h2 data-v-0d94518a>Project Information</h2><div class="case__study__info__project__information__text" data-v-0d94518a><!--[--><!--[--><p><!--[--><!--[--><!--[--><!--[--><!---->With over 20 million monthly active users, Shop is a go-to app for many when it comes to shopping and tracking packages. Whether it&#39;s a speedy checkout at your favorite store with Shop Pay, a notification that your package finally arr
63ived, or the relationship your small business has built with loyal customers—Shop makes commerce better for merchants and buyers alike.<!--]--><!--]--><!--]--><!--]--></p><p><!--[--><!--[--><!--[--><!--[--><!---->But despite the app’s popularity, Shop faced a perception challenge. People still thought of the brand as just “that purple button” or a package-tracker, not a delightful shopping destination. In 2021, the Shop team invited us to evolve their visual identity to reflect a shift in their brand and product: from function-first to community-driven, transactional to aspirational. Maintaining Shop’s core equities—their logo and Shop Purple—we systematized what was already working with a more expansive toolkit to build out their brand world.<!--]--><!--]--><!--]--><!--]--></p><p><!--[--><!--[--><!--[--><!--[--><!---->Starting with a logo refinement, we reconstructed Shop’s signature ‘o’ to make the mark more balanced, polished, and scalable. Easily legible in small product descriptions and highly expressive in bold, all-caps headlines, a new brand typeface—Good Sans—brings a more ownable voice across app and communication touchpoints.<!--]--><!--]--><!--]--><!--]--></p><p><!--[--><!--[--><!--[--><!--[--><!---->An expanded color palette allows the brand to speak to different products and merchants without an overreliance on Purple, supported by an off-white and warm black. Color shows up in the brand’s 2D sticker language, too. Inspired by old-school price tags, these diverse shapes can be superimposed on imagery to highlight secondary information without overshadowing the central message or product. Scaled up alone or clustered together, they’re equal parts function and play.<!--]--><!--]--><!--]--><!--]--></p><p><!--[--><!--[--><!--[--><!--[--><!---->A new photography approach captures the personalities of Shop buyers and merchants through contextual lifestyle shots and portraits, bringing people to the forefront of the brand’s expression. Products themselves become the protagonists of stylized, larger-than-life scenes, while close-up shots capture unexpected views of the objects in crisp detail.<!--]--><!--]--><!--]--><!--]--></p><p><!--[--><!--[--><!--[--><!--[--><!---->Taken together, the new toolkit marks key evolutions for Shop: from a transactional brand to an aspirational one; from a function-first app to community-driven platform; from package tracker to shopping destination with an editorial point of view.<!--]--><!--]--><!--]--><!--]--></p><!--]--><!--]--></div></div><!----><!----></div><div class="case__study__info__right" data-v-0d94518a><div class="page__card case__study__info__credits" data-v-0d94518a><div class="case__study__info__credits__inner" data-v-0d94518a><h2>Credits</h2><h2>PORTO ROCHA</h2><p>Creative Direction:<br /><span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/feliperocha/">Felipe Rocha <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/leoportooo/">Leo Porto <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Design:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/nathan.fyock/">Nathan Fyock <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/realmavisbeacon/">Rachel Quan <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> Luis Alejandro</p><p>Interactive:<br /><span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/marcos___rp/">Marcos Rodrigues <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/niclasresch/">Niclas Resch <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Motion:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/itsyoungwoo/">Young Woo <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Project Management:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/nicholasschroder/">Nicholas Schroder <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/clar__n/">Claren Walker <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><h2>Case Study Production</h2><p>Design:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/nathan.fyock/">Nathan Fyock <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/worksbychae/">Chae Park <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://www.instagram.com/bybrycecarson/">Bryce Carson <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Interactive Design:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/marcos___rp/">Marcos Rodrigues <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <span class="no-break-group"><a target="_blank" rel="noopener" href="https://portorocha.com/(https://www.instagram.com/niclasresch/">Niclas Resch <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Motion Design:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/thales.muniz/">Thales Muniz <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Photography:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/mari_juliano_photography/">Mari Juliano <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Production:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/annie_carm/">Annie Carmichael <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Model:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/roshita.t/">Roshita Thomas <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p>Project Management:<br /><a target="_blank" rel="noopener" href="https://www.instagram.com/luthiesen/">Luciana Thiesen <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a>,</span> <a target="_blank" rel="noopener" href="https://www.instagram.com/samanthacruz.nyc/">Samantha Cruz <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p><p></p><h2>Fonts</h2><p>Good Sans by <a target="_blank" rel="noopener" href="https://goodtypefoundry.com/goodsans/">Good Type Foundry <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewB
63ox="0 0 11 11" fill="none"><path fill="currentColor" d="M10.4 0v7.8H9.1V2.3L1.4 10l-1-1 7.8-7.7H2.6V0h7.8Z"/></svg></a></p></div></div><div class="page__card case__study__info__project__images" data-v-0d94518a><h2 data-v-0d94518a>Project Images</h2><a href="https://portorocha.com/dropbox.com" rel="noopener noreferrer" target="_blank" data-v-0d94518a> Download Project Images <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14.02" version="1.1" viewBox="0 0 11 14.02" data-v-0d94518a><path fill="currentColor" d="M5.5,14.02L-.02,8.5l.92-.92,3.89,3.89V.58h1.41l-.07,10.96,3.96-3.96.92.92-5.52,5.52Z" data-v-0d94518a></path></svg></a></div></div></div></div></div></div></main></div><div id="teleports"></div>
63<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/shop/_payload.json?cfd5aeff-129d-4f82-aa7c-3f36d906f247">[{"state":1,"once":16,"_errors":17,"serverRendered":6,"path":20,"prerenderedAt":21},["Reactive",2],{"$sviewportState":3,"$scolor-mode":4,"$ssite-config":8},"mobilesmall",{"preference":5,"value":5,"unknown":6,"forced":7},"system",true,false,{"_priority":9,"env":13,"name":14,"url":15},{"name":10,"env":11,"url":12},-5,-15,-3,"production","portorocha","https://portorocha.com",["Set"],["ShallowReactive",18],{"global":19,"[case_study-uid-shop]":19},null,"/shop",1790886753865]</script>
vendor: 1 bytes, line 63
63
64<script>window.__NUXT__={};window.__NUXT__.config={public:{deployId:"dpl_4MKGfH2X7hYR5dyFqddPgCfRJr7Q",prismic:{endpoint:"portorocha",environment:"",clientConfig:{},client:"~/app/prismic/client",linkResolver:"~/app/prismic/linkResolver",richTextSerializer:"~/app/prismic/richTextSerializer",injectComponents:true,components:{linkRel:"~/app/prismic/linkRel",richTextComponents:"~/app/prismic/richTextComponents",sliceZoneDefaultComponent:"~/app/prismic/sliceZoneDefaultComponent"},preview:false,toolbar:false,devtools:true},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false},gtag:{enabled:true,initMode:"auto",id:"",initCommands:[],config:{},tags:["G-HKV12GNP91"],loadingStrategy:"defer",url:"https://www.googletagmanager.com/gtag/js"}},app:{baseURL:"/",buildId:"cfd5aeff-129d-4f82-aa7c-3f36d906f247",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
64</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.