/* ARTEK — "More work" references (live demos) */
.scene-refs{padding-top:16vh;padding-bottom:16vh}
.scene-refs .serif-lg{max-width:15em}
.refs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,84px) clamp(24px,3.4vw,56px);width:min(100%,1120px);margin-top:clamp(44px,7vh,88px);text-align:start}
.refs>li{min-width:0}
.ref{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px 18px;color:inherit;text-decoration:none}
.ref .frame{display:block;grid-column:1/-1;margin-bottom:12px;transition:transform .9s var(--ease)}
.ref .frame-inner{display:block;aspect-ratio:16/10}
.ref .frame-inner img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.4s var(--ease)}
.ref:hover .frame,.ref:focus-visible .frame{transform:translateY(-6px)}
.ref:hover .frame-inner img,.ref:focus-visible .frame-inner img{transform:scale(1.035)}
.ref-tag{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:26px;padding:4px 12px;border:1px solid var(--ink);border-radius:999px;font:600 10px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.ref-tag.is-client{background:var(--ink);color:#e9eaea}
.ref-title{font:400 clamp(30px,2.6vw,42px)/1 "Instrument Serif","Times New Roman",serif;letter-spacing:-.01em}
.ref-type{justify-self:end;text-align:end;font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ref .text-link{grid-column:1/-1;justify-self:start;margin-top:4px}
.ref:hover .text-link::after,.ref:focus-visible .text-link::after{transform:scaleX(1);transform-origin:left}
.ref:focus-visible{outline:none}
.ref:focus-visible .frame{outline:1.5px solid currentColor;outline-offset:6px}
.refs-note{max-width:40em;margin-top:clamp(44px,7vh,80px);font-size:13px;line-height:1.75;color:var(--muted);text-align:center}
html[dir="rtl"] .ref-tag{letter-spacing:0;font-size:12px;font-weight:500}
html[dir="rtl"] .ref-type{letter-spacing:0;font-size:13px}
html[dir="rtl"] .refs-note{font-size:14px;line-height:1.9}
@media (max-width:760px){
  .scene-refs{padding:14vh 22px}
  .refs{grid-template-columns:1fr;gap:56px}
  .ref-type{grid-column:1/-1;justify-self:start;text-align:start}
}
@media (prefers-reduced-motion:reduce){
  .ref .frame,.ref .frame-inner img{transition:none}
  .ref:hover .frame,.ref:hover .frame-inner img{transform:none}
}