:root{--color-light:#fff1c8;--color-gold:#d1a848;--color-text:#333;--color-heading:#111;--transition-speed:0.5s}body{background:#fff;font-family:Inter,Arial,sans-serif;margin:0;padding:0}.grid-container{border-radius:24px;box-shadow:0 8px 25px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(3,1fr);margin:50px auto;max-width:1150px;overflow:hidden}.grid-item{cursor:pointer;transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.grid-item:nth-child(odd){background:var(--color-light)}.grid-item:nth-child(2n){background:linear-gradient(135deg,#d1a848,#f7d88c)}.grid-item:nth-child(2n) h3{color:#fff}.grid-item:hover{box-shadow:0 12px 35px rgba(0,0,0,.12);transform:translateY(-6px)}.grid-item h3{color:var(--color-heading);display:-webkit-box;font-size:clamp(28px,3vw,28px);font-weight:700;line-height:1.2;margin-bottom:10px;min-height:2.4em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-item p{color:var(--color-text);font-size:15px;line-height:1.5;margin:0}.grid-item{min-height:200px;opacity:0;padding:28px 24px;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out;will-change:opacity,transform}.grid-item.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.grid-container{border-radius:12px;box-shadow:none;display:grid;gap:12px;grid-template-columns:1fr;margin:30px 12px}.grid-item{border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.08);min-height:auto;padding:20px 18px;transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}.grid-item.show{opacity:1;transform:translateY(0)}.grid-item h3{display:block;font-size:clamp(30px,4vw,30px);min-height:auto;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.grid-item:active,.grid-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.1);transform:translateY(-2px)}}