.mt-gz{background:linear-gradient(180deg,var(--panel) 0%,#fff 20%,#fff 100%)}

.mt-gz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-12)}
.mt-gz-grid > *{min-width:0}
.mt-gz-copy{order:1}
.mt-gz-side{order:2;position:relative;z-index:2}
.mt-gz-stick{position:sticky;top:96px}

.mt-gz-copy{position:relative;padding-inline-end:var(--sp-12)}
.mt-gz-copy::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;
   width:2px;border-radius:var(--r-pill);
   background:linear-gradient(180deg,
     rgba(25,92,255,.12) 0%,
     rgba(25,92,255,.35) 58%,
     var(--blue) 100%)}

.mt-gz-h{margin:0;max-width:min(18ch,100%)}

.mt-gz-takes{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-take{display:block}
.mt-gz-take + .mt-gz-take{margin-block-start:var(--sp-2)}

.mt-gz-take + .mt-gz-take--end{margin-block-start:var(--sp-6);font-weight:var(--fw-bold)}

.mt-gz-advice{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-lead{text-decoration:underline;text-decoration-thickness:1px;
   text-underline-offset:.24em}
.mt-gz-said{display:block;margin-block-start:var(--sp-2);font-weight:var(--fw-bold)}

.mt-gz-pre{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000}
.mt-gz-voices{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.mt-gz-voices li{font-size:var(--fs-title);line-height:var(--lh-card);color:#000}
.mt-gz-voices li + li{margin-block-start:var(--sp-2)}

.mt-gz-take,.mt-gz-voices li{position:relative;padding-inline-start:var(--sp-8)}
.mt-gz-mk{position:absolute;inset-inline-start:0;inset-block-start:0;
   width:20px;height:1.3em;display:grid;place-items:center;pointer-events:none}

.mt-gz-mk svg{display:block;width:20px;height:20px;border-radius:var(--r-pill);
   fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mt-gz-mk--v{color:var(--green-deep)}
.mt-gz-mk--v svg{background:rgba(22,197,128,.22)}
.mt-gz-mk--x{color:var(--red-deep)}
.mt-gz-mk--x svg{background:rgba(252,61,67,.22)}

.mt-gz-ask{margin:var(--sp-12) 0 0;font-size:var(--fs-title);
   font-weight:var(--fw-bold);line-height:var(--lh-card);color:#000}

.mt-gz-ask .u-mark{color:#000}

.mt-gz-turn{margin:var(--sp-8) 0 0;font-size:var(--fs-title);
   line-height:var(--lh-card);color:#000;max-width:min(52ch,100%)}
.mt-gz-turn + .mt-gz-turn{margin-block-start:var(--sp-8)}

.mt-gz-end{margin:var(--sp-12) 0 0;font-size:var(--fs-h3);
   font-weight:var(--fw-black);line-height:var(--lh-tight);
   letter-spacing:var(--ls-tight);color:#000;text-wrap:balance}
.mt-gz-end b{font-weight:var(--fw-black);color:var(--blue)}

.mt-gz-phone{display:grid;gap:var(--sp-4);padding:var(--sp-4);background:#fff;
   border:1px solid var(--panel);border-radius:var(--r-card);box-shadow:var(--sh-rest)}
.mt-gz-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}

.mt-gz-tile{position:relative;aspect-ratio:9/16;border-radius:var(--r-xs);overflow:hidden;
   background:linear-gradient(180deg,var(--cream),var(--panel))}
.mt-gz-dur{position:absolute;inset-block-end:4px;inset-inline-start:5px;
   font-size:var(--fs-tag);font-weight:var(--fw-bold);color:#000}

.mt-gz-rec{justify-self:center;display:grid;place-items:center;
   width:28px;height:28px;border-radius:var(--r-pill);border:2px solid var(--red)}
.mt-gz-rec::after{content:"";width:16px;height:16px;border-radius:var(--r-pill);
   background:var(--red);box-shadow:var(--sh-glow-red)}

@media(max-width:900px){
  .mt-gz-grid{display:flex;flex-direction:column}
  .mt-gz-copy{order:1;padding-inline-end:0;padding-inline-start:var(--sp-6)}
  .mt-gz-copy::before{inset-inline-end:auto;inset-inline-start:0}
  .mt-gz-side{order:2;position:static;margin-block-start:var(--sp-12)}
  .mt-gz-stick{position:static}
  .mt-gz-phone{width:min(280px,100%);margin-inline:auto}


  .mt-gz-end b{display:block}
  .mt-gz-takes{margin-block-start:var(--sp-6)}
  .mt-gz-advice{margin-block-start:var(--sp-6)}
  .mt-gz-pre{margin-block-start:var(--sp-6)}
  .mt-gz-ask{margin-block-start:var(--sp-8)}
  .mt-gz-turn{margin-block-start:var(--sp-6)}
  .mt-gz-turn + .mt-gz-turn{margin-block-start:var(--sp-6)}
  .mt-gz-end{margin-block-start:var(--sp-8)}
}

.mt-gz-dur .u-num{unicode-bidi:isolate;direction:ltr;display:inline-block}