/* Original brand artwork, in colour, with no logo cards or invented symbols. */
.portfolio .accent{color:#8d39f0}
.portfolio h2{font-size:64px}
.portfolio .brand-universe{height:365px;margin-top:20px;background:var(--paper)}
.portfolio .brand-universe:before{background:radial-gradient(ellipse at 50% 60%,#d9b8ff30,transparent 70%)}
.portfolio .brand-orbit{border-color:#8644bb20}.portfolio .brand-orbit:after{background:#9a58df;box-shadow:0 0 25px #a76ae8}
.portfolio .brand-lane{left:0;width:145%;height:115px;transform:none}
.portfolio .lane-two{top:137px}.portfolio .lane-three{top:250px}
.portfolio .brand-group{gap:82px;padding-left:8vw;padding-right:8vw}
.portfolio .brand-track{animation-duration:74s;background:var(--paper)}.portfolio .lane-two .brand-track{animation-duration:86s}.portfolio .lane-three .brand-track{animation-duration:92s}
.portfolio .brand-symbol{color:#3f2359}
.portfolio .word-dez b{color:#80569e}
.portfolio .word-person{color:#694c7c}
.portfolio .brand-symbol img{display:block;flex-shrink:0;filter:none;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.portfolio .brand-symbol .client-logo{width:260px;height:82px}
.portfolio .brand-symbol .logo-yandex{width:245px;height:74px;filter:none}
.portfolio .brand-symbol .logo-ivi{width:145px;height:84px;filter:brightness(0)}
.portfolio .brand-symbol .correct-wink{width:250px!important;height:85px!important;background:transparent;padding:0;border-radius:0;filter:none!important}
.portfolio .brand-symbol .logo-rosles{width:330px;height:91px}
.portfolio .brand-symbol .logo-termotron{width:310px;height:77px;filter:brightness(0)}
.portfolio .brand-symbol .logo-novalur{width:280px;height:90px}
.portfolio .brand-symbol .logo-mgrowth{width:285px;height:80px}
.portfolio .brand-symbol .logo-2705{width:270px;height:104px;object-fit:cover;object-position:center}
.portfolio .brand-symbol .client-mark{width:105px;height:105px}
.portfolio .brand-symbol .logo-first{width:64px;height:112px}
.portfolio .brand-caption{font-size:34px;line-height:1.1;letter-spacing:-1px;font-weight:750;color:#43285a}
.portfolio .logo-lockup{gap:20px}
@media(min-width:1600px){.portfolio h2{font-size:95px}.portfolio .brand-universe{height:460px;margin-top:40px}.portfolio .lane-two{top:170px}.portfolio .lane-three{top:320px}.portfolio .brand-lane{height:145px}.portfolio .brand-group{gap:110px}.portfolio .brand-symbol .client-logo{width:340px;height:110px}.portfolio .brand-symbol .logo-yandex{width:320px;height:97px}.portfolio .brand-symbol .logo-ivi{width:185px;height:110px}.portfolio .brand-symbol .correct-wink{width:325px!important;height:112px!important}.portfolio .brand-symbol .logo-rosles{width:430px;height:118px}.portfolio .brand-symbol .logo-termotron{width:400px;height:100px}.portfolio .brand-symbol .logo-novalur{width:365px;height:117px}.portfolio .brand-symbol .logo-mgrowth{width:370px;height:104px}.portfolio .brand-symbol .logo-2705{width:350px;height:135px}.portfolio .brand-symbol .client-mark{width:137px;height:137px}.portfolio .brand-symbol .logo-first{width:83px;height:145px}.portfolio .brand-caption{font-size:44px}.portfolio .logo-lockup{gap:27px}}
@media(max-height:680px) and (min-width:901px){.portfolio .brand-lane{height:97px}.portfolio .brand-symbol .client-mark{height:86px;width:86px}.portfolio .brand-symbol .logo-first{height:96px;width:52px}.portfolio .brand-symbol .client-logo{height:75px}.portfolio .brand-symbol .logo-2705{height:90px}.portfolio .brand-caption{font-size:30px}}
@media(max-width:900px){.portfolio .brand-group{gap:60px;padding-left:10vw;padding-right:10vw}.portfolio .brand-symbol .client-logo{width:230px;height:78px}.portfolio .brand-symbol .logo-rosles{width:300px;height:82px}.portfolio .brand-symbol .client-mark{height:92px;width:92px}.portfolio .brand-symbol .logo-first{height:105px;width:57px}.portfolio .brand-symbol .logo-2705{width:245px;height:100px}.portfolio .brand-caption{font-size:30px}.portfolio .logo-lockup{gap:17px}}
@media(max-width:540px){.portfolio h2{font-size:43px}.portfolio .brand-universe{height:405px;margin-top:35px}.portfolio .brand-group{gap:48px}.portfolio .brand-symbol .client-logo{width:210px;height:73px}.portfolio .brand-symbol .logo-rosles{width:270px;height:76px}.portfolio .brand-symbol .client-mark{height:85px;width:85px}.portfolio .brand-symbol .logo-first{height:100px;width:54px}.portfolio .brand-symbol .logo-2705{width:230px;height:95px}.portfolio .brand-caption{font-size:28px}.portfolio .brand-symbol .correct-wink{width:220px!important;height:78px!important}}
@media print{.portfolio .brand-group{padding:0}.portfolio .brand-symbol .client-logo{width:180px;height:60px}.portfolio .brand-symbol .client-mark{width:70px;height:70px}.portfolio .brand-symbol .logo-first{width:38px;height:70px}.portfolio .brand-caption{font-size:28px}.portfolio .brand-symbol .logo-2705{height:70px}.portfolio .brand-symbol{color:#3f2359!important}}