@import url('https://fonts.googleapis.com/css2?family=Alternate+Gothic+ATF&display=swap');.kota-showcase-section{width:100%;padding:40px 20px;margin:0 auto;overflow:visible}.kota-showcase-title{text-align:center;font-size:2.5rem;margin-bottom:40px;font-family:'Alternate Gothic ATF',sans-serif;text-transform:uppercase;color:#000}.kota-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1200px;padding:20px;margin:0 auto;overflow:visible}.kota-showcase-container{position:relative;width:100%;padding-bottom:100%;cursor:pointer;overflow:visible;z-index:1}.kota-showcase{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:box-shadow .5s ease,transform .5s ease,z-index .5s ease;z-index:1}.light{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;background:radial-gradient(ellipse at top,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .5s ease}.product-container{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);width:80%;height:60%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:visible}.product{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;transition:transform .6s ease,filter .6s ease;filter:brightness(.3);transform-origin:center bottom;overflow:visible}.floor-reflection{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:10vw;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .5s ease}.kota-showcase.light-on .light,.kota-showcase.light-on .floor-reflection{opacity:1}.kota-showcase.light-on .product{filter:brightness(1);transform:scale(1.8)}.kota-showcase.light-on{overflow:visible;box-shadow:0 10px 30px rgba(255,255,255,.1);z-index:10}.kota-showcase-container:hover{z-index:10}@media (max-width:1200px){.kota-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kota-grid-container{grid-template-columns:1fr}}