:root{--paper:#fffcf8;--ink:#35082f;--muted:#775778;--coral:#ff3858;--link:#dc2045;--peach:#ffebe1;--line:#f3d6cb;--filter:#fff6ef;--font:Inter,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.container{width:calc(100% - 100px);max-width:1340px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-hat{width:80px;height:58px;object-fit:contain}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-1.1px}.brand-tagline{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2.6px;color:var(--link);margin-top:4px}nav{display:flex;align-items:center;gap:30px}.nav-events{font-size:14px;font-weight:600;padding-block:14px}.nav-events:hover{color:var(--link)}.button{min-height:50px;border-radius:9px;background:var(--coral);color:#fff;font-weight:600;padding:12px 26px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .15s}.button:hover{background:#e72044}.hero{display:grid;grid-template-columns:44% 1fr;gap:36px;align-items:center;padding-block:18px 10px;min-height:350px}.eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:1.3px;color:#7c396e;margin-bottom:16px}.hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-2.6px;font-weight:800;max-width:610px}.hero-description{font-size:21px;line-height:1.5;color:var(--muted);margin-top:16px;max-width:590px}.hero-image{width:100%;height:auto;object-fit:contain}.filter-section{background:var(--filter);padding-block:20px}.filters{display:grid;grid-template-columns:1.15fr 1.1fr 1fr .9fr;gap:16px}.field{display:flex;align-items:center;gap:16px;background:#fffdfd;border:1px solid #e2dce4;border-radius:8px;height:56px;padding:0 18px;min-width:0;position:relative}.field input,.field select{width:100%;min-width:0;background:transparent;color:var(--muted);border:0;height:100%;outline-offset:0}.field input::placeholder{color:var(--muted);opacity:1}.field select{appearance:none;padding-right:20px;cursor:pointer}.field .caret{position:absolute;right:18px;pointer-events:none;color:var(--ink);width:16px;height:16px}.icon{display:inline-block;flex:0 0 auto;width:22px;height:22px;background-color:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.pin{--icon:url('assets/map-pin.svg')}.calendar{--icon:url('assets/calendar-dots.svg')}.tag{--icon:url('assets/tag.svg')}.search{--icon:url('assets/magnifying-glass.svg')}.arrow{--icon:url('assets/arrow-up-right.svg')}.clock{--icon:url('assets/clock.svg')}.caret{--icon:url('assets/caret-down.svg')}.close{--icon:url('assets/x.svg')}.field>.icon{color:var(--coral);width:28px;height:28px}.find-button{font-size:18px}.find-button .icon{width:30px;height:30px}.events{padding-top:26px;padding-bottom:28px}.events-heading{margin-bottom:4px}.events h2{font-size:36px;font-weight:800;letter-spacing:-1.25px}.events-heading p{color:var(--muted);font-size:19px;margin-top:6px}.event{display:grid;grid-template-columns:86px 25% minmax(0,1fr) 112px 230px;grid-template-rows:auto auto 1fr;column-gap:26px;row-gap:8px;padding:17px 0;border-bottom:1px solid var(--line);align-items:start;min-height:150px}.event:last-child{border-bottom:0}.event-date{grid-column:1;grid-row:1/4;align-self:center;display:flex;flex-direction:column;align-items:flex-start}.event-date>span:first-child{font-size:50px;letter-spacing:-2px;line-height:1;font-weight:800}.event-date>span:nth-child(2){font-size:20px;text-transform:uppercase;letter-spacing:1.7px;margin-top:4px;font-weight:500}.event-image{grid-column:2;grid-row:1/4;width:100%;aspect-ratio:2.5;object-fit:cover;align-self:center;border-radius:5px}.event h3{grid-column:3;grid-row:1;font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1.25}.event-type{grid-column:4;grid-row:1;background:var(--peach);padding:5px 17px;font-size:14px;line-height:1.5;border-radius:8px;justify-self:start;white-space:nowrap}.event-meta{grid-column:3/5;grid-row:2;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:18px;flex-wrap:wrap}.place,.event-time{display:inline-flex;align-items:center;gap:8px}.event-meta .icon{color:var(--ink);width:20px;height:20px}.event-time .clock{display:none}.event-description{grid-column:3/5;grid-row:3;color:var(--muted);font-size:17px;padding-top:8px}.organizer-link{grid-column:5;grid-row:1/4;align-self:center;justify-self:end;display:flex;align-items:center;gap:10px;min-height:48px;background:none;color:var(--link);padding:5px 0;text-align:left;font-size:17px;white-space:nowrap}.organizer-link:hover{text-decoration:underline;text-underline-offset:4px}.organizer-link .icon{width:25px;height:25px}footer{padding:8px 0 24px;color:var(--muted);font-size:12px}.empty-state{padding:40px 0}.empty-state p{margin:14px 0 20px;color:var(--muted)}[hidden]{display:none!important}dialog{border:1px solid var(--line);border-radius:14px;max-width:460px;width:calc(100% - 40px);padding:34px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgb(35 12 31 / .4)}dialog h2{font-size:25px;padding-right:24px}dialog p{color:var(--muted);margin:20px 0 24px}.close-dialog{position:absolute;right:12px;top:12px;padding:10px;background:transparent;color:var(--ink);display:flex}
@media(min-width:1600px){.hero{min-height:380px}}
@media(max-width:1190px) and (min-width:701px){.container{width:calc(100% - 64px)}.brand-name{font-size:27px}.brand-hat{width:64px}.hero{gap:24px;min-height:310px}.hero h1{font-size:46px}.hero-description{font-size:18px}.event{grid-template-columns:62px 25% minmax(0,1fr) 95px;column-gap:18px}.event h3{font-size:20px}.event-meta{font-size:15px}.event-description{font-size:15px}.organizer-link{grid-column:3/5;grid-row:4;justify-self:start;min-height:34px;font-size:15px}.event-image,.event-date{grid-row:1/5}.event-date>span:first-child{font-size:40px}.event-type{font-size:12px;padding:4px 10px}.filters{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-1.8px}.events h2{font-size:30px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{display:block;min-height:0;padding-top:14px}.brand{gap:10px;justify-content:flex-start}.brand-hat{width:58px;height:44px}.brand-name{font-size:27px;letter-spacing:-1px}.brand-tagline{font-size:7.5px;letter-spacing:1.85px;margin-top:3px}nav{justify-content:space-between;gap:12px;margin-top:12px;padding-bottom:9px}.nav-events{font-size:14px;border-bottom:2px solid var(--coral);padding:10px 0}.submit-button{min-height:44px;font-size:14px;padding:10px 18px;border-radius:7px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding-top:22px;padding-bottom:18px}.eyebrow{font-size:12px;letter-spacing:.9px;margin-bottom:8px}.hero h1{font-size:42px;line-height:1.02;letter-spacing:-1.65px;max-width:350px}.hero-description{font-size:16px;line-height:1.45;margin-top:12px}.hero-image{width:100%;height:auto;border-radius:4px}.filter-section{background:var(--paper);padding:0 0 8px}.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.location-field,.find-button{grid-column:1/-1}.field{height:48px;padding:0 12px;gap:10px;border-radius:7px}.field input,.field select{font-size:15px}.field>.icon{width:24px;height:24px}.field .caret{width:14px;height:14px;right:10px}.find-button{min-height:48px;border-radius:7px;font-size:17px}.find-button .icon{width:26px;height:26px}.events{padding-top:20px}.events h2{font-size:clamp(20px,6vw,29px);letter-spacing:-1px;line-height:1.13}.events-heading p{font-size:16px;margin-top:5px}.events-heading{margin-bottom:0}.event{grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto auto;column-gap:12px;row-gap:8px;padding:20px 0 16px;min-height:0}.event-date{grid-column:1;grid-row:1/4;align-self:start;margin-top:0}.event-date>span:first-child{font-size:36px;letter-spacing:-1px}.event-date>span:nth-child(2){font-size:14px;letter-spacing:1.5px;margin-top:2px}.event-type{grid-column:3;grid-row:1;justify-self:end;font-size:12px;padding:4px 12px;line-height:1.4}.event h3{grid-column:2/4;grid-row:2;font-size:20px;letter-spacing:-.65px;line-height:1.18}.event-meta{grid-column:2/4;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:14px;line-height:1.45}.event-time .clock{display:inline-block}.desktop-dot{display:none}.event-meta .icon{width:17px;height:17px}.event-image{grid-column:1/-1;grid-row:4;width:100%;aspect-ratio:2.5;object-fit:cover;margin-top:1px;border-radius:5px}.event-description{grid-column:1/-1;grid-row:5;font-size:15px;line-height:1.45;padding:0}.organizer-link{grid-column:1/-1;grid-row:6;justify-self:start;min-height:44px;font-size:15px;gap:10px;padding:0}.organizer-link .icon{width:22px;height:22px}footer{font-size:11px;padding-bottom:22px}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.brand-name{font-size:23px}.brand-hat{width:49px}.brand-tagline{font-size:6.5px;letter-spacing:1.6px}.hero h1{font-size:37px}.field{gap:6px;padding:0 9px}.field input,.field select{font-size:14px}.submit-button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Preserve the supplied panoramic image ratio instead of the HTML fallback height. */
.event-image{height:auto}


/* Real library icon files also work when opening the HTML directly. */
.icon{background:none;mask:none;-webkit-mask:none}.icon img{width:100%;height:100%;filter:invert(9%) sepia(32%) saturate(2875%) hue-rotate(273deg) brightness(87%) contrast(102%)}.field>.icon:not(.caret) img,.organizer-link .icon img{filter:invert(31%) sepia(99%) saturate(2210%) hue-rotate(329deg) brightness(105%) contrast(104%)}.find-button .icon img{filter:invert(1)}


@media(max-width:700px){.header-inner{padding-top:8px}nav{margin-top:6px;padding-bottom:5px}.hero{padding-top:14px;padding-bottom:12px;gap:10px}.hero h1{font-size:40px}.hero-description{margin-top:8px}.field{height:44px}.find-button{min-height:44px}.events{padding-top:16px}.event{row-gap:5px;padding-top:16px;padding-bottom:10px}.event-image{aspect-ratio:3.2}.event-description{font-size:15px}}


@media(max-width:700px){.hero h1{font-size:42px;max-width:330px}}


/* Shared search layout: text first, then location and the remaining filters. */
.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.text-search-field{grid-column:1/-1}
@media(min-width:1400px){
 .filters{grid-template-columns:minmax(280px,1.5fr) minmax(180px,1fr) minmax(200px,1.1fr) minmax(160px,.9fr) minmax(190px,1fr);gap:12px}
 .text-search-field{grid-column:auto}
 .filters .field{gap:10px;padding-inline:14px}
 .filters .find-button{padding-inline:14px;font-size:16px}
}
@media(max-width:700px){.filters{grid-template-columns:minmax(0,1fr)}.filters>.field,.filters>.find-button{grid-column:1/-1}}

#custom-dates { grid-column: 1 / -1; display:flex; flex-wrap:wrap; gap:1rem; }
#custom-dates[hidden] { display:none; }
#custom-dates input { padding:.5rem; font:inherit; }
#filter-error { grid-column:1 / -1; color:#a12235; }

/* Submitted content must never widen the viewport. */
.event>*,.event-meta>*,.place{min-width:0;max-width:100%}
.event h3,.event-meta,.event-description{overflow-wrap:anywhere}
.event-description{white-space:pre-line}
.event-meta .icon{flex-shrink:0}

.event-address{flex-basis:100%;font-size:.85em;overflow-wrap:anywhere}

/* Without JavaScript the complete description remains readable. */
.event-description{white-space:normal}
.description-text{white-space:pre-line;overflow-wrap:anywhere}
.description-text.is-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.description-toggle{display:block;background:none;color:var(--muted);font-size:13px;padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:3px}
.description-toggle:hover{color:var(--link)}