.maiyi-recognition{height:600px;background:#f5f1e8;overflow:hidden}
.maiyi-recognition-inner{position:relative;width:min(calc(100% - 80px),1360px);height:100%;margin-inline:auto}
.maiyi-recognition-copy{position:absolute;z-index:2;top:106px;left:42px;width:clamp(570px,43vw,620px)}
.maiyi-recognition-eyebrow{position:relative;margin:0 0 48px;padding-left:30px;color:#776f65;font-size:10px;line-height:40px;letter-spacing:.32em;text-transform:uppercase}
.maiyi-recognition-eyebrow:before{content:"";position:absolute;top:0;left:0;width:2px;height:40px;background:#a34a31}
.maiyi-recognition h2{margin:0;color:#142b24;font-size:clamp(58px,4.31vw,62px);font-weight:400;line-height:1;letter-spacing:-.035em;text-transform:uppercase}
.maiyi-recognition h2 span{display:block;white-space:nowrap}
.maiyi-recognition-text{max-width:430px;margin:32px 0 0;color:#776f65;font-size:18px;line-height:1.5}
.maiyi-recognition-media{position:absolute;inset:0}.maiyi-recognition figure{margin:0;overflow:hidden}.maiyi-recognition figure img{display:block;width:100%;height:100%;object-fit:cover}
.maiyi-recognition-large{position:absolute;top:84px;right:20px;width:clamp(540px,39.6vw,570px);height:455px}
.maiyi-recognition-small{position:absolute;z-index:3;top:364px;right:calc(clamp(540px,39.6vw,570px) - 12px);width:300px;height:170px}
.maiyi-recognition-eyebrow,.maiyi-recognition h2,.maiyi-recognition-text,.maiyi-recognition-large,.maiyi-recognition-small{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.maiyi-recognition-eyebrow{transition-duration:650ms}.maiyi-recognition h2{transition-duration:750ms;transition-delay:100ms}.maiyi-recognition-text{transition-duration:700ms;transition-delay:200ms}.maiyi-recognition-large{transition-duration:900ms;transition-delay:80ms}.maiyi-recognition-small{transition-duration:750ms;transition-delay:260ms}
html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) .maiyi-recognition-eyebrow{opacity:0;transform:translateY(12px)}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) h2{opacity:0;transform:translateY(20px)}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) .maiyi-recognition-text{opacity:0;transform:translateY(14px)}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) .maiyi-recognition-large{opacity:0;transform:scale(1.025)}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) .maiyi-recognition-small{opacity:0;transform:translateY(18px)}
.editor-styles-wrapper .maiyi-recognition *{opacity:1!important;transform:none!important}
@media(max-width:1300px) and (min-width:1024px){.maiyi-recognition{height:620px}.maiyi-recognition-inner{width:calc(100% - 56px)}.maiyi-recognition-copy{top:70px;left:26px;width:460px}.maiyi-recognition-eyebrow{margin-bottom:44px}.maiyi-recognition h2{font-size:48px}.maiyi-recognition-text{max-width:410px;margin-top:24px;font-size:17px}.maiyi-recognition-large{top:70px;right:12px;width:48%;height:470px}.maiyi-recognition-small{top:380px;right:45%;width:270px;height:158px}}
@media(max-width:1023px) and (min-width:768px){.maiyi-recognition{height:auto;overflow:visible;padding:72px 23px}.maiyi-recognition-inner{display:flex;width:100%;height:auto;flex-direction:column}.maiyi-recognition-copy{position:static;width:100%}.maiyi-recognition-eyebrow{margin-bottom:38px;padding-left:26px;font-size:9px;line-height:30px;letter-spacing:.28em}.maiyi-recognition-eyebrow:before{height:30px}.maiyi-recognition h2{font-size:42px;line-height:.98}.maiyi-recognition-text{max-width:350px;margin-top:23px;font-size:16px;line-height:1.48}.maiyi-recognition-media{position:relative;inset:auto;margin-top:40px;padding-bottom:117px}.maiyi-recognition-large{position:relative;top:auto;right:auto;width:100%;height:350px}.maiyi-recognition-small{position:absolute;top:322px;right:auto;left:0;width:62%;height:145px}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) h2{transform:translateY(14px)}html.maiyi-motion-ready .maiyi-recognition:not(.is-visible) .maiyi-recognition-small{transform:translateY(12px)}}


