.events-title h2{transform:none;letter-spacing:-.035em}.event-tabs button{border-radius:999px;min-height:44px}.event-record{align-items:start;border-radius:24px;gap:32px;background:#fff6df}.event-record-text{grid-template-columns:1fr}.event-record h3 a{color:inherit;text-decoration:none}.event-record h3 a:hover{text-decoration:underline}.event-record p{line-height:1.65;overflow-wrap:anywhere}.event-status{display:inline-block;padding:7px 12px;border-radius:999px;background:#ffdec0;color:#513529;font-size:.8125rem;font-weight:700}.event-facts{display:flex;flex-wrap:wrap;gap:18px 36px;margin:24px 0}.event-facts dt{font-size:.8125rem;color:#735548;font-weight:700}.event-facts dd{margin:5px 0 0;line-height:1.5}.event-story{max-width:860px;margin:30px auto 0;overflow-wrap:anywhere}.event-story-back{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;margin:0 0 28px;border:1px solid #51352940;border-radius:999px;font-weight:700;gap:8px}.event-story>.event-status{display:table}.event-story h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.12;letter-spacing:-.035em;margin:20px 0;color:#513529}.event-story h1:focus{outline:none}.event-story-lead{font-size:1.2rem;color:#735548}.event-story>img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:24px;margin:28px 0}.event-story-body{max-width:680px;margin:32px auto}.event-story-body h2{font-size:1.7rem;margin:32px 0 12px}.event-story-body p{font-size:1.0625rem;line-height:1.8;margin:0 0 22px;white-space:normal}.event-story a:focus-visible,.event-record a:focus-visible{outline:3px solid #ef763f;outline-offset:4px}.events-empty .pill{margin-top:12px}@media(max-width:760px){.event-record{gap:18px;padding:18px}.event-story{margin-top:18px}.event-story-back{margin-bottom:20px;font-size:.875rem}.event-story>img{border-radius:16px;margin:22px 0}.event-story-body{margin-top:24px}.event-story-body p{font-size:1rem}.event-facts{gap:16px 24px}.events-empty h3{line-height:1.2}}

/* Shared slots keep both event states aligned when their copy differs. */
.event-tabs button{box-sizing:border-box;min-inline-size:148px;min-block-size:48px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:480px){.event-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.event-tabs button{min-inline-size:0;padding-inline:12px}}

/* Match the home garden banner: a compact header above a full-width panorama. */
#events .event-banner{display:block;background:#faf9e3;border:1px solid #51352916;border-radius:20px;padding:0;overflow:hidden;margin-top:32px}
#events .event-banner>.event-banner-header{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:148px;padding:30px 5% 18px}
#events .event-banner-copy{min-width:0;flex:1}
#events .event-banner .event-status{display:inline-flex;align-items:center;min-height:0;padding:7px 13px;background:#ef763f;color:#fffaf0;letter-spacing:.06em;font-size:.875rem;line-height:1.2}
#events .event-banner h3{font-size:clamp(2rem,2.8vw,3.5rem);line-height:1.12;margin:12px 0 9px;min-block-size:0;letter-spacing:-.035em;color:#513529;overflow-wrap:anywhere}
#events .event-banner p{font-size:1rem;line-height:1.5;margin:0;min-block-size:0;color:#735548}
#events .event-banner .pill{flex-shrink:0;min-height:48px;margin:0;padding:14px 24px;background:#513529;color:#fffaf0;border:0;box-shadow:none;border-radius:999px;align-self:center}
#events .event-banner .pill:hover{background:#714e39}
#events .event-banner>img{display:block;width:100%;height:auto;aspect-ratio:2047/590;object-fit:contain;background:#faf9e3;border-radius:0;margin:0}
@media(max-width:900px){#events .event-banner>.event-banner-header{gap:24px;padding-top:24px}#events .event-banner h3{font-size:2rem}}
@media(max-width:640px){#events .event-banner{border-radius:16px}#events .event-banner>.event-banner-header{display:block;min-height:0;padding:24px 6% 12px}#events .event-banner h3{font-size:1.9rem;min-height:2.24em}#events .event-banner p{min-height:3em}#events .event-banner .pill{margin-top:15px;padding:11px 18px;min-height:44px}#events .event-banner>img{width:130%;max-width:none;margin-left:-15%}}

.event-story>img[src$="friends-event-garden.svg"]{object-fit:contain;background:#faf9e3}

.event-story>img[src$="cast-happy.webp"],.event-record img[src$="cast-happy.webp"]{object-fit:contain;background:#fff6df}

.event-record>img{width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#fff6df}.event-story>img{width:100%;aspect-ratio:16/9;max-height:none;object-fit:contain;background:#fff6df}

/* The same header-and-panorama composition for actual posts and the archive. */
#events .event-post-banner .event-facts{margin:12px 0 0;gap:8px 24px;font-size:.875rem}
#events .event-post-banner h3 a{color:inherit;text-decoration:none}
#events .event-post-banner h3 a:hover{color:#a85129}
#events .event-banner-media{display:block;width:100%;aspect-ratio:2047/590;overflow:hidden;background:#faf9e3}
#events .event-banner-media img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
#events .event-banner-media img[src*="cast-happy"]{object-fit:contain}
#events .event-banner-media:focus-visible{outline:3px solid #ef763f;outline-offset:-3px}
@media(max-width:640px){#events .event-banner>img{width:100%;margin-left:0}#events .event-banner-media{aspect-ratio:2047/590}}

/* Every index card follows the archive's header and full-width panorama. */
#events .event-banner-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;min-block-size:1.5em}
#events .event-banner-media img{object-fit:contain}
@media(min-width:901px){#events .event-banner h3{min-block-size:1.12em}}
@media(min-width:641px) and (max-width:900px){#events .event-banner h3{min-block-size:2.24em}}
@media(max-width:640px){#events .event-banner-copy>p{-webkit-line-clamp:2;min-block-size:3em}}

/* Let mobile cards use natural text height, including the archive card. */
@media(max-width:640px){
 #events #events-list .event-banner>.event-banner-header{min-height:0;height:auto;padding:22px 6% 16px}
 #events #events-list .event-banner h3{font-size:clamp(1.6rem,6vw,1.9rem);line-height:1.2;min-height:0;min-block-size:0;margin:12px 0}
 #events #events-list .event-banner-copy>p{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;min-block-size:0;font-size:.9375rem;line-height:1.55}
 #events #events-list .event-banner .pill{margin-top:16px;min-height:44px;padding:11px 18px}
}