.mclf{
  --mclf-orange:#f5a000;
  --mclf-black:#050505;
  --mclf-white:#fff;
  --mclf-hero-image:linear-gradient(135deg,#31291f,#0b0b0a);
  box-sizing:border-box;
  display:none;
  width:100%;
  min-height:clamp(560px,68vh,760px);
  margin:0;
  padding:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--mclf-black);
  color:var(--mclf-white);
  font-family:inherit;
}
.mclf.mclf--mounted{display:grid}
.mclf *{box-sizing:border-box}
.mclf__media{
  min-height:100%;
  position:relative;
  overflow:hidden;
  background-color:#211c16;
  background-image:linear-gradient(90deg,rgba(5,5,5,.02),rgba(5,5,5,.48)),var(--mclf-hero-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.mclf__media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.28));
  pointer-events:none;
}
.mclf__origin{
  position:absolute;
  top:24px;
  left:24px;
  z-index:1;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(5,5,5,.74);
  color:#fff;
  font-size:10px;
  font-weight:750;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mclf__panel{
  min-width:0;
  padding:clamp(34px,4.5vw,62px) clamp(24px,4.5vw,60px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--mclf-black);
  color:var(--mclf-white);
}
.mclf__logo{
  display:block;
  width:clamp(160px,19vw,250px);
  height:auto;
  margin:0 0 clamp(24px,4vw,44px);
  object-fit:contain;
  object-position:left center;
}
.mclf__message{max-width:680px}
.mclf__badge{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  opacity:.72;
}
.mclf__category{
  margin:0 0 11px!important;
  color:var(--mclf-orange)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.mclf h2{
  max-width:760px;
  margin:0!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(43px,5.2vw,76px)!important;
  font-weight:500!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.mclf__support{
  margin:17px 0 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.4!important;
}
.mclf__decision{max-width:620px;margin-top:clamp(25px,4vw,38px)}
.mclf__question{
  margin:0 0 11px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
.mclf__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mclf__button{
  width:100%;
  min-height:54px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:transparent;
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.045em;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.mclf__button--primary{
  border-color:var(--mclf-orange);
  background:var(--mclf-orange);
  color:#080808;
}
.mclf__button--samples{border-color:var(--mclf-orange);color:var(--mclf-orange)}
.mclf__button:hover,.mclf__button:focus-visible{border-color:var(--mclf-orange);transform:translateY(-1px)}
.mclf__button--primary:hover,.mclf__button--primary:focus-visible{background:#ffb11f;color:#050505}
.mclf__button--samples:hover,.mclf__button--samples:focus-visible{background:var(--mclf-orange);color:#050505}
.mclf__button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mclf [hidden]{display:none!important}
.mclf__status{
  position:absolute;
  left:24px;
  right:24px;
  bottom:10px;
  z-index:3;
  min-height:0;
  margin:0!important;
  color:#ffd17a!important;
  font-size:12px!important;
  line-height:1.3!important;
  text-align:center;
}
.mclf--standard{margin-bottom:clamp(28px,5vw,64px)}

@media(min-width:821px){
  .mclf{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}
  .mclf__panel{min-height:clamp(560px,68vh,760px)}
}

@media(max-width:820px){
  .mclf{min-height:calc(100svh - 76px);grid-template-columns:1fr}
  .mclf.mclf--mounted{display:flex;flex-direction:column}
  .mclf__media{
    position:absolute;
    inset:0;
    min-height:0;
    background-image:linear-gradient(180deg,rgba(5,5,5,.48),rgba(5,5,5,.76) 45%,rgba(5,5,5,.98) 88%),var(--mclf-hero-image);
  }
  .mclf__media:after{background:linear-gradient(180deg,transparent,rgba(5,5,5,.2))}
  .mclf__origin{top:16px;left:50%;transform:translateX(-50%);white-space:nowrap}
  .mclf__panel{
    min-height:calc(100svh - 76px);
    padding:68px 18px max(90px,calc(env(safe-area-inset-bottom) + 76px));
    justify-content:space-between;
    gap:24px;
    position:relative;
    z-index:2;
    background:transparent;
  }
  .mclf__logo{width:min(228px,68vw);margin:0 auto;object-position:center}
  .mclf__message{text-align:center;margin:auto 0}
  .mclf__badge{font-size:10px!important}
  .mclf__category{font-size:10px!important}
  .mclf h2{
    max-width:11ch;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(37px,10.5vw,50px)!important;
    line-height:.96!important;
  }
  .mclf__support{font-size:13px!important}
  .mclf__decision{width:100%;max-width:520px;margin:0 auto}
  .mclf__question{text-align:center;font-size:12px!important}
  .mclf__button{min-height:51px;padding:10px 12px;font-size:11px}
  .mclf__status{bottom:72px}
}

@media(max-width:380px){
  .mclf__panel{padding-left:14px;padding-right:14px;gap:18px}
  .mclf h2{font-size:clamp(34px,10vw,42px)!important}
  .mclf__actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.mclf *{transition:none!important}}