/* Scoped additions for the delivered PINE and Tricon history pages. */
.pine-page .pine-intro,
.trajectory-page .trajectory-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(40px, 9vw, 160px);
  padding-block: clamp(70px, 8vw, 130px);
  max-width: 1180px;
}
.pine-page .pine-intro .eyebrow { margin-bottom: 0; }
.pine-page .pine-logo { width: min(100%, 310px); height: auto; object-fit: contain; }
.pine-page .pine-intro h1,
.trajectory-page .trajectory-intro h1 { font-size: clamp(34px, 4vw, 58px); }
.pine-page .pine-intro-copy > p:not(.lead) { color: var(--muted); max-width: 45ch; }
.pine-page .pine-intro-copy > .lead { margin-bottom: 24px; }
.pine-page .pine-hero { margin: 0; }
.pine-page .pine-hero > img { width: 100%; height: auto; max-height: 100svh; object-fit: contain; background: var(--surface-section); }
.pine-page .pine-hero figcaption { margin-top: 16px; font-size: 10px; letter-spacing: 1px; color: var(--muted); }
.pine-page .pine-section-nav { display: flex; flex-wrap: wrap; gap: 16px 38px; padding-block: 32px; font-size: 13px; border-bottom: 1px solid var(--line); }
.pine-page .pine-section-nav a { border-bottom: 1px solid transparent; }
.pine-page .pine-section-nav a:hover { border-color: currentColor; }
.pine-page .pine-gallery { padding-block: clamp(70px, 8vw, 130px); }
.pine-page .pine-gallery .gallery-image { height: min(80svh, 800px); min-height: 360px; background: var(--surface-section); }
.pine-page .pine-gallery .gallery-image img { object-fit: contain; height: 100%; width: 100%; aspect-ratio: auto; }
.pine-page .pine-gallery .gallery-thumbs { overflow-x: auto; }
.pine-page .pine-gallery .gallery-thumbs button { flex: 0 0 90px; }
.pine-page .pine-gallery .gallery-thumbs img { object-fit: contain; }
.pine-page .pine-image-note,
.trajectory-page .trajectory-image-note { color: var(--muted); font-size: 12px; margin: 20px 0 0; }
.pine-page .pine-contact,
.trajectory-page .trajectory-next { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; max-width: 1180px; padding-block: 70px 130px; border-top: 1px solid var(--line); }
.pine-page .pine-contact .text-link { display: flex; width: fit-content; margin-top: 24px; }
.trajectory-page .trajectory-monogram { width: 124px; color: var(--navy); margin-bottom: 36px; }
.trajectory-page .trajectory-signature > .eyebrow { margin-bottom: 0; }
.trajectory-page .trajectory-intro .lead { max-width: 46ch; }
.trajectory-page .trajectory-foundation { background: var(--surface-section); padding-block: clamp(70px, 8vw, 130px); }
.trajectory-page .trajectory-foundation-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12%; max-width: 1180px; }
.trajectory-page .trajectory-year { font-size: clamp(76px, 11vw, 160px); line-height: 1; font-weight: 300; letter-spacing: -.06em; color: var(--navy); }
.trajectory-page .trajectory-foundation p:not(.eyebrow) { max-width: 50ch; }
.trajectory-page .trajectory-deliveries { padding-block: clamp(70px, 8vw, 130px); }
.trajectory-page .trajectory-projects { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 4vw, 68px); }
.trajectory-page .trajectory-project-image { display: block; }
.trajectory-page .trajectory-project-image img { width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; }
.trajectory-page .trajectory-project-caption { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 26px; }
.trajectory-page .trajectory-project-caption .eyebrow { font-size: 10px; margin: 0 0 10px; color: var(--muted); }
.trajectory-page .trajectory-project-caption h3 { margin: 0; font-size: 28px; }
.trajectory-page .trajectory-project-arrow { font-size: 28px; min-width: 44px; min-height: 44px; display: grid; place-items: center; }
@media (max-width: 700px) {
  .pine-page .pine-intro,
  .trajectory-page .trajectory-intro { grid-template-columns: 1fr; gap: 30px; padding-block: 46px 64px; }
  .pine-page .pine-logo { width: 220px; margin-block: 0 -24px; }
  .pine-page .pine-gallery .gallery-image { height: min(64svh, 620px); min-height: 280px; }
  .pine-page .pine-gallery .section-heading { display: flex; gap: 20px; flex-wrap: wrap; }
  .pine-page .pine-gallery .gallery-controls { margin-top: 0; }
  .pine-page .pine-gallery .gallery-thumbs button { flex-basis: 70px; }
  .pine-page .pine-contact,
  .trajectory-page .trajectory-next,
  .trajectory-page .trajectory-foundation-grid { grid-template-columns: 1fr; gap: 32px; }
  .pine-page .pine-contact,
  .trajectory-page .trajectory-next { padding-block: 56px 76px; }
  .trajectory-page .trajectory-monogram { width: 80px; margin-bottom: 24px; }
  .trajectory-page .trajectory-projects { grid-template-columns: 1fr; gap: 48px; }
}