/* Let the work establish a point of view before inviting a project brief. */
.selected-work {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-rows:auto 1fr;
  column-gap:clamp(2.5rem,7vw,7rem);
  width:min(80rem,calc(100% - 2 * var(--page-edge)));
  margin:clamp(2.5rem,5vw,5rem) auto 0;
  padding-top:clamp(2rem,4vw,4rem);
  border-top:1px solid var(--line);
}
.selected-work__heading { grid-column:1; grid-row:1; align-self:end; padding-top:clamp(0rem,3vw,3rem); }
.selected-work .eyebrow { margin:0; font-size:.66rem; font-weight:500; letter-spacing:.04em; }
.selected-work h2 { margin:1.3rem 0 1.5rem; font-size:clamp(2.7rem,4.2vw,4rem); font-weight:500; line-height:1.08; letter-spacing:-.047em; }
.selected-work__lead { max-width:35ch; margin:0; color:var(--reading); font-size:clamp(1.04rem,1.4vw,1.2rem); line-height:1.65; text-wrap:pretty; }
.selected-work__thought { grid-column:1; grid-row:2; align-self:start; max-width:46ch; padding-top:1.6rem; }
.selected-work__thought>p { margin:0; font-size:.88rem; line-height:1.75; color:var(--reading); }
.selected-work__thought .selected-work__credit { margin-top:1.2rem; max-width:43ch; color:var(--muted); font-size:.73rem; line-height:1.7; }
.selected-work__link { display:inline-flex; align-items:center; gap:1.25rem; min-height:44px; margin-top:1rem; color:var(--ink); font-size:.82rem; text-underline-offset:5px; }
.selected-work__link svg { flex:none; width:21px; height:21px; transition:transform .2s ease; }
.selected-work__link:hover svg { transform:translateX(4px); }
.selected-work__image { grid-column:2; grid-row:1 / 3; width:100%; max-width:28rem; justify-self:end; margin:0; }
.selected-work__image>a { display:block; border-radius:8px; }
.selected-work__image img { display:block; width:100%; height:auto; border-radius:8px; }
.selected-work__image figcaption { display:flex; justify-content:space-between; gap:1rem; margin-top:.85rem; font-size:.66rem; line-height:1.6; color:var(--muted); }
.selected-work__image a:focus-visible,.selected-work__link:focus-visible { outline:2px solid var(--ink); outline-offset:6px; }
.portfolio-sequence>.project-guide { margin-top:clamp(3.5rem,7vw,7rem); }
.portfolio-sequence .selected-work+.work-heading { margin-top:clamp(3rem,6vw,6rem); }
@media(max-width:1000px) and (min-width:761px) {
  .selected-work { column-gap:2.5rem; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .selected-work h2 { font-size:clamp(2.35rem,4.7vw,3rem); }
  .selected-work__heading { padding-top:0; }
}
@media(max-width:760px) {
  .selected-work { display:flex; flex-direction:column; gap:0; margin-top:2rem; padding-top:2rem; }
  .selected-work__heading { padding-top:0; }
  .selected-work h2 { margin:1rem 0 1.2rem; font-size:clamp(2.35rem,8.9vw,3.5rem); line-height:1.1; }
  .selected-work__lead { max-width:36ch; font-size:1rem; line-height:1.65; }
  .selected-work__image { align-self:center; margin-top:1.8rem; max-width:26rem; }
  .selected-work__image figcaption { font-size:.62rem; margin-top:.65rem; }
  .selected-work__thought { max-width:44ch; padding-top:1.5rem; }
  .selected-work__thought>p { font-size:.86rem; }
  .selected-work__thought .selected-work__credit { margin-top:1rem; font-size:.7rem; }
  .selected-work__link { margin-top:.8rem; font-size:.79rem; }
}
@media(prefers-reduced-motion:reduce) { .selected-work__link svg { transition:none; } }