.header-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-height:1080px;height:100vh;background:url('image.jpg') no-repeat center center/cover;color:white;font-weight:bold;text-align:center;gap:5px}.grid-item{display:flex;justify-content:center;align-items:center;border:2px solid white;font-size:1.5rem;position:relative;text-align:center;overflow:hidden;transition:transform 0.3s ease-in-out;cursor:pointer}.grid-item span{display:block;transition:transform 0.3s ease-in-out,text-shadow 0.3s ease-in-out}.grid-item:hover span{transform:translateY(-5px);text-shadow:0 0 10px rgba(255,255,255,0.7)}.grid-item:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.4)}.grid-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0);transition:background-color 0.3s ease-in-out;z-index:1}.grid-item:hover::after{background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%)}.grid-item.hydro{grid-column:3 / 4;grid-row:1 / 3;font-size:2rem}.plus{position:absolute;bottom:10px;right:10px;font-size:2rem;color:white}@media screen and (max-width:1024px){.header-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.grid-item.hydro{grid-column:1 / 3;grid-row:3 / 4}}@media screen and (max-width:768px){.header-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)}.grid-item{font-size:1.2rem}.grid-item span,.grid-item{position:relative;z-index:2}.grid-item.hydro{grid-column:1 / 2;grid-row:5 / 6}}.header-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;max-height:1080px;height:100vh;background:url('image.jpg') no-repeat center center/cover;color:white;font-weight:bold;text-align:center;gap:5px}.grid-item{display:flex;justify-content:center;align-items:center;border:2px solid white;font-size:1.5rem;position:relative;text-align:center;overflow:hidden;transition:transform 0.3s ease-in-out;cursor:pointer}.grid-item span{display:block;transition:transform 0.3s ease-in-out,text-shadow 0.3s ease-in-out}.grid-item:hover span{transform:translateY(-5px);text-shadow:0 0 10px rgba(255,255,255,0.7)}.grid-item:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.4)}.grid-item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0);transition:background-color 0.3s ease-in-out;z-index:1}.grid-item:hover::after{background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%)}.grid-item.hydro{grid-column:3 / 4;grid-row:1 / 3;font-size:2rem}.plus{position:absolute;bottom:10px;right:10px;font-size:2rem;color:white}@media screen and (max-width:1024px){.header-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.grid-item.hydro{grid-column:1 / 3;grid-row:3 / 4}}@media screen and (max-width:768px){.header-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)}.grid-item{font-size:1.2rem}.grid-item span,.grid-item{position:relative;z-index:2}.grid-item.hydro{grid-column:1 / 2;grid-row:5 / 6}}