/* Portfolio page: the ribbon of small 3D worlds to the right of the heading */
.pf-headrow{display:flex;align-items:center;gap:40px}
.pf-headrow h1{flex:0 0 auto}
.rb3d{position:relative;flex:1 1 auto;min-width:0;height:72px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.rb3d canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rb3d-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:30px;width:max-content;will-change:transform}
.rb3d-item{display:block;width:65px;height:65px;flex:0 0 65px;position:relative}
.rb3d-item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* phones: the ribbon sits centred between the heading and the filter bar */
@media (max-width:767px){.pf-headrow{flex-direction:column;align-items:stretch;gap:0;padding:0 0 20px}.pf-headrow h1{margin-bottom:0!important}.rb3d{height:68px;margin-top:20px}}

@media (min-width:768px){.rb3d{transform:translateY(-16px)}}