/* recycle.reviews - Neubrutalism */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --black: #1A1A1A; --orange: #FFA500; --pink: #FF69B4; --lime: #BFFF00; --blue: #00BFFF; --white: #FFFFFF; }
body { background: var(--white); color: var(--black); font-family: 'Space Grotesk', sans-serif; }
#hero { text-align: center; padding: 5rem 2rem 3rem; }
#hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; border: 4px solid var(--black); display: inline-block; padding: 0.5rem 1.5rem; box-shadow: 6px 6px 0 var(--black); }
.sub { font-size: 1rem; margin-top: 1.5rem; color: #555; }
#grid { max-width: 1000px; margin: 0 auto; padding: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.review-card { border: 3px solid var(--black); padding: 2rem; box-shadow: 5px 5px 0 var(--black); opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; }
.review-card.visible { opacity: 1; transform: translateY(0); }
.review-card:hover { transform: translateY(-6px); box-shadow: 8px 8px 0 var(--black); }
.card-orange { background: var(--orange); }
.card-pink { background: var(--pink); }
.card-lime { background: var(--lime); }
.card-blue { background: var(--blue); }
.review-card h2 { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem; }
.rating { font-size: 1.2rem; margin-bottom: 0.75rem; }
.review-card p { font-size: 0.9rem; line-height: 1.6; }
footer { text-align: center; padding: 4rem 2rem; font-size: 0.85rem; color: #777; }
@media (max-width: 600px) { #grid { grid-template-columns: 1fr; } }