/* Fixed frames continue the dark interstitial; each response reserves its space. */
body.liquid-site.liquid-home .problems.liquid-problem-field {
  --panel-ink:#f5f5fa;
  --panel-muted:#a2a8bc;
  --panel-pad:clamp(25px,3.6vw,58px);
  background:#06070b;
  color:var(--panel-ink);
  padding:32px var(--gutter) 145px;
}
body.liquid-site.liquid-home .liquid-problem-list {
  position:relative;
  z-index:3;
  display:grid;
  grid-auto-rows:1fr;
  gap:0;
}
body.liquid-site.liquid-home .problem-panel {
  position:relative;
  display:grid;
  min-height:clamp(300px,29vw,405px);
  border:0;
  border-top:1px solid #ffffff29;
  background:transparent;
  transition:background-color .65s cubic-bezier(.22,1,.36,1),border-color .5s;
}
body.liquid-site.liquid-home .problem-panel:last-child {border-bottom:1px solid #ffffff29}
body.liquid-site.liquid-home .problem-panel__quote {
  position:absolute;
  top:26px;
  left:var(--panel-pad);
  right:calc(var(--panel-pad) + 40px);
  z-index:3;
  margin:0;
  max-width:none;
  font:400 clamp(31px,3.75vw,57px)/1.2 'Space Grotesk',Arial,sans-serif;
  letter-spacing:-.045em;
  color:var(--panel-muted);
  transform:scale(.43);
  transform-origin:left top;
  pointer-events:none;
  transition:top .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),color .55s;
}
body.liquid-site.liquid-home .problem-panel__quote-text {display:block;transition:opacity .23s,transform .4s}
body.liquid-site.liquid-home .problem-panel__quote-alt {
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  font-family:'Instrument Serif',Georgia,serif;
  font-size:1.08em;
  font-style:italic;
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.025em;
  transform:translateY(5px);
  transition:opacity .23s,transform .4s;
}
body.liquid-site.liquid-home .problem-panel__trigger {
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:2;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--panel-ink);
  cursor:pointer;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body.liquid-site.liquid-home .problem-panel__trigger[hidden] {display:none}
body.liquid-site.liquid-home .problem-panel__trigger:focus-visible {outline:1px solid #8298ff;outline-offset:-5px}
body.liquid-site.liquid-home .problem-panel__mark {
  position:absolute;
  top:50%;right:var(--panel-pad);
  width:24px;height:24px;
  fill:none;stroke:currentColor;stroke-width:1.1;
  transform:translateY(-50%);
  transition:top .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),color .4s;
}
body.liquid-site.liquid-home .problem-panel__response {
  position:relative;
  z-index:3;
  grid-area:1/1;
  display:grid;
  align-content:center;
  padding:104px clamp(30px,7.3vw,125px) 83px;
  pointer-events:none;
  opacity:1;
  transform:none;
  transition:opacity .45s ease .19s,transform .7s cubic-bezier(.22,1,.36,1) .14s,visibility 0s;
}
body.liquid-site.liquid-home .problem-panel__answer {
  margin:0 auto;
  width:100%;
  max-width:40ch;
  color:var(--panel-ink);
  background:transparent;
  box-shadow:none;
  font:400 clamp(25px,3.05vw,45px)/1.28 'Space Grotesk',Arial,sans-serif;
  letter-spacing:-.037em;
  text-wrap:pretty;
  pointer-events:auto;
}
body.liquid-site.liquid-home .problem-panel__action {
  position:absolute;
  left:clamp(30px,7.3vw,125px);bottom:27px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  min-height:44px;
  border-bottom:1px solid #ffffff4a;
  padding:8px 0;
  color:#bdcaff;
  background:transparent;
  box-shadow:none;
  font:400 13px/1.5 'Manrope',Arial,sans-serif;
  text-decoration:none;
  pointer-events:auto;
  transition:color .2s,border-color .2s;
}
body.liquid-site.liquid-home .problem-panel__action span {font-size:22px;transition:transform .3s}
body.liquid-site.liquid-home .problem-panel__action:hover {color:white;border-color:#8298ff}
body.liquid-site.liquid-home .problem-panel__action:hover span {transform:translate(3px,-3px)}
body.liquid-site.liquid-home .liquid-problem-list[data-enhanced] .problem-panel:not(.is-open) .problem-panel__quote {
  top:50%;transform:translateY(-50%) scale(1);color:var(--panel-ink);
}
body.liquid-site.liquid-home .liquid-problem-list[data-enhanced] .problem-panel:not(.is-open) .problem-panel__response {
  visibility:hidden;
  opacity:0;
  transform:translateY(21px);
  transition:opacity .23s ease,transform .45s ease,visibility 0s .24s;
}
body.liquid-site.liquid-home .problem-panel.is-open {background:#0c1120;border-top-color:#556fc2}
body.liquid-site.liquid-home .problem-panel.is-open .problem-panel__mark {top:27px;transform:rotate(45deg);color:#8298ff}
@media(hover:hover) and (pointer:fine) {
  body.liquid-site.liquid-home .problem-panel:not(.is-open):hover {background:#ffffff05;border-top-color:#ffffff68}
  body.liquid-site.liquid-home .problem-panel:not(.is-open):hover .problem-panel__quote-text {opacity:0;transform:translateY(-5px)}
  body.liquid-site.liquid-home .problem-panel:not(.is-open):hover .problem-panel__quote-alt {opacity:1;transform:none}
  body.liquid-site.liquid-home .problem-panel:not(.is-open):hover .problem-panel__mark {color:#8298ff;transform:translateY(-50%) rotate(90deg)}
}
@media(max-width:760px) {
  body.liquid-site.liquid-home .problems.liquid-problem-field {--panel-pad:22px;padding:8px var(--gutter) 85px}
  body.liquid-site.liquid-home .problem-panel {min-height:350px}
  body.liquid-site.liquid-home .problem-panel__quote {font-size:clamp(27px,6.5vw,41px);right:58px;top:22px;transform:scale(.52);line-height:1.24;letter-spacing:-.04em}
  body.liquid-site.liquid-home .problem-panel__response {padding:103px 22px 82px}
  body.liquid-site.liquid-home .problem-panel__answer {font-size:clamp(23px,5.4vw,30px);line-height:1.34;letter-spacing:-.033em}
  body.liquid-site.liquid-home .problem-panel__action {left:22px;right:22px;bottom:24px;width:max-content;max-width:calc(100% - 44px);font-size:12px;gap:25px}
  body.liquid-site.liquid-home .problem-panel__mark {width:20px;height:20px}
  body.liquid-site.liquid-home .problem-panel.is-open .problem-panel__mark {top:23px}
}
@media(prefers-reduced-motion:reduce) {
  body.liquid-site.liquid-home .problem-panel,body.liquid-site.liquid-home .problem-panel * {transition:none!important}
}