/* Persistent site destinations, independent of the case-study chapter dock. */
:root { --pf-site-height: 56px; }
body[data-portfolio] .pf-site-nav {
  position: fixed; inset: 0 0 auto; z-index: 85;
  display: flex; align-items: center; justify-content: space-between;
  height: var(--pf-site-height); padding: 0 clamp(20px,3vw,56px);
  background: linear-gradient(rgba(4,7,12,.75),rgba(4,7,12,.35));
  border: 0; color: #fff !important;
}
body[data-portfolio] .pf-site-nav a.pf-site-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  padding: 0; margin: 0; background: transparent !important; border: 0 !important;
  font: 500 16px/1.4 var(--pf-font,'Space Grotesk',sans-serif) !important;
  color: inherit !important; white-space: nowrap; text-decoration: none !important;
}
body[data-portfolio] .pf-site-nav a.pf-site-link span { color: inherit !important; }
body[data-portfolio] .pf-site-nav:not([data-solid='true']),
body[data-portfolio='home'] .pf-site-nav {
  background: transparent; box-shadow: none; backdrop-filter: none;
}
body[data-portfolio] .pf-site-nav a.pf-site-link > .pf-back-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 16px; width: 16px; height: 20px; padding: 0; margin: 0;
  line-height: 1; vertical-align: middle;
}
body[data-portfolio] .pf-back-arrow svg {
  display: block; width: 16px; height: 16px; max-width: none; flex: none;
  color: inherit !important; opacity: 1 !important; visibility: visible; overflow: visible;
}
body[data-portfolio] .pf-back-arrow svg path {
  color: inherit !important;
  stroke: currentColor !important; fill: none !important; stroke-width: 1.5px !important;
  opacity: 1 !important; visibility: visible;
}
body[data-portfolio] .pf-site-nav a.pf-site-link > .pf-site-label {
  display: inline-flex; align-items: center; height: 20px; line-height: 20px;
  padding: 0; margin: 0;
}
body[data-portfolio] .pf-site-nav a.pf-site-link:hover {
  opacity: 1; color: var(--project-text, #b7a7ff) !important; text-decoration: none !important;
}
body[data-portfolio] .pf-site-nav a.pf-site-link:focus-visible {
  outline: 2px solid currentColor !important; outline-offset: 4px;
}
body[data-portfolio] .pf-site-nav[data-solid='true'] {
  color: #252b28 !important; background: #fff; border-bottom: 0;
}
body[data-portfolio='feral'] .pf-site-nav[data-solid='true'],
body[data-portfolio='home'] .pf-site-nav[data-solid='true'] {
  color: #fff !important; background: #07090c; border-bottom-color: #292d36;
}
body[data-portfolio='femmefatale'] .pf-site-nav[data-solid='true'] {
  color: var(--project-pale) !important; background: #11120f; border-bottom-color: #3a3021;
}
body.pf-system.pf-unified[data-portfolio] .pf-cover-toolbar { display: none; }
body[data-portfolio='home'] { padding-top: var(--pf-site-height); }
body[data-portfolio='home'] :is(#top,#work,#about) { scroll-margin-top: calc(var(--pf-site-height) + 24px); }
body[data-portfolio='home'] .skip-link:focus { position: fixed; z-index: 100; }
body[data-portfolio='home'] .pf-about {
  position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.4fr;
  gap: 48px; padding: 80px var(--pad); margin-top: 48px;
  background: rgba(7,9,12,.9); border-block: 0;
  color: #f2f1ed;
}
body[data-portfolio='home'] .pf-about-heading > span {
  display: block; font: 400 15px/1.5 var(--mono); color: #b7bac7; margin-bottom: 16px;
}
body[data-portfolio='home'] .pf-about h2 {
  margin: 0; font-size: clamp(36px,4vw,64px); font-weight: 500; letter-spacing: -.04em;
}
body[data-portfolio='home'] .pf-about-copy { max-width: 660px; }
body[data-portfolio='home'] .pf-about-copy p { font-size: clamp(22px,2.3vw,32px); line-height: 1.5; margin: 0 0 24px; }
body[data-portfolio='home'] .pf-about-copy .pf-about-location { font-size: 18px; color: #b7bac7; }
body[data-portfolio='home'] .pf-about-copy a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; text-decoration: underline; text-underline-offset: 5px; }
@media(max-width:600px) {
  body[data-portfolio='home'] .pf-about { grid-template-columns: 1fr; gap: 28px; padding-block: 48px; }
  body[data-portfolio] .pf-site-nav a.pf-site-link { font-size: 16px !important; }
}

body[data-portfolio] .pf-site-nav a.pf-site-link { transition: none; }
body[data-portfolio] .pf-site-nav a.pf-site-link:hover { transition: color .2s; }
body[data-portfolio] .pf-site-nav:not([data-solid='true']) a.pf-site-link:hover,
body[data-portfolio='home'] .pf-site-nav a.pf-site-link:hover { color: var(--project-pale,#d1c5ff) !important; }
body[data-portfolio] .pf-site-home:hover > .pf-back-arrow { animation: pf-back-arrow .55s ease; }
@keyframes pf-back-arrow { 0%,100% { transform: translateX(0); } 45% { transform: translateX(-6px); } }
@media(prefers-reduced-motion:reduce) { body[data-portfolio] .pf-site-home:hover > .pf-back-arrow { animation: none; } }
body[data-portfolio='home'] .pf-site-nav[data-solid] { background: transparent; border: 0; box-shadow: none; }