/* Approved Behance sequence: English-only inside the bilingual site. */
html main.viper-case.viper-behance{max-width:1400px;width:100%;margin:80px auto 0;padding:0;background:#fff;color:#000;direction:ltr;font-family:Arial,Helvetica,sans-serif}
.viper-behance,.viper-behance *{box-sizing:border-box}
html main.viper-case.viper-behance :is(h1,h2,h3,p,span,a,strong){font-family:Arial,Helvetica,sans-serif;color:#000;-webkit-text-fill-color:currentColor;letter-spacing:normal;text-align:left;text-align-last:auto;direction:ltr;animation:none}
.viper-behance .vp-module{width:100%;margin:0;padding:0;min-width:0}
.viper-behance img{display:block;width:100%;max-width:100%;height:auto;border:0;margin:0;object-fit:contain}
.viper-behance .vp-motion{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.viper-behance .vp-gif-grid .vp-motion{aspect-ratio:480/854}
.viper-behance .vp-text{padding:8px 12.25%;font-size:16px;line-height:1.75;overflow-wrap:break-word}
html main.viper-case.viper-behance :is(h1,h2){font-size:30px;font-weight:700;line-height:1.25;margin:4px 0 8px;max-width:none}
html main.viper-case.viper-behance h3{font-size:20px;font-weight:700;line-height:1.35;margin:8px 0 4px;max-width:none}
html main.viper-case.viper-behance p{font-size:16px;font-weight:400;line-height:1.75;margin:0 0 4px;max-width:none}
html main.viper-case.viper-behance .vp-caption{font-size:12px;line-height:1.7;margin:4px 0}
.viper-behance .vp-gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;direction:ltr;align-items:start}
.viper-behance .vp-gif-grid img{aspect-ratio:600 / 1066;object-fit:contain}
.viper-behance .vp-closing{padding-top:20px;padding-bottom:56px}
html main.viper-case.viper-behance .vp-closing :is(h3,p,a){text-align:center;text-align-last:center}
.viper-behance a{text-decoration:underline;text-underline-offset:3px}
.viper-behance .closing-credit{margin:24px 0}
.viper-behance .closing-contact{margin-top:32px}
.viper-behance .closing-social,.viper-behance .closing-copyright{margin-top:12px}
.viper-behance .closing-portfolio{display:block;margin-top:14px;text-align:center}
@media(max-width:800px){
 html main.viper-case.viper-behance{margin-top:72px}
 .viper-behance .vp-text{padding:12px 6%}
 html main.viper-case.viper-behance :is(h1,h2){font-size:clamp(23px,4vw,30px)}
 html main.viper-case.viper-behance h3{font-size:18px}
 html main.viper-case.viper-behance p{font-size:15px;line-height:1.75}
 .viper-behance .vp-gif-grid{gap:3px}
}