:root{
    --brand:#D63E2F;--brand-dark:#BF2B22;
    --alt-1:#E25A45;--alt-2:#EA504C;
    --pink:#FEF1F1;--gray-soft:#F2F2F2;--gray-mid:#BAC1C6;--gray-dark:#4A4A49;
    --text:#1E1E1E;--muted:#6B6B6B;--bg-gray:#FAFAFA;--border:#E6E6E6;
    --container:1280px;
    --grad-brand:linear-gradient(135deg,var(--brand),var(--brand-dark));
    --grad-alt:linear-gradient(135deg,var(--alt-1),var(--alt-2));
}

img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
button{font-family:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}
.wrap{max-width:var(--container);margin:0 auto;padding:0 40px}
.wrapf{max-width:var(--container);margin:0 auto;padding:0 24px}
@media(max-width:599px){.wrap{padding:0 16px}}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ══════════ СЕКЦИИ ОБЩЕЕ ══════════ */
.section{padding:64px 0}
.section-gray{background:var(--bg-gray);position:relative;overflow:hidden}
.section-gray::before{content:"";position:absolute;width:380px;height:380px;right:-150px;top:-150px;
    background:var(--pink);opacity:.4;transform:rotate(45deg);border-radius:56px;pointer-events:none}
.section-gray::after{content:"";position:absolute;width:220px;height:220px;left:-110px;bottom:-110px;
    background:var(--pink);opacity:.25;transform:rotate(45deg);border-radius:40px;pointer-events:none}
.section-gray .wrap{position:relative;z-index:1}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px}
.section-title{font-size:30px;font-weight:900}
.section-title small{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.section-title small::before{content:"";width:9px;height:9px;background:var(--brand);transform:rotate(45deg);flex-shrink:0}
.section-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--brand);padding:10px 20px;border:1.5px solid var(--border);border-radius:999px;transition:.15s;white-space:nowrap}
.section-link:hover{border-color:var(--brand);background:var(--pink)}
@media(max-width:599px){.section{padding:44px 0}.section-title{font-size:24px}}


/* ══════════ СОБЫТИЯ ══════════ */
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.event-card{border:1.5px solid var(--border);border-radius:20px;padding:22px;background:#fff;transition:.18s}
.event-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:#FFCFC9}
.event-date{position:relative;display:grid;place-items:center;width:80px;height:80px;margin:4px 0 22px;color:var(--brand)}
.event-date::before{content:"";position:absolute;inset:9px;background:var(--brand);border-radius:14px;transform:rotate(45deg);box-shadow:3px 3px 0 var(--pink);transition:.18s}
.event-card:hover .event-date::before{background:var(--brand-dark)}
.event-date-in{position:relative;z-index:1;text-align:center;color:#fff;line-height:1.05}
.event-date-in .d{display:block;font-size:20px;font-weight:900}
.event-date-in .m{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.event-title{font-size:16px;font-weight:800;margin:10px 0 6px}
.event-meta{font-size:13px;color:var(--muted);margin-bottom:12px}
.event-link{font-size:13px;color:var(--brand);font-weight:800}
@media(max-width:1023px){.events-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.events-grid{grid-template-columns:1fr}}