/* Page shells must never constrain full-bleed artwork or chapter bands. */
body.pf-system.pf-unified[data-portfolio] > main {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
}
body.pf-system.pf-unified[data-portfolio='pawsitive'] #overview .overview-detail { max-width: none; }
body.pf-system.pf-unified[data-portfolio] a.pf-next-project {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
  width: 100%; min-height: clamp(340px,28vw,480px); margin: 0;
  background: #07090c !important; color: #fff !important; text-decoration: none !important;
}
/* The artwork is a real image with a page-relative src: a url() inside a custom property resolves
   against the shared stylesheet in Chrome, which breaks for pages two folders deep. */
body.pf-system.pf-unified[data-portfolio] .pf-next-project .pf-next-image {
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; display: block;
  object-fit: cover; object-position: var(--next-crop); transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
body.pf-system.pf-unified[data-portfolio] .pf-next-project::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg,rgba(4,7,12,.88),rgba(4,7,12,.38) 60%,rgba(4,7,12,.2));
}
body.pf-system.pf-unified[data-portfolio] .pf-next-inner {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  width: min(1200px,calc(100% - 2 * var(--pf-gutter))); margin: auto;
}
body.pf-system.pf-unified[data-portfolio] .pf-next-copy { display: grid; gap: 18px; }
body.pf-system.pf-unified[data-portfolio] .pf-next-label {
  font: 500 15px/1.5 var(--pf-mono) !important; color: #fff !important;
}
body.pf-system.pf-unified[data-portfolio] .pf-next-title {
  font: 500 clamp(44px,6vw,96px)/1.05 var(--pf-font) !important;
  letter-spacing: -.045em !important; color: #fff !important;
}
body.pf-system.pf-unified[data-portfolio] .pf-next-project:hover .pf-next-image { transform: scale(1.035); }
body.pf-system.pf-unified[data-portfolio] .pf-next-project:focus-visible { outline: 3px solid #fff !important; outline-offset: -8px; }
/* Seven chapters need a little more room than six, without wrapping labels. */
@media(min-width:1101px) and (max-width:1440px) {
  body.pf-system.pf-unified[data-portfolio] .pf-reading-track a { padding-inline: 7px; }
  body.pf-system.pf-unified[data-portfolio] .pf-reading-inner { gap: 12px; }
}
@media(max-width:600px) {
      body.pf-system.pf-unified[data-portfolio] a.pf-next-project { min-height: 360px; }
  body.pf-system.pf-unified[data-portfolio] .pf-next-project .pf-next-image { object-position: var(--next-crop-mobile); }
  body.pf-system.pf-unified[data-portfolio] .pf-next-project::after { background: linear-gradient(0deg,rgba(4,7,12,.85),rgba(4,7,12,.25)); }
  body.pf-system.pf-unified[data-portfolio] .pf-next-title { font-size: clamp(38px,10vw,60px) !important; }
  }
@media(prefers-reduced-motion:reduce) {
  body.pf-system.pf-unified[data-portfolio] .pf-next-project .pf-next-image { transition: none; }
}