.kwri-events-page { --event-paper:var(--kw-white); --event-ink:var(--kw-ink); --event-muted:var(--kw-gray); --event-line:var(--kw-border); display:grid; gap:24px; }
.kwri-events-page > .panel { padding:clamp(22px,4vw,42px); color:var(--event-ink); background:var(--event-paper); }
.kwri-events-page :is(h1,h2,h3) { font-family:var(--font-display); text-transform:none; line-height:1.15; }
.kwri-events-page h1 { max-width:20ch; font-size:clamp(2rem,4vw,3rem); margin:16px 0 20px; }
.kwri-events-page h2 { font-size:clamp(1.5rem,2.4vw,2rem); margin:12px 0 18px; }
.kwri-events-page p { max-width:78ch; color:var(--event-muted); line-height:1.7; }
.kwri-events-page > #kwri-events.kwri-events-hero { display:flex; align-items:center; min-height:480px; padding:clamp(28px,5vw,64px); border-top:4px solid var(--kw-red); background:linear-gradient(90deg,rgba(10,10,10,.9),rgba(10,10,10,.65) 55%,rgba(10,10,10,.12)),url("https://outfront.kw.com/wp-content/uploads/2025/08/Hero-Image.jpg") center/cover no-repeat; color:#fff; }
.kwri-events-hero-copy { max-width:700px; }
.kwri-events-page .kwri-events-hero h1 { margin:20px 0 24px; color:#fff; font-size:clamp(2.6rem,4.6vw,4.3rem); line-height:1.04; letter-spacing:-.025em; }
.kwri-events-page .kwri-events-hero p { max-width:58ch; color:#f2f2f2; font-size:1.02rem; line-height:1.7; }
.kwri-events-page #kwri-events .eyebrow { padding:0; background:none; color:#fff; font-size:.75rem; letter-spacing:.12em; }
.kwri-events-page .kwri-events-hero .kwri-events-official { border-color:rgba(255,255,255,.7); background:rgba(0,0,0,.2); color:#fff; }
.kwri-events-page .kwri-events-hero .kwri-events-official:hover { background:rgba(255,255,255,.16); }
.kwri-events-page .kwri-events-hero .kwri-events-calendar-return { display:inline-flex; align-items:center; min-height:44px; margin-top:16px; color:#fff; font-size:.9rem; }
.kwri-events-hero a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-width:600px) { .kwri-events-page > #kwri-events.kwri-events-hero { min-height:520px; background-position:60% center; } .kwri-events-page .kwri-events-hero h1 { font-size:2.4rem; } }
.kwri-events-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.kwri-event-feature { display:grid; grid-template-columns:190px minmax(0,1fr); gap:32px; }
.kwri-event-feature .button { margin-top:18px; }
.kwri-event-date { display:flex; flex-direction:column; gap:18px; align-items:center; justify-content:center; text-align:center; padding:24px 14px; background:var(--kw-red); color:#fff; }
.kwri-event-date strong { font-size:2.7rem; line-height:1.1; }
.kwri-event-date span { font-size:.85rem; }
.kwri-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
.kwri-event-grid article { display:flex; flex-direction:column; align-items:flex-start; gap:14px; min-width:0; padding:24px; border:1px solid var(--event-line); border-radius:8px; }
.kwri-event-grid h3 { margin:0; font-size:1.25rem; }
.kwri-event-grid p { margin:0; font-size:.95rem; }
.kwri-event-grid a { display:flex; align-items:center; min-height:44px; margin-top:auto; font-weight:700; }
.kwri-event-number { color:var(--kw-red); font-weight:700; }
.kwri-event-planning ol { padding-left:22px; color:var(--event-muted); line-height:1.7; }
.kwri-event-planning li + li { margin-top:18px; }
.kwri-event-source { margin-top:26px; padding-top:22px; border-top:1px solid var(--event-line); font-size:.9rem; }
.kwri-conference-grid, .kwri-upcoming-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.kwri-upcoming-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.kwri-live-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--event-line); border-radius:8px; }
.kwri-live-card-image { position:relative; display:grid; place-items:center; aspect-ratio:16/9; overflow:hidden; background:#f2f1ee; }
.kwri-live-image-tag { position:absolute; bottom:12px; left:12px; padding:8px 12px; background:#242321; color:#fff; font-size:.8rem; font-weight:700; }
.kwri-live-card-image img { display:block; width:100%; height:100%; object-fit:contain; }
.kwri-live-card-body { display:flex; flex-direction:column; align-items:flex-start; gap:12px; flex:1; padding:22px; }
.kwri-live-card-body h3 { margin:0; font-size:1.3rem; }
.kwri-events-page .kwri-live-card-body p { margin:0; font-size:.9rem; }
.kwri-events-page .kwri-live-card-tag { color:var(--event-ink); font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.kwri-events-page .kwri-live-card-date { color:var(--event-ink); font-weight:700; }
.kwri-live-card-body .button { margin-top:auto; width:100%; min-height:44px; white-space:normal; text-align:center; }
.kwri-event-filters { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:18px; margin:24px 0 18px; }
.kwri-event-filters label { display:grid; gap:8px; font-size:.9rem; }
.kwri-event-filters :is(input,select) { width:100%; min-width:0; min-height:46px; padding:12px; border:1px solid var(--event-line); border-radius:4px; background:var(--event-paper); color:var(--event-ink); font:inherit; }
.kwri-event-filters :is(input,select):focus-visible, .kwri-live-card a:focus-visible { outline:3px solid var(--kw-red); outline-offset:3px; }
.kwri-events-page [data-kwri-more] { display:flex; margin:24px auto 0; }
.kwri-events-page [data-kwri-more][hidden] { display:none; }
.kwri-events-page [data-kwri-status] { font-size:.85rem; }
.kwri-calendar-grid .kwri-live-card:only-child { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.kwri-calendar-grid .kwri-live-card:only-child .kwri-live-card-image { align-self:center; }
body.portal-shell-theme-dark .kwri-events-page { --event-paper:var(--portal-beta-dark-panel-raised); --event-ink:var(--portal-beta-dark-text); --event-muted:var(--portal-beta-dark-muted); --event-line:var(--portal-beta-dark-border); }
body.portal-shell-theme-dark .kwri-events-page :is(a:not(.button),.kwri-event-number) { color:#ffaaa0; }
@media(max-width:1100px) { .kwri-event-grid { grid-template-columns:1fr; } .kwri-upcoming-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .kwri-event-feature { grid-template-columns:1fr; gap:24px; } .kwri-event-date strong br { display:none; } .kwri-events-actions { flex-direction:column; } .kwri-events-page .button { white-space:normal; text-align:center; } .kwri-conference-grid,.kwri-upcoming-grid,.kwri-event-filters,.kwri-calendar-grid .kwri-live-card:only-child { grid-template-columns:1fr; } }