@media(prefers-reduced-motion:reduce){.maiyi-recognition *{opacity:1!important;transform:none!important;transition:none!important}}

/* Desktop-only Recognition layout: full-width two-column grid. */
@media(min-width:1024px){
  .maiyi-recognition{height:auto;padding:80px 0 90px;overflow:hidden}
  .maiyi-recognition-inner{display:grid;width:100%;max-width:none;height:auto;margin:0;padding-inline:clamp(64px,4.2vw,96px);box-sizing:border-box;grid-template-columns:minmax(0,46%) minmax(0,42%);column-gap:12%;align-items:start}
  .maiyi-recognition-copy{position:relative;top:auto;left:auto;width:100%;max-width:700px;padding-top:6px}
  .maiyi-recognition-eyebrow{margin-bottom:42px}
  .maiyi-recognition h2{max-width:700px;font-size:clamp(48px,3.3vw,64px);line-height:1;overflow:visible}
  .maiyi-recognition-text{max-width:510px;margin-top:30px}
  .maiyi-recognition-media{position:relative;inset:auto;width:100%;min-width:0;min-height:clamp(450px,31vw,490px);overflow:visible}
  .maiyi-recognition-large{position:absolute;top:0;right:0;left:auto;width:100%;height:clamp(430px,29vw,470px)}
  .maiyi-recognition-small{--maiyi-detail-small-width:clamp(266px,16.667vw,320px);position:absolute;z-index:3;top:auto;right:auto;bottom:0;left:calc(25px - var(--maiyi-detail-small-width));width:var(--maiyi-detail-small-width);height:calc(var(--maiyi-detail-small-width) * .5625)}
}
@media(min-width:1024px) and (max-width:1439px){
  .maiyi-recognition-inner{grid-template-columns:minmax(0,48%) minmax(0,46%);column-gap:6%}
  .maiyi-recognition-copy{max-width:460px}
  .maiyi-recognition h2{max-width:460px;font-size:48px}
  .maiyi-recognition-text{max-width:410px;font-size:17px}
  .maiyi-recognition-small{--maiyi-detail-small-width:clamp(220px,18vw,260px);left:calc(25px - var(--maiyi-detail-small-width));width:var(--maiyi-detail-small-width);height:clamp(130px,11vw,155px)}
}

/* Canonical WordPress desktop layout. The section owns its grid and does not inherit Gutenberg content widths. */
@media(min-width:1024px){
  .maiyi-recognition.alignfull{width:100%;max-width:none;margin:0;padding:58px clamp(48px,4.5vw,86px);box-sizing:border-box;overflow:hidden}
  .maiyi-recognition>.maiyi-recognition-inner{display:grid;width:100%;max-width:1750px;height:auto;min-height:470px;margin:0 auto;padding:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:start}
  .maiyi-recognition .maiyi-recognition-copy{position:relative;z-index:2;inset:auto;width:auto;max-width:620px;padding-top:5px;grid-column:1/6;grid-row:1}
  .maiyi-recognition .maiyi-recognition-eyebrow{margin:0 0 42px}
  .maiyi-recognition h2{max-width:620px;font-size:clamp(52px,3.35vw,64px);line-height:1}
  .maiyi-recognition .maiyi-recognition-text{max-width:500px;margin-top:31px;line-height:1.5}
  .maiyi-recognition .maiyi-recognition-media{display:grid;position:static;width:auto;min-height:470px;margin:0;grid-column:5/13;grid-row:1;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;overflow:visible}
  .maiyi-recognition .maiyi-recognition-large{position:relative;inset:auto;width:100%;height:auto;max-height:470px;aspect-ratio:1.58/1;margin:0;grid-column:3/9;grid-row:1}
  .maiyi-recognition .maiyi-recognition-small{position:relative;z-index:3;inset:auto auto 10px 24px;width:min(100%,325px);height:auto;aspect-ratio:16/9;margin:0;grid-column:1/4;grid-row:1;align-self:end;justify-self:end}
  .maiyi-recognition figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}