/* Edition130: event-only composition over the existing shared temple components. */
.page-events .events-hero{min-height:490px;padding:65px 7%;background:#123b40}
.page-events .events-hero:before{z-index:-1;background:radial-gradient(ellipse at 80% 60%,#b6a66620,transparent 60%)}
.page-events .events-hero .about-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;align-items:center}
.page-events .events-hero .about-hero-copy{width:auto}
.page-events .events-hero-subtitle{font-size:22px;line-height:1.9;letter-spacing:.09em;margin:0 0 20px;color:#e9ddbd}
.page-events .events-hero-art{width:100%;min-width:0;display:flex;align-items:center;justify-content:center}
.page-events .events-hero-art img{display:block;height:auto;width:115%;max-width:none;max-height:430px;object-fit:contain}
.page-events .about-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-events .events-calendar{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8%;padding:66px max(7%,calc((100% - 1100px)/2)) 76px;background:#eeeade}
.page-events .events-calendar h2{font-size:32px;font-weight:400;line-height:1.6;letter-spacing:.08em;margin:0 0 22px}
.page-events .events-calendar p{font-size:14px;line-height:2.05}
.page-events .events-calendar .about-eyebrow{font-size:11px}
.page-events .events-calendar ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--about-line)}
.page-events .events-calendar li{border-bottom:1px solid var(--about-line)}
.page-events .events-calendar a{display:grid;grid-template-columns:140px minmax(0,1fr) 15px;gap:15px;align-items:center;padding:18px 0;font-size:16px;line-height:1.8}
.page-events .events-calendar a:hover{color:var(--about-muted)}
.page-events .events-calendar-date{color:#795631;font-size:14px;letter-spacing:.02em}
.page-events .events-chapter{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px 8%;padding-top:72px;padding-bottom:72px;align-items:center;background:#eeeade}
.page-events .events-chapter.about-shade{background:#dfe3d8}
.page-events .events-chapter>header{grid-column:1;grid-row:1;margin:0;align-self:center}
.page-events .events-date{font-size:20px;line-height:1.7;letter-spacing:.06em;color:#795631;margin:0 0 15px}
.page-events .events-chapter .about-chapter-subtitle{font-size:15px;margin:0}
.page-events .events-chapter>.about-copy{grid-column:2;grid-row:1}
.page-events .events-chapter .about-copy p:last-child{margin-bottom:0}
.page-events .events-with-art>.about-copy{grid-column:1;grid-row:2}
.page-events .events-art{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center;min-width:0;margin:0}
.page-events .events-art img{display:block;object-fit:contain;width:100%;max-height:400px;height:auto;border:0;box-shadow:none;background:transparent}
.page-events .events-contact>p{font-size:14px;line-height:2}
.page-events .events-contact>.about-link{margin:25px 0 40px;font-size:18px;max-width:420px}
.page-events :focus-visible{outline:2px solid #795631;outline-offset:5px}
@media(max-width:700px){
 .page-events .events-hero{min-height:0;padding:38px 7% 22px}
 .page-events .events-hero .about-hero-inner{grid-template-columns:minmax(0,1fr);gap:5px}
 .page-events .events-hero-subtitle{font-size:18px;letter-spacing:.04em;margin-bottom:15px}
 .page-events .events-hero .about-hero-lead br{display:none}
 .page-events .events-hero-art img{width:100%;max-height:230px}
 .page-events .events-calendar{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:42px;padding-bottom:52px}
 .page-events .events-calendar h2{font-size:27px;margin-bottom:15px}
 .page-events .events-calendar p{margin-bottom:0}
 .page-events .events-calendar p br{display:none}
 .page-events .events-calendar a{grid-template-columns:114px minmax(0,1fr) 12px;gap:8px;font-size:14px;padding:16px 0}
 .page-events .events-calendar-date{font-size:12px}
 .page-events .events-chapter{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:52px;padding-bottom:52px}
 .page-events .events-chapter>header,.page-events .events-chapter>.about-copy,.page-events .events-art{grid-column:1;grid-row:auto}
 .page-events .events-chapter>header{margin:0}
 .page-events .events-date{font-size:18px}
 .page-events .events-art img{max-height:290px;max-width:360px}
 .page-events .events-contact>.about-link{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.page-events a{transition:none}}

/* Event chapter colours alternate: their boundaries use karma alone. */
.page-events .events-chapter{border-top:0}
