.problem-solution-bridge-method-section{
  --psb-problem-tint:#FCF7F5;
  --psb-problem-rule:#E3D2CC;
  --psb-problem-red:#9B3D2F;
  width:100%;
  background:var(--gold-soft);
  border-top:1px solid var(--rule);
  padding:var(--section-padding-y) 0;
}
.problem-solution-bridge-method-section__in{width:var(--shell);margin:0 auto}
.problem-solution-bridge-method-section__head{margin-bottom:56px}
.problem-solution-bridge-method-section__title{margin:0;max-width:74%;font-family:var(--display);font-weight:400;font-size:32px;line-height:var(--lh-tight);color:var(--deep);text-wrap:pretty}
.problem-solution-bridge-method-section__copy{margin:7px 0 0;max-width:88ch;font-size:16px;line-height:var(--lh-copy);color:var(--black);text-wrap:pretty}
.problem-solution-bridge-method-section__problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.problem-solution-bridge-method-section__tile{position:relative;min-height:0;padding:13px 16px 14px}
.problem-solution-bridge-method-section__tile-number{font-family:var(--display);line-height:var(--lh-tight)}
.problem-solution-bridge-method-section__tile h3{margin:0 0 2px;font-family:var(--body);font-size:24px;line-height:var(--lh-tight);font-weight:700}
.problem-solution-bridge-method-section__tile p{margin:0;font-size:14px;line-height:var(--lh-copy)}
.problem-solution-bridge-method-section__problem-tile{padding-left:62px;background:var(--psb-problem-tint);border:1px solid var(--psb-problem-rule)}
.problem-solution-bridge-method-section__problem-tile::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(155,61,47,.42)}
.problem-solution-bridge-method-section__problem-tile .problem-solution-bridge-method-section__tile-number{position:absolute;left:0;top:13px;width:62px;text-align:center;font-size:32px;color:rgba(155,61,47,.2);pointer-events:none}
.problem-solution-bridge-method-section__problem-tile h3{color:#2A1512}
.problem-solution-bridge-method-section__problem-tile p{color:#5C4A45}
.problem-solution-bridge-method-section__bridge{position:relative}
.problem-solution-bridge-method-section__bridge svg{display:block;width:100%}
.problem-solution-bridge-method-section__bridge-top{height:56px}
.problem-solution-bridge-method-section__bridge-bottom{height:62px}
.problem-solution-bridge-method-section__flow{stroke-dasharray:6 14;animation:problem-solution-bridge-method-section-dash 9s linear infinite}
.problem-solution-bridge-method-section__method-card{position:relative;margin:0 auto;width:min(560px,100%);background:var(--paper);border:1px solid var(--gold);border-top:4px solid var(--bronze);padding:16px 30px 17px;text-align:center}
.problem-solution-bridge-method-section__eyebrow{display:block;margin-bottom:6px;font-family:var(--body);font-weight:700;font-size:14px;line-height:var(--lh-tight);letter-spacing:.12em;color:var(--bronze)}
.problem-solution-bridge-method-section__method-card h3{margin:0;font-family:var(--display);font-weight:400;font-size:24px;line-height:var(--lh-tight);color:var(--deep)}
.problem-solution-bridge-method-section__ports{display:flex;justify-content:center;gap:9px;margin-top:11px}
.problem-solution-bridge-method-section__ports i{display:block;width:7px;height:7px;background:var(--gold);animation:problem-solution-bridge-method-section-rise 2.4s ease-in-out infinite}
.problem-solution-bridge-method-section__ports i:nth-child(2){animation-delay:.28s}
.problem-solution-bridge-method-section__ports i:nth-child(3){animation-delay:.56s}
.problem-solution-bridge-method-section__ports i:nth-child(4){animation-delay:.84s}
.problem-solution-bridge-method-section__ports i:nth-child(5){animation-delay:1.12s}
.problem-solution-bridge-method-section.is-static .problem-solution-bridge-method-section__flow,
.problem-solution-bridge-method-section.is-static .problem-solution-bridge-method-section__ports i{animation:none}
.problem-solution-bridge-method-section.is-static .problem-solution-bridge-method-section__ports i{opacity:.85}
.problem-solution-bridge-method-section__solution{background:var(--sage);padding:24px 28px 26px;border:1px solid var(--sage)}
.problem-solution-bridge-method-section__solution .problem-solution-bridge-method-section__title{max-width:80%;color:var(--paper)}
.problem-solution-bridge-method-section__solution .problem-solution-bridge-method-section__copy{color:var(--on-sage)}
.problem-solution-bridge-method-section__solution-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.problem-solution-bridge-method-section__solution-tile{padding-top:16px;background:var(--sage);border-top:1px solid rgba(230,223,212,.55);border-bottom:1px solid rgba(230,223,212,.55);border-right:1px solid rgba(230,223,212,.55);color:var(--paper)}
.problem-solution-bridge-method-section__solution-tile:first-child{border-left:1px solid rgba(230,223,212,.55)}
.problem-solution-bridge-method-section__solution-tile::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold)}
.problem-solution-bridge-method-section__solution-tile .problem-solution-bridge-method-section__tile-number{display:block;margin-bottom:12px;font-size:24px;color:var(--paper)}
.problem-solution-bridge-method-section__solution-tile h3,
.problem-solution-bridge-method-section__solution-tile p{color:var(--paper)}
@keyframes problem-solution-bridge-method-section-dash{to{stroke-dashoffset:-240}}
@keyframes problem-solution-bridge-method-section-rise{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .problem-solution-bridge-method-section__flow,
  .problem-solution-bridge-method-section__ports i{animation:none}
}
@media (max-width:1050px){
  .problem-solution-bridge-method-section__title,
  .problem-solution-bridge-method-section__solution .problem-solution-bridge-method-section__title{max-width:100%}
  .problem-solution-bridge-method-section__solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .problem-solution-bridge-method-section__solution-tile:nth-child(2n){border-right:1px solid rgba(230,223,212,.55)}
  .problem-solution-bridge-method-section__solution-tile:nth-child(5){grid-column:1 / -1}
}
@media (max-width:760px){
  .problem-solution-bridge-method-section__in{width:var(--shell)}
  .problem-solution-bridge-method-section__solution{padding:22px 18px 24px}
  .problem-solution-bridge-method-section__problem-grid,
  .problem-solution-bridge-method-section__solution-grid{grid-template-columns:1fr}
  .problem-solution-bridge-method-section__solution-tile,
  .problem-solution-bridge-method-section__solution-tile:first-child{border-left:1px solid rgba(230,223,212,.55);border-right:1px solid rgba(230,223,212,.55)}
  .problem-solution-bridge-method-section__method-card{padding:14px 16px 16px}
}

/* Template title standard: section H2 */
[data-section="problem-solution-bridge-method-section"][data-section="problem-solution-bridge-method-section"] h2,
.problem-solution-bridge-method-section.problem-solution-bridge-method-section h2,
.problem-solution-bridge-method-section__root.problem-solution-bridge-method-section__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 120px between their border and content. */
.problem-solution-bridge-method-section{
  padding-top:var(--section-padding-y);
  padding-bottom:var(--section-padding-y);
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="problem-solution-bridge-method-section"] .problem-solution-bridge-method-section__title,
[data-section="problem-solution-bridge-method-section"] .problem-solution-bridge-method-section__copy{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="problem-solution-bridge-method-section"] .problem-solution-bridge-method-section__copy{
  margin-top:24px !important;
}
