/* readout-machine.css
   Readout windows (Signal look): page frame, the readout board (flip cards, gauges, history bars)
   and the interactive figures. Reports sit on a light background, as in the mmminstitute.org design.
*/

/* ---- interactive expanded insight windows ---- */
.insight-shell{
  --diag-a:#ffc966;
  --diag-b:#a3c2b4;
  --px:.5;
  --py:.5;
  min-height:calc(100svh - 68px);
  display:block;
  padding:clamp(18px,3.8vw,48px);
  color:#0f1a17;
  background:var(--trajectory-bg);
  overflow:visible;
}
.insight-stage{
  width:min(1180px,100%);
  margin:0 auto;
  min-width:0;
  display:grid;
  grid-template-rows:auto minmax(420px,1fr) auto auto;
  gap:clamp(8px,1.2vw,14px);
}
.insight-stage.first-pass-stage{
  grid-template-rows:auto minmax(430px,1fr) auto;
}
.insight-stage.first-pass-stage:has(.sart-insight-pad){
  grid-template-rows:auto minmax(330px,auto) auto;
  gap:clamp(4px,.8vw,10px);
}
.insight-title-card{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:8px;
  animation:diagnosticCardIn .5s cubic-bezier(.2,.8,.2,1) both;
}
.insight-title-card h2{
  font-family:var(--display-font);
  font-size:clamp(36px,7vw,72px);
  line-height:1.06;
  font-weight:420;
  letter-spacing:-.015em;
  
  color:#0f1a17;
}
.insight-title-card p{
  max-width:660px;
  color:#24362f!important;
  font-size:clamp(15px,1.1vw,18px);
  font-weight:500;
  line-height:1.48;
}
.insight-object-pad{
  position:relative;
  min-height:430px;
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
  touch-action:pan-y;
  animation:insightObjectArrive .64s cubic-bezier(.2,.8,.2,1) .08s both;
}
.insight-object-pad::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:none;
  opacity:0;
  pointer-events:none;
}
.insight-object{
  position:absolute;
  inset:clamp(8px,1.6vw,18px) clamp(14px,2.4vw,30px) clamp(8px,1.6vw,18px);
  transform:none;
}
.first-pass-object{
  min-height:430px;
}
.sart-insight-pad,
.sart-insight-pad.first-pass-object{
  min-height:0!important;
  overflow:visible;
}
.sart-insight-pad::before{display:none;}
.sart-insight-pad .insight-object.is-sart-analysis{
  position:relative;
  inset:auto!important;
  min-height:0;
}
.first-pass-object .insight-object{
  inset:clamp(16px,3vw,34px);
}
.sart-insight-pad.first-pass-object .insight-object{
  inset:clamp(2px,.8vw,10px) clamp(8px,1.6vw,20px);
}
.focus-diagnostics-machine{
  --fd-ink:#0f1a17;
  --fd-dim:#44524c;
  --fd-faint:#66756e;
  --fd-good:#6f8d80;
  --fd-fair:#24362f;
  --fd-bad:#8a5e0e; /* deeper gold, so the marigold "middle of participants" marker stays visible on it */
  --fd-ref:#f2b33d;
  --fd-shell:#dce5df;
  position:relative;
  width:min(1080px,100%);
  margin:6px auto;
  padding:clamp(14px,2vw,24px) clamp(12px,2vw,24px) clamp(16px,2.2vw,26px);
  border-radius:0;
  border:1px solid #cad3cd;
  background:#ffffff;
  box-shadow:none;
  color:var(--fd-ink);
  display:grid;
  gap:14px;
  font-family:var(--site-font);
  font-variant-numeric:tabular-nums;
}
.fd-screw{
  display:none;
  position:absolute;
  width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#e1e6e2 60%,#cad3cd);
  box-shadow:inset 0 -1px 1px rgba(80,70,150,.25);
}
.fd-screw::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:1.5px;margin-top:-.75px;background:rgba(80,70,150,.35);transform:rotate(-35deg);}
.fd-screw.tl{left:12px;top:12px;}
.fd-screw.tr{right:12px;top:12px;}
.fd-screw.bl{left:12px;bottom:12px;}
.fd-screw.br{right:12px;bottom:12px;}
.fd-header{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:0 clamp(14px,2vw,22px);
}
.fd-bulbs{display:none;}
.fd-bulbs i{
  width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 16%,var(--b) 24%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 18%,transparent),0 0 10px color-mix(in srgb,var(--b) 60%,transparent);
  animation:fdBlink 2.4s ease-in-out infinite;
}
.fd-bulbs i:nth-child(1){--b:#f2b33d;}
.fd-bulbs i:nth-child(2){--b:#8aa699;animation-delay:.6s;}
.fd-bulbs i:nth-child(3){--b:#6f8d80;animation-delay:1.2s;}
.fd-header .fd-legend{padding:0;}
.fd-grille{
  visibility:hidden;
  width:46px;height:18px;
  background:radial-gradient(circle,rgba(80,70,150,.32) 1.6px,transparent 2px) 0 0/7px 6px;
  border-radius:0;
}
.fd-legend{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px 16px;
  flex-wrap:wrap;
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--fd-dim);
}
.fd-legend span{display:inline-flex;align-items:center;gap:6px;}
.fd-legend i{display:inline-block;flex:0 0 auto;}
.fd-key-you{width:10px;height:10px;border-radius:50%;background:#1d6e55;}
.fd-key-prev{width:10px;height:10px;border-radius:50%;border:2px solid rgba(15,26,23,.45);}
.fd-key-ref{width:3px;height:13px;border-radius:0;background:var(--fd-ref);}
.fd-legend-zones{gap:6px!important;}
.fd-legend-zones i:not(:first-child){margin-left:6px;}
.fd-key-zone{width:16px;height:7px;border-radius:0;}
.fd-key-zone.good{background:var(--fd-good);}
.fd-key-zone.fair{background:var(--fd-fair);}
.fd-key-zone.low{background:var(--fd-bad);}
.fd-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.4vw,16px);
  padding:clamp(8px,1.2vw,14px);
  border-radius:0;
  background:#f5f7f3;
  box-shadow:none;
}
.fd-bay{
  --fd-soft:#f5f7f3;
  --fd-tint:#f2b33d;
  display:grid;
  perspective:1200px;
  min-width:0;
  animation:fdSlotIn .45s cubic-bezier(.2,.8,.2,1) both;
}
.fd-bay:nth-child(6n+2){--fd-soft:#dce5df;--fd-tint:#6f8d80;animation-delay:.06s;}
.fd-bay:nth-child(6n+3){--fd-soft:#dce5df;--fd-tint:#a3c2b4;animation-delay:.12s;}
.fd-bay:nth-child(6n+4){--fd-soft:#dce5df;--fd-tint:#1d6e55;animation-delay:.18s;}
.fd-bay:nth-child(6n+5){--fd-soft:#f5f7f3;--fd-tint:#ffc966;animation-delay:.24s;}
.fd-bay:nth-child(6n){--fd-soft:#dce5df;--fd-tint:#1d6e55;animation-delay:.3s;}
.fd-module{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:none;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  display:grid;
  grid-template-rows:minmax(100%,1fr);
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.3,1.35,.5,1);
}
.fd-module.is-flipped{transform:rotateX(-180deg);}
.fd-module:focus-visible{outline:none;}
.fd-module:focus-visible .fd-face{outline:3px solid var(--fd-ref);outline-offset:2px;}
.fd-face{
  grid-area:1 / 1;
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px 13px 10px;
  border-radius:0;
  border:1px solid #cad3cd;
  border-top:5px solid var(--fd-tint);
  background:#ffffff;
  box-shadow:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.fd-module:hover .fd-face{transform:translateY(-2px);border-color:#0f1a17;border-top-color:var(--fd-tint);}
.fd-back{transform:rotateX(180deg);}
.fd-module:hover .fd-back{transform:rotateX(180deg) translateY(2px);}
.fd-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px;}
.fd-label{
  display:block;
  font-size:clamp(16px,1.35vw,18px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.012em;
  color:var(--fd-ink);
}
.fd-led{
  width:10px;height:10px;border-radius:50%;
  background:#cad3cd;
}
.fd-led.improved{background:var(--fd-good);box-shadow:0 0 0 3px color-mix(in srgb,var(--fd-good) 20%,transparent);}
.fd-led.worse{background:var(--fd-bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--fd-bad) 20%,transparent);}
.fd-led.info{background:var(--fd-tint);}
.fd-screen{
  display:grid;
  gap:8px;
  padding:12px 13px 10px;
  border-radius:0;
  background:#f5f7f3;
  box-shadow:none;
}
.fd-readout-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;}
.fd-readout{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-family:var(--display-font);
  font-size:clamp(48px,5.4vw,63px);
  line-height:.86;
  font-weight:400;
  letter-spacing:-.03em;
  white-space:nowrap;
  color:var(--fd-ink);
}
.fd-readout small{font-family:var(--site-font);font-size:13px;font-weight:700;letter-spacing:0;color:var(--fd-dim);}
.fd-verdict{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px 4px 6px;
  border-radius:0;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
  background:#fff;
  border:1px solid #d6ddd8;
  box-shadow:none;
}
.fd-verdict i{
  width:9px;height:9px;border-radius:50%;
  background:var(--v);
}
.fd-verdict.good{--v:var(--fd-good);color:#1d6e55;}
.fd-verdict.fair{--v:var(--fd-fair);color:#44524c;}
.fd-verdict.low{--v:var(--fd-bad);color:#8a5e0e;}
.fd-gauge{display:block;position:relative;height:22px;}
.fd-zone{position:absolute;top:7px;height:8px;opacity:.55;}
.fd-zone:first-child{border-radius:0;}
.fd-zone:nth-child(3){border-radius:0;}
.fd-zone + .fd-zone{box-shadow:inset 2px 0 0 #f5f7f3;}
.fd-zone.good{background:var(--fd-good);}
.fd-zone.fair{background:var(--fd-fair);}
.fd-zone.low{background:var(--fd-bad);}
.fd-goal{display:block;margin-top:-2px;font-size:12px;font-weight:700;color:var(--fd-dim);}
.fd-gauge-ref{position:absolute;left:var(--ref);top:1px;width:3px;height:20px;margin-left:-1.5px;border-radius:0;background:var(--fd-ref);}
.fd-gauge-prev{position:absolute;left:var(--prev);top:4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px solid rgba(15,26,23,.45);background:#ffffff;}
.fd-gauge-you{position:absolute;left:var(--you);top:2px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#1d6e55;border:3px solid #fff;box-shadow:0 3px 8px rgba(15,26,23,.3);}
.fd-history{display:grid;gap:5px;padding:0 2px;}
.fd-history em,
.fd-stat em,
.fd-note em{
  font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fd-faint);
}
.fd-bars{display:flex;align-items:flex-end;gap:5px;height:30px;border-bottom:2px solid rgba(15,26,23,.12);}
.fd-bars i{
  flex:0 1 16px;
  height:max(3px,var(--h,0%));
  border-radius:0;
  background:color-mix(in srgb,var(--fd-tint) 30%,#fff);
  box-shadow:none;
  transform-origin:bottom;
  animation:fdBarRise .5s cubic-bezier(.2,.8,.2,1) .25s both;
}
.fd-bars i.is-current{background:var(--fd-tint);}
.fd-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:9px 11px;
  border-radius:0;
  background:#f5f7f3;
}
.fd-stat{display:grid;gap:3px;min-width:0;align-content:start;}
.fd-stat + .fd-stat{border-left:1.5px solid rgba(15,26,23,.1);padding-left:11px;}
.fd-stat b{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:700;line-height:1.1;color:var(--fd-ink);white-space:nowrap;}
.fd-stat small{font-size:11.5px;font-weight:650;line-height:1.25;color:var(--fd-dim);}
.fd-stat b.improved{color:var(--fd-good);}
.fd-stat b.worse{color:var(--fd-bad);}
.fd-stat b.steady{color:var(--fd-ink);}
/* a little shower of arrows: each arrow has its own column and phase so none overlap */
.sart-arrow-stack{
  position:relative;width:30px;height:24px;display:inline-block;flex:0 0 auto;overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
}
.sart-arrow-stack i{
  position:absolute;top:0;left:var(--x,0px);
  font-size:11px;font-style:normal;font-weight:700;line-height:1;
  opacity:0;
  animation:arrowRainUp 1.5s linear infinite;
  animation-delay:var(--d,0s);
}
.sart-arrow-stack i:nth-child(1){--x:0px;--d:0s;}
.sart-arrow-stack i:nth-child(2){--x:6px;--d:-.75s;font-size:9px;}
.sart-arrow-stack i:nth-child(3){--x:12px;--d:-.3s;}
.sart-arrow-stack i:nth-child(4){--x:18px;--d:-1.05s;font-size:9px;}
.sart-arrow-stack i:nth-child(5){--x:24px;--d:-.6s;}
.sart-arrow-stack.down i{animation-name:arrowRainDown;}
@keyframes arrowRainDown{
  0%{opacity:0;transform:translateY(-12px);}
  18%{opacity:1;}
  82%{opacity:1;}
  100%{opacity:0;transform:translateY(24px);}
}
@keyframes arrowRainUp{
  0%{opacity:0;transform:translateY(24px);}
  18%{opacity:1;}
  82%{opacity:1;}
  100%{opacity:0;transform:translateY(-12px);}
}
.fd-hint{
  margin-top:auto;
  display:flex;align-items:center;justify-content:flex-end;gap:7px;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fd-faint);
  transition:color .2s ease;
}
.fd-nub{
  width:18px;height:10px;border-radius:0;
  background:var(--fd-tint);
  box-shadow:none;
  transition:transform .15s ease,box-shadow .15s ease;
}
.fd-module:hover .fd-hint{color:var(--fd-ink);}
.fd-module:active .fd-nub{transform:translateY(2px);box-shadow:0 0 0 color-mix(in srgb,var(--fd-tint) 45%,#fff);}
.fd-notes{gap:7px;flex:1;align-content:start;padding:10px 12px;}
.fd-note{display:grid;gap:2px;}
.fd-note em{color:var(--fd-dim);}
.fd-note span{font-size:12.5px;line-height:1.36;font-weight:600;color:var(--fd-ink);}
@keyframes fdBlink{0%,100%{filter:brightness(1);}50%{filter:brightness(1.25) saturate(.8);opacity:.75;}}
@keyframes fdSlotIn{from{opacity:0;transform:translateY(16px) scale(.96);}}
@keyframes fdBarRise{from{transform:scaleY(0);}}
@media (prefers-reduced-motion:reduce){
  .fd-module{transition:none;}
  .fd-bay,.fd-bars i,.fd-bulbs i,.fd-verdict i{animation:none;}
  .sart-arrow-stack i{animation:none;opacity:1;top:6px;}
  .sart-arrow-stack i:nth-child(n+2){display:none;}
}
@media (max-width:940px){
  .fd-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .fd-header{grid-template-columns:1fr;justify-items:center;}
  .fd-bulbs{display:none;}
  .fd-grille{display:none;}
  .fd-legend{font-size:9.5px;}
  .fd-grid{grid-template-columns:1fr;}
  .fd-screw{display:none;}
}
.insight-stage:has(.sart-insight-pad) .insight-actions{margin-top:0;}
@media (max-width:760px){
  .insight-object.is-sart-analysis{
    position:relative;
    inset:auto!important;
    min-height:340px;
  }
}
.insight-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:clamp(0px,.8vw,8px);
}
.insight-actions .btn{border-radius:0;border:2px solid transparent;box-shadow:none;}
.insight-actions .btn-primary{border-color:#8a5e0e;}
.insight-actions .btn-ghost{background:transparent;color:#0f1a17!important;border-color:#0f1a17!important;}
.insight-actions .btn-ghost:hover{background:#0f1a17;color:#f1f3ee!important;}
.strings-rail{
  position:absolute;
  left:4%;
  right:4%;
  top:0;
  height:16px;
  border-radius:0;
  background:#0f1a17;
  box-shadow:0 8px 18px rgba(15,26,23,.20);
}
.string-line{
  position:absolute;
  top:9px;
  bottom:18px;
  width:2px;
  left:var(--x);
  background:linear-gradient(#0f1a17 0%,rgba(15,26,23,.16) 100%);
  transform-origin:top center;
  animation:stringSway var(--speed,4.8s) ease-in-out infinite alternate;
}
.string-line::after{
  content:"";
  position:absolute;
  left:50%;
  top:var(--y);
  width:clamp(76px,12vw,128px);
  min-height:48px;
  transform:translateX(-50%);
  border-radius:0;
  background:#ffffff;
  border-top:4px solid var(--diag-a);
  border:1px solid rgba(15,26,23,.12);
  box-shadow:0 14px 32px rgba(15,26,23,.14);
}
.string-line span{
  position:absolute;
  left:50%;
  top:calc(var(--y) + 13px);
  z-index:2;
  width:clamp(68px,11vw,114px);
  transform:translateX(-50%);
  font-size:11px;
  line-height:1.1;
  font-weight:700;
  text-align:center;
}
.signal-board{
  position:absolute;
  inset:8% 4%;
  display:grid;
  align-content:center;
  gap:18px;
}
.signal-wave{
  width:100%;
  height:150px;
  overflow:visible;
}
.signal-wave path{
  fill:none;
  stroke:#0f1a17;
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:14 12;
  animation:signalMove 2.8s linear infinite;
}
.signal-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.signal-dial{
  min-height:94px;
  border-radius:0;
  display:grid;
  place-items:center;
  padding:10px;
  font-size:12px;
  font-weight:700;
  line-height:1.1;
  text-align:center;
}
.compass-ring{
  width:min(62vw,390px);
  height:min(62vw,390px);
  max-width:100%;
  max-height:100%;
  border-radius:50%;
  background:conic-gradient(from -30deg,color-mix(in srgb,var(--diag-a) 64%,#ffffff),#ffffff,color-mix(in srgb,var(--diag-b) 48%,#ffffff),color-mix(in srgb,var(--diag-a) 64%,#ffffff));
  box-shadow:inset 0 0 0 22px rgba(255,255,255,.44),0 26px 68px rgba(15,26,23,.16);
}
.compass-needle{
  position:absolute;
  width:8px;
  height:42%;
  border-radius:0;
  background:#0f1a17;
  transform-origin:50% 88%;
  transform:rotate(var(--needle-angle));
  animation:needleSettle 4.8s ease-in-out infinite;
}
.sleep-horizon-line{
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:27%;
  height:80px;
  border-top:3px solid rgba(255,255,255,.56);
  border-radius:50%;
  animation:horizonWave 5s ease-in-out infinite alternate;
}
.sleep-phone{
  position:absolute;
  left:var(--phone-x,42%);
  top:var(--phone-y,58%);
  width:68px;
  height:112px;
  border:0;
  border-radius:0;
  background:#0f1a17;
  box-shadow:0 0 var(--phone-glow,42px) color-mix(in srgb,var(--diag-a) 58%,transparent),0 18px 38px rgba(0,0,0,.30);
  color:#ffffff;
  font-size:10px;
  font-weight:700;
  cursor:grab;
  touch-action:none;
}
.sleep-phone::before{content:"";position:absolute;inset:9px;border-radius:0;background:linear-gradient(135deg,var(--diag-a),var(--diag-b));}
.sleep-phone span{position:relative;z-index:1;}
.sleep-phone.dragging{cursor:grabbing;}
.switchboard{
  position:absolute;
  inset:5%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(22px,5vw,80px);
  align-items:center;
}
.signal-bank{
  display:grid;
  gap:22px;
  justify-items:center;
}
.switch-node{
  width:clamp(132px,18vw,210px);
  min-height:72px;
  border:0;
  border-radius:0;
  background:#ffffff;
  color:#0f1a17;
  box-shadow:0 18px 42px rgba(15,26,23,.15);
  font-weight:700;
  cursor:pointer;
}
.switch-node.correct{background:var(--diag-a);}
.switch-cable{
  position:absolute;
  left:50%;
  top:50%;
  width:36%;
  height:5px;
  border-radius:0;
  background:var(--diag-a);
  transform-origin:left center;
  transform:translate(-4%,-50%) rotate(var(--cable-angle,-8deg));
  box-shadow:0 0 22px color-mix(in srgb,var(--diag-a) 42%,transparent);
  transition:transform .36s cubic-bezier(.2,.8,.2,1),background .2s ease;
}
.switch-cable.word{background:rgba(15,26,23,.22);transform:translate(-4%,-50%) rotate(12deg);}
.switch-status{bottom:5%;}
@keyframes insightObjectArrive{from{opacity:0;transform:translateY(28px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes stringSway{from{transform:rotate(-2.6deg);}to{transform:rotate(2.4deg);}}
@keyframes signalMove{to{stroke-dashoffset:-52;}}
@keyframes horizonWave{from{transform:translateX(-3%);}to{transform:translateX(4%);}}
@keyframes needleSettle{0%,100%{filter:drop-shadow(0 0 0 transparent);}50%{filter:drop-shadow(0 14px 14px rgba(15,26,23,.18));}}
@keyframes phonePulse{0%,100%{opacity:.66;transform:translateY(var(--spill,0px)) scale(.98);}50%{opacity:1;transform:translateY(var(--spill,0px)) scale(1.04);}}
@media (max-width:900px){
  .insight-shell{padding:14px;}
  .insight-stage{grid-template-rows:auto minmax(440px,auto) auto auto;}
  .insight-stage.first-pass-stage{grid-template-rows:auto minmax(500px,auto) auto;}
  .insight-object-pad{min-height:440px;}
  .first-pass-object{min-height:500px;}
}
@media (max-width:560px){
  .insight-object-pad{min-height:360px;border-radius:0;}
  .first-pass-object{min-height:520px;}
  .insight-object{inset:18px 14px 124px;}
  .first-pass-object .insight-object{inset:14px;}
  .signal-controls{grid-template-columns:1fr;}
}