/* Intrinsic aspect ratios and editorial positioning for the three supplied films. */
#oficio .craft-clips{display:block;position:relative;width:100%;height:clamp(850px,82vw,1200px);margin-top:3vw;z-index:-1}
#oficio .craft-clips>div{position:absolute;display:block;grid-column:auto;width:auto;height:auto;min-height:0;margin:0;border:0;background:transparent;overflow:hidden}
#oficio .craft-clips>div:nth-child(1){top:0;right:2%;width:min(53vw,760px);aspect-ratio:702/402}
#oficio .craft-clips>div:nth-child(2){top:32vw;left:8%;width:min(21vw,305px);aspect-ratio:702/1214}
#oficio .craft-clips>div:nth-child(3){top:55vw;right:8%;width:min(43vw,620px);aspect-ratio:1172/624}
#oficio .craft-clips video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
@media(max-width:899px){
 #oficio .craft-clips{display:flex;flex-direction:column;height:auto;gap:clamp(36px,10vw,80px);margin-top:55px}
 #oficio .craft-clips>div{position:relative;top:auto;right:auto;left:auto;flex:none}
 #oficio .craft-clips>div:nth-child(1){top:0;right:0;left:0;width:89%;margin-left:11%}
 #oficio .craft-clips>div:nth-child(2){top:0;right:0;left:0;width:47%;margin-left:5%}
 #oficio .craft-clips>div:nth-child(3){top:0;right:0;left:0;width:82%;margin-left:18%}
}