/* "Around Merewether" pin board — Pinterest-style masonry (29 Oct 2026, local mock-up) */
.crew-pins{background:#FAFAF7;padding:clamp(56px,7vw,110px) var(--gut,24px);margin:clamp(40px,5vw,70px) 0 0}
.crew-pins__head,.crew-pins__board,.crew-pins__credits{max-width:var(--w,1320px);margin-left:auto;margin-right:auto}
.crew-pins__head{margin-bottom:clamp(24px,3vw,40px)}
.crew-pins__head .pc-eyebrow{color:var(--blue,#3275EE)}
.crew-pins__lede{font-family:var(--serif);font-size:clamp(17px,1.4vw,20px);color:var(--ink-2,#4A4F5C);margin:.4em 0 0;max-width:46ch}
.crew-pins__board{column-count:4;column-gap:16px}
.crew-pin{break-inside:avoid;-webkit-column-break-inside:avoid;display:block;margin:0 0 16px;padding:0}
.crew-pin__media{position:relative;border-radius:12px;overflow:hidden;background:var(--sky,#EDF3FD)}
.crew-pin__media img{display:block;width:100%;height:auto;max-height:none;border-radius:0;transition:transform .5s ease}
.crew-pin--photo:hover .crew-pin__media img{transform:scale(1.025)}
.crew-pin__credit{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;font:500 11px/1.35 var(--sans);color:#fff;background:linear-gradient(transparent,rgba(10,20,40,.55));opacity:0;transition:opacity .2s ease}
.crew-pin__credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.crew-pin__media:hover .crew-pin__credit,.crew-pin__media:focus-within .crew-pin__credit{opacity:1}
.crew-pin .crew-share-btn{top:10px;right:10px;width:36px;height:36px}
.crew-pin__cap{padding:9px 4px 4px;font-family:var(--sans);line-height:1.3}
.crew-pin__cap strong{display:block;font-size:14px;font-weight:700;color:var(--ink,#161412);letter-spacing:-.005em}
.crew-pin__cap span{display:block;font-size:12px;color:var(--ink-2,#4A4F5C);margin-top:2px}
/* placeholders: soft Crew-blue tint, clearly labelled */
.crew-pin__ph{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px;background:linear-gradient(160deg,#EDF3FD 0%,#DCE8FC 100%);color:var(--ink,#161412);font-family:var(--sans)}
.crew-pin__soon{position:absolute;top:14px;left:14px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue,#3275EE);background:rgba(255,255,255,.75);border-radius:999px;padding:5px 10px}
.crew-pin__cat{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-d,#1F5BCC)}
.crew-pin__name{font-size:clamp(18px,1.6vw,22px);font-weight:800;font-stretch:90%;line-height:1.05;letter-spacing:-.02em}
.crew-pin__ig{font-size:12.5px;color:var(--ink-2,#4A4F5C);overflow-wrap:anywhere}
.crew-pin--map .crew-pin__media{background:#F6F6F3}
.crew-pins__credits{margin-top:clamp(20px,2.5vw,32px);font:400 11.5px/1.6 var(--sans);color:var(--ink-2,#4A4F5C)}
.crew-pins__credits a{color:inherit}
@media (max-width:1180px){.crew-pins__board{column-count:3}}
@media (max-width:781px){
  .crew-pins__board{column-count:2;column-gap:12px}
  .crew-pin{margin-bottom:12px}
  .crew-pin__ph{padding:12px}
  .crew-pin__soon{top:10px;left:10px;font-size:9px;padding:4px 8px;letter-spacing:.1em}
  .crew-pin__name{font-size:16px}
  .crew-pin__cat{font-size:9.5px}
  .crew-pin__ig{font-size:11px}
  .crew-pin__cap strong{font-size:13px}
  .crew-pin__cap span{font-size:11px}
  .crew-pin .crew-share-btn{width:32px;height:32px;top:8px;right:8px}
  .crew-pin .crew-share-btn .crew-ico{width:16px;height:16px}
  .crew-pin--soon .crew-share-btn{top:auto;bottom:8px}
  .crew-pin__ph{padding-bottom:50px}
  .crew-pin__ig{font-size:10.5px}
  .crew-pin__soon{right:auto;max-width:calc(100% - 20px);white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.crew-pin__media img,.crew-pin__credit,.crew-pin .crew-share-btn{transition:none}}