/* Figma 987:340. Fixed equal cards; background crossfades follow the reference. */
body:not(.home) .mu-work{position:relative;isolation:isolate;height:920px;padding:96px 0;overflow:hidden;background:#020715;color:#fff}
.mu-work>.os-container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:64px}
.mu-work h2{font-size:72px;line-height:86px;font-weight:300;max-width:648px;color:#fff;text-shadow:none}
.mu-work .kmf-work-background{position:absolute;inset:0;z-index:-2;pointer-events:none}
.mu-work .kmf-work-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1)!important}
.mu-work .kmf-work-background img.is-active{opacity:1}
.mu-work::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#020715b3,#02071566 50%,#02071599)}
.mu-work .mu-work__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;margin:0}
.mu-work .mu-work__card,.mu-work .mu-work__card.is-active{min-width:0;height:280px;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;border-radius:32px;background:#ffffff1a;color:#fff;backdrop-filter:blur(20px);box-shadow:none!important;transition:background-color .45s ease,color .35s ease!important}
.mu-work .mu-work__card.is-active{justify-content:flex-start;padding:32px;background:#faf4ea;color:#1c1917;backdrop-filter:none}
.mu-work .mu-work__card h3,.mu-work .mu-work__card h3 button{font-size:32px!important;line-height:normal;font-weight:300;text-align:center;color:inherit;margin:0}
.mu-work .mu-work__card.is-active h3,.mu-work .mu-work__card.is-active h3 button{font-size:54px!important;text-align:left}
.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:36px!important;text-align:left}
body:not(.home) main .mu-work button:hover,body:not(.home) main .mu-work button:focus{background:transparent!important;color:inherit;text-decoration:none}
.mu-work .mu-work__card p{display:none;margin-top:24px;font-size:16px;line-height:normal;font-weight:300;color:#1a1a1a}
.mu-work .mu-work__card.is-active p{display:block;animation:kmf-work-in .4s ease both!important}
@keyframes kmf-work-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){body:not(.home) .mu-work{height:800px;padding-block:80px}.mu-work h2{font-size:56px;line-height:1.2;max-width:560px}.mu-work .mu-work__card,.mu-work .mu-work__card.is-active{padding:24px 20px}.mu-work .mu-work__card h3 button{font-size:26px!important}.mu-work .mu-work__card.is-active h3 button{font-size:40px!important}.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:30px!important}}
@media(max-width:767px){body:not(.home) .mu-work{height:auto;padding:64px 0}.mu-work>.os-container{gap:48px}.mu-work h2{font-size:40px;line-height:1.15;max-width:100%}.mu-work .mu-work__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mu-work .mu-work__card,.mu-work .mu-work__card.is-active{height:250px;padding:24px 20px;border-radius:24px}.mu-work .mu-work__card h3 button{font-size:24px!important}.mu-work .mu-work__card.is-active h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:30px!important}.mu-work .mu-work__card p{font-size:14px;line-height:1.4;margin-top:20px}.mu-work .kmf-work-background img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.mu-work .mu-work__card,.mu-work .kmf-work-background img{transition:none!important}.mu-work .mu-work__card.is-active p{animation:none!important}}
/* Keep both text states laid out, then crossfade instead of reflowing them. */
.mu-work .mu-work__card,.mu-work .mu-work__card.is-active{position:relative;justify-content:flex-start;padding:32px;background:#ffffff1a;color:#1c1917;backdrop-filter:blur(20px);isolation:isolate;cursor:pointer;transition:none!important}
.mu-work .mu-work__card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:#faf4ea;z-index:-1;opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1)!important;pointer-events:none}
.mu-work .mu-work__card.is-active::before{opacity:1}
.mu-work .mu-work__card h3,.mu-work .mu-work__card.is-active h3{font-size:54px!important;text-align:left;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1)!important;pointer-events:none}
.mu-work .mu-work__card h3 button,.mu-work .mu-work__card.is-active h3 button{font-size:54px!important;text-align:left;line-height:normal;color:#1c1917}
.mu-work .mu-work__card:not(:first-child) h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:36px!important}
.mu-work .mu-work__card.is-active h3{opacity:1;transform:none;pointer-events:auto}
.mu-work .mu-work__card:focus-within h3{pointer-events:auto}
.mu-work .mu-work__card p,.mu-work .mu-work__card.is-active p{display:block;margin-top:24px;opacity:0;transform:translateY(10px);animation:none!important;pointer-events:none;transition:opacity .4s ease,transform .65s cubic-bezier(.22,1,.36,1)!important}
.mu-work .mu-work__card.is-active p{opacity:1;transform:none;transition-delay:.12s!important}
.mu-work .kmf-work-rest-title{position:absolute;inset:32px 24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:32px;font-weight:300;line-height:normal;opacity:1;transform:none;pointer-events:none;transition:opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1)!important}
.mu-work .is-active .kmf-work-rest-title{opacity:0;transform:translateY(-8px)}
.mu-work .kmf-work-background img{transition:opacity .9s cubic-bezier(.4,0,.2,1)!important}
@media(max-width:1100px){.mu-work .mu-work__card,.mu-work .mu-work__card.is-active{padding:24px 20px}.mu-work .mu-work__card h3 button,.mu-work .mu-work__card.is-active h3 button{font-size:40px!important}.mu-work .mu-work__card:not(:first-child) h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:30px!important}.mu-work .kmf-work-rest-title{font-size:26px}}
@media(max-width:767px){.mu-work .mu-work__card h3 button,.mu-work .mu-work__card.is-active h3 button,.mu-work .mu-work__card:not(:first-child) h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:30px!important}.mu-work .kmf-work-rest-title{font-size:24px}.mu-work .mu-work__card p,.mu-work .mu-work__card.is-active p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mu-work .mu-work__card::before,.mu-work .mu-work__card h3,.mu-work .mu-work__card p,.mu-work .kmf-work-rest-title,.mu-work .kmf-work-background img{transition:none!important;transition-delay:0s!important;transform:none!important}}

/* Match the two-line expanded titles in Figma 1467:1145, 1179 and 1213. */
@media(min-width:1101px){.mu-work .mu-work__card:not(:first-child) h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:54px!important}}
.mu-work .mu-work__card h3 button{word-break:normal;overflow-wrap:normal}
@media(max-width:420px){.mu-work .mu-work__card h3 button,.mu-work .mu-work__card.is-active h3 button,.mu-work .mu-work__card:not(:first-child) h3 button,.mu-work .mu-work__card.is-active:not(:first-child) h3 button{font-size:24px!important}}