.dates-page{background:#d8d0bf;color:#20211d}
.dates-hero{min-height:58vh;padding:10rem 6vw 5rem;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:7vw;background:#24251f;color:#f5f1e8}
.dates-hero h1{margin:.4rem 0 0;font:900 clamp(4.8rem,10vw,10rem)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.04em;text-transform:uppercase}
.dates-hero h1 em{font:500 italic .72em/1 "Lora",serif;color:#d8d0bf;text-transform:none}
.dates-hero>p{max-width:34rem;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.65}
.dates-wrap{padding:7rem 6vw}
.dates-head{display:grid;grid-template-columns:.35fr 1.1fr .85fr;gap:4vw;align-items:end;margin-bottom:3.5rem}
.dates-head h2,.dates-planning h2{margin:0;font:900 clamp(3.8rem,7vw,7rem)/.82 "Barlow Condensed",sans-serif;text-transform:uppercase}
.dates-head h2 em,.dates-planning h2 em{font:500 italic .72em/1 "Lora",serif;color:#ad261f;text-transform:none}
.dates-head>p{font-size:1.05rem;line-height:1.65}
.date-list{border-top:1px solid rgba(32,33,29,.35)}
.date-row{display:grid;grid-template-columns:minmax(11rem,.48fr) 1.15fr .55fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid rgba(32,33,29,.35);color:inherit;text-decoration:none}
.date-row:hover .date-action{background:#ad261f;color:#fff}
.date-day{display:flex;align-items:baseline;gap:.75rem}
.date-day strong{font:900 clamp(3.1rem,5vw,5.4rem)/.8 "Barlow Condensed",sans-serif}
.date-day span{font:700 .82rem "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.date-course h3{margin:0 0 .35rem;font:800 clamp(2rem,3vw,3.2rem)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase}
.date-course p,.date-meta p{margin:.25rem 0;line-height:1.5}
.date-meta strong{display:block;font:800 1.35rem "Barlow Condensed",sans-serif;text-transform:uppercase}
.date-status{display:inline-flex;margin-top:.45rem;padding:.35rem .55rem;background:#ad261f;color:#fff;font:700 .72rem "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.date-action{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid currentColor;border-radius:50%;transition:.2s;font-size:1.3rem}
.dates-planning{padding:7rem 6vw;background:#ebe3d3}
.planning-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(32,33,29,.28);border-left:1px solid rgba(32,33,29,.28);margin-top:3.5rem}
.planning-card{min-height:17rem;padding:1.8rem;display:flex;flex-direction:column;border-right:1px solid rgba(32,33,29,.28);border-bottom:1px solid rgba(32,33,29,.28);color:inherit;text-decoration:none}
.planning-card span{font:700 .75rem "DM Sans";color:#ad261f;letter-spacing:.08em}
.planning-card h3{margin:auto 0 1rem;font:800 2.6rem/.9 "Barlow Condensed",sans-serif;text-transform:uppercase}
.planning-card p{margin:0;line-height:1.5}
.dates-note{padding:1.3rem 6vw;background:#ad261f;color:#fff;display:flex;justify-content:space-between;gap:2rem;align-items:center}
.dates-note a{color:#fff;font-weight:700}
@media(max-width:900px){.dates-hero,.dates-head{grid-template-columns:1fr}.date-row{grid-template-columns:1fr auto}.date-course,.date-meta{grid-column:1}.date-action{grid-column:2;grid-row:1/4}.planning-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dates-hero{padding:8rem 1.25rem 3.5rem}.dates-wrap,.dates-planning{padding:5rem 1.25rem}.planning-grid{grid-template-columns:1fr}.dates-note{align-items:flex-start;flex-direction:column;padding:1.4rem 1.25rem}.date-day strong{font-size:3.5rem}}