body, html {margin:0; padding:0; font-family:'Manrope', sans-serif; color:#fff; min-height:100vh; background-color:#000; overflow-x:hidden;}
.logo-gradient {display:flex; justify-content:center; align-items:center; padding:40px 0 20px 0; background:linear-gradient(to bottom,#173b48,#000); max-width:100%;}
.logo {background-image:url('images/popspring_logo.png'); background-repeat:no-repeat; background-position:center; background-size:contain; width:100%; max-width:465px; aspect-ratio:465 / 279; min-width:250px; margin:0 auto; box-sizing:border-box; padding:0 20px;}
.grid {display:grid; grid-template-columns:repeat(3,300px); justify-content:center; gap:0; padding:40px 0; pointer-events:none;}
.tile-image {height:380px; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.brand .tile-image {background-image:url('images/brand.jpg');}
.product .tile-image {background-image:url('images/product.jpg');}
.media .tile-image {background-image:url('images/media.jpg');}
.grid-item {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin:0 0 40px 0; padding:0; position:relative; opacity:0.8; transition:opacity 0.2s ease; pointer-events:auto;}
.grid:hover .grid-item {opacity:0.5;}
.grid-item:hover {opacity:1 !important;}
.grid-item h2 {transition:text-shadow 0.2s ease;}
.grid-item:hover h2 {text-shadow:0 0 40px #00e0e0;}
.grid-item img {width:100%; display:block; margin:0;}
.tile-text {background:none; background-color:#000;}
.grid-item h2, .grid-item p {margin:0; padding:10px 0; display:block; color:#dddddd;}
.grid-item h2 {font-family:'Open Sans', sans-serif; font-weight:700 !important; font-size:32px; margin:0; padding:0 0 7px 0;color:#ffffff;}
.grid-item p {font-size:18px; font-weight:400; margin:0; padding:0;line-height: 150%}
.slider-title {font-size:16px; font-weight:400; font-style:italic; margin:0; padding:0; opacity:.2;}
.logo-slider-container {width:100vw; display:flex; flex-direction:column; align-items:center; margin:20px 0 10px 0;}
.slider-title {text-align:center; margin-bottom:8px; letter-spacing:1px;}
.logo-slider {width:100vw; background:transparent; height:110px; overflow:hidden; display:flex; align-items:center;}
.logo-track {display:flex; align-items:center; width:max-content; will-change:transform;}
.logo-track > * {transition:opacity .4s ease;}
.logo-track img {width:250px; height:100px; object-fit:contain; margin:0 4px; background:transparent; border:none; box-shadow:none; vertical-align:middle; flex-shrink:0; opacity:0.7;}
.site-footer {position:fixed; left:0; bottom:0; width:100vw; background:#080808; display:flex; justify-content:center; align-items:center; height:100px; z-index:100;}
.footer-phone {color:#808080; font-size:26px; letter-spacing:1px;}
.dynamic-blurb {opacity:0; pointer-events:none; position:relative; transition:opacity 0.4s; text-align:center; min-height:2em; z-index:2;}
.dynamic-blurb.visible {opacity:1; pointer-events:auto;}
.product-blurb, .client-blurb {margin-left:auto; margin-right:auto; display:flex; align-items:flex-start; justify-content:center; text-align:center; text-wrap:balance;}
.product-blurb {margin-top:0; margin-bottom:60px; font-size:20px;color:#b0b0b0;max-width:600px; height:200px;line-height: 175%}
.client-blurb {margin-top:10px; margin-bottom:150px; font-size:18px; color:#707070; width:300px; height:50px;line-height: 150%}

@media (max-width: 900px) {
.grid {grid-template-columns:300px; padding:10px;}
.grid-item {opacity:1;}
}