.event-loop-slides{display:grid;grid-template-columns:minmax(0,1fr);height:100%;width:100%}
.meadow-slide{grid-area:1/1;position:relative;isolation:isolate;min-width:0;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .65s ease,transform .65s ease,visibility .65s;pointer-events:none}
.meadow-slide[aria-hidden=false]{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.meadow-slide:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fefbf0 0%,#fefbf0d9 3%,#fefbf05c 10%,transparent 21%),linear-gradient(0deg,#fefbf0 0%,transparent 17%)}
.event-loop .meadow-copy{width:365px;min-height:218px}
.event-loop .meadow-copy h2{font-size:clamp(2.2rem,3.3vw,3.6rem)}
.event-loop-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 8px;background:#fffdf0d4;border:1px solid #ffffffde;box-shadow:0 5px 20px #5135290d;border-radius:999px;backdrop-filter:blur(7px);z-index:2}
.event-loop-dots{display:flex;align-items:center;gap:0}
.event-loop-controls button{display:flex;align-items:center;justify-content:center;width:38px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#513529}
.event-loop-dots button>span{display:block;width:8px;height:8px;border-radius:999px;background:#51352945;transition:width .3s,background .3s}
.event-loop-dots button[aria-pressed=true]>span{width:23px;background:#ff7338}
.event-loop-controls button:hover{background:#ffe29366}
.event-loop-controls button:focus-visible{outline:2px solid #ff7338;outline-offset:1px}
.event-loop .meadow-caption{bottom:29px}
@media(max-width:900px) and (min-width:641px){.event-loop .meadow-copy{width:330px;min-height:210px}.event-loop .meadow-copy h2{font-size:2.4rem}}
@media(max-width:640px){.event-loop-slides{height:auto}.meadow-slide{display:flex;flex-direction:column}.meadow-slide:before{display:none}.event-loop .meadow-copy{min-height:170px;width:100%}.event-loop .meadow-copy h2{font-size:2.1rem}.event-loop .meadow-invitation{padding-bottom:20px}.event-loop-controls{position:relative;bottom:auto;left:auto;transform:none;align-self:center;order:2;margin:12px auto 10px}.event-loop .meadow-caption{order:3;inset:auto;padding:2px 6% 12px;margin:0;text-align:center}}
@media(prefers-reduced-motion:reduce){.meadow-slide,.event-loop-dots button>span{transition:none}}

@media(min-width:641px) and (max-width:900px){.event-loop .meadow-caption{bottom:75px}}

 .event-loop-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;margin:0;overflow:hidden;background:#51352912;pointer-events:none;z-index:3;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.event-loop-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffb668a6,#ff7338cc);transform:scaleX(0);transform-origin:left}

/* Brand artwork takes the stage; a compact header leaves all four faces clear. */
#event-teaser.event-loop{height:auto;min-height:0;margin-top:0;border-radius:0;background:#fefbf0}
#event-teaser .event-loop-slides{height:auto}
#event-teaser .meadow-slide{display:flex;flex-direction:column;background:#fefbf0}
#event-teaser::before,#event-teaser .meadow-slide::before{display:none}
#event-teaser .meadow-invitation{order:0;width:min(1320px,90%);min-height:136px;padding:18px 0 16px;align-items:center;gap:32px;background:none}
#event-teaser .meadow-copy{width:560px;max-width:65%;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#event-teaser .meadow-copy h2{font-size:clamp(2rem,2.2vw,2.65rem);line-height:1.08;margin:7px 0 8px}
#event-teaser .meadow-copy h2 br{display:none}
#event-teaser .meadow-copy p{max-width:none;font-size:1rem}
#event-teaser .meadow-event-link{margin:0;padding:14px 18px;background:#513529;color:#fefbf0;border:0;border-radius:16px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex-shrink:0}
#event-teaser .meadow-event-link>span:first-child{font-size:.8125rem}
#event-teaser .meadow-event-link strong{color:#fefbf0}
#event-teaser .meadow-event-link::before{display:none}
#event-teaser .meadow-link-line{background:#ff7338}
#event-teaser .event-art-frame{order:1;width:100%;background:linear-gradient(180deg,#faf9e3 0%,#faf9e3 20%,#c9e09e 42%,#add16d 75%,#add16d 100%)}
#event-teaser .meadow-panorama{position:relative;inset:auto;display:block;z-index:0;width:100%;max-width:1800px;height:auto;aspect-ratio:2047/630;margin:0 auto;transform:none}
#event-teaser .event-loop-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);margin:0;background:#fefbf0;border-color:#51352920;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#event-teaser .meadow-caption{position:absolute;left:5%;bottom:26px;margin:0;padding:0;background:none}
@media(max-width:900px) and (min-width:641px){#event-teaser .meadow-copy{max-width:62%}#event-teaser .meadow-invitation{min-height:144px;gap:20px}#event-teaser .meadow-caption{display:none}}
@media(max-width:640px){
 #event-teaser .meadow-invitation{width:100%;padding:20px 6% 18px;min-height:0;display:block}
 #event-teaser .meadow-copy{width:100%;max-width:100%}
 #event-teaser .meadow-copy h2{font-size:1.9rem}
 #event-teaser .meadow-event-link{display:inline-flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;margin-top:12px;border-radius:12px}
 #event-teaser .meadow-event-link>span:first-child,#event-teaser .meadow-link-line{display:none}
 #event-teaser .event-loop-controls{position:relative;order:2;left:auto;bottom:auto;transform:none;margin:8px auto;background:#fefbf0}
 #event-teaser .meadow-caption{position:relative;order:3;left:auto;bottom:auto;text-align:center;margin:0;padding:0 6% 14px;font-size:.8125rem}
}

/* One continuous garden composition instead of a detached title ribbon. */
#event-teaser.event-loop,#event-teaser .meadow-slide{background:#faf9e3}
#event-teaser .meadow-invitation{width:min(1440px,90%);min-height:148px;padding:30px 0 18px;gap:40px;align-items:center}
#event-teaser .meadow-copy{width:auto;max-width:75%}
#event-teaser .meadow-copy .eyebrow{display:inline-block;background:#ef763f;color:#fffaf0;border-radius:999px;padding:7px 13px;font-size:.875rem;letter-spacing:.06em;line-height:1.2}
#event-teaser .meadow-copy h2{font-size:clamp(2rem,2.8vw,3.5rem);line-height:1.12;margin:12px 0 9px;letter-spacing:-.035em}
#event-teaser .meadow-copy p{margin:0;line-height:1.5}
#event-teaser .meadow-event-link{display:inline-flex;padding:14px 24px;border-radius:999px;min-height:48px;align-items:center;justify-content:center;background:#513529;transition:background .2s,translate .2s}
#event-teaser .meadow-event-link>span,#event-teaser .meadow-link-line{display:none}
#event-teaser .meadow-event-link strong{font-size:1rem;white-space:nowrap}
#event-teaser .meadow-event-link:hover{background:#714d38;translate:0 -2px}
#event-teaser .event-art-frame{background:#faf9e3;position:relative}
#event-teaser .meadow-panorama{width:100%;max-width:none;aspect-ratio:2047/590}
#event-teaser .event-loop-controls{bottom:18px;background:#faf9e3e8;border-color:#51352920;padding:0 5px}
#event-teaser .meadow-caption{bottom:34px;font-size:.875rem}
@media(max-width:900px){#event-teaser .meadow-copy{max-width:65%}#event-teaser .meadow-invitation{gap:24px;padding-top:24px}#event-teaser .meadow-copy h2{font-size:2rem}}
@media(max-width:640px){
 #event-teaser .meadow-invitation{width:100%;display:block;padding:24px 6% 12px;min-height:0}
 #event-teaser .meadow-copy{max-width:100%}
 #event-teaser .meadow-copy h2{font-size:1.9rem}
 #event-teaser .meadow-event-link{margin-top:15px;padding:11px 18px;min-height:44px}
 #event-teaser .meadow-panorama{width:130%;max-width:none;margin-left:-15%}
 #event-teaser .event-art-frame{overflow:hidden}
 #event-teaser .event-loop-controls{position:relative;bottom:auto;margin:8px auto}
 #event-teaser .meadow-caption{position:relative;bottom:auto;font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){#event-teaser .meadow-event-link{transition:none}#event-teaser .meadow-event-link:hover{translate:none}}

/* The actual post cover occupies the original panorama area. */
#event-teaser .event-post-cover{display:block;width:100%;margin:0;aspect-ratio:2047/590;max-height:none;background:#faf9e3;border-radius:0;overflow:hidden}
#event-teaser .event-post-cover img{display:block;width:100%;height:100%;object-fit:contain}
#event-teaser .event-post-slide .meadow-invitation{min-height:148px}
#event-teaser .event-post-slide .meadow-copy{width:auto;max-width:75%}
#event-teaser .event-post-slide .meadow-copy h2{font-size:clamp(2rem,2.8vw,3.5rem)}
#event-teaser .event-post-slide .pill{display:inline-flex;padding:14px 24px;min-height:48px;border-radius:999px;margin:0;flex-shrink:0}
@media(max-width:900px){#event-teaser .event-post-slide .meadow-copy{max-width:65%}#event-teaser .event-post-slide .meadow-copy h2{font-size:2rem}}
@media(max-width:640px){#event-teaser .event-post-slide .meadow-copy{max-width:100%}#event-teaser .event-post-slide .meadow-invitation{min-height:0;padding:24px 6% 12px}#event-teaser .event-post-slide .meadow-copy h2{font-size:1.9rem}#event-teaser .event-post-slide .pill{margin-top:15px;padding:11px 18px;min-height:44px}}

#event-teaser .event-post-cover img{object-fit:cover}
#event-teaser .event-post-cover img[src*="cast-happy"]{object-fit:contain}

/* One full banner file, with its upper 260px reserved for title and action. */
@media(min-width:641px){
 #event-teaser .event-post-slide{aspect-ratio:2047/850;min-height:400px;overflow:hidden}
 #event-teaser .event-post-slide .event-post-cover{position:absolute;inset:0;height:100%;aspect-ratio:auto}
 #event-teaser .event-post-slide .event-post-cover img{height:100%;object-fit:contain;object-position:center bottom}
 #event-teaser .event-post-slide .meadow-invitation{position:relative;z-index:1;align-self:center;margin:0 auto;min-height:148px;padding:30px 0 22px}
 #event-teaser .event-post-slide .meadow-copy p{max-width:850px}
 #event-teaser .event-post-slide .event-post-cover:focus-visible{outline:3px solid #ef763f;outline-offset:-3px}
}
@media(max-width:640px){
 #event-teaser .event-post-slide .event-post-cover{aspect-ratio:2047/590}
 #event-teaser .event-post-slide .event-post-cover img{object-fit:cover;object-position:center bottom}
}