.picks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:34px;
}
.picks--bleed{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0;
  position:relative;
  z-index:41;
}
.section:has(> .picks--bleed:last-child){padding-bottom:0;}
.picks.picks--bleed{gap:0;}

@media (max-width:1000px){
  .picks--bleed{grid-template-columns:1fr;}
  .picks--bleed .pick{aspect-ratio:16 / 9;}
}

@media (max-width:760px){
  .picks--bleed .pick{aspect-ratio:4 / 3.4;}
}
.pick{
  position:relative;
  display:block;
  aspect-ratio:4 / 3.05;
  background:var(--screen);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
}
.pick__art{position:absolute;inset:0;overflow:hidden;}
.pick__art img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:var(--art-pos, center);
  transform:scale(1.06) translate(0,0);
  transition:transform 1.1s cubic-bezier(.22,.61,.24,1), filter .5s ease;
  will-change:transform;
}
.pick__scrim{
  position:absolute;inset:0;
  background:linear-gradient(to top,
    rgba(13,15,18,.88) 0%, rgba(13,15,18,.45) 26%, rgba(13,15,18,0) 55%);
  transition:opacity .5s ease;
}
.pick__edge{position:absolute;inset:0;z-index:5;pointer-events:none;}
.pick__edge path{
  fill:none;
  stroke:var(--tungsten);
  stroke-width:6;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  transition:stroke-dashoffset .62s cubic-bezier(.3,.08,.85,.4);
}
.pick__br{
  position:absolute;width:16px;height:16px;z-index:3;
  border:2px solid rgba(242,239,232,.55);
}
.pick__br--tr{top:18px;right:18px;border-left:0;border-bottom:0;}
.pick__br--brr{bottom:18px;right:18px;border-left:0;border-top:0;}
.pick__lab{
  position:absolute;left:18px;top:18px;z-index:3;
  padding:5px 9px 4px;
  background:rgba(23,25,29,.92);
  border-radius:2px;
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--paper);
}
.pick__body{
  position:absolute;left:0;bottom:0;z-index:3;
  padding:0 26px 26px;
  display:flex;gap:14px;align-items:stretch;
}
.pick__rule{width:3px;flex:0 0 3px;background:var(--tungsten);align-self:stretch;}
.pick__txt{display:block;}
.pick__txt h3{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(18px,1.8vw,23px);line-height:1.15;letter-spacing:-.01em;
  color:var(--paper);
}
.pick__client{
  display:block;margin-top:7px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(242,239,232,.8);
}
.pick__more{
  display:block;margin-top:0;max-height:0;overflow:hidden;opacity:0;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tungsten);
  transition:max-height .45s ease, opacity .35s ease, margin-top .45s ease;
}
.picks--proof .pick__note{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
  margin-top:9px;max-width:46ch;
  font-size:13.5px;line-height:1.5;color:rgba(242,239,232,.82);
}
.picks--proof .pick__scrim{
  background:linear-gradient(to top,
    rgba(13,15,18,.90) 0%, rgba(13,15,18,.62) 34%, rgba(13,15,18,0) 72%);
}

.pick:hover .pick__art img,
.pick:focus-visible .pick__art img{transform:scale(1.10) translate(-2.4%,-3.2%);}

.pick:hover .pick__scrim,
.pick:focus-visible .pick__scrim{opacity:1;}

.pick:hover .pick__edge path,
.pick:focus-visible .pick__edge path{stroke-dashoffset:0;}

.pick:hover .pick__more,
.pick:focus-visible .pick__more{max-height:20px;opacity:1;margin-top:12px;}

.pick:focus-visible{outline:none;}
.picks:hover .pick:not(:hover) .pick__art img{filter:saturate(.72) brightness(.82);}
@media (max-width:760px){
  .picks{grid-template-columns:1fr;gap:18px;}
  .pick{aspect-ratio:4 / 3.4;}
  .pick__body{padding:0 20px 20px;}
}
@media (prefers-reduced-motion: reduce){
  .pick__art img,.pick__scrim,.pick__more,.pick__edge path{transition:none;}
  .pick:hover .pick__art img,
  .pick:focus-visible .pick__art img{transform:scale(1.06) translate(0,0);}
}
@media (hover:none){
  .pick:hover .pick__art img{transform:scale(1.06) translate(0,0);}
  .pick__edge{display:none;}
  .pick__more{max-height:20px;opacity:1;margin-top:12px;}
}