.banner{position:relative}.banner img{width:100%;display:block}.banner-text{position:absolute;top:35px;left:20px;max-width:50%;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .4);z-index:1}.banner-text h1,.banner-text h2{margin:0}.banner-text h1{letter-spacing:.2em;font-size:2em}.banner-text h2{letter-spacing:.1em;font-size:.8em}.view{line-height:3em;text-align:center;padding:2em;font-family:var(--font-main);background:var(--color-black);color:var(--color-white);letter-spacing:.1em}.view h2{font-size:1.5em;letter-spacing:.1em}.view a{color:#fff;text-decoration:underline;text-underline-offset:5px}.brands figure{margin:0;padding:0;position:relative}.brands a{display:block}.brands a:hover h2{background:rgb(0 0 0 / .8)}.brands{display:grid;gap:0;grid-template-columns:1fr}.brands img{width:100%}.brands h2{position:absolute;top:0;left:0;right:0;background:rgb(0 0 0 / .5);color:#fff;padding:10px;text-align:center}.product-grid{margin:0 0 1.5em 0}.info{background:var(--color-gray-dark);color:var(--color-white);font-size:3em;font-weight:100;padding:1em 1em}@media (min-width:768px){.banner-text h1{font-size:4em;margin:25px}.banner-text h2{font-size:1.2em;margin:25px}.brands{grid-template-columns:repeat(2,1fr)}.brands img{width:100%;height:750px;object-fit:cover}}