/* /work featured spread — the cover large, two frames from its story overlapping, the case beside it. */
.wrk-feat__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--bdh-gap);row-gap:48px;align-items:center}
.wrk-feat__media{grid-column:1 / span 7;position:relative;padding:0 clamp(28px,4vw,64px) clamp(56px,6vw,96px) 0}
.wrk-feat__main{position:relative;margin:0;aspect-ratio:1 / 1;border-radius:var(--r-xl);overflow:hidden;background:var(--paper-4);box-shadow:var(--sh-2)}
.wrk-feat__main picture,.wrk-feat__main img{display:block;width:100%;height:100%}
.wrk-feat__main img{object-fit:cover}
.wrk-feat__inset{position:absolute;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--paper-4);box-shadow:var(--sh-2);border:6px solid var(--paper-2)}
.wrk-feat__inset picture,.wrk-feat__inset img{display:block;width:100%;height:100%}
.wrk-feat__inset img{object-fit:cover}
.wrk-feat__inset--1{right:0;bottom:0;width:38%;aspect-ratio:4 / 5}
.wrk-feat__inset--2{right:30%;bottom:-2%;width:24%;aspect-ratio:1;z-index:1}
.wrk-feat__main .wrk-chip--on-ph{left:16px;top:16px;bottom:auto}
.wrk-feat__media.is-in .wrk-feat__inset{transition:transform 1.1s var(--e)}
.wrk-feat__media:hover .wrk-feat__inset--1{transform:translate(6px,-6px)}
.wrk-feat__media:hover .wrk-feat__inset--2{transform:translate(-6px,4px)}

.wrk-feat__say{grid-column:8 / 13;padding-left:clamp(0px,2vw,32px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.wrk-feat__say .h2{max-width:22ch}
.wrk-feat__who{margin-top:-6px;font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
.wrk-feat__brief{font-family:var(--f-h);font-size:clamp(1.12rem,1.5vw,1.32rem);line-height:1.4;letter-spacing:-.008em;color:var(--ink);max-width:34ch}
.wrk-feat__h{margin-top:10px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wrk-feat__did{width:100%;border-top:1px solid var(--line)}
.wrk-feat__did li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.wrk-feat__did a{display:inline-flex;align-items:baseline;gap:10px;font-size:var(--t-sm);font-weight:500;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px}
.wrk-feat__did a:hover{color:var(--blue-d)}
.wrk-feat__did li>span{font-size:var(--t-sm);line-height:1.5;color:var(--muted)}
.wrk-feat__made{display:flex;flex-wrap:wrap;gap:6px}
.wrk-feat__made li{padding:6px 12px;border-radius:var(--r-pill);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-xs);line-height:1.4;color:var(--txt)}
.wrk-feat__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:10px}

@media (max-width:1100px){
  .wrk-feat__media{grid-column:1 / -1;padding-right:clamp(48px,10vw,120px)}
  .wrk-feat__main{aspect-ratio:4 / 3}
  .wrk-feat__say{grid-column:1 / span 10;padding-left:0}
}
@media (max-width:860px){.wrk-feat__say{grid-column:1 / -1}}
@media (max-width:600px){
  .wrk-feat__media{padding:0 28px 64px 0}
  .wrk-feat__main{border-radius:var(--r-lg)}
  .wrk-feat__inset{border-width:4px}
  .wrk-feat__inset--1{width:44%}
  .wrk-feat__inset--2{width:30%;right:38%}
  .wrk-feat__did li{grid-template-columns:minmax(0,1fr);gap:4px}
}

/* touch screens (phones and tablets): 44px tap targets (integrator, responsive pass) */
@media (pointer:coarse){
  .wrk-feat__did a{display:inline-flex;align-items:center;min-height:44px}
}