.myth-sec{ background:var(--pearl); }
.phase-banner{ display:flex; align-items:stretch; border-radius:16px; overflow:hidden; box-shadow:0 18px 40px rgba(61,59,54,0.12); }
@media (max-width:800px){ .phase-banner{ flex-direction:column; border-radius:16px; } }
.phase-banner .seg{ flex:1; padding:26px 28px 26px 42px; position:relative; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.phase-banner .seg:first-child{ padding-left:28px; clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%); }
.phase-banner .seg:nth-child(2){ margin-left:-22px; clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 22px 50%); }
.phase-banner .seg:last-child{ margin-left:-22px; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 22px 50%); }
@media (max-width:800px){
  .phase-banner .seg, .phase-banner .seg:first-child, .phase-banner .seg:nth-child(2), .phase-banner .seg:last-child{ clip-path:none; margin-left:0; padding:20px 22px; }
}
.seg-ink{ background:var(--ink); color:#fff; }
.seg-mint{ background:var(--mint-soft); color:var(--ink); }
.seg .flabel{ font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; opacity:0.7; }
.seg h3{ font-size:1rem; margin:2px 0 2px; }
.seg h3 b{ font-family:var(--font-serif); font-style:italic; font-weight:700; margin-right:6px; }
.seg p{ font-size:0.8rem; opacity:0.85; max-width:24ch; }
.seg .tag-pill{ align-self:flex-start; background:var(--ink); color:var(--mint-soft); font-size:0.62rem; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; padding:3px 10px; border-radius:var(--radius-pill); margin-bottom:4px; }
.myth-fine{ margin-top:16px; display:flex; flex-wrap:wrap; gap:8px 26px; font-size:0.8rem; color:var(--grey); }
.myth-fine strong{ color:var(--ink); }