/* Additive motion/editorial enhancements tied to the Ladybug Event Case Note. */
.motion-work-card{position:relative;overflow:hidden}
.motion-work-card .motion-card-media{position:relative;overflow:hidden;width:100%;height:100%;min-height:280px;background:#eee7e1}
.motion-work-card .motion-card-media>img,.motion-work-card .motion-card-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .55s ease}
.motion-work-card .motion-card-media>video{opacity:0;pointer-events:none}
.motion-work-card.is-playing .motion-card-media>video{opacity:1}
.motion-work-card.is-playing .motion-card-media>img{opacity:0}
.motion-work-card:hover .motion-card-media>img,.motion-work-card:focus-within .motion-card-media>img{transform:scale(1.025)}
.motion-work-card .work-card-link{position:absolute;inset:0;z-index:4;border-radius:inherit}
.motion-work-card figcaption{position:relative;z-index:5;pointer-events:none}
.motion-work-card .work-card-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}

.work-proof-strip{display:grid;grid-template-columns:.72fr repeat(3,1fr);gap:1px;margin-top:28px;margin-bottom:48px;background:rgba(104,21,29,.14);border:1px solid rgba(104,21,29,.14);border-radius:22px;overflow:hidden}
.work-proof-strip>*{background:#fffaf5;padding:22px 24px;min-width:0}
.work-proof-strip .proof-title{display:flex;flex-direction:column;justify-content:center}
.work-proof-strip .proof-title .kicker{margin:0 0 7px}
.work-proof-strip .proof-title strong{font-family:var(--serif);font-size:26px;line-height:1.05;color:var(--wine)}
.work-proof-strip .proof-point{font:600 14px/1.5 var(--sans);color:#403633;display:flex;align-items:center}
.work-proof-strip .proof-point b{display:block;color:var(--wine)}

.events-motion-story{position:relative;isolation:isolate;min-height:clamp(500px,54vw,720px);overflow:hidden;background:#241416;color:#fff}
.events-motion-story video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.events-motion-story::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,11,13,.76),rgba(28,11,13,.42) 42%,rgba(28,11,13,.14) 72%);z-index:-2}
.events-motion-story::after{content:"";position:absolute;right:4%;bottom:6%;width:190px;height:115px;background:url('/assets/ladybug-doodle.svg') center/contain no-repeat;filter:brightness(4);opacity:.2;z-index:-1}
.events-motion-inner{min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:70px;padding-bottom:70px}
.events-motion-inner .kicker{color:#f0c7c5}
.events-motion-inner h2{max-width:760px;margin:10px 0 16px;font-family:var(--serif);font-size:clamp(54px,6.6vw,96px);font-weight:500;line-height:.92;letter-spacing:-.05em;color:#fff}
.events-motion-inner p{max-width:650px;margin:0 0 26px;font:500 17px/1.65 var(--sans);color:#fff}
.events-motion-inner .button{margin-top:0}

.events-case-feature{transition:transform .28s ease,box-shadow .28s ease}
.events-case-feature:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(61,26,27,.12)}
.events-case-feature img{transition:transform .55s ease}
.events-case-feature:hover img{transform:scale(1.018)}
.events-photo{transition:transform .35s ease,box-shadow .35s ease}
.events-photo:hover{transform:translateY(-4px) rotate(.25deg);box-shadow:0 22px 48px rgba(49,25,24,.13)}

@media(prefers-reduced-motion:reduce){
 .motion-work-card .motion-card-media>video{display:none!important}
 .motion-work-card .motion-card-media>img,.events-case-feature,.events-case-feature img,.events-photo{transition:none!important;transform:none!important}
 .events-motion-story video{display:none}
 .events-motion-story{background:#351e20 url('/assets/ladybug-backdrop-clean.webp') center/cover no-repeat}
}
@media(max-width:900px){
 .work-proof-strip{grid-template-columns:1fr 1fr}
 .work-proof-strip .proof-title{grid-column:1/3}
 .events-motion-story::before{background:linear-gradient(0deg,rgba(28,11,13,.78),rgba(28,11,13,.08) 70%)}
}
@media(max-width:650px){
 .work-proof-strip{grid-template-columns:1fr;margin-top:22px}
 .work-proof-strip .proof-title{grid-column:auto}
 .work-proof-strip>*{padding:18px 20px}
 .events-motion-story{min-height:590px}
 .events-motion-inner{padding-top:50px;padding-bottom:46px}
 .events-motion-inner h2{font-size:clamp(50px,15vw,72px);max-width:10ch}
}


/* V59 homepage recent-work card: keep the caption bubble fully inside the card. */
.motion-work-card figcaption{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;z-index:5!important;margin:0!important}
@media(max-width:720px){.motion-work-card figcaption{left:14px!important;right:14px!important;bottom:14px!important}}


/* V59 Events-page still story replacing the autoplay band. */
.events-static-story{position:relative;isolation:isolate;min-height:clamp(500px,54vw,720px);overflow:hidden;background:#241416;color:#fff}
.events-static-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3}
.events-static-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,11,13,.76),rgba(28,11,13,.42) 42%,rgba(28,11,13,.12) 72%);z-index:-2}
@media(max-width:900px){.events-static-shade{background:linear-gradient(0deg,rgba(28,11,13,.78),rgba(28,11,13,.08) 70%)}}
@media(max-width:650px){.events-static-story{min-height:590px}.events-static-story>img{object-position:56% center}}