/* Compact original-brand strips; native sticky positions keep document flow stable. */
.method-stack{position:relative;isolation:isolate}
.method-stack-card{
  position:relative;
  display:flex;
  align-items:center;
  height:clamp(210px,18vw,240px);
  margin:0 0 18px;
  padding:30px 44px;
  overflow:hidden;
  border-radius:30px;
  background:var(--panel-solid,#fff);
  color:var(--txt,#171717);
}
.method-stack-card:last-child{margin-bottom:0}
.method-stack-card.strategy{background:var(--pink,#fbe3f2)}
.method-stack-card.communication{background:var(--lavender,#dfdafa)}
.method-stack-card.psychology{background:#fff2a2}
.method-stack-card.networking{background:#24232a;color:#fff}
.method-stack-card .method-copy{position:relative;z-index:1;width:54%;max-width:650px;min-width:0}
.method-stack-card .method-copy h3{
  margin:0 0 17px;
  font-size:clamp(40px,4.3vw,63px);
  line-height:1.04;
  letter-spacing:-.05em;
}
.method-stack-card .method-copy>p{
  max-width:520px;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.4;
  letter-spacing:-.015em;
}
.method-art{position:absolute;inset:0 0 0 auto;width:46%;pointer-events:none}
.method-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.method-stack-card.strategy .method-art{width:43%;right:1%}
.method-stack-card.strategy .method-art img{object-position:50% 35%}
.method-stack-card.communication .method-art{width:48%;right:-1%}
.method-stack-card.networking .method-art{width:48%;right:-1%}

@media(min-width:681px) and (min-height:560px){
  .method-stack-card{
    position:sticky;
    top:calc(104px + var(--card-index,0) * 16px);
    z-index:calc(1 + var(--card-index,0));
    box-shadow:0 -4px 15px -12px rgb(23 23 23 / 18%);
  }
}
@media(min-width:681px) and (max-width:1000px){
  .method-stack-card{height:210px;padding:27px 32px;border-radius:26px}
  .method-stack-card .method-copy{width:55%}
  .method-stack-card .method-copy h3{font-size:40px;margin-bottom:15px}
  .method-stack-card .method-copy>p{font-size:16px;max-width:370px}
  .method-art{width:44%}
}
@media(max-width:680px){
  .method-stack-card{display:block;height:290px;margin-bottom:13px;padding:25px 26px;border-radius:25px}
  .method-stack-card .method-copy{width:100%;max-width:none}
  .method-stack-card .method-copy h3{font-size:36px;margin-bottom:12px}
  .method-stack-card .method-copy>p{max-width:390px;font-size:15px;line-height:1.4}
  .method-art{inset:auto -4% -9px auto;width:80%;height:150px}
  .method-stack-card.strategy .method-art{width:66%;height:170px;right:1%;bottom:-32px}
  .method-stack-card.strategy .method-art img{object-position:50% 27%}
  .method-stack-card.communication .method-art,
  .method-stack-card.networking .method-art{width:83%;right:-4%}
}
@media(max-width:360px){
  .method-stack-card{height:290px;padding:24px}
  .method-stack-card .method-copy h3{font-size:33px}
  .method-stack-card .method-copy>p{font-size:14px}
  .method-art{height:135px;bottom:-5px}
}
@media(max-width:680px) and (min-height:540px){
  .method-stack-card{position:sticky;top:calc(84px + var(--card-index,0) * 14px);z-index:calc(1 + var(--card-index,0))}
}
@media(prefers-reduced-motion:reduce){
  .method-stack-card{position:relative;top:auto}
}