body.page-id-51 #main, body.page-id-51 .site-main, body.page-id-51 .entry-content, body.page-id-51 article.page, body.page-id-51 #main > .ct-container, body.page-id-51 [data-content="normal"] { width: 100%; max-width: none; margin: 0; padding: 0; display: block; }
body.page-id-51 .entry-content > * { max-width: none; margin-block: 0; }

.pp-work-hero { padding: clamp(58px, 8vw, 108px) 0; background: var(--pp-ground); }
.pp-work-hero__grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(50px, 7vw, 96px); }
.pp-work-hero h1 { margin: 0; color: var(--pp-ink); font-size: clamp(43px, 5vw, 66px); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
.pp-work-hero__copy > p:not(.pp-kicker) { max-width: 650px; margin: 28px 0 32px; font-size: clamp(18px, 1.8vw, 21px); line-height: 1.75; }
.pp-work-hero__media { position: relative; min-height: 570px; }
.pp-work-hero__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--pp-radius-lg); }
.pp-work-hero__stat { position: absolute; right: 28px; bottom: 28px; max-width: 215px; padding: 22px 24px; color: var(--pp-white); background: var(--pp-ink); border-radius: var(--pp-radius-md); }
.pp-work-hero__stat strong, .pp-work-hero__stat span { display: block; }
.pp-work-hero__stat strong { color: var(--pp-white); font-size: 36px; line-height: 1; }
.pp-work-hero__stat span { margin-top: 7px; font-size: 14px; line-height: 1.45; }

.pp-services { background: var(--pp-white); }
.pp-services .pp-page-intro h2 { margin-bottom: 18px; }
.pp-services__grid { display: grid; grid-template-columns: 1.15fr .85fr .85fr; grid-auto-rows: minmax(245px, auto); gap: 18px; }
.pp-service { position: relative; padding: 30px; overflow: hidden; background: var(--pp-ground); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-md); }
.pp-service > span, .pp-service > div > span { color: var(--pp-accent-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.pp-service h3 { margin: 24px 0 12px; font-size: clamp(22px, 2vw, 29px); }
.pp-service p { margin: 0; line-height: 1.7; }
.pp-service--featured { grid-row: span 2; display: flex; align-items: end; padding: clamp(34px, 4vw, 48px); color: var(--pp-white); background: var(--pp-accent); border-color: var(--pp-accent); }
.pp-service--featured h3, .pp-service--featured > div > span { color: var(--pp-white); }
.pp-service--accent { color: var(--pp-white); background: var(--pp-ink); border-color: var(--pp-ink); }
.pp-service--accent h3, .pp-service--accent > span { color: var(--pp-white); }
.pp-service--image { min-height: 280px; display: flex; align-items: end; padding: 0; color: var(--pp-white); background: var(--pp-ink); }
.pp-service--image::after { position: absolute; inset: 0; content: ""; background: color-mix(in srgb, var(--pp-ink) 58%, transparent); }
.pp-service--image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pp-service--image div { position: relative; z-index: 1; padding: 30px; }
.pp-service--image h3, .pp-service--image span { color: var(--pp-white); }

.pp-timeline { background: var(--pp-soft); }
.pp-timeline__heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 48px; }
.pp-timeline__heading h2 { margin-bottom: 0; }
.pp-timeline__list { border-top: 1px solid var(--pp-border); }
.pp-timeline__list article { display: grid; grid-template-columns: 150px 1fr; gap: 36px; padding: 30px 0; border-bottom: 1px solid var(--pp-border); }
.pp-timeline time { color: var(--pp-accent); font-size: clamp(30px, 3.5vw, 48px); font-weight: 800; line-height: 1; }
.pp-timeline h3 { margin: 0 0 8px; }
.pp-timeline p { max-width: 720px; margin: 0; line-height: 1.7; }

.pp-hair { background: var(--pp-ground); }
.pp-hair__grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(48px, 8vw, 112px); }
.pp-hair__image { min-height: 520px; overflow: hidden; border-radius: var(--pp-radius-lg); }
.pp-hair__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.pp-hair__content p:not(.pp-kicker) { margin: 0 0 28px; font-size: 18px; line-height: 1.8; }

@media (max-width: 980px) { .pp-services__grid { grid-template-columns: 1fr 1fr; } .pp-service--featured { grid-row: span 2; } }
@media (max-width: 860px) {
  .pp-work-hero__grid, .pp-hair__grid { grid-template-columns: 1fr; }
  .pp-work-hero__media { min-height: 520px; }
  .pp-timeline__heading { align-items: flex-start; flex-direction: column; }
  .pp-hair__image { min-height: 440px; }
}
@media (max-width: 640px) {
  .pp-work-hero { padding: 44px 0 70px; }
  .pp-work-hero h1 { font-size: clamp(40px, 12vw, 54px); }
  .pp-work-hero__media { min-height: 410px; }
  .pp-work-hero__stat { right: 14px; bottom: 14px; }
  .pp-services__grid { grid-template-columns: 1fr; }
  .pp-service--featured { grid-row: auto; min-height: 340px; }
  .pp-timeline__list article { grid-template-columns: 1fr; gap: 16px; }
  .pp-hair__image { min-height: 340px; }
}
