/* Portishead body styling; opening is shared in project-opening.css. */
@media (min-width: 1101px) {
  .portishead-page .project-chapter,
  .portishead-page .project-opposites { padding-block: var(--g5-space-12) !important; }
  .portishead-page .chapter-heading {
    grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--g5-space-8);
    margin-bottom: var(--g5-space-8);
  }
  .portishead-page .chapter-heading h2 strong { font-weight: var(--g5-weight-strong); }
  .portishead-page .project-chapter-dark,
  .portishead-page .project-details { background: var(--g5-color-white); color: var(--g5-color-text); }
  .portishead-page .chapter-heading-light h2 { color: var(--heading); border-bottom-color: var(--rule); }
  .portishead-page .chapter-heading-light > p,
  .portishead-page .project-chapter-dark figcaption { color: var(--g5-color-text); }
  .portishead-page .drawing-stage { gap: var(--g5-space-6); }
  .portishead-page .drawing-stage figure { padding: var(--g5-space-6); border-radius: var(--g5-space-6); }
  .portishead-page .drawing-stage img { height: 360px; object-fit: contain; aspect-ratio: auto; }
  .portishead-page .opposite-card {
    border-color: var(--g5-color-border);
    border-radius: var(--g5-space-6);
    color: var(--heading);
    transition: none;
  }
  .portishead-page .opposite-card:hover { transform: none; box-shadow: none; border-color: var(--g5-color-border); }
  .portishead-page .opposite-copy { padding: var(--g5-space-8); }
  .portishead-page .opposite-copy :is(h3, span) { color: var(--heading); }
  .portishead-page .opposite-copy h3 { border: 0; margin-bottom: var(--g5-space-4); }
  .portishead-page .opposite-copy p { color: var(--g5-color-text); }
  .portishead-page .opposite-dark { background: var(--g5-color-charcoal); color: var(--g5-color-white); }
  .portishead-page .opposite-dark .opposite-copy :is(h3, p) { color: var(--g5-color-white); }
  .portishead-page .opposite-dark .opposite-copy span { color: var(--g5-color-accent); }
  .portishead-page .opposite-light { background: var(--g5-color-stone); }
  .portishead-page .project-film-link { margin-top: var(--g5-space-8); }
  .portishead-page .project-film-link a { font-weight: var(--g5-weight-regular); }
  .portishead-page #portishead-enquiry { padding-block: var(--g5-space-12); background: var(--g5-color-stone); }
  .portishead-page #portishead-enquiry .wrap { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: var(--g5-space-12); align-items: center; }
  .portishead-page #portishead-enquiry h2 { max-width: none; margin: 0 0 var(--g5-space-4); padding: 0; border: 0; color: var(--heading); }
  .portishead-page #portishead-enquiry p { max-width: 760px; margin: 0; color: var(--g5-color-text); }
  .portishead-page #portishead-enquiry .btn { width: 250px; max-width: 100%; padding: 14px 20px; text-align: center; color: var(--heading); font-weight: var(--g5-weight-strong); transition: background-color .2s ease, transform .2s ease; }
  .portishead-page #portishead-enquiry .btn:hover { background: var(--g5-color-hover); transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .portishead-page :is(.drawing-stage .lightbox-trigger, .result-photo img, .lightbox-nav, #portishead-enquiry .btn) { transition: none; }
  .portishead-page :is(.drawing-stage .lightbox-trigger:hover, .result-photo:hover img, .lightbox-nav:hover, #portishead-enquiry .btn:hover) { transform: none; }
}