/* Home — Commission Process */
.maiyi-commission-process{width:100%;padding:84px 40px 32px;box-sizing:border-box;background:#f5f1e8}
.maiyi-commission-process-inner{display:grid;width:100%;max-width:1360px;margin:0 auto;grid-template-columns:minmax(260px,27%) minmax(0,73%);column-gap:clamp(48px,4vw,58px);align-items:start}
.maiyi-commission-process-media{position:relative;height:420px;margin:0;overflow:hidden}
.maiyi-commission-process-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%;transition:opacity 900ms cubic-bezier(.22,1,.36,1),transform 900ms cubic-bezier(.22,1,.36,1)}
.maiyi-commission-process-content{min-width:0;padding-top:2px}
.maiyi-commission-process-eyebrow{margin:0 0 31px;color:#776f65;font-size:9px;line-height:1.35;letter-spacing:.28em;text-transform:uppercase}
.maiyi-commission-process h2{margin:0;color:#18332b;font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,3.45vw,52px);font-weight:400;line-height:1;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap}
.maiyi-commission-process-intro{max-width:720px;margin:20px 0 0;color:#776f65;font-size:17px;line-height:1.5}
.maiyi-commission-process-steps{display:grid;margin-top:48px;padding-top:43px;border-top:1px solid rgba(32,35,31,.15);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(48px,4.5vw,68px)}
.maiyi-commission-process-step{min-width:0}
.maiyi-commission-process-number{margin:0 0 35px;color:#c7cfc2;font-family:Georgia,"Times New Roman",serif;font-size:60px;font-weight:400;line-height:1}
.maiyi-commission-process-step h3{margin:0;color:#18332b;font-size:10px;font-weight:600;line-height:1.35;letter-spacing:.13em;text-transform:uppercase}
.maiyi-commission-process-step h3+ p{max-width:285px;margin:15px 0 0;color:#776f65;font-size:15px;line-height:1.45}
.maiyi-commission-process-promises{display:grid;margin-top:45px;padding-top:23px;border-top:1px solid rgba(32,35,31,.15);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
.maiyi-commission-process-promises p{margin:0;color:#625d55;font-size:8px;font-weight:500;line-height:1.3;letter-spacing:.15em;text-transform:uppercase}
.maiyi-commission-process-promises p:nth-child(2){text-align:center}.maiyi-commission-process-promises p:nth-child(3){text-align:right}
.maiyi-commission-process-eyebrow,.maiyi-commission-process h2,.maiyi-commission-process-intro,.maiyi-commission-process-step,.maiyi-commission-process-promises{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.maiyi-commission-process-eyebrow{transition-duration:650ms}.maiyi-commission-process h2{transition-duration:750ms;transition-delay:100ms}.maiyi-commission-process-intro{transition-duration:700ms;transition-delay:180ms}.maiyi-commission-process-step{transition-duration:650ms}.maiyi-commission-process-step:nth-child(1){transition-delay:260ms}.maiyi-commission-process-step:nth-child(2){transition-delay:340ms}.maiyi-commission-process-step:nth-child(3){transition-delay:420ms}.maiyi-commission-process-promises{transition-duration:600ms;transition-delay:500ms}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) .maiyi-commission-process-media img{opacity:0;transform:scale(1.025)}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) .maiyi-commission-process-eyebrow{opacity:0;transform:translateY(12px)}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) h2{opacity:0;transform:translateY(18px)}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) .maiyi-commission-process-intro{opacity:0;transform:translateY(14px)}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) .maiyi-commission-process-step{opacity:0;transform:translateY(16px)}
html.maiyi-motion-ready .maiyi-commission-process:not(.is-visible) .maiyi-commission-process-promises{opacity:0}
@media(min-width:768px) and (max-width:1023px){
  .maiyi-commission-process{padding:72px 28px 32px}
  .maiyi-commission-process-inner{grid-template-columns:minmax(220px,34%) minmax(0,66%);column-gap:34px}
  .maiyi-commission-process-media{height:400px}
  .maiyi-commission-process h2{font-size:clamp(39px,4.6vw,46px);white-space:normal}
  .maiyi-commission-process-intro{font-size:16px}
  .maiyi-commission-process-steps{column-gap:24px}
  .maiyi-commission-process-number{margin-bottom:27px;font-size:50px}
  .maiyi-commission-process-step h3+ p{font-size:14px}
}
@media(min-width:768px) and (max-width:880px){
  .maiyi-commission-process-steps{display:block;padding-top:22px}
  .maiyi-commission-process-step{display:grid;padding:22px 0;border-bottom:1px solid rgba(32,35,31,.15);grid-template-columns:70px minmax(0,1fr);align-items:start}
  .maiyi-commission-process-number{margin:0;font-size:45px}
  .maiyi-commission-process-promises{margin-top:26px}
}



@media(prefers-reduced-motion:reduce){.maiyi-commission-process-media img,.maiyi-commission-process-eyebrow,.maiyi-commission-process h2,.maiyi-commission-process-intro,.maiyi-commission-process-step,.maiyi-commission-process-promises{opacity:1!important;transform:none!important;transition:none!important}}
.editor-styles-wrapper .maiyi-commission-process *{opacity:1!important;transform:none!important}

/* Canonical WordPress desktop layout. */
@media(min-width:1024px){
  .maiyi-process.alignfull{width:100%;max-width:none;margin:0;padding:80px 64px 32px;box-sizing:border-box}
  .maiyi-process>.maiyi-commission-process-inner{display:grid;width:100%;max-width:1760px;margin:0 auto;grid-template-columns:minmax(365px,27%) minmax(0,69%);gap:clamp(54px,3.4vw,64px);align-items:start}
  .maiyi-process .maiyi-commission-process-media{width:100%;height:auto;aspect-ratio:.87/1;margin:0}
  .maiyi-process .maiyi-commission-process-content{width:100%;padding:2px 0 0;background:transparent}
  .maiyi-process .maiyi-commission-process-content>.wp-block-group,.maiyi-process .maiyi-commission-process-step{background:transparent}
  .maiyi-process .maiyi-commission-process-eyebrow{margin-bottom:31px}
  .maiyi-process h2{font-size:clamp(48px,3vw,56px);line-height:1}
  .maiyi-process .maiyi-commission-process-intro{max-width:760px;margin-top:20px}
  .maiyi-process .maiyi-commission-process-steps{margin-top:52px;padding-top:51px;column-gap:clamp(54px,4vw,72px)}
  .maiyi-process .maiyi-commission-process-number{margin-bottom:33px;font-size:52px}
  .maiyi-process .maiyi-commission-process-step h3+ p{margin-top:16px}
  .maiyi-process .maiyi-commission-process-promises{margin-top:46px;padding:23px 0;border-top:1px solid rgba(32,35,31,.15);border-bottom:1px solid rgba(32,35,31,.15)}
}