/* Curated object portraits on the homepage; full-record filtering stays in the collection prototype. */
main > #selected-work {
  max-width:1180px;
  margin-block:clamp(4rem,8vw,7rem);
  padding:0;
  border:0;
  border-radius:0;
  background:var(--bg);
  box-shadow:none;
  color:var(--text);
}
#selected-work .selected-work-header { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2rem; border-top:1px solid var(--border); padding-top:2rem; }
#selected-work .selected-work-header h2 { margin:0; font-family:var(--font-display); font-size:clamp(2.1rem,4vw,3.2rem); line-height:1.08; font-weight:500; letter-spacing:-.025em; }
#selected-work .selected-work-intro { max-width:58ch; color:var(--muted); font-size:.95rem; line-height:1.65; margin:1rem 0 0; }
#selected-work .work-index-link { display:inline-flex; align-items:center; gap:.6rem; flex-shrink:0; min-height:44px; font-size:.85rem; color:var(--text); text-decoration:underline; text-underline-offset:.3em; }
#selected-work svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#selected-work .selected-work-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.5rem 1.5rem; }
#selected-work .work-tile { grid-column:auto; min-width:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; opacity:1; transform:none; }
#selected-work .work-tile-link { display:block; color:var(--text); text-decoration:none; }
#selected-work .work-visual { position:relative; overflow:hidden; aspect-ratio:3/4; background:var(--artwork-surface); border-radius:0; }
#selected-work .work-visual::before, #selected-work .work-visual::after { content:none; }
#selected-work .work-photo { display:block; position:static; width:100%; height:100%; object-fit:contain; opacity:1; filter:none; transform:none; }
#selected-work .work-meta { position:relative; padding:1rem 2rem 0 0; }
#selected-work .work-domain { display:block; position:static; border:0; border-radius:0; background:transparent; color:var(--muted); margin:0 0 .35rem; padding:0; font-size:.72rem; line-height:1.5; font-weight:500; letter-spacing:0; text-transform:none; }
#selected-work .work-title { color:var(--text); font-family:var(--font-display); font-size:clamp(1.15rem,1.7vw,1.4rem); font-weight:500; line-height:1.15; letter-spacing:-.015em; margin:0; text-wrap:balance; }
#selected-work .work-venue { margin-top:.55rem; font-size:.76rem; line-height:1.5; color:var(--muted); white-space:normal; overflow-wrap:anywhere; }
#selected-work .work-note { font-size:.8rem; margin:.35rem 0 0; color:var(--muted); line-height:1.5; }
#selected-work .work-arrow { position:absolute; right:0; top:2.5rem; }
#selected-work .work-image-credit { border-top:1px solid var(--border); padding-top:1.25rem; margin:2rem 0 0; max-width:none; color:var(--muted); font-size:.75rem; line-height:1.6; }
#selected-work .work-image-credit a { color:inherit; text-decoration:underline; text-underline-offset:.2em; }
#selected-work a:focus-visible { outline:3px solid var(--accent); outline-offset:6px; border-radius:2px; }
#selected-work .work-tile-link:focus-visible .work-title { text-decoration:underline; text-underline-offset:.15em; }
@media (hover:hover) and (pointer:fine) {
  #selected-work .work-tile-link:hover .work-title { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.15em; }
}
@media (max-width:980px) {
  #selected-work .selected-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1.25rem; }
  #selected-work .work-tile:nth-child(n) { grid-column:auto; }
}
@media (max-width:600px) {
  #selected-work .selected-work-header { display:block; padding-top:1.5rem; margin-bottom:1.5rem; }
  #selected-work .work-index-link { margin-top:.75rem; }
  #selected-work .selected-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem 1rem; }
  #selected-work .work-tile:nth-child(n) { grid-column:auto; }
  #selected-work .work-meta { padding:.8rem 0 0; }
  #selected-work .work-title { font-size:1.15rem; }
  #selected-work .work-arrow { display:none; }
  #selected-work .work-arrow { top:2.3rem; }
}
@media (forced-colors:active) { #selected-work a:focus-visible { outline-color:Highlight; } }

/* White is the photographic backdrop; text stays on the theme's tested reading surface. */
#selected-work { --artwork-surface:#fff; --ease-out:cubic-bezier(0.23,1,0.32,1); }
#selected-work [data-concept="causal"] .work-photo { padding:8%; }
@media (prefers-reduced-motion:no-preference) {
  #selected-work .work-photo {
    transform:perspective(900px) rotateX(0deg) rotateY(0deg) scale(1);
    transform-origin:50% 60%;
    transition:transform 180ms var(--ease-out);
  }
  @media (hover:hover) and (pointer:fine) {
    #selected-work .work-tile-link:hover:not(:focus-visible) .work-photo {
      transform:perspective(900px) rotateX(3deg) rotateY(-5deg) scale(1.025);
    }
  }
  #selected-work .work-tile-link:active:not(:focus-visible) .work-photo {
    transform:perspective(900px) rotateX(-2deg) rotateY(2deg) scale(.975);
    transition-duration:120ms;
  }
}
#selected-work .work-tile-link:active .work-title { text-decoration:underline; }
@media (max-width:360px) {
  #selected-work .selected-work-grid { grid-template-columns:minmax(0,1fr); }
  #selected-work .work-visual { max-height:340px; }
}