:root{--main-color: #4a5b6f;--beige-color: #e2daca;--font-title: "Tenor Sans", sans-serif;--font-text: "Montserrat", sans-serif;--font-size-title: clamp(1.5rem, 1rem + 2vw, 3.5rem)}.treby-cards-section{background-color:var(--beige-color);padding:3rem 0}.treby-cards-section .title{font-family:var(--font-title);font-weight:400;font-size:var(--font-size-title);color:var(--main-color);text-transform:uppercase;letter-spacing:1px}.treby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:2rem}.treby-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.treby-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.treby-card-image{width:calc(100% - 30px);height:250px;overflow:hidden;background:#f5f5f5;border-radius:15px;margin:15px 15px 0}.treby-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.treby-card:hover .treby-card-image img{transform:scale(1.05)}.treby-card-body{padding:20px;text-align:center;display:flex;flex-direction:column;gap:15px}.treby-card-title{font-family:var(--font-text);font-weight:400;font-size:18px;line-height:1.4;color:#333;margin:0}.treby-card-price{font-family:var(--font-text);font-weight:600;font-size:20px;color:var(--main-color);margin:0}.treby-btn{font-family:var(--font-text);font-weight:500;font-size:16px;font-variant:small-caps;background:var(--main-color);color:#fff;padding:12px 30px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;width:100%}.treby-btn:hover{background:#3a4a5a;transform:translateY(-2px);box-shadow:0 4px 15px #4a5b6f4d}.donation .title{font-size:var(--font-size-title);font-family:Tenor Sans;font-weight:400;line-height:64px;text-align:center;text-transform:uppercase;color:#4a5b6f;margin-bottom:1rem}.hero-section{position:relative;width:100%;height:400px;overflow:hidden;border-radius:1.5rem}.hero-image{position:absolute;width:100%;height:400px;overflow:hidden;border-radius:1.5rem}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#4a5b6f80,#4a5b6fb3);display:flex;align-items:center;justify-content:center}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.hero-logo{display:flex;justify-content:center;margin-bottom:1rem}.hero-logo img{width:120px;height:120px;filter:brightness(0) invert(1)}.hero-quote{text-align:center;color:#fff}.hero-quote p{font-family:Montserrat,sans-serif;font-weight:500;font-size:20px;line-height:100%;text-align:center;text-transform:capitalize;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-author{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem;margin-top:1.5rem;text-transform:uppercase;font-style:Italic;line-height:100%;text-align:center;text-transform:lowercase}.hero-btn{font-family:Montserrat,sans-serif;font-weight:500;font-size:20px;line-height:100%;text-align:center;font-variant:small-caps;background:#fff;color:var(--main-color);padding:15px 50px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.hero-btn:hover{background:#ffffffe6;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;color:var(--main-color)}@media (max-width: 768px){.hero-section,.hero-image{height:350px}.hero-content{gap:1.5rem;padding:1.5rem}.hero-logo img{width:60px;height:60px}.hero-quote p{font-size:16px}.hero-author{font-size:14px;margin-top:1rem}.hero-btn{font-size:18px;padding:12px 40px}}@media (max-width: 480px){.hero-section,.hero-image{height:300px}.hero-content{gap:1rem;padding:1rem}.hero-logo img{width:50px;height:50px}.hero-quote p{font-size:14px}.hero-author{font-size:12px}.hero-btn{font-size:16px;padding:10px 35px}}