#vans #intro{display:flex;height:44vw;position:relative;width:100%}#vans #intro.dark{background-color:#000;color:#fff}#vans #intro.dark .fadeVertical{background:#000;background:linear-gradient(0deg,#000,transparent);opacity:1;top:75%;z-index:1}#vans #intro.dark .fadeHorizontal,#vans #intro.dark .fadeVertical{bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);left:0;position:absolute;right:0}#vans #intro.dark .fadeHorizontal{background:#000;background:linear-gradient(90deg,#000 6%,transparent);opacity:.4;top:0;z-index:2}#vans #intro.light{background-color:#fff;color:#000}#vans #intro.light .fadeVertical{background:#fff;background:linear-gradient(0deg,#fff,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1);opacity:1;top:75%;z-index:1}#vans #intro.light .fadeHorizontal,#vans #intro.light .fadeVertical{bottom:0;left:0;position:absolute;right:0}#vans #intro.light .fadeHorizontal{background:#fff;background:linear-gradient(90deg,#fff 6%,#fff0 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:.7;top:0;z-index:2}#vans #intro .pageWidth{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}#vans #intro .content{align-items:flex-start;display:flex;flex-direction:column;position:relative;z-index:1}#vans #intro .content h1{font-family:DaimlerCACRegular,serif;font-size:clamp(2.3rem,4.5vw,3.4rem);font-weight:400;margin-bottom:.3em;position:relative;z-index:1}#vans #intro .content p{font-size:clamp(.7rem,3.5vw,1.2rem);line-height:1.4em;margin-bottom:1.3em;max-width:500px}#vans #intro .content p span{white-space:nowrap}#vans #intro picture{bottom:0;display:flex;left:0;position:absolute;right:0;top:0;z-index:0}#vans #intro picture img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;transition:.3s;width:100%}@media screen and (max-width:1024px){#vans #intro{min-height:66.7vw}#vans #intro.dark .fadeVertical,#vans #intro.light .fadeVertical{top:50%}#vans #intro.dark .fadeHorizontal,#vans #intro.light .fadeHorizontal{display:none}#vans #intro .pageWidth{justify-content:flex-end;padding-bottom:3em}}@media screen and (max-width:768px){#vans #intro{height:115vw}#vans #intro .pageWidth{align-items:center;justify-content:flex-end;padding-bottom:1em}#vans #intro.dark .fadeVertical,#vans #intro.light .fadeVertical{bottom:15vw;top:50%}#vans #intro .content{align-items:center}#vans #intro .content h2,#vans #intro .content p{max-width:100%;text-align:center}#vans #intro picture{bottom:15vw}}