RedFocus — Nowy Hero (roboczy)

.rf-hero{position:relative;background:#F5F1EA;padding:70px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:560px;overflow:hidden;font-family:sans-serif;} .rf-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B7262B;margin-bottom:20px;} .rf-hero .eyebrow:before{content:”;width:22px;height:3px;background:#FD5056;display:inline-block;} .rf-hero h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;margin:0 0 20px;color:#1A1615;font-weight:800;} .rf-hero h1 span{color:#FD5056;} .rf-hero p.sub{font-size:1.1rem;color:#4A423F;max-width:440px;margin:0 0 30px;line-height:1.6;} .rf-hero .cta{display:inline-block;background:#1A1615;color:#F5F1EA;font-weight:600;padding:15px 30px;border-radius:100px;text-decoration:none;} .rf-cluster{position:relative;height:420px;} .rf-slot{position:absolute;border-radius:18px;box-shadow:0 20px 40px rgba(26,22,21,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:700;transition:opacity .6s ease, transform .6s ease;padding:10px;} .rf-slot .tag{font-size:11px;font-weight:500;opacity:.85;margin-top:4px;} .rf-slot-1{width:230px;height:280px;left:34%;top:8%;background:#FD5056;transform:rotate(-6deg);z-index:2;} .rf-slot-2{width:190px;height:230px;left:2%;top:38%;background:#1A1615;transform:rotate(8deg);z-index:1;} .rf-slot-3{width:190px;height:230px;left:58%;top:42%;background:#F2A93B;transform:rotate(-9deg);z-index:1;} .rf-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;color:#8A817D;background:#fff;padding:4px 12px;border-radius:100px;} @media(max-width:860px){.rf-hero{grid-template-columns:1fr;padding-top:40px;}.rf-cluster{height:360px;margin-top:20px;}}