.pmt-28371 { --pmt-ink: #222428; --pmt-accent: #d73e39; box-sizing: border-box; padding: 48px 40px 72px; background: #f7f7f7; color: var(--pmt-ink); font-family: azo-sans-web, Arial, sans-serif; }
.pmt-28371 .pmt-28371__header { max-width: 1520px; margin: 0 auto; text-align: center; }
.pmt-28371 .pmt-28371__heading, .elementor-widget-project_management_timeline_28371 .pmt-28371 .pmt-28371__heading { margin: 0 0 34px; font-size: clamp(36px, 3.65vw, 72px); font-weight: 800; line-height: .98; letter-spacing: -.055em; text-transform: uppercase; }
.pmt-28371 .pmt-28371__subheading { margin: 0 0 2px; font-size: clamp(20px, 1.55vw, 30px); font-weight: 800; line-height: 1.2; }
.pmt-28371 .pmt-28371__intro { max-width: 1280px; margin: 0 auto; font-size: clamp(19px, 1.52vw, 29px); line-height: 1.2; letter-spacing: -.025em; }
.pmt-28371 .pmt-28371__intro > * { margin: 0; }
.pmt-28371 .pmt-28371__timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1580px; margin: 84px auto 34px; padding: 0; list-style: none; }
.pmt-28371 .pmt-28371__step { position: relative; display: grid; justify-items: center; gap: 17px; text-align: center; font-size: clamp(17px, 1.35vw, 27px); line-height: 1.1; }
.pmt-28371 .pmt-28371__step:not(:last-child)::after { content: ''; position: absolute; top: 26px; left: calc(50% + 27px); width: calc(100% - 54px); border-top: 2px dashed var(--pmt-accent); }
.pmt-28371 .pmt-28371__number { position: relative; z-index: 1; display: grid; width: 54px; height: 54px; place-items: center; border: 2px solid var(--pmt-accent); border-radius: 50%; background: #f7f7f7; color: var(--pmt-accent); font-size: 29px; font-weight: 700; }
.pmt-28371 .pmt-28371__step-title { min-height: 2.2em; }
.pmt-28371 .pmt-28371__step.is-active .pmt-28371__step-title { font-weight: 800; }
.pmt-28371 .pmt-28371__detail { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(330px, .9fr); gap: clamp(50px, 8vw, 165px); max-width: 1680px; margin: 0 auto; padding: clamp(40px, 4vw, 76px); background: #fff; }
.pmt-28371 .pmt-28371__detail-copy-wrap { min-width: 0; font-size: clamp(18px, 1.42vw, 28px); line-height: 1.26; }
.pmt-28371 .pmt-28371__eyebrow { margin: 0 0 18px; font-weight: 500; font-style: italic; }
.pmt-28371 .pmt-28371__detail-copy > * { margin: 0 0 16px; }
.pmt-28371 .pmt-28371__why-heading { margin: 38px 0 14px; font-weight: 800; font-style: italic; }
.pmt-28371 .pmt-28371__why-copy { font-style: italic; }
.pmt-28371 .pmt-28371__why-copy > * { margin: 0; }
.pmt-28371 .pmt-28371__next { display: inline-block; margin-top: 44px; color: var(--pmt-accent); font-style: italic; text-decoration: underline; text-underline-offset: 4px; }
.pmt-28371 .pmt-28371__figure { margin: 0; min-height: 430px; overflow: hidden; }
.pmt-28371 .pmt-28371__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1024px) { .pmt-28371 .pmt-28371__detail { grid-template-columns: 1fr; gap: 36px; } .pmt-28371 .pmt-28371__figure { min-height: 360px; } }
@media (max-width: 767px) { .pmt-28371 { padding: 48px 22px; } .pmt-28371 .pmt-28371__timeline { grid-template-columns: 1fr 1fr; gap: 30px 12px; margin: 52px auto 28px; } .pmt-28371 .pmt-28371__step:not(:last-child)::after { display: none; } .pmt-28371 .pmt-28371__detail { padding: 30px 24px; } .pmt-28371 .pmt-28371__figure { min-height: 280px; } }